![]() System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/formeditor/v0.0.6/ |
Upload File : |
<!DOCTYPE html> <html> <head> <meta charset="UTF8" /> <title>FormEditor</title> <link rel="stylesheet" href="//cdn.materialdesignicons.com/4.4.95/css/materialdesignicons.min.css"> <style> html, body, :root { padding: 0; margin: 0; /* height: 100%; */ height: 99.1%; width: 100%; border: none; } .form-editor-container { margin: 10px; width: calc(100% - 20px); height: calc(100% - 20px); box-sizing: border-box; } .form-editor-container>.as-form-editor { width: 100%; height: 100%; } </style> </head> <body> <script src="./absol/absol_form.js?date=3146"></script> <div class="form-editor-container"></div> <script> //\"([^\s]+)\"\s*: //\n$1 : var needUpdate = localStorage.getItem('form-data-index') == '3146'; localStorage.setItem('form-data-index', '3146'); var data = needUpdate && JSON.parse(localStorage.getItem('form-data') || 'false'); if (!data) { data = { "tag": "RelativeLayout", "attributes": { "name": "PesionalInfor" }, "style": { "hAlign": "left", "vAlign": "top", "left": 0, "right": 0, "top": 0, "bottom": 0, "height": 714, "width": 601.765675 }, "children": [{ "tag": "Label", "attributes": { "name": "Label_0", "text": "Full Name" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 813, "top": 20, "bottom": 760, "height": 20, "width": 67 } }, { "tag": "Label", "attributes": { "name": "Label_1", "text": "Email" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 809, "top": 50, "bottom": 730, "height": 20, "width": 71 } }, { "tag": "TextInput", "attributes": { "name": "HelloInput", "value": "Phạm Quốc Du Thiên", "placeHolder": "Enter Your Name" }, "style": { "hAlign": "fixed", "vAlign": "top", "left": 120, "right": 40, "top": 15, "bottom": 674, "height": 25, "width": 441.765675 } }, { "tag": "TextInput", "attributes": { "name": "TextInput_1", "value": "blueskythien2010@gmail.com", "placeHolder": "example@mail.com" }, "style": { "hAlign": "fixed", "vAlign": "top", "left": 120, "right": 40, "top": 45, "bottom": 646, "height": 23, "width": 441.765675 } }, { "tag": "Label", "attributes": { "name": "Label_2", "text": "Gender" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 376, "top": 80, "bottom": 434, "height": 20, "width": 69 } }, { "tag": "Radio", "attributes": { "name": "comp_6", "checked": true, "groupName": "gender_group" }, "style": { "hAlign": "left", "vAlign": "top", "left": 158, "right": 724, "top": 80, "bottom": 702, "height": 18, "width": 18, "textHAlign": "center", "textVAlign": "middle", "checked": false } }, { "tag": "Label", "attributes": { "name": "Label_3", "text": "Male" }, "style": { "hAlign": "left", "vAlign": "top", "left": 119, "right": 756, "top": 80, "bottom": 700, "height": 20, "width": 25 } }, { "tag": "Label", "attributes": { "name": "Label_4", "text": "Female" }, "style": { "hAlign": "left", "vAlign": "top", "left": 208, "right": 645, "top": 80, "bottom": 700, "height": 20, "width": 47 } }, { "tag": "Radio", "attributes": { "name": "comp_9", "checked": false, "groupName": "gender_group" }, "style": { "hAlign": "left", "vAlign": "top", "left": 269, "right": 622, "top": 81, "bottom": 615, "height": 18, "width": 18, "textHAlign": "center", "textVAlign": "middle", "checked": false } }, { "tag": "Label", "attributes": { "name": "Label_6", "text": "Birthday" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 811, "top": 110, "bottom": 670, "height": 20, "width": 69 } }, { "tag": "DateInput", "attributes": { "name": "comp_13", "value": "1995-05-28T17:00:00.000Z" }, "style": { "hAlign": "left", "vAlign": "top", "left": 120, "right": 350.765675, "top": 105, "bottom": 584, "height": 25, "width": 131 } }, { "tag": "Label", "attributes": { "name": "Label_7", "text": "Address" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 411, "top": 140, "bottom": 640, "height": 20, "width": 69 } }, { "tag": "ComboBox", "attributes": { "name": "comp_17", "list": [{ "text": "Project Owner", "value": "0" }, { "text": "Designer", "value": "1" }, { "text": "Developer", "value": "2" }, { "text": "Tester", "value": "3" }, { "text": "SCRUM Master", "value": "4" }, { "text": "RnD", "value": "5" }], "value": "4" }, "style": { "hAlign": "fixed", "vAlign": "top", "left": 120, "right": 40, "top": 209, "bottom": 480, "height": 25, "width": 441.765675 } }, { "tag": "Label", "attributes": { "name": "Label_8", "text": "Job Title" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 411, "top": 210, "bottom": 565, "height": 25, "width": 69 } }, { "tag": "Label", "attributes": { "name": "Label_9", "text": "Experience" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 374, "top": 245, "bottom": 325, "height": 30, "width": 106 } }, { "tag": "Text", "attributes": { "name": "comp_21", "text": "years" }, "style": { "hAlign": "left", "vAlign": "top", "left": 198, "right": 265, "top": 245, "bottom": 335, "height": 20, "width": 37 } }, { "tag": "NumberInput", "attributes": { "name": "comp_21", "min": -9999, "max": 9999, "value": 0, "decimalSeparator": ".", "thousandsSeparator": "", "floatFixed": -1 }, "style": { "hAlign": "left", "vAlign": "top", "left": 120, "right": 412.765675, "top": 240, "bottom": 447, "height": 27, "width": 69 } }, { "tag": "TextArea", "attributes": { "name": "TextInput_3", "value": "57 Ngô Đức Đệ, tp. Kon Tum", "placeHolder": "Enter your address" }, "style": { "hAlign": "fixed", "vAlign": "top", "left": 120, "right": 40, "top": 141, "bottom": 515, "height": 58, "width": 441.765675 } }, { "tag": "CheckBox", "attributes": { "name": "comp_20", "checked": false }, "style": { "hAlign": "left", "vAlign": "top", "left": 120, "right": 463.765675, "top": 279, "bottom": 417, "height": 18, "width": 18, "textHAlign": "center", "textVAlign": "middle" } }, { "tag": "Label", "attributes": { "name": "Label_9", "text": "Graduated" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 396, "top": 280, "bottom": 313, "height": 7, "width": 84 } }, { "tag": "Text", "attributes": { "name": "comp_21", "text": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga." }, "style": { "hAlign": "fixed", "vAlign": "bottom", "left": 20, "right": 40, "top": 609, "bottom": 40, "height": 65, "width": 541.765675 } }, { "tag": "Label", "attributes": { "name": "Label_12", "text": "Year" }, "style": { "hAlign": "left", "vAlign": "top", "left": 249.609375, "right": 178.390625, "top": 280.40625, "bottom": 244.59375, "height": 9, "width": 37 } }, { "tag": "ComboBox", "attributes": { "name": "comp_31", "list": [{ "text": "2000", "value": "0" }, { "text": "2001", "value": "1" }, { "text": "2002", "value": "2" }, { "text": "2003", "value": "3" }, { "text": "2004", "value": "4" }, { "text": "2005", "value": "5" }, { "text": "2006", "value": "19" }, { "text": "2007", "value": "6" }, { "text": "2008", "value": "7" }, { "text": "2009", "value": "8" }, { "text": "2010", "value": "9" }, { "text": "2011", "value": "10" }, { "text": "2012", "value": "11" }, { "text": "2013", "value": "12" }, { "text": "2014", "value": "13" }, { "text": "2015", "value": "14" }, { "text": "2016", "value": "15" }, { "text": "2017", "value": "16" }, { "text": "2018", "value": "17" }, { "text": "2019", "value": "18" }], "value": "16" }, "style": { "hAlign": "fixed", "vAlign": "top", "left": 308.609375, "right": 195, "top": 272.40625, "bottom": 303.59375, "height": 30, "width": 570.1563000000001 } }, { "tag": "TextArea", "attributes": { "name": "TextInput_3", "value": "", "placeHolder": "" }, "style": { "hAlign": "fixed", "vAlign": "fixed", "left": 120, "right": 40, "top": 319.40625, "bottom": 131.59375, "height": 263, "width": 441.765675 } }, { "tag": "Text", "attributes": { "name": "Text_2", "text": "About" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 376, "top": 322, "bottom": 252, "height": 30, "width": 69 } }] }; } var mFormEditor = new absol.form.FormEditor(); mFormEditor.getView().addTo(absol.$('.form-editor-container')); mFormEditor.start(); mFormEditor.setData(data); var saveTimeout = -1; mFormEditor.on('change', function () { if (saveTimeout > 0) clearTimeout(saveTimeout); saveTimeout = -1; saveTimeout = setTimeout(function () { localStorage.setItem('form-data', JSON.stringify(this.getData())); }.bind(this), 1000); }); </script> </body> </html>