| Line 1: |
Line 1: |
| − | mw.notify( $('<span>storge</span>') );
| |
| − |
| |
| − | // 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( { |
| − | placeholder: 'key'
| + | // data: 'cookie', |
| − | } ),
| + | // label: 'cookie' |
| − | value = new OO.ui.TextInputWidget( {
| + | // } ), |
| − | placeholder: 'value'
| + | // option2 = new OO.ui.RadioOptionWidget( { |
| − | } ),
| + | // data: 'storage', |
| | + | // label: 'storage' |
| | + | // } ), |
| | + | // var 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( { | | 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 () {
| + | // save.on( 'click', function () { |
| − | mw.cookie.set( key.getValue(), value.getValue() )});
| + | // mw.cookie.set( key.getValue(), value.getValue() )}); |
| | | | |
| − | show.on( 'click', function () {
| + | // show.on( 'click', function () { |
| − | info.setLabel(mw.cookie.get(key.getValue()))});
| + | // info.setLabel(mw.cookie.get(key.getValue()))}); |
| | | | |
| | | | |
| | // Append the app widgets | | // Append the app widgets |
| | $( '#mw-content-text' ).prepend( | | $( '#mw-content-text' ).prepend( |
| − | // "hello", | + | // radio.$element, |
| − | key.$element,
| + | // key.$element, |
| − | value.$element,
| + | // value.$element, |
| | save.$element, | | save.$element, |
| − | show.$element,
| + | // show.$element, |
| − | info.$element
| + | // info.$element |
| | ); | | ); |
| | | | |
| Line 41: |
Line 49: |
| | | | |
| | } ); | | } ); |
| − |
| |
| − | <br/>
| |