Server : Apache/2.4.41 (Ubuntu) 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.3.0/
Upload File :
Current File : /var/www/html/formeditor/v0.3.0/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">
<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=3147"></script>
<div class="form-editor-container"></div>
<script>
//\"([^\s]+)\"\s*:
//\n$1 :
var needUpdate = localStorage.getItem('form-data-index') == '3147';
localStorage.setItem('form-data-index', '3147');
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}},{"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}}]};
}
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)