User:Podehaye/store.js

From Wikibase Personal data
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
mw.loader.using( 'oojs-ui-core' ).done( function () {
$( function () {
    var option1 = new OO.ui.RadioOptionWidget( {
		    data: 'cookie',
		    label: 'cookie'
	    } ),
	    option2 = new OO.ui.RadioOptionWidget( {
		    data: 'storage',
		    label: 'storage'
	    } ),
	    key = new OO.ui.TextInputWidget( {
			placeholder: 'key'
		} ),
        value = new OO.ui.TextInputWidget( {
			placeholder: 'value'
		} ),
	    radio = new OO.ui.RadioSelectWidget( { 
		    items: [ option1, option2 ] 
	    } ),
        save = new OO.ui.ButtonWidget( {
                        label: 'save'
        } ),
        show = new OO.ui.ButtonWidget( {
                        label: 'show'
        } ),
        info = new OO.ui.LabelWidget( {
			label: 'label'
		} );


        save.on( 'click', function () {
	     if (radio.getData() == "cookie") {
             mw.cookie.set( key.getValue(), value.getValue() );
		  }
	      else {
             mw.storage.set( key.getValue(), value.getValue() );
		  }});

	show.on( 'click', function () {
	  if (radio.getData() == "cookie") {
             info.setLabel(mw.cookie.get(key.getValue()));}
	      else {
             info.setLabel(mw.storage.get(key.getValue()));}
          mw.notify($('<span>'+radio.getData()+'</span>') );
          });
	
  $( '#mw-content-text' ).prepend(
                radio.$element,
                key.$element,
                value.$element,
                save.$element,
                show.$element,
                info.$element
);



} );})