![]() 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.4.0/ |
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%; } .as-font-icon-picker { display: none !important; } </style> </head> <body> <script src="./absol/absol_form.js?date=3150"></script> <!--<div class="form-editor-container"></div>--> <script> absol.form.DateInput.prototype.getValue = function(){ return this.getAttribute('value'); }; absol.form.DateInput.prototype.setValue = function(value){ } absol.form.DateInput.prototype.toString = function(){ return this.getAttribute('value').toString(); } var scopeList = { global: new absol.VarScope() }; scopeList.global.declare('x', 1); scopeList.global.declare('y', 2); scopeList.global.declare('z', 3); var assembler = new absol.form.Assembler(); assembler.addConstructor(absol.form.DateInput); absol.form.PluginManager.push("EXEC_SCRIPT", function(code, args) { console.log(code); code = code.slice(); var scope = scopeList[code.shift()]; code.forEach(function(cmd) { scope.set(cmd[0], cmd[1]); }); }); //\"([^\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'); function createForm(scopeId, parentScopeId) { var scope = new absol.VarScope(scopeList[parentScopeId]); scopeList[scopeId] = scope; scope.declare('x', undefined); scope.declare('k', undefined); var returnFormData = { "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: [scopeId, ['x', scopeId + 10], ['y', scopeId + 12], [scopeId, true] ] } }; var returnForm = assembler.build(returnFormData); scope.declare('comp_13', returnForm); scope.declare('scopeId', scopeId); return returnForm; } var form1 = createForm('form1', 'global'); var form2 = createForm('form2', 'global'); scopeList.global.declare('form1', false); scopeList.global.declare('form2', false); form1.view.addTo(document.body); form2.view.addTo(document.body); // 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": "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 // } // }] // }; // } </script> </body> </html>