VaKeR CYBER ARMY
Apache/2.4.41 (Ubuntu) Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 www-data ( 33 )7.4.33 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, / var /www /html /formeditor /v0.0.4 /
Current File : //var/www/html/formeditor/v0.0.4/index.html <!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> 
Server : Apache/2.4.41 (Ubuntu)