mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-12-03 20:06:59 +00:00
e50ef3841a
Add a mw.echo.ui.FooterNoticeWidget that includes a link to a feedback survey, and three config variables: * $wgEchoShowFooterNotice: Enable this feature per wiki (Defaults to false) * $wgEchoFooterNoticeURL: The URL for the survey (Defaults to '') * User preference 'echo-dismiss-feedback-alert': determines whether the user permanently dismissed the feedback alert. (Defaults to false) Bug: T128937 Change-Id: I918a70beaba7b173e764519fe4fe0f780b61082d
95 lines
2.1 KiB
JavaScript
95 lines
2.1 KiB
JavaScript
( function ( mw, $ ) {
|
|
/**
|
|
* Footer notice widget.
|
|
*
|
|
* @class
|
|
* @extends OO.ui.Widget
|
|
*
|
|
* @constructor
|
|
* @param {Object} [config] Configuration object
|
|
* @cfg {string} [iconUrl] The source URL of the feedback icon
|
|
* @cfg {string} [url] The URL for the survey
|
|
*/
|
|
mw.echo.ui.FooterNoticeWidget = function MwEchoUiFooterNoticeWidget( config ) {
|
|
var $icon, label, dismissButton, infoIcon,
|
|
$row = $( '<div>' )
|
|
.addClass( 'mw-echo-ui-footerNoticeWidget-row' );
|
|
|
|
config = config || {};
|
|
|
|
// Parent constructor
|
|
mw.echo.ui.FooterNoticeWidget.parent.call( this, config );
|
|
|
|
if ( config.iconUrl ) {
|
|
$icon = $( '<div>' )
|
|
.addClass( 'mw-echo-ui-footerNoticeWidget-icon' )
|
|
.append( $( '<img>' ).attr( 'src', config.iconUrl ) );
|
|
|
|
$row.append( $icon );
|
|
}
|
|
|
|
label = new OO.ui.LabelWidget( {
|
|
label: $( '<span>' ).append(
|
|
mw.message( 'echo-popup-footer-feedback',
|
|
// Text
|
|
mw.msg( 'echo-popup-footer-feedback-survey' ),
|
|
// Link
|
|
config.url
|
|
).parse()
|
|
).contents(),
|
|
classes: [ 'mw-echo-ui-footerNoticeWidget-label' ]
|
|
} );
|
|
|
|
dismissButton = new OO.ui.ButtonWidget( {
|
|
icon: 'close',
|
|
framed: false,
|
|
classes: [ 'mw-echo-ui-footerNoticeWidget-dismiss' ]
|
|
} );
|
|
|
|
infoIcon = new OO.ui.ButtonWidget( {
|
|
icon: 'info',
|
|
framed: false,
|
|
title: mw.msg( 'echo-popup-footer-feedback-info' ),
|
|
classes: [ 'mw-echo-ui-footerNoticeWidget-info' ]
|
|
} );
|
|
|
|
// Events
|
|
dismissButton.connect( this, { click: 'onDismissButtonClick' } );
|
|
|
|
this.$element
|
|
.addClass( 'mw-echo-ui-footerNoticeWidget' )
|
|
.append(
|
|
$row
|
|
.append(
|
|
label.$element,
|
|
infoIcon.$element,
|
|
dismissButton.$element
|
|
)
|
|
);
|
|
};
|
|
|
|
/* Initialization */
|
|
|
|
OO.inheritClass( mw.echo.ui.FooterNoticeWidget, OO.ui.Widget );
|
|
|
|
/* Events */
|
|
|
|
/**
|
|
* The notice was dismissed.
|
|
*
|
|
* @event dismiss
|
|
*/
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Respond to dismiss button click.
|
|
*
|
|
* @fires dismiss
|
|
*/
|
|
mw.echo.ui.FooterNoticeWidget.prototype.onDismissButtonClick = function () {
|
|
this.toggle( false );
|
|
this.emit( 'dismiss' );
|
|
};
|
|
} )( mediaWiki, jQuery );
|