Changes

Jump to navigation Jump to search
no edit summary
Line 1: Line 1: −
  −
// Button:
   
mw.loader.using( 'oojs-ui-core' ).done( function () {
 
mw.loader.using( 'oojs-ui-core' ).done( function () {
 
$( function () {
 
$( function () {
var key = new OO.ui.TextInputWidget( {
+
    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'
 
placeholder: 'key'
 
} ),
 
} ),
            value = new OO.ui.TextInputWidget( {
+
        value = new OO.ui.TextInputWidget( {
 
placeholder: 'value'
 
placeholder: 'value'
 
} ),
 
} ),
            save = new OO.ui.ButtonWidget( {
+
    radio = new OO.ui.RadioSelectWidget( {
 +
    items: [ option1, option2 ]
 +
    } ),
 +
        save = new OO.ui.ButtonWidget( {
 
                         label: 'save'
 
                         label: 'save'
                } ),
+
        } ),
            show = new OO.ui.ButtonWidget( {
+
        show = new OO.ui.ButtonWidget( {
 
                         label: 'show'
 
                         label: 'show'
                } ),
+
        } ),
            info = new OO.ui.LabelWidget( {
+
        info = new OO.ui.LabelWidget( {
 
label: 'label'
 
label: 'label'
 
} );
 
} );
   −
  −
save.on( 'click', function () {
  −
            mw.cookie.set( key.getValue(), value.getValue() )});
  −
       
  −
show.on( 'click', function () {
  −
            info.setLabel(mw.cookie.get(key.getValue()))});
      +
        save.on( 'click', function () {
 +
    if (radio.getData() == "cookie") {
 +
            mw.cookie.set( key.getValue(), value.getValue() );
 +
  }
 +
      else {
 +
            mw.storage.set( key.getValue(), value.getValue() );
 +
  }});
   −
// Append the app widgets
+
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(
 
   $( '#mw-content-text' ).prepend(
//                "hello",
+
                radio.$element,
 
                 key.$element,
 
                 key.$element,
 
                 value.$element,
 
                 value.$element,
Line 37: Line 54:  
);
 
);
   −
} );
     −
} );
     −
<br/>
+
} );})

Navigation menu