mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-15 03:35:01 +00:00
c649c29e7d
Allow for the widget to have a mark-as-read button to its individual groups, as well as change the event listening from 'remove' to 'discard' The problem with 'remove' event is that it is triggered when an item is either intentionally removed from the list *and* when an item is changing its position in the list (move event includes 'remove' and then 'add' event) If we listen to 'remove' events we will get both cases, which is unhelpful. Instead, a new event - 'discard' - was introduced so we are certain it is used with the clear intention of removing the item completely. Change-Id: Ia08720bf4c547fa41edf62331eeb1a45ff4965b7
284 lines
7.7 KiB
JavaScript
284 lines
7.7 KiB
JavaScript
( function ( mw, $ ) {
|
|
/**
|
|
* Notification item data structure.
|
|
*
|
|
* @class
|
|
* @mixins OO.EventEmitter
|
|
* @mixins OO.SortedEmitterList
|
|
*
|
|
* @constructor
|
|
* @param {number} id Notification id,
|
|
* @param {Object} [config] Configuration object
|
|
* @cfg {string} [iconUrl] A URL for the given icon.
|
|
* @cfg {string} [iconType] A string noting the icon type.
|
|
* @cfg {Object} [content] The message object defining the text for the header and,
|
|
* optionally, the body of the notification.
|
|
* @cfg {string} [content.header=''] The header text of the notification
|
|
* @cfg {string} [content.body=''] The body text of the notification
|
|
* @cfg {string} [category] The category of this notification. The category identifies
|
|
* where the notification originates from.
|
|
* @cfg {string} [type='message'] The notification type 'message' or 'alert'
|
|
* @cfg {boolean} [read=false] State the read state of the option
|
|
* @cfg {boolean} [seen=false] State the seen state of the option
|
|
* @cfg {string} [timestamp] Notification timestamp in Mediawiki timestamp format
|
|
* @cfg {string} [primaryUrl] Notification primary link in raw url format
|
|
* @cfg {boolean} [foreign=false] This notification is from a foreign source
|
|
* @cfg {boolean} [bundled=false] This notification is part of a bundle
|
|
* @cfg {string} [source] The source this notification is coming from, if it is foreign
|
|
* @cfg {Object[]} [secondaryUrls] An array of objects defining the secondary URLs
|
|
* for this notification. The secondary URLs are expected to have this structure:
|
|
* {
|
|
* "iconType": "userAvatar", // A symbolic name for the icon.
|
|
* // Will render as oo-ui-icon-* class.
|
|
* "label": "", // The label for the link
|
|
* "prioritized": true/false, // Prioritized links are outside of the popup
|
|
* // menu, whenever possible.
|
|
* "url": "..." // The url for the secondary link
|
|
* }
|
|
*/
|
|
mw.echo.dm.NotificationItem = function MwEchoDmNotificationItem( id, config ) {
|
|
var date = new Date(),
|
|
normalizeNumber = function ( number ) {
|
|
return ( number < 10 ? '0' : '' ) + String( number );
|
|
},
|
|
fallbackMWDate = date.getUTCFullYear() +
|
|
normalizeNumber( date.getMonth() ) +
|
|
normalizeNumber( date.getUTCDate() ) +
|
|
normalizeNumber( date.getUTCHours() ) +
|
|
normalizeNumber( date.getUTCMinutes() ) +
|
|
normalizeNumber( date.getUTCSeconds() );
|
|
|
|
config = config || {};
|
|
|
|
// Mixin constructor
|
|
OO.EventEmitter.call( this );
|
|
|
|
// Properties
|
|
this.id = id;
|
|
this.content = $.extend( { header: '', body: '' }, config.content );
|
|
this.category = config.category || '';
|
|
this.type = config.type || 'message';
|
|
this.foreign = !!config.foreign;
|
|
this.bundled = !!config.bundled;
|
|
this.source = config.source || '';
|
|
this.iconType = config.iconType;
|
|
this.iconURL = config.iconURL;
|
|
|
|
this.read = !!config.read;
|
|
this.seen = !!config.seen;
|
|
|
|
this.timestamp = config.timestamp || fallbackMWDate;
|
|
this.setPrimaryUrl( config.primaryUrl );
|
|
this.setSecondaryUrls( config.secondaryUrls );
|
|
};
|
|
|
|
/* Initialization */
|
|
|
|
OO.initClass( mw.echo.dm.NotificationItem );
|
|
OO.mixinClass( mw.echo.dm.NotificationItem, OO.EventEmitter );
|
|
|
|
/* Events */
|
|
|
|
/**
|
|
* @event update
|
|
*
|
|
* Item details have changed or were updated
|
|
*/
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Get NotificationItem id
|
|
*
|
|
* @return {string} NotificationItem Id
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getId = function () {
|
|
return this.id;
|
|
};
|
|
|
|
/**
|
|
* Get NotificationItem content header
|
|
*
|
|
* @return {string} NotificationItem content
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getContentHeader = function () {
|
|
return this.content.header;
|
|
};
|
|
|
|
/**
|
|
* Get NotificationItem content body
|
|
*
|
|
* @return {string} NotificationItem content body
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getContentBody = function () {
|
|
return this.content.body;
|
|
};
|
|
|
|
/**
|
|
* Get NotificationItem category
|
|
*
|
|
* @return {string} NotificationItem category
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getCategory = function () {
|
|
return this.category;
|
|
};
|
|
|
|
/**
|
|
* Get NotificationItem type
|
|
*
|
|
* @return {string} NotificationItem type
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getType = function () {
|
|
return this.type;
|
|
};
|
|
|
|
/**
|
|
* Check whether this notification item is read
|
|
*
|
|
* @return {boolean} Notification item is read
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.isRead = function () {
|
|
return this.read;
|
|
};
|
|
|
|
/**
|
|
* Check whether this notification item is seen
|
|
*
|
|
* @return {boolean} Notification item is seen
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.isSeen = function () {
|
|
return this.seen;
|
|
};
|
|
|
|
/**
|
|
* Check whether this notification item is foreign
|
|
*
|
|
* @return {boolean} Notification item is foreign
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.isForeign = function () {
|
|
return this.foreign;
|
|
};
|
|
|
|
/**
|
|
* Check whether this notification item is part of a bundle
|
|
*
|
|
* @return {boolean} Notification item is part of a bundle
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.isBundled = function () {
|
|
return this.bundled;
|
|
};
|
|
|
|
/**
|
|
* Set this notification item as foreign
|
|
*
|
|
* @param {boolean} isForeign Notification item is foreign
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.setForeign = function ( isForeign ) {
|
|
this.foreign = isForeign;
|
|
};
|
|
|
|
/**
|
|
* Toggle the read state of the widget
|
|
*
|
|
* @param {boolean} [read] The current read state. If not given, the state will
|
|
* become the opposite of its current state.
|
|
* @fires update
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.toggleRead = function ( read ) {
|
|
read = read !== undefined ? read : !this.read;
|
|
if ( this.read !== read ) {
|
|
this.read = read;
|
|
this.emit( 'update' );
|
|
this.emit( 'sortChange' );
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Toggle the seen state of the widget
|
|
*
|
|
* @param {boolean} [seen] The current seen state. If not given, the state will
|
|
* become the opposite of its current state.
|
|
* @fires update
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.toggleSeen = function ( seen ) {
|
|
seen = seen !== undefined ? seen : !this.seen;
|
|
if ( this.seen !== seen ) {
|
|
this.seen = seen;
|
|
this.emit( 'update' );
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Get the notification timestamp
|
|
*
|
|
* @return {number} Notification timestamp in Mediawiki timestamp format
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getTimestamp = function () {
|
|
return this.timestamp;
|
|
};
|
|
|
|
/**
|
|
* Set the notification link
|
|
*
|
|
* @param {string} link Notification url
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.setPrimaryUrl = function ( link ) {
|
|
this.primaryUrl = link;
|
|
};
|
|
|
|
/**
|
|
* Get the notification link
|
|
*
|
|
* @return {string} Notification url
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getPrimaryUrl = function () {
|
|
return this.primaryUrl;
|
|
};
|
|
|
|
/**
|
|
* Get the notification icon URL
|
|
*
|
|
* @return {string} Notification icon URL
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getIconURL = function () {
|
|
return this.iconURL;
|
|
};
|
|
|
|
/**
|
|
* Get the notification icon type
|
|
*
|
|
* @return {string} Notification icon type
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getIconType = function () {
|
|
return this.iconType;
|
|
};
|
|
|
|
/**
|
|
* Set the notification's secondary links
|
|
* See constructor documentation for the structure of these links objects.
|
|
*
|
|
* @param {Object[]} links Secondary url definitions
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.setSecondaryUrls = function ( links ) {
|
|
this.secondaryUrls = links || [];
|
|
};
|
|
|
|
/**
|
|
* Get the notification's secondary links
|
|
*
|
|
* @return {Object[]} Secondary url definitions
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getSecondaryUrls = function () {
|
|
return this.secondaryUrls;
|
|
};
|
|
|
|
/**
|
|
* Get the notification's source
|
|
*
|
|
* @return {string} Notification source
|
|
*/
|
|
mw.echo.dm.NotificationItem.prototype.getSource = function () {
|
|
return this.source;
|
|
};
|
|
} )( mediaWiki, jQuery );
|