mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-28 17:40:12 +00:00
0eb8811e7a
* Introduce a generalized feature toggle system that uses user preferences or localStorage for anons (right now the latter is out of scope but will be explored in a follow up) * Feature flagged to VisualEnhancementNext for now, given the dependency on icon size Bug: T319449 Change-Id: I7343a3f38b720411d5ef5f3414f25f475b0bb84a
59 lines
1.4 KiB
JavaScript
59 lines
1.4 KiB
JavaScript
/** @interface MwApi */
|
|
|
|
var /** @type {MwApi} */api,
|
|
debounce = require( /** @type {string} */ ( 'mediawiki.util' ) ).debounce;
|
|
|
|
/**
|
|
* Saves preference to user preferences and/or localStorage.
|
|
*
|
|
* @param {string} feature
|
|
* @param {boolean} enabled
|
|
*/
|
|
function save( feature, enabled ) {
|
|
var featuresJSON,
|
|
// @ts-ignore
|
|
features = mw.storage.get( 'VectorFeatures' ) || '{}';
|
|
|
|
try {
|
|
featuresJSON = JSON.parse( features );
|
|
} catch ( e ) {
|
|
featuresJSON = {};
|
|
}
|
|
featuresJSON[ feature ] = enabled;
|
|
// @ts-ignore
|
|
mw.storage.set( 'VectorFeatures', JSON.stringify( featuresJSON ) );
|
|
|
|
if ( !mw.user.isAnon() ) {
|
|
debounce( function () {
|
|
api = api || new mw.Api();
|
|
api.saveOption( 'vector-' + feature, enabled ? 1 : 0 );
|
|
}, 500 )();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {string} name
|
|
* @throws {Error} if unknown feature toggled.
|
|
*/
|
|
function toggle( name ) {
|
|
var featureClassEnabled = 'vector-feature-' + name + '-enabled',
|
|
classList = document.body.classList,
|
|
featureClassDisabled = 'vector-feature-' + name + '-disabled';
|
|
|
|
if ( classList.contains( featureClassDisabled ) ) {
|
|
classList.remove( featureClassDisabled );
|
|
classList.add( featureClassEnabled );
|
|
save( name, true );
|
|
} else if ( classList.contains( featureClassEnabled ) ) {
|
|
classList.add( featureClassDisabled );
|
|
classList.remove( featureClassEnabled );
|
|
save( name, false );
|
|
} else {
|
|
throw new Error( 'Attempt to toggle unknown feature: ' + name );
|
|
}
|
|
}
|
|
|
|
module.exports = {
|
|
toggle: toggle
|
|
};
|