https://wiki.personaldata.io/w/api.php?action=feedcontributions&feedformat=atom&user=Abel
Wikibase Personal data - User contributions [en]
2026-06-09T19:41:49Z
User contributions
MediaWiki 1.35.1
https://wiki.personaldata.io/w/index.php?title=User:Abel/WbProcessor.js&diff=5458
User:Abel/WbProcessor.js
2019-06-04T12:07:43Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Wikibase Processor<br />
console.log('wbprocessor loading');<br />
<br />
function WikibaseProcessorContainer(universe, location) {<br />
<br />
Debug_switch = false;<br />
<br />
this.main = interjson(checkdive(universe, location));<br />
var the = this.main;<br />
<br />
/* The following is the main exposed function of the current Wb Processing class<br />
usage cases<br />
<br />
to check the last value in a location given by a preceding array of internal paths to find, with the possibility of array layers between elements of array of paths: <br />
wbproc.checkentity( [ wbEStruct['instanceOfRelations'], wbEStruct['IDPropLoc'], wbEStruct['IDName'], 96 ] );<br />
<br />
to return for example content of default value given by array of location paths, or check for existence of <br />
wbproc.checkentity( { default_value: [ wbEStruct['defaultValRelation'], wbEStruct['IDPropLoc'] ] } )<br />
<br />
<br />
*/<br />
<br />
this.checkentity = function(paths) {<br />
if ((the !== undefined) && (paths !== undefined)) {<br />
return proceed(the, paths);<br />
}<br />
}<br />
<br />
// Exposed general wrapper for proceed for object other than what the class is originally instanced on, currently unused<br />
// Could be used to create a further function to cross check current object with another object 'universe' with another for example<br />
<br />
this.xcontains = function(unv, angle) {<br />
if ((unv !== undefined) && (angle !== undefined)) {<br />
return proceed(unv, angle);<br />
};<br />
}<br />
<br />
/* Exposed helper function to get Entity object of alien entity, if ever needed */<br />
<br />
this.EnqueueWB = async function(idk) {<br />
var k = await wbqueue(idk);<br />
return k;<br />
}<br />
<br />
/* Private part of wb Entity getter */<br />
<br />
async function wbqueue(id) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
$.getJSON('/w/api.php?action=wbgetentities&format=json&ids=' + id, function(json) {<br />
var h = json.entities;<br />
resolve(h);<br />
})<br />
}).then(function(result) {<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
<br />
// the list of private helper functions, could not be accessed from outside<br />
// helper function for descend into an object if key exists, otherwise stay at current level of object <br />
function indexinterpolate(obj, i) {<br />
return (obj[i] !== undefined) ? obj[i] : obj<br />
};<br />
<br />
// helper function for checking a part of an array exists, if it doesn't, go undefined<br />
function indexcheck(obj, i) {<br />
if (obj !== undefined) {<br />
return (obj[i] !== undefined) ? obj[i] : undefined<br />
}<br />
};<br />
<br />
// dive selects matrix.a.b.c.d from the array called matrix and 'a.b.c.d' as string<br />
// if a.b.c.d does not exists, it returns the substructure until the substructure exists, if d does not exist, it returns matrix.a.b.c e.g.<br />
function dive(array, read) {<br />
if (array !== undefined) {<br />
return (read + '').split('.').reduce(indexinterpolate, array);<br />
}<br />
}<br />
// Check returns matrix.a.b.c.d from 'array' ~ 'matrix' and 'read' ~ 'a.b.c.d' only if it exists all the way, otherwise go undefined<br />
function check(array, read) {<br />
if (array !== undefined) {<br />
return (read + '').split('.').reduce(indexcheck, array);<br />
}<br />
}<br />
<br />
// Main object / array processing instrument<br />
// Array can be a composition of objects and arrays <br />
// Read is the instructions, could be an array, or a single path, but for now it should be an object based on our inner convention, example:<br />
/* <br />
relational_id_list = { <br />
controller_id: [ wbEStructure['instanceOfRelations'], wbEStructure['IDPropLoc'], wbEStructure['IDName'], 96 ],<br />
personal_data_id: [ wbEStructure['subclassOfRelations'], wbEStructure['IDPropLoc'], wbEStructure['IDName'], 421 ],<br />
interface_button_id: [ wbEStructure ['instanceOfRelations'], wbEStructure['IDPropLoc'], wbEStructure['IDName'], 487 ]<br />
} <br />
*/<br />
<br />
function proceed(array, read) {<br />
var ret_obj = {},<br />
temp_obj = array,<br />
<br />
// If we encounter something seriously wrong we will just raise a red flag by setting this false, will check before returning this.<br />
success_o_meter = true,<br />
<br />
// If all goes well, for each path checked, we will have a member in this<br />
future_instructional_return = [];<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||||[ I N S T R U C T I O N S C O N T R O L ]||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
// Init program, check if instructions are an object (not an array but has multiple keys) :<br />
// This is the main path of the function. Could be improved to have it for simple array of instructions<br />
if ((!Array.isArray(read)) && (Object.keys(read).length > 0)) {<br />
<br />
Object.keys(read).forEach(function(path) {<br />
debuglog("instructions are an object, in path " + path);<br />
<br />
//||||||||||||||||||||||||||[ Check if elements of instruction object are arrays themselves ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
if (Array.isArray(read[path])) {<br />
<br />
// for each path, future_instructional_return will be filled with the future_return_partition after proceeding through that path<br />
var future_return_partition = temp_obj;<br />
<br />
Object.keys(read[path]).forEach(function(path2) {<br />
<br />
debuglog("instructions are an array of arrays, going through " + read[path][path2]);<br />
// for each step, see if it led anywhere other than where we were.<br />
if (data_function(future_return_partition, read[path][path2]) != future_return_partition) {<br />
// if it did, proceed;<br />
future_return_partition = data_function(future_return_partition, read[path][path2]);<br />
} else {<br />
// if it didn, raise flag<br />
success_o_meter = false;<br />
}<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||[ I N S T R U C T I O N S C O N T R O L |||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
});<br />
//Now that we went through the path, lets see if everything was ok.<br />
if (success_o_meter === true) {<br />
// If yes, put the result of the travel 'future_return_partition' into 'future_instructional_return'<br />
<br />
debuglog("arrived at")<br />
debuglog(future_return_partition);<br />
future_instructional_return[path] = future_return_partition;<br />
} else {<br />
<br />
// Otherwise let's put an undefined in there<br />
debuglog("seeking derailed");<br />
success_o_meter = true;<br />
future_instructional_return[path] = undefined;<br />
}<br />
<br />
}<br />
<br />
//|||||||||||||||||| If instruction object element is not an array, lets just try to do that one step ||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
// Unused<br />
else {<br />
<br />
// INCLUDE step block with read[path] <br />
if (data_function(temp_obj, read[path]) !== temp_obj) {<br />
future_instructional_return[path] = data_function(temp_obj, read[path]);<br />
} else {<br />
// future_instructional_return.push( undefined );<br />
}<br />
<br />
}<br />
});<br />
<br />
// Now that we have gone through all paths, make future return object into what we got<br />
temp_obj = future_instructional_return;<br />
}<br />
<br />
//||||||||||||[ If we are not in instruction object, let's see if we have an instruction array ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
//Unused, this part could be improved<br />
else if (Array.isArray(read)) {<br />
// If so let's follow the array of instructions<br />
Object.keys(read).forEach(function(ect) {<br />
if (data_function(temp_obj, read[ect]) !== temp_obj) {<br />
<br />
temp_obj = data_function(temp_obj, read[ect]);<br />
<br />
} else {<br />
<br />
success_o_meter = false;<br />
<br />
}<br />
});<br />
}<br />
<br />
//||||||||||||[ If we have a single instruction, let's try following that |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
//Unused, this part could be improved<br />
else {<br />
<br />
if (data_function(temp_obj, read) !== temp_obj) {<br />
<br />
temp_obj = data_function(temp_obj, read);<br />
<br />
} else {<br />
<br />
success_o_meter = false;<br />
<br />
}<br />
}<br />
<br />
// If we haven't got a not found signal along the way, let's try returning the object<br />
<br />
if (success_o_meter === true) {<br />
return temp_obj;<br />
} else {<br />
return undefined;<br />
}<br />
}<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||||[ S T E P B L O C K ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
// Function that takes 1 step. Proceed (along a path) uses this for each step.<br />
<br />
function data_function(temp_obj, moving) {<br />
<br />
// we will return an array<br />
var future_temp_obj = [];<br />
<br />
// Check if we are on an array level, <br />
if (Array.isArray(temp_obj)) {<br />
debuglog("data is on an array level");<br />
Object.keys(temp_obj).forEach(function(ect) {<br />
<br />
// if so, try proceeding in all directions.<br />
debuglog("Within partition: " + ect);<br />
if (checkdive(temp_obj[ect], moving) !== undefined) {<br />
future_temp_obj.push(checkdive(temp_obj[ect], moving));<br />
}<br />
// Put an element into the return array for each direction we could move into<br />
<br />
});<br />
<br />
temp_obj = future_temp_obj;<br />
<br />
} else {<br />
<br />
// if we are not on an array level, proceed with the path<br />
<br />
debuglog("data is on an objective level");<br />
<br />
if (checkdive(temp_obj, moving) !== temp_obj) {<br />
future_temp_obj = checkdive(temp_obj, moving);<br />
}<br />
<br />
if (future_temp_obj !== undefined) {<br />
temp_obj = future_temp_obj;<br />
} else {<br />
debuglog('nothing to see here')<br />
}<br />
}<br />
<br />
// NOTE this function works now but shows syntactic variance between the else branches<br />
// Rigorous testing recommended<br />
<br />
return temp_obj;<br />
}<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||||[ E N D O F S T E P B L O C K ]|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
// This function substitutes a bunch of try catches and also tries to dive into 'array' in different ways<br />
<br />
function checkdive(array, read) {<br />
<br />
// simple case, array is an object containing property 'read'<br />
<br />
if (check(array, read) !== undefined) {<br />
return dive(array, read);<br />
}<br />
<br />
// array case, 'array' is an actual array, lets return an array of successful trials to dive into each direction<br />
<br />
if (Array.isArray(array)) {<br />
var potential_return = [];<br />
Object.keys(array).forEach(function(item) {<br />
if (check(array[item], read) !== undefined) {<br />
potential_return.push(dive(array[item], read));<br />
}<br />
});<br />
return potential_return;<br />
}<br />
<br />
// mystical case, 'what you have been seeking you had it all along... or at least you have it now'<br />
// This is for when you already at a value level, and are looking for that value.<br />
// Or when on an object level, and looking for that object<br />
// or when on an array level, and looking for that array :O <br />
<br />
if (array === read) {<br />
return read;<br />
}<br />
<br />
/* If we did this, it would probably open up a wormhole or a segfault, or that strange error message browsers give when they are maxed out<br />
<br />
if (Object.keys( array ).length > 0 ){<br />
Object.keys( array ).forEach( function ( piece ) {<br />
if ( array[ piece ] === read ) { return read };<br />
});<br />
}<br />
*/<br />
}<br />
<br />
// Try parsing json. If not a json, go void.<br />
this.rxjson = function(rx) {<br />
return interjson(rx);<br />
}<br />
<br />
function interjson(obj) {<br />
try {<br />
return JSON.parse(obj)<br />
} catch (e) {<br />
// if not JSON, do silly things<br />
debuglog('not a json ¯\_(ツ)_/¯');<br />
};<br />
}<br />
<br />
// Heavyweight solution to suppress error messages. <br />
<br />
function debuglog(l0g) {<br />
if (Debug_switch) {<br />
console.log(l0g);<br />
}<br />
}<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5322
User:Abel/PersonalData.js
2019-05-30T10:34:30Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = false;<br />
// seemingly the Safari engine uses a somewhat different implementation of arguments for db.transaction and index.get<br />
// because no browser on any mac / ios is allowed to use a different engine, rather than user agent, platform can be tested<br />
var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);<br />
var Safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);<br />
debuglog("iOS:" + iOS + " & Saf:" + Safari);<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
// Mode 'import record' field1<br />
// retrieve record, add all fields from field1, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
var index = store.createIndex("NameIndex", ["id"]);<br />
<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
debuglog(pddb.result);<br />
var db = pddb.result;<br />
var tx;<br />
<br />
if ( iOS || Safari ) {<br />
tx = db.transaction([pddbname], "readwrite");<br />
} else {<br />
tx = db.transaction(pddbname, "readwrite");<br />
}<br />
<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord;<br />
if ( iOS || Safari ) {<br />
getRecord = index.get(record.id);<br />
} else {<br />
getRecord = index.get([record.id]);<br />
}<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else if ( sqitch === "remove from record" ) {<br />
inp_obj = record;<br />
} else {<br />
// any other method ...... would quit as record was not even foun<br />
return undefined;<br />
}<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
debuglog("putting object to store:");<br />
debuglog(inp_obj);<br />
store.put(inp_obj);<br />
}<br />
<br />
if ( sqitch === "import record" ) {<br />
debuglog("import command");<br />
if ( control_1 != undefined ) {<br />
// Only import if control_1 is a non-empty object<br />
if ( ( !Array.isArray(control_1) ) && ( Object.keys(control_1).length > 0 ) ) {<br />
debuglog("command is obj");<br />
Object.keys(control_1).forEach( function( importkey ){<br />
debuglog("importing " + importkey );<br />
if (control_1.hasOwnProperty(importkey)) { inp_obj[importkey] = control_1[importkey] };<br />
})<br />
store.put(inp_obj);<br />
}<br />
}<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5321
User:Abel/PersonalData.js
2019-05-30T09:12:33Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = true;<br />
// seemingly the Safari engine uses a somewhat different implementation of arguments for db.transaction and index.get<br />
// because no browser on any mac / ios is allowed to use a different engine, rather than user agent, platform can be tested<br />
var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);<br />
var Safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);<br />
debuglog("iOS:" + iOS + " & Saf:" + Safari);<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
// Mode 'import record' field1<br />
// retrieve record, add all fields from field1, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
var index = store.createIndex("NameIndex", ["id"]);<br />
<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
debuglog(pddb.result);<br />
var db = pddb.result;<br />
var tx;<br />
<br />
if ( iOS || Safari ) {<br />
tx = db.transaction([pddbname], "readwrite");<br />
} else {<br />
tx = db.transaction(pddbname, "readwrite");<br />
}<br />
<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord;<br />
if ( iOS || Safari ) {<br />
getRecord = index.get(record.id);<br />
} else {<br />
getRecord = index.get([record.id]);<br />
}<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else if ( sqitch === "remove from record" ) {<br />
inp_obj = record;<br />
} else {<br />
// any other method ...... would quit as record was not even foun<br />
return undefined;<br />
}<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
debuglog("putting object to store:");<br />
debuglog(inp_obj);<br />
store.put(inp_obj);<br />
}<br />
<br />
if ( sqitch === "import record" ) {<br />
debuglog("import command");<br />
if ( control_1 != undefined ) {<br />
// Only import if control_1 is a non-empty object<br />
if ( ( !Array.isArray(control_1) ) && ( Object.keys(control_1).length > 0 ) ) {<br />
debuglog("command is obj");<br />
Object.keys(control_1).forEach( function( importkey ){<br />
debuglog("importing " + importkey );<br />
if (control_1.hasOwnProperty(importkey)) { inp_obj[importkey] = control_1[importkey] };<br />
})<br />
store.put(inp_obj);<br />
}<br />
}<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=MediaWiki:Development_of_SAR_service&diff=5305
MediaWiki:Development of SAR service
2019-05-27T19:21:16Z
<p>Abel: </p>
<hr />
<div>= General information =<br />
<br />
* Contractor: [[User:Abel]]<br />
* Reference: [[architecture of SAR service]]<br />
* [https://docs.google.com/spreadsheets/d/1J-JxoldE10mKDJNilnE84Wb7ylMZ-B2ArxRiWzYXRz0/edit#gid=0 Logged hours] (request access)<br />
<br />
= General instructions =<br />
* Read and constantly document [[architecture of SAR service]]<br />
* Always document extensively (comments in code, for instance)<br />
* Make sure you watch pages that are relevant (star)<br />
* Be mindful of [https://www.mediawiki.org/wiki/Manual:Coding_conventions/JavaScript Javascript conventions] (within reason)<br />
* '''Whenever using property or item numbers in code, define a new variable early in the code with that <name>_id locally, for example "controller_item_id = 96" (see {{Q|96}})''' (this makes the code produced less dependent on which Wikibase instance we are using, as the numbers will change)<br />
<br />
= Blockers = <br />
* Mailto url limits (mainly affected chrome on Windows), see [[How to send emails]]<br />
<br />
= Removed blockers = <br />
* (solved) [https://www.mediawiki.org/wiki/Manual:$wgAllowUserJs user JS] not currently activated on wiki.personaldata.io (but this system can be tested on Wikidata)<br />
<br />
= To do =<br />
The goal is to streamline the SAR process. There are many ways this could be made easier. If one looks at the generated requests, they miss some of the information, particularly identifiers for the individual requesting the data. We want to enable filling some data (like name or telephone number) only once, and then be able to make multiple requests. One way to do this is by using LocalStorage, but which data attributes to collect and where should be stored in the database itself. <br />
<br />
Specific instructions:<br />
* Create a [[SAR tool testing page]], with a OOUI button tied to the mailto, generated through a new [[Template:ButtonMailtoAccess]]. <br />
* Modify the SAR user script [[MediaWiki:Access.js]] so that this button appears instead.<br />
* (needs clarification:) Above this button, add an OOUI entry field for first name and last name, dynamically affecting what is launched when clicking the button. If nothing is entered, have some code making explicit what should be entered. <br />
* (needs clarification:) Starting a separate stream of work, at the top of {{Q|119}} (or rather all "instance of" "personal attribute"), add an entry field to store the phone number --or that attribute-- locally (using [https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#mediawiki.storage LocalStorage])<br />
* Implement an [[MediaWiki:InterfaceButton.js]] script, displaying a button based on data contained in an item (for instance: {{Q|488}}), and interacting with client-side storage (data stored in a key given by "concerns" field)<br />
* Based on selector on "instance of" "interface button", implemented in [[MediaWiki:Common.js]], make this button appear at the top of the "interface button" pages (by reusing [[MediaWiki:InterfaceButton.js]] of course).<br />
<br />
= Done =<br />
* Modify the [[MediaWiki:Access.js]] code to follow the conventions above. <br />
* Make sure the SAR popup only shows up selectively, for those items that are "instance of" "data controller" (here: [http://wiki.personaldata.io/wiki/Property:P3 P3]--{{Q|96}})<br />
* Have a look at [https://www.mediawiki.org/wiki/OOUI OOUI]<br />
<br />
= To be tested = <br />
* On any page on "instance of" "interface button" ( e.g. [http://wiki.personaldata.io/wiki/Item:Q488 Telephone number interface button] ) , test whether the save function to localstorage works ( whether input data persists after page reload / browser restart ). Cross platform/browser compatibility should include Firefox, Chrome under Android, Firefox, Chrome under Windows 10, Safari, Firefox, Chrome under MacOS and as well as under iOS.<br />
* Cross browser transfer of data should be available on page [[Item:Q102]] ( or any instance of data controller as of current setup ). Current import mechanism will overwrite original data with the imported where they overlap, hopefully leave other original data intact<br />
* Script files to be revised:<br />
** [[ User:Abel/experimental.js ]] Main thread creating instances of:<br />
** [[ User:Abel/WbProcessor.js ]] Wikibase Entity Checker and Retriever<br />
** [[ User:Abel/PersonalData.js ]] Indexed Database Queueryer Facility<br />
** [[ User:Abel/OOInterface.js ]] Interfacing UI elements with IDXB functions</div>
Abel
https://wiki.personaldata.io/w/index.php?title=MediaWiki:Development_of_SAR_service&diff=5304
MediaWiki:Development of SAR service
2019-05-27T18:39:45Z
<p>Abel: </p>
<hr />
<div>= General information =<br />
<br />
* Contractor: [[User:Abel]]<br />
* Reference: [[architecture of SAR service]]<br />
* [https://docs.google.com/spreadsheets/d/1J-JxoldE10mKDJNilnE84Wb7ylMZ-B2ArxRiWzYXRz0/edit#gid=0 Logged hours] (request access)<br />
<br />
= General instructions =<br />
* Read and constantly document [[architecture of SAR service]]<br />
* Always document extensively (comments in code, for instance)<br />
* Make sure you watch pages that are relevant (star)<br />
* Be mindful of [https://www.mediawiki.org/wiki/Manual:Coding_conventions/JavaScript Javascript conventions] (within reason)<br />
* '''Whenever using property or item numbers in code, define a new variable early in the code with that <name>_id locally, for example "controller_item_id = 96" (see {{Q|96}})''' (this makes the code produced less dependent on which Wikibase instance we are using, as the numbers will change)<br />
<br />
= Blockers = <br />
* Mailto url limits (mainly affected chrome on Windows), see [[How to send emails]]<br />
<br />
= Removed blockers = <br />
* (solved) [https://www.mediawiki.org/wiki/Manual:$wgAllowUserJs user JS] not currently activated on wiki.personaldata.io (but this system can be tested on Wikidata)<br />
<br />
= To do =<br />
The goal is to streamline the SAR process. There are many ways this could be made easier. If one looks at the generated requests, they miss some of the information, particularly identifiers for the individual requesting the data. We want to enable filling some data (like name or telephone number) only once, and then be able to make multiple requests. One way to do this is by using LocalStorage, but which data attributes to collect and where should be stored in the database itself. <br />
<br />
Specific instructions:<br />
* Create a [[SAR tool testing page]], with a OOUI button tied to the mailto, generated through a new [[Template:ButtonMailtoAccess]]. <br />
* Modify the SAR user script [[MediaWiki:Access.js]] so that this button appears instead.<br />
* (needs clarification:) Above this button, add an OOUI entry field for first name and last name, dynamically affecting what is launched when clicking the button. If nothing is entered, have some code making explicit what should be entered. <br />
* (needs clarification:) Starting a separate stream of work, at the top of {{Q|119}} (or rather all "instance of" "personal attribute"), add an entry field to store the phone number --or that attribute-- locally (using [https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#mediawiki.storage LocalStorage])<br />
* Implement an [[MediaWiki:InterfaceButton.js]] script, displaying a button based on data contained in an item (for instance: {{Q|488}}), and interacting with client-side storage (data stored in a key given by "concerns" field)<br />
* Based on selector on "instance of" "interface button", implemented in [[MediaWiki:Common.js]], make this button appear at the top of the "interface button" pages (by reusing [[MediaWiki:InterfaceButton.js]] of course).<br />
<br />
= Done =<br />
* Modify the [[MediaWiki:Access.js]] code to follow the conventions above. <br />
* Make sure the SAR popup only shows up selectively, for those items that are "instance of" "data controller" (here: [http://wiki.personaldata.io/wiki/Property:P3 P3]--{{Q|96}})<br />
* Have a look at [https://www.mediawiki.org/wiki/OOUI OOUI]<br />
<br />
= To be tested = <br />
* On any page on "instance of" "interface button" ( e.g. [[Item:Q488]] ) , test whether the save function to localstorage works ( whether input data persists after page reload / browser restart ). Cross platform/browser compatibility should include Firefox, Chrome under Android, Firefox, Chrome under Windows 10, Safari, Firefox, Chrome under MacOS and as well as under iOS.<br />
* Cross browser transfer of data should be available on page [[Item:Q102]] ( or any instance of data controller as of current setup ). Current import mechanism will overwrite original data with the imported where they overlap, hopefully leave other original data intact<br />
* Script files to be revised:<br />
** [[ User:Abel/experimental.js ]] Main thread creating instances of:<br />
** [[ User:Abel/WbProcessor.js ]] Wikibase Entity Checker and Retriever<br />
** [[ User:Abel/PersonalData.js ]] Indexed Database Queueryer Facility<br />
** [[ User:Abel/OOInterface.js ]] Interfacing UI elements with IDXB functions</div>
Abel
https://wiki.personaldata.io/w/index.php?title=MediaWiki:Development_of_SAR_service&diff=5303
MediaWiki:Development of SAR service
2019-05-27T18:39:23Z
<p>Abel: </p>
<hr />
<div>= General information =<br />
<br />
* Contractor: [[User:Abel]]<br />
* Reference: [[architecture of SAR service]]<br />
* [https://docs.google.com/spreadsheets/d/1J-JxoldE10mKDJNilnE84Wb7ylMZ-B2ArxRiWzYXRz0/edit#gid=0 Logged hours] (request access)<br />
<br />
= General instructions =<br />
* Read and constantly document [[architecture of SAR service]]<br />
* Always document extensively (comments in code, for instance)<br />
* Make sure you watch pages that are relevant (star)<br />
* Be mindful of [https://www.mediawiki.org/wiki/Manual:Coding_conventions/JavaScript Javascript conventions] (within reason)<br />
* '''Whenever using property or item numbers in code, define a new variable early in the code with that <name>_id locally, for example "controller_item_id = 96" (see {{Q|96}})''' (this makes the code produced less dependent on which Wikibase instance we are using, as the numbers will change)<br />
<br />
= Blockers = <br />
* Mailto url limits (mainly affected chrome on Windows), see [[How to send emails]]<br />
<br />
= Removed blockers = <br />
* (solved) [https://www.mediawiki.org/wiki/Manual:$wgAllowUserJs user JS] not currently activated on wiki.personaldata.io (but this system can be tested on Wikidata)<br />
<br />
= To do =<br />
The goal is to streamline the SAR process. There are many ways this could be made easier. If one looks at the generated requests, they miss some of the information, particularly identifiers for the individual requesting the data. We want to enable filling some data (like name or telephone number) only once, and then be able to make multiple requests. One way to do this is by using LocalStorage, but which data attributes to collect and where should be stored in the database itself. <br />
<br />
Specific instructions:<br />
* Create a [[SAR tool testing page]], with a OOUI button tied to the mailto, generated through a new [[Template:ButtonMailtoAccess]]. <br />
* Modify the SAR user script [[MediaWiki:Access.js]] so that this button appears instead.<br />
* (needs clarification:) Above this button, add an OOUI entry field for first name and last name, dynamically affecting what is launched when clicking the button. If nothing is entered, have some code making explicit what should be entered. <br />
* (needs clarification:) Starting a separate stream of work, at the top of {{Q|119}} (or rather all "instance of" "personal attribute"), add an entry field to store the phone number --or that attribute-- locally (using [https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#mediawiki.storage LocalStorage])<br />
* Implement an [[MediaWiki:InterfaceButton.js]] script, displaying a button based on data contained in an item (for instance: {{Q|488}}), and interacting with client-side storage (data stored in a key given by "concerns" field)<br />
* Based on selector on "instance of" "interface button", implemented in [[MediaWiki:Common.js]], make this button appear at the top of the "interface button" pages (by reusing [[MediaWiki:InterfaceButton.js]] of course).<br />
<br />
= Done =<br />
* Modify the [[MediaWiki:Access.js]] code to follow the conventions above. <br />
* Make sure the SAR popup only shows up selectively, for those items that are "instance of" "data controller" (here: [http://wiki.personaldata.io/wiki/Property:P3 P3]--{{Q|96}})<br />
* Have a look at [https://www.mediawiki.org/wiki/OOUI OOUI]<br />
<br />
= To be tested = <br />
* On any page on "instance of" "interface button" ( e.g. [[Item:Q488]] ) , test whether the save function to localstorage works ( whether input data persists after page reload / browser restart ). Cross platform/browser compatibility should include Firefox, Chrome under Android, Firefox, Chrome under Windows 10, Safari, Firefox, Chrome under MacOS and as well as under iOS.<br />
* Cross browser transfer of data should be available on page [[Item:Q102]] ( or any instance of data controller as of current setup ). Current import mechanism will overwrite original data with the imported where they overlap, hopefully leave other original data intact<br />
* Script files to be revised:<br />
** [[ User:Abel/Experimental.js ]] Main thread creating instances of:<br />
** [[ User:Abel/WbProcessor.js ]] Wikibase Entity Checker and Retriever<br />
** [[ User:Abel/PersonalData.js ]] Indexed Database Queueryer Facility<br />
** [[ User:Abel/OOInterface.js ]] Interfacing UI elements with IDXB functions</div>
Abel
https://wiki.personaldata.io/w/index.php?title=MediaWiki:Development_of_SAR_service&diff=5302
MediaWiki:Development of SAR service
2019-05-27T18:25:00Z
<p>Abel: </p>
<hr />
<div>= General information =<br />
<br />
* Contractor: [[User:Abel]]<br />
* Reference: [[architecture of SAR service]]<br />
* [https://docs.google.com/spreadsheets/d/1J-JxoldE10mKDJNilnE84Wb7ylMZ-B2ArxRiWzYXRz0/edit#gid=0 Logged hours] (request access)<br />
<br />
= General instructions =<br />
* Read and constantly document [[architecture of SAR service]]<br />
* Always document extensively (comments in code, for instance)<br />
* Make sure you watch pages that are relevant (star)<br />
* Be mindful of [https://www.mediawiki.org/wiki/Manual:Coding_conventions/JavaScript Javascript conventions] (within reason)<br />
* '''Whenever using property or item numbers in code, define a new variable early in the code with that <name>_id locally, for example "controller_item_id = 96" (see {{Q|96}})''' (this makes the code produced less dependent on which Wikibase instance we are using, as the numbers will change)<br />
<br />
= Blockers = <br />
* Mailto url limits (mainly affected chrome on Windows), see [[How to send emails]]<br />
<br />
= Removed blockers = <br />
* (solved) [https://www.mediawiki.org/wiki/Manual:$wgAllowUserJs user JS] not currently activated on wiki.personaldata.io (but this system can be tested on Wikidata)<br />
<br />
= To do =<br />
The goal is to streamline the SAR process. There are many ways this could be made easier. If one looks at the generated requests, they miss some of the information, particularly identifiers for the individual requesting the data. We want to enable filling some data (like name or telephone number) only once, and then be able to make multiple requests. One way to do this is by using LocalStorage, but which data attributes to collect and where should be stored in the database itself. <br />
<br />
Specific instructions:<br />
* Create a [[SAR tool testing page]], with a OOUI button tied to the mailto, generated through a new [[Template:ButtonMailtoAccess]]. <br />
* Modify the SAR user script [[MediaWiki:Access.js]] so that this button appears instead.<br />
* (needs clarification:) Above this button, add an OOUI entry field for first name and last name, dynamically affecting what is launched when clicking the button. If nothing is entered, have some code making explicit what should be entered. <br />
* (needs clarification:) Starting a separate stream of work, at the top of {{Q|119}} (or rather all "instance of" "personal attribute"), add an entry field to store the phone number --or that attribute-- locally (using [https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#mediawiki.storage LocalStorage])<br />
* Implement an [[MediaWiki:InterfaceButton.js]] script, displaying a button based on data contained in an item (for instance: {{Q|488}}), and interacting with client-side storage (data stored in a key given by "concerns" field)<br />
* Based on selector on "instance of" "interface button", implemented in [[MediaWiki:Common.js]], make this button appear at the top of the "interface button" pages (by reusing [[MediaWiki:InterfaceButton.js]] of course).<br />
<br />
= Done =<br />
* Modify the [[MediaWiki:Access.js]] code to follow the conventions above. <br />
* Make sure the SAR popup only shows up selectively, for those items that are "instance of" "data controller" (here: [http://wiki.personaldata.io/wiki/Property:P3 P3]--{{Q|96}})<br />
* Have a look at [https://www.mediawiki.org/wiki/OOUI OOUI]<br />
<br />
= To be tested = <br />
* On any page on "instance of" "interface button" , test whether the save function to localstorage works ( whether input data persists after page reload / browser restart ). Cross platform/browser compatibility should include Firefox, Chrome under Android, Firefox, Chrome under Windows 10, Safari, Firefox, Chrome under MacOS and as well as under iOS<br />
* Cross browser transfer of data should be available on page Deliveroo ( or any instance of data controller as of current setup ). Current import mechanism will overwrite original data with the imported where they overlap, hopefully leave other original data intact</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5301
User:Abel/PersonalData.js
2019-05-27T18:20:01Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = false;<br />
// seemingly the Safari engine uses a somewhat different implementation of arguments for db.transaction and index.get<br />
// because no browser on any mac / ios is allowed to use a different engine, rather than user agent, platform can be tested<br />
var iOS = !!navigator.platform && /Macintosh|MacIntel|MacPPC|Mac68K|Mac|iPad|iPhone|iPod/.test(navigator.platform);<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
var index = store.createIndex("NameIndex", ["id"]);<br />
<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
debuglog(pddb.result);<br />
var db = pddb.result;<br />
var tx;<br />
<br />
if ( iOS ) {<br />
tx = db.transaction([pddbname], "readwrite");<br />
} else {<br />
tx = db.transaction(pddbname, "readwrite");<br />
}<br />
<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord;<br />
if ( iOS ) {<br />
getRecord = index.get(record.id);<br />
} else {<br />
getRecord = index.get([record.id]);<br />
}<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else if ( sqitch === "remove from record" ) {<br />
inp_obj = record;<br />
} else {<br />
// any other method ...... would quit as record was not even foun<br />
return undefined;<br />
}<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
debuglog("putting object to store:");<br />
debuglog(inp_obj);<br />
store.put(inp_obj);<br />
}<br />
<br />
if ( sqitch === "import record" ) {<br />
debuglog("import command");<br />
if ( control_1 != undefined ) {<br />
// Only import if control_1 is a non-empty object<br />
if ( ( !Array.isArray(control_1) ) && ( Object.keys(control_1).length > 0 ) ) {<br />
debuglog("command is obj");<br />
Object.keys(control_1).forEach( function( importkey ){<br />
debuglog("importing " + importkey );<br />
if (control_1.hasOwnProperty(importkey)) { inp_obj[importkey] = control_1[importkey] };<br />
})<br />
store.put(inp_obj);<br />
}<br />
}<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=5300
User:Abel/OOInterface.js
2019-05-27T18:18:09Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function (event) {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
console.log( event );<br />
var input_object = event;<br />
readFileContent( input_object ).then( function(content) {<br />
var data = WikibaseProcessor.rxjson(content);<br />
indexedDBobject.EnqueuePDIO('import record', data);<br />
});<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
delete result.id;<br />
delete result.name.user;<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
function readFileContent(file) {<br />
const reader = new FileReader()<br />
return new Promise((resolve, reject) => {<br />
reader.onload = event => resolve(event.target.result)<br />
reader.onerror = error => reject(error)<br />
reader.readAsText(file)<br />
})<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=5299
User:Abel/OOInterface.js
2019-05-27T18:17:18Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function (event) {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
console.log( event );<br />
var input_object = event;<br />
readFileContent( input_object ).then( function(content) {<br />
var data = WikibaseProcessor.rxjson(content);<br />
indexedDBobject.EnqueuePDIO('import record', data);<br />
});<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
delete result.id;<br />
delete name.user;<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
function readFileContent(file) {<br />
const reader = new FileReader()<br />
return new Promise((resolve, reject) => {<br />
reader.onload = event => resolve(event.target.result)<br />
reader.onerror = error => reject(error)<br />
reader.readAsText(file)<br />
})<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=5298
User:Abel/OOInterface.js
2019-05-27T18:14:15Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function (event) {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
console.log( event );<br />
var input_object = event;<br />
readFileContent( input_object ).then( function(content) {<br />
var data = WikibaseProcessor.rxjson(content);<br />
indexedDBobject.EnqueuePDIO('import record', data);<br />
});<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
function readFileContent(file) {<br />
const reader = new FileReader()<br />
return new Promise((resolve, reject) => {<br />
reader.onload = event => resolve(event.target.result)<br />
reader.onerror = error => reject(error)<br />
reader.readAsText(file)<br />
})<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=5297
User:Abel/OOInterface.js
2019-05-27T18:12:39Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function (event) {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
console.log( event );<br />
var input_object = event.target;<br />
readFileContent( input_object ).then( function(content) {<br />
var data = WikibaseProcessor.rxjson(content);<br />
indexedDBobject.EnqueuePDIO('import record', data);<br />
});<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
function readFileContent(file) {<br />
const reader = new FileReader()<br />
return new Promise((resolve, reject) => {<br />
reader.onload = event => resolve(event.target.result)<br />
reader.onerror = error => reject(error)<br />
reader.readAsText(file)<br />
})<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5296
User:Abel/PersonalData.js
2019-05-27T18:08:53Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = false;<br />
// seemingly the Safari engine uses a somewhat different implementation of arguments for db.transaction and index.get<br />
// because no browser on any mac / ios is allowed to use a different engine, rather than user agent, platform can be tested<br />
var iOS = !!navigator.platform && /Macintosh|MacIntel|MacPPC|Mac68K|Mac|iPad|iPhone|iPod/.test(navigator.platform);<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
var index = store.createIndex("NameIndex", ["id"]);<br />
<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
debuglog(pddb.result);<br />
var db = pddb.result;<br />
var tx;<br />
<br />
if ( iOS ) {<br />
tx = db.transaction([pddbname], "readwrite");<br />
} else {<br />
tx = db.transaction(pddbname, "readwrite");<br />
}<br />
<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord;<br />
if ( iOS ) {<br />
getRecord = index.get(record.id);<br />
} else {<br />
getRecord = index.get([record.id]);<br />
}<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else if ( sqitch === "remove from record" ) {<br />
inp_obj = record;<br />
} else {<br />
// any other method ...... would quit as record was not even foun<br />
return undefined;<br />
}<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
debuglog("putting object to store:");<br />
debuglog(inp_obj);<br />
store.put(inp_obj);<br />
}<br />
<br />
if ( sqitch === "import record" ) {<br />
if ( control_1 != undefined ) {<br />
// Only import if control_1 is a non-empty object<br />
if ( ( !Array.isArray(control_1) ) && ( Object.keys(control_1).length > 0 ) ) {<br />
Object.keys(control_1).forEach( function( importkey ){<br />
if (src.hasOwnProperty(importkey)) { inp_obj[importkey] = src[importkey] };<br />
})<br />
store.put(inp_obj);<br />
}<br />
}<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/WbProcessor.js&diff=5295
User:Abel/WbProcessor.js
2019-05-27T18:08:06Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Wikibase Processor<br />
console.log('wbprocessor loading');<br />
<br />
function WikibaseProcessorContainer( universe, location ) {<br />
<br />
Debug_switch = false;<br />
<br />
this.main = interjson( checkdive( universe, location ));<br />
var the = this.main;<br />
<br />
/* The following is the main exposed function of the current Wb Processing class<br />
usage cases<br />
<br />
to check the last value in a location given by a preceding array of internal paths to find, with the possibility of array layers between elements of array of paths: <br />
wbproc.checkentity( [ wbEStruct['instanceOfRelations'], wbEStruct['IDPropLoc'], wbEStruct['IDName'], 96 ] );<br />
<br />
to return for example content of default value given by array of location paths, or check for existence of <br />
wbproc.checkentity( { default_value: [ wbEStruct['defaultValRelation'], wbEStruct['IDPropLoc'] ] } )<br />
<br />
<br />
*/<br />
<br />
this.checkentity = function ( paths ) {<br />
if ( ( the !== undefined ) && ( paths !== undefined ) ){<br />
return proceed( the, paths );<br />
}<br />
}<br />
<br />
// Exposed general wrapper for proceed for object other than what the class is originally instanced on, currently unused<br />
// Could be used to create a further function to cross check current object with another object 'universe' with another for example<br />
<br />
this.xcontains = function ( unv, angle ) {<br />
if ( ( unv !== undefined ) && ( angle !== undefined ) ){<br />
return proceed( unv, angle );<br />
};<br />
}<br />
<br />
/* Exposed helper function to get Entity object of alien entity, if ever needed */<br />
<br />
this.EnqueueWB = async function( idk ) {<br />
var k = await wbqueue(idk);<br />
return k;<br />
}<br />
<br />
/* Private part of wb Entity getter */<br />
<br />
async function wbqueue(id) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
$.getJSON('/w/api.php?action=wbgetentities&format=json&ids=' + id, function(json) { <br />
var h = json.entities;<br />
resolve(h);<br />
})<br />
}).then( function(result) {<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
<br />
// the list of private helper functions, could not be accessed from outside<br />
// helper function for descend into an object if key exists, otherwise stay at current level of object <br />
function indexinterpolate(obj,i) { return (obj[i] !== undefined) ? obj[i] : obj}; <br />
<br />
// helper function for checking a part of an array exists, if it doesn't, go undefined<br />
function indexcheck(obj,i) { if ( obj !== undefined) { return ( obj[i] !== undefined ) ? obj[i] : undefined } };<br />
<br />
// dive selects matrix.a.b.c.d from the array called matrix and 'a.b.c.d' as string<br />
// if a.b.c.d does not exists, it returns the substructure until the substructure exists, if d does not exist, it returns matrix.a.b.c e.g.<br />
function dive(array, read){<br />
if ( array !== undefined ) {<br />
return (read + '').split('.').reduce(indexinterpolate, array);<br />
}<br />
}<br />
// Check returns matrix.a.b.c.d from 'array' ~ 'matrix' and 'read' ~ 'a.b.c.d' only if it exists all the way, otherwise go undefined<br />
function check(array, read){<br />
if ( array !== undefined ) {<br />
return (read + '').split('.').reduce(indexcheck, array);<br />
}<br />
}<br />
<br />
// Main object / array processing instrument<br />
// Array can be a composition of objects and arrays <br />
// Read is the instructions, could be an array, or a single path, but for now it should be an object based on our inner convention, example:<br />
/* <br />
relational_id_list = { <br />
controller_id: [ wbEStructure['instanceOfRelations'], wbEStructure['IDPropLoc'], wbEStructure['IDName'], 96 ],<br />
personal_data_id: [ wbEStructure['subclassOfRelations'], wbEStructure['IDPropLoc'], wbEStructure['IDName'], 421 ],<br />
interface_button_id: [ wbEStructure ['instanceOfRelations'], wbEStructure['IDPropLoc'], wbEStructure['IDName'], 487 ]<br />
} <br />
*/<br />
<br />
function proceed(array, read) {<br />
var ret_obj = {},<br />
temp_obj = array,<br />
<br />
// If we encounter something seriously wrong we will just raise a red flag by setting this false, will check before returning this.<br />
success_o_meter = true,<br />
<br />
// If all goes well, for each path checked, we will have a member in this<br />
future_instructional_return = [];<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||||[ I N S T R U C T I O N S C O N T R O L ]||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
// Init program, check if instructions are an object (not an array but has multiple keys) :<br />
// This is the main path of the function. Could be improved to have it for simple array of instructions<br />
if ( ( !Array.isArray(read) ) && ( Object.keys(read).length > 0 ) ) {<br />
<br />
Object.keys(read).forEach( function(path) {<br />
debuglog("instructions are an object, in path " + path);<br />
<br />
//||||||||||||||||||||||||||[ Check if elements of instruction object are arrays themselves ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
if ( Array.isArray (read[path]) ) {<br />
<br />
// for each path, future_instructional_return will be filled with the future_return_partition after proceeding through that path<br />
var future_return_partition = temp_obj;<br />
<br />
Object.keys(read[path]).forEach( function( path2 ) {<br />
<br />
debuglog("instructions are an array of arrays, going through " + read[ path ][ path2 ] );<br />
// for each step, see if it led anywhere other than where we were.<br />
if ( data_function( future_return_partition, read[ path ][ path2 ] ) != future_return_partition ){<br />
// if it did, proceed;<br />
future_return_partition = data_function( future_return_partition, read[ path ][ path2 ] );<br />
} else {<br />
// if it didn, raise flag<br />
success_o_meter = false;<br />
}<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||[ I N S T R U C T I O N S C O N T R O L |||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
});<br />
//Now that we went through the path, lets see if everything was ok.<br />
if ( success_o_meter === true ) {<br />
// If yes, put the result of the travel 'future_return_partition' into 'future_instructional_return'<br />
<br />
debuglog("arrived at")<br />
debuglog(future_return_partition);<br />
future_instructional_return[path] = future_return_partition;<br />
} else {<br />
<br />
// Otherwise let's put an undefined in there<br />
debuglog("seeking derailed");<br />
success_o_meter = true;<br />
future_instructional_return[path] = undefined;<br />
}<br />
<br />
} <br />
<br />
//|||||||||||||||||| If instruction object element is not an array, lets just try to do that one step ||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
// Unused<br />
else {<br />
<br />
// INCLUDE step block with read[path] <br />
if ( data_function( temp_obj, read[ path ] ) !== temp_obj ){<br />
future_instructional_return[path] = data_function( temp_obj, read[ path ] ) ;<br />
} else {<br />
// future_instructional_return.push( undefined );<br />
}<br />
<br />
}<br />
});<br />
<br />
// Now that we have gone through all paths, make future return object into what we got<br />
temp_obj = future_instructional_return;<br />
} <br />
<br />
//||||||||||||[ If we are not in instruction object, let's see if we have an instruction array ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
//Unused, this part could be improved<br />
else if ( Array.isArray(read) ) {<br />
// If so let's follow the array of instructions<br />
Object.keys( read ).forEach( function ( ect ) {<br />
if ( data_function( temp_obj, read[ ect ] ) !== temp_obj ){<br />
<br />
temp_obj = data_function( temp_obj, read[ ect ] );<br />
<br />
} else {<br />
<br />
success_o_meter = false;<br />
<br />
}<br />
});<br />
} <br />
<br />
//||||||||||||[ If we have a single instruction, let's try following that |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
//Unused, this part could be improved<br />
<br />
else {<br />
<br />
if ( data_function( temp_obj, read ) !== temp_obj ){<br />
<br />
temp_obj = data_function( temp_obj, read );<br />
<br />
} else {<br />
<br />
success_o_meter = false;<br />
<br />
}<br />
}<br />
<br />
// If we haven't got a not found signal along the way, let's try returning the object<br />
<br />
if ( success_o_meter === true ) {<br />
return temp_obj;<br />
} else {<br />
return undefined;<br />
}<br />
}<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||||[ S T E P B L O C K ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
// Function that takes 1 step. Proceed (along a path) uses this for each step.<br />
<br />
function data_function ( temp_obj, moving ) {<br />
<br />
// we will return an array<br />
var future_temp_obj = [];<br />
<br />
// Check if we are on an array level, <br />
if ( Array.isArray( temp_obj ) ) {<br />
debuglog("data is on an array level");<br />
Object.keys( temp_obj ).forEach( function ( ect ) {<br />
<br />
// if so, try proceeding in all directions.<br />
debuglog("Within partition: " + ect );<br />
if ( checkdive( temp_obj[ ect ], moving ) !== undefined ) {<br />
future_temp_obj.push( checkdive( temp_obj[ ect ], moving ) );<br />
}<br />
// Put an element into the return array for each direction we could move into<br />
<br />
});<br />
<br />
temp_obj = future_temp_obj;<br />
<br />
} else {<br />
<br />
// if we are not on an array level, proceed with the path<br />
<br />
debuglog("data is on an objective level");<br />
<br />
if ( checkdive( temp_obj, moving ) !== temp_obj ) {<br />
future_temp_obj = checkdive( temp_obj, moving );<br />
}<br />
<br />
if ( future_temp_obj !== undefined ){<br />
temp_obj = future_temp_obj;<br />
} else {<br />
debuglog('nothing to see here')<br />
}<br />
}<br />
<br />
// NOTE this function works now but shows syntactic variance between the else branches<br />
// Rigorous testing recommended<br />
<br />
return temp_obj;<br />
}<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||||[ E N D O F S T E P B L O C K ]|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
// This function substitutes a bunch of try catches and also tries to dive into 'array' in different ways<br />
<br />
function checkdive( array, read ){<br />
<br />
// simple case, array is an object containing property 'read'<br />
<br />
if ( check(array, read) !== undefined) {<br />
return dive(array, read);<br />
} <br />
<br />
// array case, 'array' is an actual array, lets return an array of successful trials to dive into each direction<br />
<br />
if ( Array.isArray(array) ) {<br />
var potential_return = [];<br />
Object.keys(array).forEach( function(item){<br />
if ( check(array[item], read) !== undefined ) {<br />
potential_return.push( dive( array[item], read) );<br />
}<br />
});<br />
return potential_return;<br />
}<br />
<br />
// mystical case, 'what you have been seeking you had it all along... or at least you have it now'<br />
// This is for when you already at a value level, and are looking for that value.<br />
// Or when on an object level, and looking for that object<br />
// or when on an array level, and looking for that array :O <br />
<br />
if ( array === read ) {<br />
return read;<br />
}<br />
<br />
/* If we did this, it would probably open up a wormhole or a segfault, or that strange error message browsers give when they are maxed out<br />
<br />
if (Object.keys( array ).length > 0 ){<br />
Object.keys( array ).forEach( function ( piece ) {<br />
if ( array[ piece ] === read ) { return read };<br />
});<br />
}<br />
*/<br />
}<br />
<br />
// Try parsing json. If not a json, go void.<br />
this.rxjson = function( rx ) {<br />
return interjson( rx );<br />
}<br />
<br />
function interjson( obj ) {<br />
try {<br />
return JSON.parse( obj )<br />
} catch (e) {<br />
// if not JSON, do silly things<br />
debuglog('not a json ¯\_(ツ)_/¯');<br />
};<br />
} <br />
<br />
// Heavyweight solution to suppress error messages. <br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
debuglog( l0g );<br />
}<br />
}<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/WbProcessor.js&diff=5294
User:Abel/WbProcessor.js
2019-05-27T18:07:40Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Wikibase Processor<br />
console.log('wbprocessor loading');<br />
<br />
function WikibaseProcessorContainer( universe, location ) {<br />
<br />
Debug_switch = false;<br />
<br />
this.main = interjson( checkdive( universe, location ));<br />
var the = this.main;<br />
<br />
/* The following is the main exposed function of the current Wb Processing class<br />
usage cases<br />
<br />
to check the last value in a location given by a preceding array of internal paths to find, with the possibility of array layers between elements of array of paths: <br />
wbproc.checkentity( [ wbEStruct['instanceOfRelations'], wbEStruct['IDPropLoc'], wbEStruct['IDName'], 96 ] );<br />
<br />
to return for example content of default value given by array of location paths, or check for existence of <br />
wbproc.checkentity( { default_value: [ wbEStruct['defaultValRelation'], wbEStruct['IDPropLoc'] ] } )<br />
<br />
<br />
*/<br />
<br />
this.checkentity = function ( paths ) {<br />
if ( ( the !== undefined ) && ( paths !== undefined ) ){<br />
return proceed( the, paths );<br />
}<br />
}<br />
<br />
// Exposed general wrapper for proceed for object other than what the class is originally instanced on, currently unused<br />
// Could be used to create a further function to cross check current object with another object 'universe' with another for example<br />
<br />
this.xcontains = function ( unv, angle ) {<br />
if ( ( unv !== undefined ) && ( angle !== undefined ) ){<br />
return proceed( unv, angle );<br />
};<br />
}<br />
<br />
/* Exposed helper function to get Entity object of alien entity, if ever needed */<br />
<br />
this.EnqueueWB = async function( idk ) {<br />
var k = await wbqueue(idk);<br />
return k;<br />
}<br />
<br />
/* Private part of wb Entity getter */<br />
<br />
async function wbqueue(id) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
$.getJSON('/w/api.php?action=wbgetentities&format=json&ids=' + id, function(json) { <br />
var h = json.entities;<br />
resolve(h);<br />
})<br />
}).then( function(result) {<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
<br />
// the list of private helper functions, could not be accessed from outside<br />
// helper function for descend into an object if key exists, otherwise stay at current level of object <br />
function indexinterpolate(obj,i) { return (obj[i] !== undefined) ? obj[i] : obj}; <br />
<br />
// helper function for checking a part of an array exists, if it doesn't, go undefined<br />
function indexcheck(obj,i) { if ( obj !== undefined) { return ( obj[i] !== undefined ) ? obj[i] : undefined } };<br />
<br />
// dive selects matrix.a.b.c.d from the array called matrix and 'a.b.c.d' as string<br />
// if a.b.c.d does not exists, it returns the substructure until the substructure exists, if d does not exist, it returns matrix.a.b.c e.g.<br />
function dive(array, read){<br />
if ( array !== undefined ) {<br />
return (read + '').split('.').reduce(indexinterpolate, array);<br />
}<br />
}<br />
// Check returns matrix.a.b.c.d from 'array' ~ 'matrix' and 'read' ~ 'a.b.c.d' only if it exists all the way, otherwise go undefined<br />
function check(array, read){<br />
if ( array !== undefined ) {<br />
return (read + '').split('.').reduce(indexcheck, array);<br />
}<br />
}<br />
<br />
// Main object / array processing instrument<br />
// Array can be a composition of objects and arrays <br />
// Read is the instructions, could be an array, or a single path, but for now it should be an object based on our inner convention, example:<br />
/* <br />
relational_id_list = { <br />
controller_id: [ wbEStructure['instanceOfRelations'], wbEStructure['IDPropLoc'], wbEStructure['IDName'], 96 ],<br />
personal_data_id: [ wbEStructure['subclassOfRelations'], wbEStructure['IDPropLoc'], wbEStructure['IDName'], 421 ],<br />
interface_button_id: [ wbEStructure ['instanceOfRelations'], wbEStructure['IDPropLoc'], wbEStructure['IDName'], 487 ]<br />
} <br />
*/<br />
<br />
function proceed(array, read) {<br />
var ret_obj = {},<br />
temp_obj = array,<br />
<br />
// If we encounter something seriously wrong we will just raise a red flag by setting this false, will check before returning this.<br />
success_o_meter = true,<br />
<br />
// If all goes well, for each path checked, we will have a member in this<br />
future_instructional_return = [];<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||||[ I N S T R U C T I O N S C O N T R O L ]||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
// Init program, check if instructions are an object (not an array but has multiple keys) :<br />
// This is the main path of the function. Could be improved to have it for simple array of instructions<br />
if ( ( !Array.isArray(read) ) && ( Object.keys(read).length > 0 ) ) {<br />
<br />
Object.keys(read).forEach( function(path) {<br />
debuglog("instructions are an object, in path " + path);<br />
<br />
//||||||||||||||||||||||||||[ Check if elements of instruction object are arrays themselves ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
if ( Array.isArray (read[path]) ) {<br />
<br />
// for each path, future_instructional_return will be filled with the future_return_partition after proceeding through that path<br />
var future_return_partition = temp_obj;<br />
<br />
Object.keys(read[path]).forEach( function( path2 ) {<br />
<br />
debuglog("instructions are an array of arrays, going through " + read[ path ][ path2 ] );<br />
// for each step, see if it led anywhere other than where we were.<br />
if ( data_function( future_return_partition, read[ path ][ path2 ] ) != future_return_partition ){<br />
// if it did, proceed;<br />
future_return_partition = data_function( future_return_partition, read[ path ][ path2 ] );<br />
} else {<br />
// if it didn, raise flag<br />
success_o_meter = false;<br />
}<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||[ I N S T R U C T I O N S C O N T R O L |||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
});<br />
//Now that we went through the path, lets see if everything was ok.<br />
if ( success_o_meter === true ) {<br />
// If yes, put the result of the travel 'future_return_partition' into 'future_instructional_return'<br />
<br />
debuglog("arrived at")<br />
debuglog(future_return_partition);<br />
future_instructional_return[path] = future_return_partition;<br />
} else {<br />
<br />
// Otherwise let's put an undefined in there<br />
debuglog("seeking derailed");<br />
success_o_meter = true;<br />
future_instructional_return[path] = undefined;<br />
}<br />
<br />
} <br />
<br />
//|||||||||||||||||| If instruction object element is not an array, lets just try to do that one step ||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
// Unused<br />
else {<br />
<br />
// INCLUDE step block with read[path] <br />
if ( data_function( temp_obj, read[ path ] ) !== temp_obj ){<br />
future_instructional_return[path] = data_function( temp_obj, read[ path ] ) ;<br />
} else {<br />
// future_instructional_return.push( undefined );<br />
}<br />
<br />
}<br />
});<br />
<br />
// Now that we have gone through all paths, make future return object into what we got<br />
temp_obj = future_instructional_return;<br />
} <br />
<br />
//||||||||||||[ If we are not in instruction object, let's see if we have an instruction array ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
//Unused, this part could be improved<br />
else if ( Array.isArray(read) ) {<br />
// If so let's follow the array of instructions<br />
Object.keys( read ).forEach( function ( ect ) {<br />
if ( data_function( temp_obj, read[ ect ] ) !== temp_obj ){<br />
<br />
temp_obj = data_function( temp_obj, read[ ect ] );<br />
<br />
} else {<br />
<br />
success_o_meter = false;<br />
<br />
}<br />
});<br />
} <br />
<br />
//||||||||||||[ If we have a single instruction, let's try following that |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
//Unused, this part could be improved<br />
<br />
else {<br />
<br />
if ( data_function( temp_obj, read ) !== temp_obj ){<br />
<br />
temp_obj = data_function( temp_obj, read );<br />
<br />
} else {<br />
<br />
success_o_meter = false;<br />
<br />
}<br />
}<br />
<br />
// If we haven't got a not found signal along the way, let's try returning the object<br />
<br />
if ( success_o_meter === true ) {<br />
return temp_obj;<br />
} else {<br />
return undefined;<br />
}<br />
}<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||||[ S T E P B L O C K ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
// Function that takes 1 step. Proceed (along a path) uses this for each step.<br />
<br />
function data_function ( temp_obj, moving ) {<br />
<br />
// we will return an array<br />
var future_temp_obj = [];<br />
<br />
// Check if we are on an array level, <br />
if ( Array.isArray( temp_obj ) ) {<br />
debuglog("data is on an array level");<br />
Object.keys( temp_obj ).forEach( function ( ect ) {<br />
<br />
// if so, try proceeding in all directions.<br />
debuglog("Within partition: " + ect );<br />
if ( checkdive( temp_obj[ ect ], moving ) !== undefined ) {<br />
future_temp_obj.push( checkdive( temp_obj[ ect ], moving ) );<br />
}<br />
// Put an element into the return array for each direction we could move into<br />
<br />
});<br />
<br />
temp_obj = future_temp_obj;<br />
<br />
} else {<br />
<br />
// if we are not on an array level, proceed with the path<br />
<br />
debuglog("data is on an objective level");<br />
<br />
if ( checkdive( temp_obj, moving ) !== temp_obj ) {<br />
future_temp_obj = checkdive( temp_obj, moving );<br />
}<br />
<br />
if ( future_temp_obj !== undefined ){<br />
temp_obj = future_temp_obj;<br />
} else {<br />
debuglog('nothing to see here')<br />
}<br />
}<br />
<br />
// NOTE this function works now but shows syntactic variance between the else branches<br />
// Rigorous testing recommended<br />
<br />
return temp_obj;<br />
}<br />
<br />
//|||||||||||||||||||||||||||||||||||||||||||||||||||||[ E N D O F S T E P B L O C K ]|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
<br />
// This function substitutes a bunch of try catches and also tries to dive into 'array' in different ways<br />
<br />
function checkdive( array, read ){<br />
<br />
// simple case, array is an object containing property 'read'<br />
<br />
if ( check(array, read) !== undefined) {<br />
return dive(array, read);<br />
} <br />
<br />
// array case, 'array' is an actual array, lets return an array of successful trials to dive into each direction<br />
<br />
if ( Array.isArray(array) ) {<br />
var potential_return = [];<br />
Object.keys(array).forEach( function(item){<br />
if ( check(array[item], read) !== undefined ) {<br />
potential_return.push( dive( array[item], read) );<br />
}<br />
});<br />
return potential_return;<br />
}<br />
<br />
// mystical case, 'what you have been seeking you had it all along... or at least you have it now'<br />
// This is for when you already at a value level, and are looking for that value.<br />
// Or when on an object level, and looking for that object<br />
// or when on an array level, and looking for that array :O <br />
<br />
if ( array === read ) {<br />
return read;<br />
}<br />
<br />
/* If we did this, it would probably open up a wormhole or a segfault, or that strange error message browsers give when they are maxed out<br />
<br />
if (Object.keys( array ).length > 0 ){<br />
Object.keys( array ).forEach( function ( piece ) {<br />
if ( array[ piece ] === read ) { return read };<br />
});<br />
}<br />
*/<br />
}<br />
<br />
// Try parsing json. If not a json, go void.<br />
this.rxjson( rx ) {<br />
return interjson( rx );<br />
}<br />
<br />
function interjson( obj ) {<br />
try {<br />
return JSON.parse( obj )<br />
} catch (e) {<br />
// if not JSON, do silly things<br />
debuglog('not a json ¯\_(ツ)_/¯');<br />
};<br />
} <br />
<br />
// Heavyweight solution to suppress error messages. <br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
debuglog( l0g );<br />
}<br />
}<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=5293
User:Abel/OOInterface.js
2019-05-27T18:07:21Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function (event) {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
console.log( event );<br />
var input_object = event.target;<br />
readFileContent( input_object ).then( function(content) {<br />
var data = WikibaseProcessor.rxjson(content);<br />
indexedDBobject.EnqueuePDIO('import record', data);<br />
});<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=5292
User:Abel/OOInterface.js
2019-05-27T17:53:31Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function (event) {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
console.log( event );<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5291
User:Abel/PersonalData.js
2019-05-27T17:53:04Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = false;<br />
// seemingly the Safari engine uses a somewhat different implementation of arguments for db.transaction and index.get<br />
// because no browser on any mac / ios is allowed to use a different engine, rather than user agent, platform can be tested<br />
var iOS = !!navigator.platform && /Macintosh|MacIntel|MacPPC|Mac68K|Mac|iPad|iPhone|iPod/.test(navigator.platform);<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
var index = store.createIndex("NameIndex", ["id"]);<br />
<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
debuglog(pddb.result);<br />
var db = pddb.result;<br />
var tx;<br />
<br />
if ( iOS ) {<br />
tx = db.transaction([pddbname], "readwrite");<br />
} else {<br />
tx = db.transaction(pddbname, "readwrite");<br />
}<br />
<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord;<br />
if ( iOS ) {<br />
getRecord = index.get(record.id);<br />
} else {<br />
getRecord = index.get([record.id]);<br />
}<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else if ( sqitch === "remove from record" ) {<br />
inp_obj = record;<br />
} else {<br />
// any other method ...... would quit as record was not even foun<br />
return undefined;<br />
}<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
debuglog("putting object to store:");<br />
debuglog(inp_obj);<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5290
User:Abel/PersonalData.js
2019-05-27T17:52:28Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function (event) {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
console.log( event );<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=MediaWiki:Gadget-personaldata.js&diff=5289
MediaWiki:Gadget-personaldata.js
2019-05-27T17:46:21Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function (event) {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
console.log( event );<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=MediaWiki:Development_of_SAR_service&diff=5288
MediaWiki:Development of SAR service
2019-05-27T15:52:37Z
<p>Abel: </p>
<hr />
<div>= General information =<br />
<br />
* Contractor: [[User:Abel]]<br />
* Reference: [[architecture of SAR service]]<br />
* [https://docs.google.com/spreadsheets/d/1J-JxoldE10mKDJNilnE84Wb7ylMZ-B2ArxRiWzYXRz0/edit#gid=0 Logged hours] (request access)<br />
<br />
= General instructions =<br />
* Read and constantly document [[architecture of SAR service]]<br />
* Always document extensively (comments in code, for instance)<br />
* Make sure you watch pages that are relevant (star)<br />
* Be mindful of [https://www.mediawiki.org/wiki/Manual:Coding_conventions/JavaScript Javascript conventions] (within reason)<br />
* '''Whenever using property or item numbers in code, define a new variable early in the code with that <name>_id locally, for example "controller_item_id = 96" (see {{Q|96}})''' (this makes the code produced less dependent on which Wikibase instance we are using, as the numbers will change)<br />
<br />
= Blockers = <br />
* Mailto url limits (mainly affected chrome on Windows), see [[How to send emails]]<br />
<br />
= Removed blockers = <br />
* (solved) [https://www.mediawiki.org/wiki/Manual:$wgAllowUserJs user JS] not currently activated on wiki.personaldata.io (but this system can be tested on Wikidata)<br />
<br />
= To do =<br />
The goal is to streamline the SAR process. There are many ways this could be made easier. If one looks at the generated requests, they miss some of the information, particularly identifiers for the individual requesting the data. We want to enable filling some data (like name or telephone number) only once, and then be able to make multiple requests. One way to do this is by using LocalStorage, but which data attributes to collect and where should be stored in the database itself. <br />
<br />
Specific instructions:<br />
* Create a [[SAR tool testing page]], with a OOUI button tied to the mailto, generated through a new [[Template:ButtonMailtoAccess]]. <br />
* Modify the SAR user script [[MediaWiki:Access.js]] so that this button appears instead.<br />
* (needs clarification:) Above this button, add an OOUI entry field for first name and last name, dynamically affecting what is launched when clicking the button. If nothing is entered, have some code making explicit what should be entered. <br />
* (needs clarification:) Starting a separate stream of work, at the top of {{Q|119}} (or rather all "instance of" "personal attribute"), add an entry field to store the phone number --or that attribute-- locally (using [https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#mediawiki.storage LocalStorage])<br />
* Implement an [[MediaWiki:InterfaceButton.js]] script, displaying a button based on data contained in an item (for instance: {{Q|488}}), and interacting with client-side storage (data stored in a key given by "concerns" field)<br />
* Based on selector on "instance of" "interface button", implemented in [[MediaWiki:Common.js]], make this button appear at the top of the "interface button" pages (by reusing [[MediaWiki:InterfaceButton.js]] of course).<br />
<br />
= Done =<br />
* Modify the [[MediaWiki:Access.js]] code to follow the conventions above. <br />
* Make sure the SAR popup only shows up selectively, for those items that are "instance of" "data controller" (here: [http://wiki.personaldata.io/wiki/Property:P3 P3]--{{Q|96}})<br />
* Have a look at [https://www.mediawiki.org/wiki/OOUI OOUI]<br />
<br />
= To be tested = <br />
* On any page on "instance of" "interface button" , test whether the save function to localstorage works ( whether input data persists after page reload / browser restart ). Cross platform/browser compatibility should include Firefox, Chrome under Android, Firefox, Chrome under Windows 10, Safari, Firefox, Chrome under MacOS and as well as under iOS</div>
Abel
https://wiki.personaldata.io/w/index.php?title=MediaWiki:Development_of_SAR_service&diff=5286
MediaWiki:Development of SAR service
2019-05-27T15:49:51Z
<p>Abel: </p>
<hr />
<div>= General information =<br />
<br />
* Contractor: [[User:Abel]]<br />
* Reference: [[architecture of SAR service]]<br />
* [https://docs.google.com/spreadsheets/d/1J-JxoldE10mKDJNilnE84Wb7ylMZ-B2ArxRiWzYXRz0/edit#gid=0 Logged hours] (request access)<br />
<br />
= General instructions =<br />
* Read and constantly document [[architecture of SAR service]]<br />
* Always document extensively (comments in code, for instance)<br />
* Make sure you watch pages that are relevant (star)<br />
* Be mindful of [https://www.mediawiki.org/wiki/Manual:Coding_conventions/JavaScript Javascript conventions] (within reason)<br />
* '''Whenever using property or item numbers in code, define a new variable early in the code with that <name>_id locally, for example "controller_item_id = 96" (see {{Q|96}})''' (this makes the code produced less dependent on which Wikibase instance we are using, as the numbers will change)<br />
<br />
= Blockers = <br />
* Mailto url limits (mainly affected chrome on Windows), see [[How to send emails]]<br />
<br />
= Removed blockers = <br />
* (solved) [https://www.mediawiki.org/wiki/Manual:$wgAllowUserJs user JS] not currently activated on wiki.personaldata.io (but this system can be tested on Wikidata)<br />
<br />
= To do =<br />
The goal is to streamline the SAR process. There are many ways this could be made easier. If one looks at the generated requests, they miss some of the information, particularly identifiers for the individual requesting the data. We want to enable filling some data (like name or telephone number) only once, and then be able to make multiple requests. One way to do this is by using LocalStorage, but which data attributes to collect and where should be stored in the database itself. <br />
<br />
Specific instructions:<br />
* Create a [[SAR tool testing page]], with a OOUI button tied to the mailto, generated through a new [[Template:ButtonMailtoAccess]]. <br />
* Modify the SAR user script [[MediaWiki:Access.js]] so that this button appears instead.<br />
* (needs clarification:) Above this button, add an OOUI entry field for first name and last name, dynamically affecting what is launched when clicking the button. If nothing is entered, have some code making explicit what should be entered. <br />
* (needs clarification:) Starting a separate stream of work, at the top of {{Q|119}} (or rather all "instance of" "personal attribute"), add an entry field to store the phone number --or that attribute-- locally (using [https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#mediawiki.storage LocalStorage])<br />
* Implement an [[MediaWiki:InterfaceButton.js]] script, displaying a button based on data contained in an item (for instance: {{Q|488}}), and interacting with client-side storage (data stored in a key given by "concerns" field)<br />
* Based on selector on "instance of" "interface button", implemented in [[MediaWiki:Common.js]], make this button appear at the top of the "interface button" pages (by reusing [[MediaWiki:InterfaceButton.js]] of course).<br />
<br />
= Done =<br />
* Modify the [[MediaWiki:Access.js]] code to follow the conventions above. <br />
* Make sure the SAR popup only shows up selectively, for those items that are "instance of" "data controller" (here: [http://wiki.personaldata.io/wiki/Property:P3 P3]--{{Q|96}})<br />
* Have a look at [https://www.mediawiki.org/wiki/OOUI OOUI]<br />
<br />
= To be tested = <br />
* On any page on "instance of" "interface button" , test whether the save function to localstorage works ( whether input data persists after page reload / browser restart )</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=5274
User:Abel/OOInterface.js
2019-05-27T15:30:15Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function (event) {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
var imp_obj = JSON.parse( event.target.result );<br />
console.log( imp_obj );<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=5273
User:Abel/OOInterface.js
2019-05-27T15:28:57Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function () {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
var imp_obj = JSON.parse( button_import.$content );<br />
console.log( imp_obj );<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=5271
User:Abel/OOInterface.js
2019-05-27T15:26:23Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['qIDPropName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'change', function () {<br />
<br />
if (window.webkitURL != null) {<br />
console.log("loading file on webkit")<br />
} else {<br />
console.log("loading file non webkit")<br />
}<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No local data to export") } else { <br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5258
User:Abel/PersonalData.js
2019-05-27T15:04:26Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = false;<br />
// seemingly the Safari engine uses a somewhat different implementation of arguments for db.transaction and index.get<br />
// because no browser on any mac / ios is allowed to use a different engine, rather than user agent, platform can be tested<br />
var iOS = !!navigator.platform && /Macintosh|MacIntel|MacPPC|Mac68K|Mac|iPad|iPhone|iPod/.test(navigator.platform);<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
var index = store.createIndex("NameIndex", ["id"]);<br />
<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
debuglog(pddb.result);<br />
var db = pddb.result;<br />
var tx;<br />
<br />
if ( iOS ) {<br />
tx = db.transaction([pddbname], "readwrite");<br />
} else {<br />
tx = db.transaction(pddbname, "readwrite");<br />
}<br />
<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord;<br />
if ( iOS ) {<br />
getRecord = index.get(record.id);<br />
} else {<br />
getRecord = index.get([record.id]);<br />
}<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else if ( sqitch === "remove from record" ) {<br />
inp_obj = record;<br />
} else {<br />
// any other method ...... would quit as record was not even foun<br />
return undefined;<br />
}<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
debuglog("putting object to store:");<br />
debuglog(inp_obj);<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5249
User:Abel/PersonalData.js
2019-05-27T14:46:11Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = true;<br />
var iOS = !!navigator.platform && /Macintosh|MacIntel|MacPPC|Mac68K|Mac|iPad|iPhone|iPod/.test(navigator.platform);<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
var index = store.createIndex("NameIndex", ["id"]);<br />
<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
debuglog(pddb.result);<br />
var db = pddb.result;<br />
var tx;<br />
<br />
if ( iOS ) {<br />
tx = db.transaction([pddbname], "readwrite");<br />
} else {<br />
tx = db.transaction(pddbname, "readwrite");<br />
}<br />
<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord;<br />
if ( iOS ) {<br />
getRecord = index.get(record.id);<br />
} else {<br />
getRecord = index.get([record.id]);<br />
}<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else if ( sqitch === "remove from record" ) {<br />
inp_obj = record;<br />
} else {<br />
// any other method ...... would quit as record was not even foun<br />
return undefined;<br />
}<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
debuglog("putting object to store:");<br />
debuglog(inp_obj);<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5243
User:Abel/PersonalData.js
2019-05-27T14:37:14Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = true;<br />
var iOS = !!navigator.platform && /Macintosh|MacIntel|MacPPC|Mac68K|Mac|iPad|iPhone|iPod/.test(navigator.platform);<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
var index;<br />
// shouldn't the index be the wiki.personaldata.io username? <br />
if ( iOS ) {<br />
index = db.store.createIndex("NameIndex", ["id"]);<br />
} else {<br />
index = store.createIndex("NameIndex", ["id"]);<br />
}<br />
<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
debuglog(pddb.result);<br />
var db = pddb.result;<br />
var tx;<br />
<br />
if ( iOS ) {<br />
tx = db.transaction([pddbname], "readwrite");<br />
} else {<br />
tx = db.transaction(pddbname, "readwrite");<br />
}<br />
<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord = index.get(record.id);<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else if ( sqitch === "remove from record" ) {<br />
inp_obj = record;<br />
} else {<br />
// any other method ...... would quit as record was not even foun<br />
return undefined;<br />
}<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
debuglog("putting object to store:");<br />
debuglog(inp_obj);<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5220
User:Abel/PersonalData.js
2019-05-27T13:53:06Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = true;<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function(evt) {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
<br />
// shouldn't the index be the wiki.personaldata.io username? <br />
<br />
var index = db.store.createIndex("NameIndex", ["id"]);<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function(xy) {<br />
debuglog(pddb.result);<br />
debuglog(xy);<br />
var db = pddb.result;<br />
var tx = db.transaction([pddbname], "readwrite");<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord = index.get(record.id);<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result !== undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else {<br />
return undefined;<br />
}<br />
// Remove from record will quit as record was not even found<br />
<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
debuglog("putting object to store:");<br />
debuglog(inp_obj);<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5219
User:Abel/PersonalData.js
2019-05-27T13:43:58Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = true;<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function(evt) {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
<br />
// shouldn't the index be the wiki.personaldata.io username? <br />
<br />
var index = db.store.createIndex("NameIndex", ["id"]);<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function(xy) {<br />
debuglog(pddb.result);<br />
debuglog(xy);<br />
var db = pddb.result;<br />
var tx = db.transaction(pddbname, "readwrite");<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord = index.get([record.id]);<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result !== undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else {<br />
return undefined;<br />
}<br />
// Remove from record will quit as record was not even found<br />
<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5218
User:Abel/PersonalData.js
2019-05-27T13:42:26Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = false;<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(this.CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function(evt) {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
<br />
// shouldn't the index be the wiki.personaldata.io username? <br />
<br />
var index = db.store.createIndex("NameIndex", ["id"]);<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function(xy) {<br />
debuglog(pddb.result);<br />
debuglog(xy);<br />
var db = pddb.result;<br />
var tx = db.transaction(pddbname, "readwrite");<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord = index.get([record.id]);<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result !== undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else {<br />
return undefined;<br />
}<br />
// Remove from record will quit as record was not even found<br />
<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=5217
User:Abel/PersonalData.js
2019-05-27T13:40:56Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = false;<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
debuglog("enquing pdio db " + PersonalDataDataBaseName + " with user " + JSON.stringify(CurrentPerson));<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
pddb.onerror = function() { <br />
console.log("Warning: Access to IndexedDB for application has been rejected.");<br />
};<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function(evt) {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
<br />
// shouldn't the index be the wiki.personaldata.io username? <br />
<br />
var index = db.store.createIndex("NameIndex", ["id"]);<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function(xy) {<br />
debuglog(pddb.result);<br />
debuglog(xy);<br />
var db = pddb.result;<br />
var tx = db.transaction(pddbname, "readwrite");<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord = index.get([record.id]);<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result !== undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result !== undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else {<br />
return undefined;<br />
}<br />
// Remove from record will quit as record was not even found<br />
<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=4950
User:Abel/PersonalData.js
2019-05-24T13:33:49Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = true;<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
<br />
// shouldn't the index be the wiki.personaldata.io username? <br />
<br />
var index = store.createIndex("NameIndex", ["id"]);<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
var db = pddb.result;<br />
var tx = db.transaction(pddbname, "readwrite");<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord = index.get([record.id]);<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record found in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result != undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else {<br />
return undefined;<br />
}<br />
// Remove from record will quit as record was not even found<br />
<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/PersonalData.js&diff=4949
User:Abel/PersonalData.js
2019-05-24T13:25:30Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// Indexeddb JavaScript <br />
console.log('Indb loading');<br />
<br />
function IndexedDBContainer( ww ) {<br />
<br />
// suppress console.log, switch to true for debug<br />
var Debug_switch = false;<br />
<br />
// deterministic hash generator for creating user id#s from usernames, should be replaced by something more functional (guaranteed to be transitively different)<br />
hashCode = function(s) {<br />
if ( s == undefined) {<br />
s = '00'<br />
}<br />
var h = 0, l = s.length, i = 0;<br />
if ( l > 0 )<br />
while (i < l)<br />
h = (h << 5) - h + s.charCodeAt(i++) | 0;<br />
return h;<br />
};<br />
<br />
<br />
if ( ww.user != undefined ) {<br />
// if user exists in object passed to constructor, get username <br />
var self = ww.user.getName();<br />
// create userid by hashing username<br />
var idgen = hashCode(self); <br />
debuglog(idgen);<br />
<br />
// Take username for standard databasename format:<br />
// Our current convention for personal databasename (separate dbname for each user)<br />
var PersonalDataDataBaseName = "PD.IO" + idgen + "Database";<br />
// Use username in user to get up to date version of self<br />
// Blank object for personal data Record with id and username included<br />
this.CurrentPerson = {id: idgen, name: {user: self}, age: 0};<br />
debuglog(PersonalDataDataBaseName);<br />
debuglog(this.CurrentPerson);<br />
}<br />
<br />
// ADD MORE DOC<br />
<br />
// EnqueuePDIO a PDIOLocalDatabase:User database access function with modes<br />
// Externally accessible wrapper for Enquire with current user / db preloaded<br />
<br />
this.EnqueuePDIO = async function( sw, c1, c2, c3 ) {<br />
var k = await Enquire( PersonalDataDataBaseName, this.CurrentPerson, sw, c1, c2, c3 );<br />
return k;<br />
}<br />
<br />
// Enquire, a general purpose indexeddb update function with modes<br />
<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
<br />
// Mode 'get record'<br />
// updates record given as argument<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
async function Enquire( pddbname, record, sqitch, control_1, control_2, control_3 ) {<br />
return new Promise(<br />
function(resolve, reject) {<br />
<br />
var pddb = window.indexedDB.open(pddbname, 3);<br />
var inp_obj;<br />
<br />
// indexeddb internal mechanism for version tracking of schema<br />
pddb.onupgradeneeded = function() {<br />
console.log('upgrading database');<br />
var db = pddb.result;<br />
var store = db.createObjectStore(pddbname, {keyPath: "id"});<br />
<br />
// shouldn't the index be the wiki.personaldata.io username? <br />
<br />
var index = store.createIndex("NameIndex", ["id"]);<br />
};<br />
// Database successfully opened function.<br />
pddb.onsuccess = function() {<br />
var db = pddb.result;<br />
var tx = db.transaction(pddbname, "readwrite");<br />
var store = tx.objectStore(pddbname);<br />
var index = store.index("NameIndex"); <br />
<br />
// Get the original record from the db...<br />
var getRecord = index.get([record.id]);<br />
<br />
getRecord.onsuccess = function() {<br />
debuglog( "Record found in database: \n <<");<br />
debuglog( getRecord.result );<br />
debuglog( ">>");<br />
// Essential recordAdd <br />
if ( sqitch === "aggressive push" ) {<br />
// Mode 'aggressive push':<br />
// parameter record is pushed to database, overwriting whatever is there<br />
inp_obj = record;<br />
store.put( inp_obj );<br />
return inp_obj;<br />
} else if ( sqitch === "checkin" ) {<br />
// Mode 'checkin':<br />
// record is retrieved from database, parameter record is pushed if not found<br />
if ( getRecord.result != undefined ) {<br />
debuglog("getting from store");<br />
inp_obj = getRecord.result;<br />
} else {<br />
debuglog("overriding whatever in there");<br />
inp_obj = record;<br />
store.put(inp_obj);<br />
}<br />
<br />
} else {<br />
// Methods manipulationg the actual record come here<br />
// Update & Remove from<br />
// If we got the record from store, use that version to be manipulated<br />
if ( getRecord.result != undefined ) { <br />
inp_obj = getRecord.result;<br />
<br />
if ( sqitch === "get record" ) {<br />
<br />
debuglog("Getting record");<br />
// we will return later<br />
<br />
} <br />
<br />
// endof onsuccess<br />
} else {<br />
<br />
debuglog("Record not found");<br />
<br />
if ( sqitch === "update record" ) {<br />
// Update record will use supplied copy to update it<br />
inp_obj = record;<br />
} else {<br />
if ( sqitch === "get record" ) {<br />
inp_obj = undefined;<br />
} else {<br />
return undefined;<br />
}<br />
// Remove from record will quit as record was not even found<br />
<br />
}<br />
}<br />
} <br />
<br />
if ( sqitch === "update record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
if ( control_3 != undefined ) {<br />
<br />
// Mode 'update record' field1 field2 field3<br />
// retrieve record, make record.field1.field2 = field3, push back<br />
<br />
if ( inp_obj[ control_1 ] == undefined ) { inp_obj[ control_1 ] = (isNaN( control_2 )) ? {} : [] };<br />
inp_obj[ control_1 ][ control_2 ] = control_3; // => "Bob"<br />
store.put(inp_obj);<br />
} else {<br />
<br />
// Mode 'update record' field1 field2<br />
// retrieve record, make record.field1 = field2, push back<br />
<br />
inp_obj[ control_1 ] = inp_obj[ control_1 ] || {};<br />
if ( Array.isArray( inp_obj[ control_1 ] ) ) {<br />
inp_obj[ control_1 ].push( control_2 );<br />
} else {<br />
inp_obj[ control_1 ] = control_2;<br />
}<br />
store.put(inp_obj);<br />
<br />
}<br />
} else {<br />
// Only one control defined. We will return that part of the record, and change nothing<br />
inp_obj = inp_obj[ control_1 ];<br />
}<br />
} else {<br />
<br />
// There's not even control_1, we will just return the record itself<br />
<br />
}<br />
debuglog("return 3")<br />
// return inp_obj;<br />
<br />
};<br />
<br />
if ( sqitch === "remove from record" ) { // Record Update <br />
if ( control_1 != undefined ) {<br />
if ( control_2 != undefined ) {<br />
<br />
// Mode 'remove from record' field1 field2 <br />
// retrieve record, splice/delete record.field1.field2, push back<br />
<br />
if ( Array.isArray( inp_obj[ control_1 ] ) && !isNaN( control_2 ) ) {<br />
inp_obj[ control_1 ].splice( control_2, 1 );<br />
} else {<br />
delete inp_obj[ control_1 ][ control_2 ];<br />
}<br />
<br />
} else {<br />
<br />
// Mode 'remove from record' field1 <br />
// retrieve record, splice/delete record.field1, push back<br />
<br />
delete inp_obj[ control_1 ];<br />
}<br />
}<br />
store.put(inp_obj);<br />
}<br />
<br />
// We are past all methodic code, Async return <br />
<br />
resolve( inp_obj );<br />
<br />
};<br />
<br />
// Indexeddb internal mechanism, close db<br />
<br />
tx.oncomplete = function() {<br />
debuglog("return 1")<br />
db.close();<br />
};<br />
};<br />
debuglog("return 0")<br />
<br />
// End of promise<br />
<br />
}).then( function(result) {<br />
debuglog("Mark 3");<br />
debuglog(result);<br />
return result;<br />
});<br />
}<br />
<br />
function debuglog( l0g ){<br />
if ( Debug_switch ) {<br />
console.log( l0g );<br />
}<br />
}<br />
};</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4948
User:Abel/OOInterface.js
2019-05-24T13:20:55Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget ( { <br />
label: "Import Personal Data", <br />
classes: [ 'pduimark' ] <br />
}), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
<br />
if (window.webkitURL != null) {<br />
window.alert("loading file on webkit")<br />
} else {<br />
window.alert("loading file non webkit")<br />
}<br />
<br />
<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
console.log("happening");<br />
if ( result === undefined ) { window.alert("No data to export") } else { console.log(result) };<br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4947
User:Abel/OOInterface.js
2019-05-24T13:18:41Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget ( { <br />
label: "Import Personal Data", <br />
classes: [ 'pduimark' ] <br />
}), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
<br />
if (window.webkitURL != null) {<br />
window.alert("loading file on webkit")<br />
} else {<br />
window.alert("loading file non webkit")<br />
}<br />
<br />
<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
if ( result === undefined ) { window.alert("No data to export") } else { console.log(result) };<br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4946
User:Abel/OOInterface.js
2019-05-24T13:17:30Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget ( { <br />
label: "Import Personal Data", <br />
classes: [ 'pduimark' ] <br />
}), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
<br />
if (window.webkitURL != null) {<br />
window.alert("loading file on webkit")<br />
} else {<br />
window.alert("loading file non webkit")<br />
}<br />
<br />
<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
if ( get_record.result === undefined ) { window.alert("No data to export") };<br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4945
User:Abel/OOInterface.js
2019-05-24T13:16:11Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget ( { <br />
label: "Import Personal Data", <br />
classes: [ 'pduimark' ] <br />
}), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
<br />
if (window.webkitURL != null) {<br />
window.alert("loading file on webkit")<br />
} else {<br />
window.alert("loading file non webkit")<br />
}<br />
<br />
<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
if ( result === undefined ) { window.alert("No data to export") };<br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4944
User:Abel/OOInterface.js
2019-05-24T13:14:33Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget ( { <br />
label: "Import Personal Data", <br />
classes: [ 'pduimark' ] <br />
}), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
<br />
<br />
if (window.webkitURL != null) {<br />
alert("loading file on webkit")<br />
} else {<br />
alert("loading file non webkit")<br />
}<br />
<br />
<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
if ( result === undefined ) { alert("No data to export") };<br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4943
User:Abel/OOInterface.js
2019-05-24T13:13:02Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
var button_import = new OO.ui.SelectFileWidget ( { <br />
label: "Import Personal Data", <br />
classes: [ 'pduimark' ] <br />
}), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
<br />
<br />
if (window.webkitURL != null) {<br />
<br />
} else {<br />
<br />
}<br />
<br />
<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
if ( result === undefined ) { alert("No data to export") };<br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
});<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4942
User:Abel/OOInterface.js
2019-05-24T13:00:11Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
var button_import = new OO.ui.SelectFileInputWidget ( { <br />
label: "Import Personal Data", <br />
useInputTag: true,<br />
classes: [ 'pduimark' ] <br />
}), <br />
<br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
<br />
<br />
if (window.webkitURL != null) {<br />
<br />
} else {<br />
<br />
}<br />
<br />
<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
if ( result === undefined ) { alert("No data to export") };<br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now() + '.json';<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4941
User:Abel/OOInterface.js
2019-05-24T12:47:57Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
var button_import = new OO.ui.ButtonWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
if ( result === undefined ) { alert("No data to export") };<br />
<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now();<br />
<br />
result.id = '';<br />
result.name.user = '';<br />
<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element ), { autoHide: false } );<br />
mw.notify( $( button_export.$element ), { autoHide: false } );<br />
<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4940
User:Abel/OOInterface.js
2019-05-24T12:44:45Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
var button_import = new OO.ui.ButtonWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now();<br />
result.id = '';<br />
result.name.user = '';<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element, '<br>', button_export.$element ) );<br />
<br />
<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4939
User:Abel/OOInterface.js
2019-05-24T12:42:37Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
var button_import = new OO.ui.ButtonWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
});<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now();<br />
result.id = '';<br />
result.name.user = '';<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
});<br />
<br />
mw.notify( $( button_import.$element + '<br>' + button_export.$element ) );<br />
<br />
<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4938
User:Abel/OOInterface.js
2019-05-24T12:40:57Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
var button_import = new OO.ui.ButtonWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
}<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now();<br />
result.id = '';<br />
result.name.user = '';<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
});<br />
<br />
}<br />
<br />
mw.notify( $( button_import.$element + '<br>' + button_export.$element ) );<br />
<br />
<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4937
User:Abel/OOInterface.js
2019-05-24T12:37:25Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
var button_import = new OO.ui.ButtonWidget( { label: "Import Personal Data", classes: [ 'pduimark' ] } ), <br />
button_export = new OO.ui.ButtonWidget( { label: "Export Personal Data", classes: [ 'pduimark' ] } );<br />
<br />
button_import.on( 'click', function () {<br />
<br />
}<br />
<br />
button_export.on( 'click', function () {<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
var filename_tosaveas = "pdiolocalexport_" + result.name.user + "_" + Date.now();<br />
result.id = '';<br />
result.name.user = '';<br />
var export_to_text = JSON.stringify(result);<br />
var textFileAsBlob = new Blob([export_to_text], {type:'text/plain'});<br />
var downloadLink = document.createElement("a");<br />
downloadLink.download = filename_tosaveas;<br />
if (window.webkitURL != null)<br />
{<br />
// Chrome allows the link to be clicked<br />
// without actually adding it to the DOM.<br />
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);<br />
}<br />
else<br />
{<br />
// Firefox requires the link to be added to the DOM<br />
// before it can be clicked.<br />
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);<br />
downloadLink.style.display = "none";<br />
document.body.appendChild(downloadLink);<br />
}<br />
<br />
downloadLink.click();<br />
<br />
}<br />
<br />
}<br />
<br />
mw.notify( $( button_import.$element + '<br>' + button_export.$element ) );<br />
<br />
<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4927
User:Abel/OOInterface.js
2019-05-24T11:36:40Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
notify_porting();<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
var button_import = new OO.ui.ButtonWidget( { label: "Import local personal data from file", classes: [ 'pduimark' ] } ), <br />
button_export = new OO.ui.ButtonWidget( { label: "Export local personal data to file ", classes: [ 'pduimark' ] } );<br />
<br />
<br />
mw.notify( $( button_import.$element , button_export.$element ) );<br />
<br />
<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4926
User:Abel/OOInterface.js
2019-05-24T11:33:53Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
function notify_porting() {<br />
<br />
var button_import = new OO.ui.ButtonWidget( { label: "Import local personal data from file", classes: [ 'pduimark' ] } ), <br />
button_export = new OO.ui.ButtonWidget( { label: "Export local personal data to file ", classes: [ 'pduimark' ] } );<br />
<br />
<br />
mw.notify( $( button_import.$element , button_export.$element ) );<br />
<br />
<br />
}<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4925
User:Abel/OOInterface.js
2019-05-24T11:18:41Z
<p>Abel: </p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('update record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
}</div>
Abel
https://wiki.personaldata.io/w/index.php?title=User:Abel/OOInterface.js&diff=4924
User:Abel/OOInterface.js
2019-05-24T11:15:24Z
<p>Abel: Created page with "// License: GPL // User Interface Rendering console.log('Interface handler loading'); function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) { this.rende..."</p>
<hr />
<div>// License: GPL<br />
// User Interface Rendering <br />
console.log('Interface handler loading');<br />
<br />
function InterfaceMediaContainer ( WikibaseProcessor, indexedDBobject ) {<br />
<br />
this.renderInterface = function( sqitch ) {<br />
switch( sqitch ) {<br />
case 'controller_id':<br />
controller_render();<br />
break;<br />
case 'personal_data_id':<br />
pd_site_render();<br />
break;<br />
case 'interface_button_id':<br />
personal_data_edit_interface_render();<br />
break;<br />
}<br />
}<br />
<br />
var button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
async function controller_render(){<br />
console.log("this function is done by the current page controller for now");<br />
}<br />
<br />
async function pd_site_render(){<br />
<br />
};<br />
<br />
async function personal_data_edit_interface_render(){<br />
clear_render();<br />
<br />
// Get concerns relation :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var concern_origin = WikibaseProcessor.checkentity( { this_concerns: [ WBEStructure['concernsRelation'], WBEStructure['IDPropLoc'], WBEStructure['IDName'] ] } )['this_concerns'][0];<br />
<br />
// Get defval for entity :: Parts of this must be moved upstream, MAIN should know that this is the data the renderer will need and provide it <br />
<br />
var default_value = WikibaseProcessor.checkentity( { default_value: [ WBEStructure['defaultValRelation'], WBEStructure['IDPropLoc'] ] } )['default_value'][0]; //defal<br />
<br />
var get_record = indexedDBobject.EnqueuePDIO('get record');<br />
<br />
get_record.then( function(result) {<br />
<br />
mw.loader.using( 'oojs-ui-core' ).done( function () {<br />
<br />
button_save = [],<br />
button_remove = [],<br />
textInput = [];<br />
<br />
var extrafield = ( result[concern_origin] != undefined ) ? Object.keys(result[concern_origin]).length : 0;<br />
<br />
button_save[ extrafield ] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
<br />
textInput[ extrafield ] = new OO.ui.TextInputWidget( { <br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
<br />
button_save[ extrafield ].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, extrafield, textInput[ extrafield ].value );<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
$( '#mw-content-text' ).prepend( button_save[ extrafield ].$element );<br />
$( '#mw-content-text' ).prepend( textInput[ extrafield ].$element );<br />
<br />
if ( extrafield > 0) {<br />
Object.keys( result[concern_origin] ).forEach( function(data) {<br />
button_save[data] = new OO.ui.ButtonWidget( { label: "Save", classes: [ 'pduimark' ] } );<br />
button_remove[data] = new OO.ui.ButtonWidget( { label: "Delete", classes: [ 'pduimark' ] } );<br />
textInput[data] = new OO.ui.TextInputWidget( { <br />
value: result[concern_origin][data], ///<br />
placeholder: default_value,<br />
classes: [ 'pduimark' ]<br />
} );<br />
button_save[data].on( 'click', function () {<br />
<br />
indexedDBobject.EnqueuePDIO('update record', concern_origin, data, textInput[ data ].value );<br />
<br />
personal_data_edit_interface_render();<br />
});<br />
<br />
button_remove[data].on( 'click', function () {<br />
indexedDBobject.EnqueuePDIO('remove from record', concern_origin, data );<br />
personal_data_edit_interface_render();<br />
});<br />
$( '#mw-content-text' ).prepend( button_remove[data].$element );<br />
$( '#mw-content-text' ).prepend( button_save[data].$element );<br />
$( '#mw-content-text' ).prepend( textInput[data].$element );<br />
<br />
});<br />
<br />
}<br />
});<br />
});<br />
};<br />
<br />
function clear_render() {<br />
var ifel = document.getElementsByClassName('pduimark');<br />
while( ifel[0] ) {<br />
ifel[0].parentNode.removeChild(ifel[0]);<br />
};<br />
};<br />
<br />
}</div>
Abel