15,628
edits
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − − // Button: − + − var option1 = new OO.ui.RadioOptionWidget( {+ − data: 'cookie',+ − label: 'cookie'+ − } ),+ − option2 = new OO.ui.RadioOptionWidget( {+ − data: 'storage',+ − label: 'storage'+ − } ), − value = new OO.ui.TextInputWidget( {+ − // radio = new OO.ui.RadioSelectWidget( { + − // items: [ option1, option2 ] + − // } ),+ − save = new OO.ui.ButtonWidget( {+ − } ),+ − show = new OO.ui.ButtonWidget( {+ − } ),+ − info = new OO.ui.LabelWidget( {+ − − save.on( 'click', function () { − mw.cookie.set( key.getValue(), value.getValue() )}); − − show.on( 'click', function () { − info.setLabel(mw.cookie.get(key.getValue()))}); + + + + + + + − + + + + + + + + − // radio.$element,+ Line 49:
Line 54: − } ); − } ); − <br/>+
no edit summary
mw.loader.using( 'oojs-ui-core' ).done( function () {
mw.loader.using( 'oojs-ui-core' ).done( function () {
$( 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( {
key = new OO.ui.TextInputWidget( {
placeholder: 'key'
placeholder: 'key'
} ),
} ),
value = new OO.ui.TextInputWidget( {
placeholder: 'value'
placeholder: 'value'
} ),
} ),
radio = new OO.ui.RadioSelectWidget( {
items: [ option1, option2 ]
} ),
save = new OO.ui.ButtonWidget( {
label: 'save'
label: 'save'
} ),
show = new OO.ui.ButtonWidget( {
label: 'show'
label: 'show'
} ),
info = new OO.ui.LabelWidget( {
label: 'label'
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() );
}});
// 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(
radio.$element,
key.$element,
key.$element,
value.$element,
value.$element,
);
);
} );})