Line 3: |
Line 3: |
| console.log('Interface handler loading'); | | console.log('Interface handler loading'); |
| | | |
− | function interfaceMediaContainer ( wbp, idxb ) { | + | function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) { |
| | | |
| this.renderInterface = function( sqitch ) { | | this.renderInterface = function( sqitch ) { |
Line 14: |
Line 14: |
| break; | | break; |
| case 'interface_button_id': | | case 'interface_button_id': |
− | pd_edit_render(); | + | personal_data_edit_interface_render(); |
| break; | | break; |
| } | | } |
| } | | } |
| + | |
| + | var button_save = [], |
| + | button_remove = [], |
| + | textInput = []; |
| | | |
| async function controller_render(){ | | async function controller_render(){ |
Line 27: |
Line 31: |
| }; | | }; |
| | | |
− | async function pd_edit_render( swutch ){ | + | async function personal_data_edit_interface_render(){ |
| clear_render(); | | clear_render(); |
− | var orig = wbproc.checkentity( { this_concerns: [ wbEStructure['concernsRelation'], wbEStructure['IDPropLoc'], wbEStructure['IDName'] ] } )['this_concerns'][0]; | + | // Get concerns relation |
− | var plch = wbproc.checkentity( { default_value: [ wbEStructure['defaultValRelation'], wbEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal | + | var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ wbEStructure['concernsRelation'], wbEStructure['IDPropLoc'], wbEStructure['IDName'] ] } )['this_concerns'][0]; |
− | var q = idxb.EnqueuePDIO('update record'); | + | // Get defval for entity |
− | q.then( function(result) { | + | var default_value = WikibaseProcessor.checkentity( { default_value: [ wbEStructure['defaultValRelation'], wbEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal |
− | console.log("required data from idxb");
| + | var get_record = indexedDBobject.EnqueuePDIO('get record'); |
− | console.log( orig );
| + | |
− | console.log( plch );
| + | get_record.then( function(result) { |
− | console.log( q );
| |
| | | |
| mw.loader.using( 'oojs-ui-core' ).done( function () { | | mw.loader.using( 'oojs-ui-core' ).done( function () { |
− |
| |
− | console.log("loaded uicore")
| |
| | | |
− | var button_save = [], | + | button_save = [], |
− | button_remove = [],
| + | button_remove = [], |
− | textInput = [];
| + | textInput = []; |
| | | |
− | console.log( "why not " + result[orig] );
| + | var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0; |
− | var extrafield = ( result[orig] != undefined ) ? Object.keys(result[orig]).length : 0; | |
− | console.log(extrafield);
| |
| | | |
− | button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pddh' ] } ); | + | button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } ); |
| | | |
| textInput[ extrafield ] = new OO.ui.TextInputWidget( { | | textInput[ extrafield ] = new OO.ui.TextInputWidget( { |
− | placeholder: plch, | + | placeholder: default_value, |
− | classes: [ 'pddh' ] | + | classes: [ 'pduimark' ] |
| } ); | | } ); |
| | | |
| button_save[ extrafield ].on( 'click', function () { | | button_save[ extrafield ].on( 'click', function () { |
− | console.log( "this is happening " + orig + ' :: ' + extrafield); | + | indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value ); |
− | console.log( "textInput[ extrafield ].value" + textInput[ extrafield ].value );
| + | personal_data_edit_interface_render(); |
− | idxb.EnqueuePDIO('update record', orig, extrafield, textInput[ extrafield ].value );
| |
− | pd_edit_render(); | |
| }); | | }); |
| | | |
Line 68: |
Line 65: |
| | | |
| if ( extrafield > 0) { | | if ( extrafield > 0) { |
− | Object.keys( result[orig] ).forEach( function(data) { | + | Object.keys( result[concern_origin] ).forEach( function(data) { |
− | console.log("iter " + data + 'in');
| + | button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } ); |
− | console.log(result[orig]);
| + | button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } ); |
− | button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pddh' ] } ); | |
− | button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pddh' ] } ); | |
| textInput[data] = new OO.ui.TextInputWidget( { | | textInput[data] = new OO.ui.TextInputWidget( { |
− | value: result[orig][data], /// | + | value: result[concern_origin][data], /// |
− | placeholder: plch, | + | placeholder: default_value, |
− | classes: [ 'pddh' ] | + | classes: [ 'pduimark' ] |
| } ); | | } ); |
| button_save[data].on( 'click', function () { | | button_save[data].on( 'click', function () { |
− | console.log( "this is happening " + orig + ' :: ' + data);
| |
− |
| |
− | console.log( "textInput[ extrafield ].value" + textInput[ data ].value );
| |
| | | |
− | idxb.EnqueuePDIO('update record', orig, data, textInput[ data ].value ); | + | indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value ); |
| | | |
− | pd_edit_render(); | + | personal_data_edit_interface_render(); |
| }); | | }); |
| | | |
| button_remove[data].on( 'click', function () { | | button_remove[data].on( 'click', function () { |
− | idxb.EnqueuePDIO('remove from record', orig, data ); | + | indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data ); |
− | pd_edit_render(); | + | personal_data_edit_interface_render(); |
| }); | | }); |
| $( '#mw-content-text' ).prepend( button_remove[data].$element ); | | $( '#mw-content-text' ).prepend( button_remove[data].$element ); |
Line 104: |
Line 96: |
| | | |
| function clear_render() { | | function clear_render() { |
− | var ifel = document.getElementsByClassName('pddh'); | + | var ifel = document.getElementsByClassName('pduimark'); |
| while( ifel[0] ) { | | while( ifel[0] ) { |
| ifel[0].parentNode.removeChild(ifel[0]); | | ifel[0].parentNode.removeChild(ifel[0]); |