[N8]

MediaWiki:Gadget-skinTogglesNew.js: Difference between revisions

Created page with "→* * Toggles for skin cookies * * @author Banri *: ;(function($, mw, rs){ var READER_COOKIE = 'readermode', DARK_COOKIE = 'darkmode', DARK_COOKIE_CONDITIONAL =..."
 
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 178: Line 178:
mw.loader.using(['oojs-ui-core','oojs-ui-widgets']).then(function () {
mw.loader.using(['oojs-ui-core','oojs-ui-widgets']).then(function () {
var popup = new OO.ui.PopupWidget( {
var popup = new OO.ui.PopupWidget( {
  $content: $( '<p style="font-size: 0.75em;">Your device is using dark mode. You can click here to enable the wiki\'s dark mode!<br /><a id="rsw-color-scheme-opt-out" href="#">Don\'t show this again</a></p>' ),
  $content: $( '<p style="font-size: 0.75em;">Your device is using dark mode. You can click here to enable the wiki\'s dark mode!<br /><a id="gsw-color-scheme-opt-out" href="#">Don\'t show this again</a></p>' ),
  padded: true,
  padded: true,
  width: 300,
  width: 300,
  $floatableContainer: $('#pt-skin-toggles'),
  $floatableContainer: $('#pt-skin-toggles'),
  autoClose: true,
  autoClose: true,
  id: 'rsw-color-scheme-prompt'
  id: 'gsw-color-scheme-prompt'
} );
} );
Line 189: Line 189:
popup.toggle( true );
popup.toggle( true );
$( '#rsw-color-scheme-opt-out' ).click( function() {
$( '#gsw-color-scheme-opt-out' ).click( function() {
// Set localStorage key so we don't prompt them again
// Set localStorage key so we don't prompt them again
localStorage.setItem(prompt, 'true')
localStorage.setItem(prompt, 'true')
Line 369: Line 369:
.addClass('appearance-save')
.addClass('appearance-save')
.append(
.append(
$('<p>').addClass('save-button-desc').html('Saving these changes will reload the page and set <a href="https://weirdgloop.org/privacy">personalisation cookies</a>.'),
$('<p>').addClass('save-button-desc').html('Saving these changes will reload the page and set personalisation cookies.'),
$('<div>').addClass('save-button-container')
$('<div>').addClass('save-button-container')
.append(applyButton.$element)
.append(applyButton.$element)
Line 381: Line 381:
};
};


rs.createOOUIWindow('skin', 'Appearance settings', {size: 'medium', classes: ['rsw-skin-toggle-popup']}, initModal, true);
rs.createOOUIWindow('skin', 'Appearance settings', {size: 'medium', classes: ['gsw-skin-toggle-popup']}, initModal, true);
formMade = true;
formMade = true;
Line 387: Line 387:
}
}


mw.loader.using(['ext.gadget.rsw-util'], function () {
mw.loader.using(['ext.gadget.gsw-util'], function () {
$(self.init);
$(self.init);
})
})


}(jQuery, mediaWiki, gswiki));
}(jQuery, mediaWiki, gswiki));
Retrieved from "https://wiki.geministation.com/MediaWiki:Gadget-skinTogglesNew.js"