Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- {
- "Components": [
- {
- "Type": "Modal",
- "Key": "0305s85e4fd",
- "StateProps": {
- "isOpen": "showModal"
- },
- "Events": {
- "toggle": [
- {
- "FuncName": "toggleShowModal",
- "Paramaters": []
- }
- ]
- },
- "Childerns": [
- {
- "Type": "ModalHeader",
- "Key": "0305as85e4fd",
- "Contents": {
- "Values": ["Modal Header"]
- },
- "Events": {
- "toggle": [
- {
- "FuncName": "toggleShowModal",
- "Paramaters": []
- }
- ]
- }
- },
- {
- "Type": "ModalBody",
- "Key": "0305asd85e4fd",
- "Contents": {
- "Values": ["Modal Body"]
- },
- "Childerns": [
- {
- "Type": "Loader",
- "Key": "0305as3s85e4fd",
- "Loader": {
- "Name": "inputForm",
- "LoadFromPartials": "inputForm"
- }
- }
- ]
- },
- {
- "Type": "ModalFooter",
- "Key": "0305asd8s5e4fd",
- "Contents": {
- "Values": ["Modal Footer"]
- }
- }
- ]
- },
- {
- "Type": "Button",
- "Key": "0305s85ae4fd",
- "Props": {
- "variant": { "Values": ["primary"] }
- },
- "Contents": {
- "Values": ["Launch demo modal"]
- },
- "StateProps": {},
- "HideBasedOn": "showModal",
- "Events": {
- "onClick": [
- {
- "FuncName": "toggleShowModal",
- "Paramaters": []
- }
- ]
- }
- },
- {
- "Type": "section",
- "Key": "030585e4fd",
- "Props": {
- "className": {
- "Values": ["section"]
- }
- },
- "Childerns": [
- {
- "Type": "div",
- "Key": "701432f9fe",
- "HideBasedOn": "showModal",
- "Props": {
- "className": {
- "Values": ["field"]
- }
- },
- "Childerns": [
- {
- "Type": "label",
- "Key": "00e15b131f",
- "Props": {
- "className": {
- "Values": ["label"]
- }
- },
- "Contents": {
- "Values": ["Search"]
- }
- },
- {
- "Type": "div",
- "Key": "3c42a29d92",
- "Props": {
- "className": {
- "Values": ["control"]
- }
- },
- "Childerns": [
- {
- "Type": "input",
- "Key": "40395c3eed",
- "Vars": [
- {
- "VarName": "inp1",
- "VarInit": ""
- }
- ],
- "Props": {
- "className": {
- "Values": ["text"]
- },
- "type": {
- "Values": ["inp1"]
- }
- },
- "Events": {
- "onChange": [
- {
- "FuncName": "Searching",
- "Paramaters": [
- {
- "ParameterName": "link",
- "DefaultVal": "www.aaaa.com",
- "Index": null,
- "SendByRefence": false
- }
- ]
- }
- ]
- }
- }
- ]
- }
- ],
- "Validators": [
- {
- "FuncName": "IsInt",
- "Paramaters": [
- {
- "ParameterName": "var1",
- "DefaultVal": null,
- "Index": "inp1",
- "SendByRefence": false
- }
- ]
- }
- ]
- },
- {
- "Type": "Loader",
- "Key": "455dc4165a",
- "Loader": {
- "Name": "tb1",
- "LoadFromPartials": "tb1"
- }
- }
- ]
- }
- ],
- "PartialComponents": {
- "inputForm": {
- "Type": "form",
- "Key": "810daca0e88",
- "Childerns": [
- {
- "Type": "input",
- "Key": "d86ddfa131a1",
- "Props": {
- "className": { "Values": ["form-control"] },
- "type": { "Values": ["text"] },
- "placeholder": { "Values": ["User Name"] }
- }
- },
- {
- "Type": "input",
- "Key": "d86ddfa13f1a1",
- "Props": {
- "className": { "Values": ["form-control"] },
- "type": { "Values": ["text"] },
- "placeholder": { "Values": ["Password"] }
- }
- }
- ]
- },
- "buttonsTemplate": {
- "Type": "div",
- "Key": "810dca0e88",
- "Props": {
- "id": {
- "Values": ["buttonsTemplate"]
- }
- },
- "Childerns": [
- {
- "Type": "Button",
- "Key": "d86ddf131a1",
- "Props": {
- "className": {
- "Values": []
- },
- "data-toggle": {
- "Values": ["modal"]
- },
- "data-target": {
- "Values": ["#exampleModal"]
- }
- },
- "Contents": {
- "Values": ["Open Modal"]
- }
- },
- {
- "Type": "button",
- "Key": "d86ddf1311",
- "Props": {
- "className": {
- "Values": ["btn", "btn-primary"]
- }
- },
- "Contents": {
- "Values": ["Open"]
- },
- "Events": {
- "onClick": [
- {
- "FuncName": "OpenLink",
- "Paramaters": [
- {
- "ParameterName": "link",
- "DefaultVal": "www.bbb.com",
- "Index": null,
- "SendByRefence": false
- }
- ]
- }
- ]
- }
- },
- {
- "Type": "button",
- "Key": "d079a8c702",
- "Props": {
- "className": {
- "Values": ["btn", "btn-warning"]
- }
- },
- "Contents": {
- "Values": ["Edit"]
- },
- "Events": {
- "onClick": [
- {
- "FuncName": "Update",
- "Paramaters": [
- {
- "ParameterName": "index",
- "DefaultVal": null,
- "Index": "Name",
- "SendByRefence": true
- },
- {
- "ParameterName": "Val",
- "DefaultVal": "Ahmed",
- "Index": null,
- "SendByRefence": false
- }
- ]
- }
- ]
- }
- },
- {
- "Type": "button",
- "Key": "bacf38df1c",
- "Props": {
- "className": {
- "Values": ["btn", "btn-danger"]
- }
- },
- "Contents": {
- "Values": ["Delete"]
- },
- "Events": {
- "onClick": [
- {
- "FuncName": "Delete",
- "Paramaters": [
- {
- "ParameterName": "index",
- "DefaultVal": null,
- "Index": "",
- "SendByRefence": true
- }
- ]
- }
- ]
- }
- }
- ]
- },
- "trTemplate": {
- "Type": "tr",
- "Key": "837c3a76bb",
- "Childerns": [
- {
- "Type": "td",
- "Key": "ba1d5ae8af",
- "Contents": {
- "Indexs": ["Id"]
- }
- },
- {
- "Type": "td",
- "Key": "adcc836e01",
- "Contents": {
- "Indexs": ["Name"]
- }
- },
- {
- "Type": "td",
- "Key": "bbe9bfb582",
- "Contents": {
- "Indexs": ["Age"]
- }
- },
- {
- "Type": "td",
- "Key": "3305118d7a",
- "Contents": {
- "Indexs": ["Email"]
- }
- },
- {
- "Type": "td",
- "Key": "e2a4d61101",
- "Contents": {
- "Indexs": ["Friends.0.Name"]
- }
- },
- {
- "Type": "td",
- "Key": "f1afefddb2",
- "Contents": {
- "Indexs": ["Friends.0.Age"]
- }
- },
- {
- "Type": "td",
- "Key": "59364eb0f4",
- "Contents": {
- "Funcs": [
- {
- "FuncName": "GetLengh",
- "Paramaters": [
- {
- "ParameterName": "inp",
- "DefaultVal": null,
- "Index": "Friends",
- "SendByRefence": false
- }
- ]
- }
- ]
- }
- },
- {
- "Type": "td",
- "Key": "233c62b4f4",
- "Childerns": [
- {
- "Type": "Loader",
- "Key": "b44653746b",
- "Loader": {
- "Name": "buttonsTemplate",
- "LoadFromPartials": "buttonsTemplate"
- }
- }
- ]
- }
- ],
- "RepeatWith": "list1"
- },
- "tb1": {
- "Type": "table",
- "Key": "9b3cfad614",
- "Props": {
- "className": {
- "Values": ["table is-bordered is-striped is-hoverable is-fullwidth"]
- }
- },
- "Childerns": [
- {
- "Type": "thead",
- "Key": "d06d2c92bf",
- "Childerns": [
- {
- "Type": "tr",
- "Key": "83c98780c8",
- "Childerns": [
- {
- "Type": "th",
- "Key": "b8866d5578",
- "Contents": {
- "Values": ["ID"]
- }
- },
- {
- "Type": "th",
- "Key": "23e5d67c85",
- "Contents": {
- "Values": ["Name"]
- }
- },
- {
- "Type": "th",
- "Key": "63ce9ee74a",
- "Contents": {
- "Values": ["Age"]
- }
- },
- {
- "Type": "th",
- "Key": "7b89d83880",
- "Contents": {
- "Values": ["Email"]
- }
- },
- {
- "Type": "th",
- "Key": "484ff7db23",
- "Contents": {
- "Values": ["First Friend Name"]
- }
- },
- {
- "Type": "th",
- "Key": "e1a7ebd07b",
- "Contents": {
- "Values": ["First Friend Age"]
- }
- },
- {
- "Type": "th",
- "Key": "cc514d5a8c",
- "Contents": {
- "Values": ["Number or Friends"]
- }
- },
- {
- "Type": "th",
- "Key": "c7c58c518c",
- "Contents": {
- "Values": ["Operations"]
- }
- }
- ]
- }
- ]
- },
- {
- "Type": "tbody",
- "Key": "78ffda04ad",
- "Childerns": [
- {
- "Type": "Loader",
- "Key": "4584d4bdde",
- "Loader": {
- "Name": "trTemplate",
- "LoadFromPartials": "trTemplate"
- }
- }
- ]
- }
- ]
- }
- },
- "Data": {
- "list1": [
- {
- "Name": "AAAA",
- "Id": 0,
- "Email": "email0@aaa.com",
- "Age": 22,
- "Friends": []
- },
- {
- "Name": "Ahmed1",
- "Id": 1,
- "Email": "email1@aaa.com",
- "Age": 1,
- "Friends": [
- {
- "Name": "Ahmed011",
- "Id": 0,
- "Email": "email0@aaa.com",
- "Age": 13,
- "Friends": null
- }
- ]
- },
- {
- "Name": "Ahmed2",
- "Id": 2,
- "Email": "email2@aaa.com",
- "Age": 2,
- "Friends": [
- {
- "Name": "Ahmed0",
- "Id": 0,
- "Email": "email0@aaa.com",
- "Age": 2,
- "Friends": null
- },
- {
- "Name": "Ahmed1",
- "Id": 1,
- "Email": "email1@aaa.com",
- "Age": 1,
- "Friends": null
- }
- ]
- },
- {
- "Name": "Ahmed3",
- "Id": 3,
- "Email": "email3@aaa.com",
- "Age": 3,
- "Friends": [
- {
- "Name": "Ahmed0",
- "Id": 0,
- "Email": "email0@aaa.com",
- "Age": 0,
- "Friends": null
- },
- {
- "Name": "Ahmed1",
- "Id": 1,
- "Email": "email1@aaa.com",
- "Age": 1,
- "Friends": null
- },
- {
- "Name": "Ahmed2",
- "Id": 2,
- "Email": "email2@aaa.com",
- "Age": 2,
- "Friends": null
- }
- ]
- },
- {
- "Name": "Ahmed4",
- "Id": 4,
- "Email": "email4@aaa.com",
- "Age": 4,
- "Friends": [
- {
- "Name": "Ahmed0",
- "Id": 0,
- "Email": "email0@aaa.com",
- "Age": 0,
- "Friends": null
- },
- {
- "Name": "Ahmed1",
- "Id": 1,
- "Email": "email1@aaa.com",
- "Age": 1,
- "Friends": null
- },
- {
- "Name": "Ahmed2",
- "Id": 2,
- "Email": "email2@aaa.com",
- "Age": 2,
- "Friends": null
- },
- {
- "Name": "Ahmed3",
- "Id": 3,
- "Email": "email3@aaa.com",
- "Age": 3,
- "Friends": null
- }
- ]
- }
- ]
- }
- }
Add Comment
Please, Sign In to add comment