![]() 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.4/ |
Upload File : |
<!DOCTYPE html> <html> <head> <meta charset="UTF8" /> <title>FormEditor</title> <link rel="stylesheet" href="//cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css"> <link href="https://fonts.googleapis.com/css?family=Alegreya|Alegreya+SC|Alegreya+Sans|Alegreya+Sans+SC|Alfa+Slab+One|Amatic+SC|Andika|Anton|Archivo|Archivo+Narrow|Arima+Madurai|Arimo|Arsenal|Asap|Asap+Condensed|Athiti|Bahianita|Bai+Jamjuree|Baloo|Baloo+Bhai|Baloo+Bhaijaan|Baloo+Bhaina|Baloo+Chettan|Baloo+Da|Baloo+Paaji|Baloo+Tamma|Baloo+Tammudu|Baloo+Thambi|Bangers|Barlow|Barlow+Condensed|Barlow+Semi+Condensed|Barriecito|Be+Vietnam|Bevan|Big+Shoulders+Display|Big+Shoulders+Text|Bungee|Bungee+Hairline|Bungee+Inline|Bungee+Outline|Bungee+Shade|Cabin|Cabin+Condensed|Chakra+Petch|Charm|Charmonman|Chonburi|Coiny|Comfortaa|Cormorant|Cormorant+Garamond|Cormorant+Infant|Cormorant+SC|Cormorant+Unicase|Cormorant+Upright|Cousine|Crimson+Pro|Cuprum|Dancing+Script|Darker+Grotesque|David+Libre|Dosis|EB+Garamond|Encode+Sans|Encode+Sans+Condensed|Encode+Sans+Expanded|Encode+Sans+Semi+Condensed|Encode+Sans+Semi+Expanded|Exo|Exo+2|Fahkwang|Farsan|Faustina|Fira+Sans|Fira+Sans+Condensed|Fira+Sans+Extra+Condensed|Francois+One|Grenze|Hepta+Slab|IBM+Plex+Mono|IBM+Plex+Sans|IBM+Plex+Sans+Condensed|IBM+Plex+Serif|Inconsolata|Itim|Josefin+Sans|Judson|Jura|K2D|Kanit|KoHo|Kodchasan|Krub|Lalezar|Lemonada|Lexend+Deca|Lexend+Exa|Lexend+Giga|Lexend+Mega|Lexend+Peta|Lexend+Tera|Lexend+Zetta|Literata|Livvic|Lobster|Lora|M+PLUS+1p|M+PLUS+Rounded+1c|Maitree|Major+Mono+Display|Mali|Manuale|Markazi+Text|Maven+Pro|Merriweather|Metrophobic|Mitr|Montserrat|Montserrat+Alternates|Muli|Niramit|Noticia+Text|Noto+Sans|Noto+Sans+SC|Noto+Serif|Noto+Serif+SC|Noto+Serif+TC|Nunito|Nunito+Sans|Old+Standard+TT|Open+Sans|Open+Sans+Condensed:300|Oswald|Pacifico|Pangolin|Patrick+Hand|Patrick+Hand+SC|Pattaya|Paytone+One|Philosopher|Play|Playfair+Display|Playfair+Display+SC|Podkova|Prata|Pridi|Prompt|Quicksand|Roboto|Roboto+Condensed|Roboto+Mono|Roboto+Slab|Rokkitt|Rosario|Saira|Saira+Condensed|Saira+Extra+Condensed|Saira+Semi+Condensed|Saira+Stencil+One|Sarabun|Sawarabi+Gothic|Sedgwick+Ave|Sedgwick+Ave+Display|Sigmar+One|Source+Code+Pro|Source+Sans+Pro|Space+Mono|Spectral|Spectral+SC|Sriracha|Srisakdi|Taviraj|Thasadith|Tinos|Trirong|VT323|Varela+Round|Vollkorn|Vollkorn+SC|Yanone+Kaffeesatz|Yeseva+One&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <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=3150"></script> <div class="form-editor-container"></div> <script> absol.form.PluginManager.push("EXEC_SCRIPT", function (code, args) { var f = new Function('event', 'sender', code); f.apply(this, args); }); //\"([^\s]+)\"\s*: //\n$1 : var needUpdate = localStorage.getItem('form-data-index') == '3150'; localStorage.setItem('form-data-index', '3150'); 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": 481.40625, "width": 703.1563 }, "children": [{ "tag": "Label", "attributes": { "name": "Label_7", "text": "Address" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 614.1563, "top": 157, "bottom": 304.40625, "height": 20, "width": 69 } }, { "tag": "TextInput", "attributes": { "name": "TextInput_1", "value": "blueskythien2010@gmail.com", "placeHolder": "example@mail.com" }, "style": { "hAlign": "fixed", "vAlign": "top", "left": 119, "right": 158, "top": 46, "bottom": 412.40625, "height": 23, "width": 426.1563 } }, { "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": 44, "top": 136, "bottom": 287.40625, "height": 58, "width": 539.1563 } }, { "tag": "Label", "attributes": { "name": "Label_0", "text": "Full Name" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 616.1563, "top": 18, "bottom": 443.40625, "height": 20, "width": 67 } }, { "tag": "TextInput", "attributes": { "name": "HelloInput", "value": "Phạm Quốc Du Thiên", "placeHolder": "Enter Your Name" }, "style": { "hAlign": "fixed", "vAlign": "top", "left": 119, "right": 158, "top": 18, "bottom": 437.40625, "height": 26, "width": 426.1563 } }, { "tag": "Label", "attributes": { "name": "Label_3", "text": "Male" }, "style": { "hAlign": "left", "vAlign": "top", "left": 119, "right": 559.1563, "top": 80, "bottom": 381.40625, "height": 20, "width": 25 } }, { "tag": "Text", "attributes": { "name": "Text_2", "text": "About", "src": "" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 614.1563, "top": 322, "bottom": 135.40625, "height": 24, "width": 69 } }, { "tag": "Label", "attributes": { "name": "Label_1", "text": "Email" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 612.1563, "top": 46.5, "bottom": 414.90625, "height": 20, "width": 71 } }, { "tag": "Radio", "attributes": { "name": "comp_6", "checked": true, "groupName": "gender_group" }, "style": { "hAlign": "left", "vAlign": "top", "left": 158, "right": 527.1563, "top": 80, "bottom": 383.40625, "height": 18, "width": 18, "textHAlign": "center", "textVAlign": "middle", "checked": false } }, { "tag": "Label", "attributes": { "name": "Label_2", "text": "Gender" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 614.1563, "top": 80, "bottom": 381.40625, "height": 20, "width": 69 } }, { "tag": "Radio", "attributes": { "name": "comp_9", "checked": false, "groupName": "gender_group" }, "style": { "hAlign": "left", "vAlign": "top", "left": 274, "right": 411.1563, "top": 82, "bottom": 381.40625, "height": 18, "width": 18, "textHAlign": "center", "textVAlign": "middle", "checked": false } }, { "tag": "Label", "attributes": { "name": "Label_4", "text": "Female" }, "style": { "hAlign": "left", "vAlign": "top", "left": 208, "right": 448.1563, "top": 80, "bottom": 381.40625, "height": 20, "width": 47 } }, { "tag": "Label", "attributes": { "name": "Label_6", "text": "Birthday" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 614.1563, "top": 108.5, "bottom": 352.90625, "height": 20, "width": 69 } }, { "tag": "DateInput", "attributes": { "name": "comp_13", "value": "1995-04-30T17:00:00.000Z" }, "style": { "hAlign": "left", "vAlign": "top", "left": 119, "right": 441.1563, "top": 103, "bottom": 353.40625, "height": 25, "width": 143 }, events: { change: 'console.log(event.value)' } }, { "tag": "Label", "attributes": { "name": "Label_8", "text": "Job Title" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 621.1563, "top": 209, "bottom": 247.40625, "height": 25, "width": 62 } }, { "tag": "Label", "attributes": { "name": "Label_9", "text": "Experience" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 600.1563, "top": 237.5, "bottom": 213.90625, "height": 30, "width": 83 } }, { "tag": "Text", "attributes": { "name": "comp_21", "text": "years", "src": "" }, "style": { "hAlign": "left", "vAlign": "top", "left": 198, "right": 468.1563, "top": 242.5, "bottom": 218.90625, "height": 20, "width": 37 } }, { "tag": "NumberInput", "attributes": { "name": "comp_2121", "min": -9999, "max": 27, "value": -9998, "decimalSeparator": ".", "thousandsSeparator": "", "floatFixed": -1 }, "style": { "hAlign": "left", "vAlign": "top", "left": 120, "right": 517.1563, "top": 239, "bottom": 215.40625, "height": 27, "width": 66 } }, { "tag": "CheckBox", "attributes": { "name": "comp_20", "checked": false }, "style": { "hAlign": "left", "vAlign": "top", "left": 120, "right": 565.1563, "top": 280, "bottom": 178.40625, "height": 23, "width": 18, "textHAlign": "center", "textVAlign": "middle" } }, { "tag": "Label", "attributes": { "name": "Label_9", "text": "Graduated" }, "style": { "hAlign": "left", "vAlign": "top", "left": 20, "right": 599.1563, "top": 285, "bottom": 178.40625, "height": 18, "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.", "src": "" }, "style": { "hAlign": "fixed", "vAlign": "bottom", "left": 120, "right": 42, "top": 352.40625, "bottom": 30, "height": 99, "width": 541.1563 } }, { "tag": "Label", "attributes": { "name": "Label_12", "text": "Year" }, "style": { "hAlign": "left", "vAlign": "top", "left": 162.609375, "right": 522.546925, "top": 280, "bottom": 178.40625, "height": 23, "width": 18 } }, { "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": "7" }, "style": { "hAlign": "fixed", "vAlign": "top", "left": 249, "right": 41, "top": 241.5, "bottom": 209.90625, "height": 30, "width": 413.1563 } }, { "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": 42, "top": 209, "bottom": 247.40625, "height": 25, "width": 541.1563 } }, { "tag": "Image", "attributes": { "name": "Image_0", "src": "https://avatars2.githubusercontent.com/u/9133017?s=100&v=4" }, "style": { "hAlign": "left", "vAlign": "top", "left": 559.1563, "right": 44, "top": 18, "bottom": 363.40625, "height": 100, "width": 100 } }] }; // data = { // tag: 'LinearLayout', // style:{ // width: 600, // height: 500 // } // }; } 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>