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.0.5/
Upload File :
Current File : /var/www/html/formeditor/v0.0.5/index.html
<!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=3144"></script>
<div class="form-editor-container"></div>
<script>
//\"([^\s]+)\"\s*:
//\n$1 :
var needUpdate = localStorage.getItem('form-data-index') == '3144';
localStorage.setItem('form-data-index', '3144');
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":604,"width":465},"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":560,"height":25,"width":340}},{"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":530,"height":25,"width":340}},{"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":260,"right":222,"top":80,"bottom":702,"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":276,"top":105,"bottom":356,"height":25,"width":100}},{"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":205,"bottom":304,"height":25,"width":305}},{"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":311,"top":240,"bottom":333,"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":122,"right":40,"top":141,"bottom":335,"height":58,"width":303}},{"tag":"CheckBox","attributes":{"name":"comp_20","checked":false},"style":{"hAlign":"left","vAlign":"top","left":120,"right":362,"top":279,"bottom":303,"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":29,"right":27,"top":416,"bottom":30,"height":88,"width":409}},{"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":37.234375,"top":272.40625,"bottom":231.59375,"height":30,"width":119.15625}},{"tag":"TextArea","attributes":{"name":"TextInput_3","value":"","placeHolder":""},"style":{"hAlign":"fixed","vAlign":"fixed","left":117.609375,"right":34.390625,"top":317.40625,"bottom":133.59375,"height":90,"width":313}},{"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>
Server : Apache/2.4.41 (Ubuntu)