/**
* Quick links widget
*
+ * @class
* @extends OO.ui.Widget
*
* @constructor
* @cfg {jQuery} [$overlay] A jQuery object serving as overlay for popups
*/
mw.rcfilters.ui.SavedLinksListWidget = function MwRcfiltersUiSavedLinksListWidget( controller, model, config ) {
+ var $labelNoEntries = $( '<div>' )
+ .append(
+ $( '<div>' )
+ .addClass( 'mw-rcfilters-ui-savedLinksListWidget-placeholder-title' )
+ .text( mw.msg( 'rcfilters-quickfilters-placeholder-title' ) ),
+ $( '<div>' )
+ .addClass( 'mw-rcfilters-ui-savedLinksListWidget-placeholder-description' )
+ .text( mw.msg( 'rcfilters-quickfilters-placeholder-description' ) )
+ );
+
config = config || {};
// Parent
this.placeholderItem = new OO.ui.DecoratedOptionWidget( {
classes: [ 'mw-rcfilters-ui-savedLinksListWidget-placeholder' ],
- label: mw.msg( 'rcfilters-quickfilters-placeholder' ),
+ label: $labelNoEntries,
icon: 'unClip'
} );
// The only reason we're using "ButtonGroupWidget" here is that
popup: {
width: 300,
anchor: false,
- align: 'forwards',
+ align: 'backwards',
$autoCloseIgnore: this.$overlay,
$content: this.menu.$element
}
/* Initialization */
OO.inheritClass( mw.rcfilters.ui.SavedLinksListWidget, OO.ui.Widget );
+ /* Methods */
+
/**
* Respond to menu item click event
*