mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-13 17:57:21 +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
197 lines
4.9 KiB
JavaScript
197 lines
4.9 KiB
JavaScript
( function ( mw ) {
|
|
/**
|
|
* Notifications list data structure.
|
|
*
|
|
* This contains the list of mw.echo.dm.NotificationItem items
|
|
* in the specified order and reflects when the list has changed.
|
|
*
|
|
* @class
|
|
* @extends mw.echo.dm.SortedList
|
|
*
|
|
* @constructor
|
|
* @param {Object} config Configuration options
|
|
* @cfg {string} [title] An optional title for this notifications list
|
|
* @cfg {string} [source='local'] Symbolic name for the source of this list.
|
|
* This is used mainly for recognizing where API actions should be
|
|
* by the controller.
|
|
* @cfg {string} [sourceURL] The URL for the article base of the remote
|
|
* group or wiki
|
|
* @cfg {string} [timestamp=0] A timestamp representing the latest item in
|
|
* then list.
|
|
*/
|
|
mw.echo.dm.NotificationsList = function MwEchoDmNotificationsList( config ) {
|
|
config = config || {};
|
|
|
|
// Parent constructor
|
|
mw.echo.dm.NotificationsList.parent.call( this );
|
|
|
|
this.source = config.source || 'local';
|
|
this.sourceURL = config.sourceURL;
|
|
this.title = config.title || '';
|
|
this.fallbackTimestamp = config.timestamp || 0;
|
|
|
|
// Sorting callback
|
|
this.setSortingCallback( function ( a, b ) {
|
|
var diff;
|
|
|
|
if ( !a.isRead() && b.isRead() ) {
|
|
return -1; // Unread items are always above read items
|
|
} else if ( a.isRead() && !b.isRead() ) {
|
|
return 1;
|
|
} else if ( !a.isForeign() && b.isForeign() ) {
|
|
return -1;
|
|
} else if ( a.isForeign() && !b.isForeign() ) {
|
|
return 1;
|
|
}
|
|
|
|
// Reverse sorting
|
|
diff = Number( b.getTimestamp() ) - Number( a.getTimestamp() );
|
|
if ( diff !== 0 ) {
|
|
return diff;
|
|
}
|
|
|
|
// Fallback on IDs
|
|
return b.getId() - a.getId();
|
|
} );
|
|
};
|
|
|
|
/* Initialization */
|
|
OO.inheritClass( mw.echo.dm.NotificationsList, mw.echo.dm.SortedList );
|
|
|
|
/* Events */
|
|
|
|
/**
|
|
* @event update
|
|
* @param {mw.echo.dm.NotificationItem} items Current items in the list
|
|
*
|
|
* The list has been updated
|
|
*/
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Set the items in this list
|
|
*
|
|
* @param {mw.echo.dm.NotificationItem[]} items Items to insert into the list
|
|
* @fires update
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.setItems = function ( items ) {
|
|
this.clearItems();
|
|
this.addItems( items );
|
|
this.emit( 'update', this.getItems() );
|
|
};
|
|
|
|
/**
|
|
* Discard items from the list.
|
|
*
|
|
* This is a more precise operation than 'removeItems' because when
|
|
* the list is resorting the position of a single item, it removes
|
|
* the item and reinserts it, which makes the 'remove' event unhelpful
|
|
* to differentiate between actually discarding items, and only
|
|
* temporarily moving them.
|
|
*
|
|
* @param {mw.echo.dm.NotificationItem[]} items Items to insert into the list
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.discardItems = function ( items ) {
|
|
this.removeItems( items );
|
|
this.emit( 'discard', items );
|
|
};
|
|
|
|
/**
|
|
* Get an array of all items' IDs.
|
|
*
|
|
* @return {number[]} Item IDs
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.getAllItemIds = function () {
|
|
var i,
|
|
idArray = [],
|
|
items = this.getItems();
|
|
|
|
for ( i = 0; i < items.length; i++ ) {
|
|
idArray.push( items[ i ].getId() );
|
|
}
|
|
|
|
return idArray;
|
|
};
|
|
|
|
/**
|
|
* Get the title associated with this list.
|
|
*
|
|
* @return {string} List title
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.getTitle = function () {
|
|
return this.title;
|
|
};
|
|
|
|
/**
|
|
* Get the source associated with this list.
|
|
*
|
|
* @return {string} List source
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.getSource = function () {
|
|
return this.source;
|
|
};
|
|
|
|
/**
|
|
* Get the source article url associated with this list.
|
|
*
|
|
* @return {string} List source article url
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.getSourceURL = function () {
|
|
return this.sourceURL;
|
|
};
|
|
|
|
/**
|
|
* Get the timestamp of the list by taking the latest notification
|
|
* timestamp.
|
|
*
|
|
* @return {string} Latest timestamp
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.getTimestamp = function () {
|
|
var items = this.getItems();
|
|
|
|
return (
|
|
items.length > 0 ?
|
|
// In the cases where we want a single timestamp for a
|
|
// group, the group is usually all unread, which makes
|
|
// the first item its newest
|
|
items[ 0 ].getTimestamp() :
|
|
this.fallbackTimestamp
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Find all items that match the given IDs.
|
|
*
|
|
* @param {number[]} ids An array of item IDs
|
|
* @return {mw.echo.dm.NotificationItem[]} An array of matching items
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.findByIds = function ( ids ) {
|
|
return this.getItems().filter( function ( item ) {
|
|
return ids.indexOf( item.getId() ) !== -1;
|
|
} );
|
|
};
|
|
|
|
/**
|
|
* Check if there are unseen items in this list
|
|
*
|
|
* @return {boolean} There are unseen items in the list
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.hasUnseen = function () {
|
|
var isItemUnseen = function ( item ) {
|
|
return !item.isSeen();
|
|
},
|
|
items = this.getItems();
|
|
|
|
return !!items.some( isItemUnseen );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
mw.echo.dm.NotificationsList.prototype.isGroup = function () {
|
|
return false;
|
|
};
|
|
|
|
} )( mediaWiki );
|