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 /libs /absol-form /demo /
Current File : /var/www/html/libs/absol-form/demo/require_test.html <!DOCTYPE html>
<html>
<head>
<meta charset="UTF8"/>
<title>Required Test</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">
<script src="https://absol.cf/absol-full/absol/absol.dependents.js"></script>
<script src="../absol/absol_form.js"></script>
<style>
html,
body,
:root {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
border: none;
}
#layout-ctn {
border: 1px solid black;
display: inline-block;
}
</style>
</head>
<body>
<div id="layout-ctn"></div>
<script>
!(function () {
var AssemblerInstance = absol.form.AssemblerInstance;
var $ = absol.$;
var _ = absol._;
var makeFmFragmentClass = absol.form.makeFmFragmentClass;
var formData ={
"app": "ABSOL_FORM_EDITOR",
"version": "1.0.0",
"layout": {
"tag": "RelativeLayout",
"attributes": {
"name": "PesionalInfor",
"dataBinding": true,
"target": "",
"id": "m8kbp7VtoO9EmFqH",
"formType": "SO_YEU_LY_LICH"
},
"style": {
"paddingLeft": 0,
"paddingRight": 0,
"paddingTop": 0,
"paddingBottom": 0,
"height": 640.40625,
"width": 701.1563,
"hAlign": "left",
"vAlign": "top",
"left": 0,
"right": 0,
"top": 0,
"bottom": 0
},
"children": [
{
"tag": "Label",
"attributes": {
"name": "Label_7",
"dataBinding": true,
"target": "",
"text": "Address",
"id": "m8kbp7B4YbAVRXnu"
},
"style": {
"height": 20,
"width": 69,
"boxAlign": "lefttop",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 20,
"right": 612.1563,
"top": 157,
"bottom": 304.40625
}
},
{
"tag": "TextInput",
"attributes": {
"name": "TextInput_1",
"dataBinding": true,
"target": "",
"value": "",
"placeHolder": "example@mail.com",
"id": "m8kbp7NrdynFqnyE"
},
"style": {
"height": 23,
"width": 424.1563,
"textAlign": "left",
"textType": "normal",
"textColor": "#000000ff",
"font": "None",
"hidden": false,
"hAlign": "fixed",
"vAlign": "top",
"left": 119,
"right": 158,
"top": 46,
"bottom": 571.40625
}
},
{
"tag": "TextArea",
"attributes": {
"name": "TextInput_3",
"dataBinding": true,
"target": "",
"value": "",
"placeHolder": "Enter your address",
"id": "m8kbp7MDCPyyh6YU"
},
"style": {
"height": 77.57339338103999,
"width": 539.15625,
"textAlign": "left",
"textType": "normal",
"textColor": "#000000ff",
"font": "None",
"hidden": false,
"hAlign": "left",
"vAlign": "top",
"left": 121.54949619217999,
"right": 40.453125,
"top": 112.50614436813,
"bottom": 450.34375
}
},
{
"tag": "Label",
"attributes": {
"name": "Label_0",
"dataBinding": true,
"target": "",
"text": "Full Name",
"id": "m8kbp7_ikThwRBEy"
},
"style": {
"height": 20,
"width": 67,
"boxAlign": "lefttop",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 20,
"right": 614.1563,
"top": 18,
"bottom": 443.40625
}
},
{
"tag": "TextInput",
"attributes": {
"name": "HelloInput",
"dataBinding": true,
"target": "",
"value": "",
"placeHolder": "Enter Your Name",
"id": "m8kbp702wPmeTlhd"
},
"style": {
"height": 26,
"width": 424.1563,
"textAlign": "left",
"textType": "normal",
"textColor": "#000000ff",
"font": "None",
"hidden": false,
"hAlign": "fixed",
"vAlign": "top",
"left": 119,
"right": 158,
"top": 18,
"bottom": 596.40625
}
},
{
"tag": "Label",
"attributes": {
"name": "Label_3",
"dataBinding": true,
"target": "",
"text": "Male",
"id": "m8kbp71qf4jHBzBJ"
},
"style": {
"height": 20,
"width": 76,
"boxAlign": "leftcenter",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 119,
"right": 506.15625,
"top": 80,
"bottom": 707.40625
}
},
{
"tag": "Text",
"attributes": {
"name": "Text_2",
"dataBinding": true,
"target": "",
"text": "About",
"id": "m8kbp720L2pgWdi4",
"src": ""
},
"style": {
"height": 24,
"width": 69,
"font": "None",
"textAlign": "left",
"textColor": "#000000ff",
"hidden": false,
"hAlign": "left",
"vAlign": "top",
"left": 20,
"right": 612.15625,
"top": 322,
"bottom": 461.40625
}
},
{
"tag": "Label",
"attributes": {
"name": "Label_1",
"dataBinding": true,
"target": "",
"text": "Email",
"id": "m8kbp73TPmnJnVv8"
},
"style": {
"height": 20,
"width": 71,
"boxAlign": "lefttop",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 20,
"right": 610.1563,
"top": 46.5,
"bottom": 414.90625
}
},
{
"tag": "Radio",
"attributes": {
"name": "comp_6",
"dataBinding": true,
"target": "",
"checked": false,
"value": "",
"groupName": "gender_groupx",
"id": "m8kbp74RxtzRPUWK"
},
"style": {
"height": 20,
"width": 18,
"boxAlign": "lefttop",
"vAlign": "top",
"hAlign": "left",
"textHAlign": "center",
"textVAlign": "middle",
"hidden": false,
"left": 204.66666666666666,
"right": 503.5,
"top": 82,
"bottom": 706.40625,
"checked": false
}
},
{
"tag": "Label",
"attributes": {
"name": "Label_2",
"dataBinding": true,
"target": "",
"text": "Gender",
"id": "m8kbp75xL6jMK2sX"
},
"style": {
"height": 20,
"width": 69,
"boxAlign": "leftcenter",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 20,
"right": 612.1563,
"top": 80,
"bottom": 381.40625
}
},
{
"tag": "Radio",
"attributes": {
"name": "comp_9",
"dataBinding": true,
"target": "",
"checked": true,
"value": "",
"groupName": "gender_groupx",
"id": "m8kbp76UeMXxSgKF"
},
"style": {
"height": 20,
"width": 18,
"boxAlign": "lefttop",
"vAlign": "top",
"hAlign": "left",
"textHAlign": "center",
"textVAlign": "middle",
"hidden": false,
"left": 354,
"right": 329.15625,
"top": 85,
"bottom": 535.40625,
"checked": false
}
},
{
"tag": "Label",
"attributes": {
"name": "Label_4",
"dataBinding": true,
"target": "",
"text": "Female",
"id": "m8kbp77x05nae935"
},
"style": {
"height": 20,
"width": 47,
"boxAlign": "leftcenter",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 286.3333333333333,
"right": 420.828125,
"top": 82,
"bottom": 707.40625
}
},
{
"tag": "Label",
"attributes": {
"name": "Label_6",
"dataBinding": true,
"target": "",
"text": "Birthday",
"id": "m8kbp7811n4abEUJ"
},
"style": {
"height": 20,
"width": 69,
"boxAlign": "lefttop",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 20,
"right": 612.1563,
"top": 108.5,
"bottom": 352.90625
}
},
{
"tag": "Label",
"attributes": {
"name": "Label_8",
"dataBinding": true,
"target": "",
"text": "Job Title",
"id": "m8kbp79ADYAfBX0P"
},
"style": {
"height": 25,
"width": 62,
"boxAlign": "lefttop",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 20,
"right": 619.1563,
"top": 209,
"bottom": 247.40625
}
},
{
"tag": "Label",
"attributes": {
"name": "Label_9",
"dataBinding": true,
"target": "",
"text": "Experience",
"id": "m8kbp8qxiiwd_liW"
},
"style": {
"height": 30,
"width": 83,
"boxAlign": "lefttop",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 20,
"right": 598.1563,
"top": 237.5,
"bottom": 213.90625
}
},
{
"tag": "Text",
"attributes": {
"name": "comp_21",
"dataBinding": true,
"target": "",
"text": "years",
"id": "m8kbp8wfe2_qvrei",
"src": ""
},
"style": {
"height": 20,
"width": 37,
"font": "None",
"textAlign": "left",
"textColor": "#000000ff",
"hidden": false,
"hAlign": "left",
"vAlign": "top",
"left": 198,
"right": 466.1563,
"top": 242.5,
"bottom": 218.90625
}
},
{
"tag": "NumberInput",
"attributes": {
"floatFixed": "auto",
"name": "comp_2121",
"dataBinding": true,
"target": "",
"id": "m8kbp8evnQ4frYUU",
"value": 0,
"min": -9999,
"max": 27,
"decimalSeparator": ".",
"thousandsSeparator": ""
},
"style": {
"height": 30,
"width": 66,
"hidden": false,
"hAlign": "left",
"vAlign": "top",
"left": 120,
"right": 515.15625,
"top": 239,
"bottom": 371.40625
}
},
{
"tag": "CheckBox",
"attributes": {
"name": "graduated_cbx",
"dataBinding": true,
"target": "",
"id": "m8kbp8rmfjicVK_Y"
},
"style": {
"height": 23,
"width": 18,
"boxAlign": "lefttop",
"vAlign": "top",
"hAlign": "left",
"textHAlign": "center",
"textVAlign": "middle",
"hidden": false,
"left": 120,
"right": 563.15625,
"top": 280,
"bottom": 337.40625
}
},
{
"tag": "Label",
"attributes": {
"name": "Label_9",
"dataBinding": true,
"target": "",
"text": "Graduated",
"id": "m8kbp8t2BwVitrNU"
},
"style": {
"height": 18,
"width": 84,
"boxAlign": "lefttop",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 20,
"right": 597.1563,
"top": 285,
"bottom": 178.40625
}
},
{
"tag": "Label",
"attributes": {
"name": "year_label",
"disembark": true,
"dataBinding": false,
"target": "",
"text": "Year",
"id": "m8kbp8uwQ4jJEBEd"
},
"style": {
"height": 23,
"width": 18,
"boxAlign": "lefttop",
"textColor": "#000000ff",
"hidden": false,
"textAlign": "left",
"hAlign": "left",
"vAlign": "top",
"left": 162.609375,
"right": 510.25,
"top": 280,
"bottom": 337.40625
}
},
{
"tag": "ComboBox",
"attributes": {
"name": "graduate_year",
"disembark": true,
"dataBinding": true,
"target": "",
"id": "m8kbp8iKwZ1c12wv",
"items": [],
"value": "2012",
"strictValue": true
},
"style": {
"height": 30,
"width": 411.1563,
"hidden": false,
"hAlign": "fixed",
"vAlign": "top",
"left": 218,
"right": 72,
"top": 275,
"bottom": 335.40625
}
},
{
"tag": "ComboBox",
"attributes": {
"name": "comp_17",
"dataBinding": true,
"target": "",
"id": "m8kbp8oJyQNe5Pc7",
"items": [],
"value": "4",
"strictValue": true
},
"style": {
"height": 25,
"width": 539.1563,
"hidden": false,
"hAlign": "fixed",
"vAlign": "top",
"left": 122,
"right": 40,
"top": 205,
"bottom": 251.40625
}
},
{
"tag": "Image",
"attributes": {
"name": "Image_0",
"dataBinding": true,
"target": "",
"src": "https://avatars2.githubusercontent.com/u/9133017?s=100&v=4",
"id": "m8kbp8p3YjhtjTQ7"
},
"style": {
"height": 78,
"width": 85,
"hidden": false,
"hAlign": "left",
"vAlign": "top",
"left": 577.1563,
"right": 39,
"top": 12,
"bottom": 717.40625
}
},
{
"tag": "TextArea",
"attributes": {
"name": "TextArea_1",
"dataBinding": true,
"target": "",
"value": "",
"id": "m8kbp8aFb78BVIuH"
},
"style": {
"height": 201,
"width": 537,
"textAlign": "left",
"textType": "normal",
"textColor": "#000000ff",
"font": "None",
"hidden": false,
"left": 121.703125,
"right": 42.453125,
"top": 330.40625,
"bottom": 276,
"vAlign": "top",
"hAlign": "left"
}
},
{
"tag": "Button",
"attributes": {
"name": "Button_0",
"dataBinding": true,
"target": "",
"text": "Tải xuống json",
"icon": "span.mdi.mdi-format-font",
"id": "QLBntM_XkfxAFXxM",
"disabled": false
},
"style": {
"height": 30,
"width": 190,
"colorTheme": "default",
"font": "none",
"hidden": false,
"left": 136.234375,
"right": 374.921875,
"top": 559.40625,
"bottom": 218,
"vAlign": "top",
"hAlign": "left"
}
}
]
},
"circuit": {
"blocks": [
{
"attributes": {
"id": "QLN3Bssa5eMFjmCS",
"name": "load_graduate_year",
"args": [],
"body": "return Array(100).fill(0).map((u, i)=> ({text: i+ 1975+ '', value: i + 1975}));"
},
"tag": "function"
},
{
"attributes": {
"id": "QLN3BsdvlGu9FcHJ",
"name": "on_start"
},
"tag": "CBEntry"
}
],
"lines": [
{
"u": "on_start",
"v": "load_graduate_year",
"uPin": "signal",
"vPin": "exec",
"id": "QLN3BsfcDGBcoDiR"
},
{
"u": "load_graduate_year",
"v": "graduate_year",
"uPin": "result",
"vPin": "items",
"id": "QLN3BsgmTmomLbW0"
},
{
"u": "graduated_cbx",
"v": "graduate_year",
"uPin": "checked",
"vPin": "embark",
"id": "QLN3BdaEbPleqK12"
},
{
"u": "graduated_cbx",
"v": "year_label",
"uPin": "checked",
"vPin": "embark",
"id": "QLN3BdsY1IZ8WauP"
}
],
"diagram": {
"includedBlocks": [
"QLN3BsdvlGu9FcHJ",
"QLN3Bssa5eMFjmCS",
"m8kbp8iKwZ1c12wv",
"m8kbp8rmfjicVK_Y",
"m8kbp8uwQ4jJEBEd"
],
"positions": {
"QLN3BsdvlGu9FcHJ": {
"x": 0,
"y": 0
},
"QLN3Bssa5eMFjmCS": {
"x": 200,
"y": 0
},
"m8kbp8iKwZ1c12wv": {
"x": 391,
"y": -20
},
"m8kbp8rmfjicVK_Y": {
"x": 17,
"y": 90
},
"m8kbp8uwQ4jJEBEd": {
"x": 274,
"y": 182
}
}
}
}
};
var fragClass= makeFmFragmentClass({tag: 'test',contentViewData: formData});
var lo = AssemblerInstance.build({ class: fragClass });
lo.domElt.addTo($('#layout-ctn'));
window.lo = lo;
})();
</script>
</body>
</html> 
Server : Apache/2.4.41 (Ubuntu)