Difference between revisions of "User:Podehaye/store.js"

From Wikibase Personal data
Jump to navigation Jump to search
Line 4: Line 4:
 
$( function () {
 
$( function () {
  
          var option1 = new OO.ui.RadioOptionWidget( {
+
//          var option1 = new OO.ui.RadioOptionWidget( {
data: 'cookie',
+
// data: 'cookie',
label: 'cookie'
+
// label: 'cookie'
        } ),
+
//         } ),
  option2 = new OO.ui.RadioOptionWidget( {
+
//   option2 = new OO.ui.RadioOptionWidget( {
data: 'storage',
+
// data: 'storage',
label: 'storage'
+
// label: 'storage'
        } ),
+
//         } ),
    key = new OO.ui.TextInputWidget( {
+
    var key = new OO.ui.TextInputWidget( {
 
placeholder: 'key'
 
placeholder: 'key'
 
} ),
 
} ),

Revision as of 01:24, 18 May 2019

// Button:
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'
//	        } ),
	    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( {
                        label: 'save'
                } ),
            show = new OO.ui.ButtonWidget( {
                        label: 'show'
                } ),
            info = new OO.ui.LabelWidget( {
			label: 'label'
		} );

		
	save.on( 'click', function () {
             mw.cookie.set( key.getValue(), value.getValue() )});
        
	show.on( 'click', function () {
             info.setLabel(mw.cookie.get(key.getValue()))});


	// Append the app widgets
  $( '#mw-content-text' ).prepend(
//                radio.$element,
                key.$element,
                value.$element,
                save.$element,
                show.$element,
                info.$element
);

} );

} );

<br/>