mediawiki-skins-MinervaNeue/resources/skins.minerva.scripts/watchstar.js

var watchstar = mw.loader.require( 'mediawiki.page.watch.ajax' ).watchstar;

( function () {

	var
		WATCHED_ICON_CLASS = 'mw-ui-icon-wikimedia-unStar-progressive',
		TEMP_WATCHED_ICON_CLASS = 'mw-ui-icon-wikimedia-halfStar-progressive',
		UNWATCHED_ICON_CLASS = 'mw-ui-icon-wikimedia-star-base20';

	/**
	 * Tweaks the global watchstar handler in core to use the correct classes for Minerva.
	 *
	 * @param {jQuery.Object} $icon
	 */
	function init( $icon ) {
		var $watchlink = $icon.find( 'a' );
		watchstar( $watchlink, mw.config.get( 'wgRelevantPageName' ), toggleClasses );
	}

	/**
	 *
	 * @param {jQuery.Object} $link
	 * @param {boolean} isWatched
	 * @param {string} expiry
	 */
	function toggleClasses( $link, isWatched, expiry ) {
		var $icon = $link.find( '.minerva-icon, .mw-ui-icon' );
		$icon.removeClass( [ WATCHED_ICON_CLASS, UNWATCHED_ICON_CLASS, TEMP_WATCHED_ICON_CLASS ] )
			.addClass( function () {
				var classes = UNWATCHED_ICON_CLASS;
				if ( isWatched ) {
					if ( expiry !== null && expiry !== undefined && expiry !== 'infinity' ) {
						classes = TEMP_WATCHED_ICON_CLASS;
					} else {
						classes = WATCHED_ICON_CLASS;
					}
				}
				return classes;
			} );
	}

	module.exports = {
		init: init,
		test: {
			toggleClasses,
			TEMP_WATCHED_ICON_CLASS,
			WATCHED_ICON_CLASS,
			UNWATCHED_ICON_CLASS
		}
	};

}() );