{"javascript":"var DBStructure = {};\r\nvar DBData = {\r\n    Records: []\r\n}\r\n$(document).ready(function() {\r\n    $(\"body\").fadeIn();\r\n    $('button').on('click', function() {\r\n        let num = Math.floor(Math.random() * 20);\r\n        console.log('Updateing: ' + JSON.stringify(DBData.Records[0]) + \" | New Value: \" + num)\r\n        Api.DatabaseUpdate(DBData.Records[0].id, {\r\n            2: num\r\n        }, 1).then(function(RecordCount) {\r\n            console.log('Records: ' + RecordCount)\r\n        })\r\n    });\r\n    UpdateDBStructure();\r\n});\r\n\r\n\r\nfunction UpdateDBStructure() {\r\n    let DBtemp = Api.GetDatabaseStructure();\r\n    DBStructure = {};\r\n    DBtemp.forEach(function(tb, i) {\r\n        DBStructure[tb.name] = {\r\n            id: tb.id,\r\n            col: (function() {\r\n                let obj = {};\r\n                tb.columns.forEach(col => {\r\n                    obj[col.name] = {\r\n                        id: col.id\r\n                    }\r\n                })\r\n                return obj\r\n            })()\r\n        }\r\n    });\r\n    console.log('Structure:');\r\n    console.log(DBStructure)\r\n    UpdateDBData();\r\n}\r\n\r\nasync function UpdateDBData() {\r\n    DBData = {\r\n        Records: []\r\n    }\r\n    if (Object.keys(DBStructure).length !== 0) {\r\n        await Api.DatabaseSelect({}, 1).then(function(RecordList) {\r\n            console.log('Records List From Api.DatatablesSelect: ')\r\n            console.log(RecordList)\r\n            if (RecordList.length > 0) {\r\n                DBData.Records.push({\r\n                    data: parseInt(RecordList[0].data[2]),\r\n                    id: RecordList[0].id\r\n                })\r\n            }\r\n        });\r\n        console.log('Data: ')\r\n        console.log(DBData)\r\n    }\r\n}","cssFiles":["https://bablosoft.com/buildinterface/uikit/css/uikit.css"],"jsFiles":["https://bablosoft.com/buildinterface/jquery/jquery.min.js?v=2","https://bablosoft.com/buildinterface/uikit/js/uikit.js?v=2","https://bablosoft.com/buildinterface/uikit/js/uikit-icons.js?v=2","https://bablosoft.com/buildinterface/charts/utils.js?v=2","https://bablosoft.com/buildinterface/charts/charts.js?v=2","https://bablosoft.com/buildinterface/filesaver/FileSaver.min.js?v=2","https://bablosoft.com/buildinterface/interface-extensions/extensions.js?v=2","https://bablosoft.com/buildinterface/bas-api/bas-api.js?v=2"],"css":"","html":"<button class=\"uk-button uk-button-default uk-width-1-1\">Button Label</button>\n"}