Guest User

Untitled

a guest
Feb 10th, 2019
160
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.13 KB | None | 0 0
  1. {
  2. "Components": [
  3. {
  4. "Type": "Modal",
  5. "Key": "0305s85e4fd",
  6. "StateProps": {
  7. "isOpen": "showModal"
  8. },
  9. "Events": {
  10. "toggle": [
  11. {
  12. "FuncName": "toggleShowModal",
  13. "Paramaters": []
  14. }
  15. ]
  16. },
  17. "Childerns": [
  18. {
  19. "Type": "ModalHeader",
  20. "Key": "0305as85e4fd",
  21. "Contents": {
  22. "Values": ["Modal Header"]
  23. },
  24. "Events": {
  25. "toggle": [
  26. {
  27. "FuncName": "toggleShowModal",
  28. "Paramaters": []
  29. }
  30. ]
  31. }
  32. },
  33. {
  34. "Type": "ModalBody",
  35. "Key": "0305asd85e4fd",
  36. "Contents": {
  37. "Values": ["Modal Body"]
  38. },
  39. "Childerns": [
  40. {
  41. "Type": "Loader",
  42. "Key": "0305as3s85e4fd",
  43. "Loader": {
  44. "Name": "inputForm",
  45. "LoadFromPartials": "inputForm"
  46. }
  47. }
  48. ]
  49. },
  50. {
  51. "Type": "ModalFooter",
  52. "Key": "0305asd8s5e4fd",
  53. "Contents": {
  54. "Values": ["Modal Footer"]
  55. }
  56. }
  57. ]
  58. },
  59.  
  60. {
  61. "Type": "Button",
  62. "Key": "0305s85ae4fd",
  63. "Props": {
  64. "variant": { "Values": ["primary"] }
  65. },
  66. "Contents": {
  67. "Values": ["Launch demo modal"]
  68. },
  69. "StateProps": {},
  70. "HideBasedOn": "showModal",
  71.  
  72. "Events": {
  73. "onClick": [
  74. {
  75. "FuncName": "toggleShowModal",
  76. "Paramaters": []
  77. }
  78. ]
  79. }
  80. },
  81. {
  82. "Type": "section",
  83. "Key": "030585e4fd",
  84. "Props": {
  85. "className": {
  86. "Values": ["section"]
  87. }
  88. },
  89. "Childerns": [
  90. {
  91. "Type": "div",
  92. "Key": "701432f9fe",
  93. "HideBasedOn": "showModal",
  94. "Props": {
  95. "className": {
  96. "Values": ["field"]
  97. }
  98. },
  99. "Childerns": [
  100. {
  101. "Type": "label",
  102. "Key": "00e15b131f",
  103. "Props": {
  104. "className": {
  105. "Values": ["label"]
  106. }
  107. },
  108. "Contents": {
  109. "Values": ["Search"]
  110. }
  111. },
  112. {
  113. "Type": "div",
  114. "Key": "3c42a29d92",
  115. "Props": {
  116. "className": {
  117. "Values": ["control"]
  118. }
  119. },
  120. "Childerns": [
  121. {
  122. "Type": "input",
  123. "Key": "40395c3eed",
  124. "Vars": [
  125. {
  126. "VarName": "inp1",
  127. "VarInit": ""
  128. }
  129. ],
  130. "Props": {
  131. "className": {
  132. "Values": ["text"]
  133. },
  134. "type": {
  135. "Values": ["inp1"]
  136. }
  137. },
  138. "Events": {
  139. "onChange": [
  140. {
  141. "FuncName": "Searching",
  142. "Paramaters": [
  143. {
  144. "ParameterName": "link",
  145. "DefaultVal": "www.aaaa.com",
  146. "Index": null,
  147. "SendByRefence": false
  148. }
  149. ]
  150. }
  151. ]
  152. }
  153. }
  154. ]
  155. }
  156. ],
  157. "Validators": [
  158. {
  159. "FuncName": "IsInt",
  160. "Paramaters": [
  161. {
  162. "ParameterName": "var1",
  163. "DefaultVal": null,
  164. "Index": "inp1",
  165. "SendByRefence": false
  166. }
  167. ]
  168. }
  169. ]
  170. },
  171. {
  172. "Type": "Loader",
  173. "Key": "455dc4165a",
  174. "Loader": {
  175. "Name": "tb1",
  176. "LoadFromPartials": "tb1"
  177. }
  178. }
  179. ]
  180. }
  181. ],
  182. "PartialComponents": {
  183. "inputForm": {
  184. "Type": "form",
  185. "Key": "810daca0e88",
  186. "Childerns": [
  187. {
  188. "Type": "input",
  189. "Key": "d86ddfa131a1",
  190. "Props": {
  191. "className": { "Values": ["form-control"] },
  192. "type": { "Values": ["text"] },
  193. "placeholder": { "Values": ["User Name"] }
  194. }
  195. },
  196. {
  197. "Type": "input",
  198. "Key": "d86ddfa13f1a1",
  199. "Props": {
  200. "className": { "Values": ["form-control"] },
  201. "type": { "Values": ["text"] },
  202. "placeholder": { "Values": ["Password"] }
  203. }
  204. }
  205. ]
  206. },
  207.  
  208. "buttonsTemplate": {
  209. "Type": "div",
  210. "Key": "810dca0e88",
  211. "Props": {
  212. "id": {
  213. "Values": ["buttonsTemplate"]
  214. }
  215. },
  216. "Childerns": [
  217. {
  218. "Type": "Button",
  219. "Key": "d86ddf131a1",
  220. "Props": {
  221. "className": {
  222. "Values": []
  223. },
  224. "data-toggle": {
  225. "Values": ["modal"]
  226. },
  227. "data-target": {
  228. "Values": ["#exampleModal"]
  229. }
  230. },
  231. "Contents": {
  232. "Values": ["Open Modal"]
  233. }
  234. },
  235.  
  236. {
  237. "Type": "button",
  238. "Key": "d86ddf1311",
  239. "Props": {
  240. "className": {
  241. "Values": ["btn", "btn-primary"]
  242. }
  243. },
  244. "Contents": {
  245. "Values": ["Open"]
  246. },
  247. "Events": {
  248. "onClick": [
  249. {
  250. "FuncName": "OpenLink",
  251. "Paramaters": [
  252. {
  253. "ParameterName": "link",
  254. "DefaultVal": "www.bbb.com",
  255. "Index": null,
  256. "SendByRefence": false
  257. }
  258. ]
  259. }
  260. ]
  261. }
  262. },
  263. {
  264. "Type": "button",
  265. "Key": "d079a8c702",
  266. "Props": {
  267. "className": {
  268. "Values": ["btn", "btn-warning"]
  269. }
  270. },
  271. "Contents": {
  272. "Values": ["Edit"]
  273. },
  274. "Events": {
  275. "onClick": [
  276. {
  277. "FuncName": "Update",
  278. "Paramaters": [
  279. {
  280. "ParameterName": "index",
  281. "DefaultVal": null,
  282. "Index": "Name",
  283. "SendByRefence": true
  284. },
  285. {
  286. "ParameterName": "Val",
  287. "DefaultVal": "Ahmed",
  288. "Index": null,
  289. "SendByRefence": false
  290. }
  291. ]
  292. }
  293. ]
  294. }
  295. },
  296. {
  297. "Type": "button",
  298. "Key": "bacf38df1c",
  299. "Props": {
  300. "className": {
  301. "Values": ["btn", "btn-danger"]
  302. }
  303. },
  304. "Contents": {
  305. "Values": ["Delete"]
  306. },
  307. "Events": {
  308. "onClick": [
  309. {
  310. "FuncName": "Delete",
  311. "Paramaters": [
  312. {
  313. "ParameterName": "index",
  314. "DefaultVal": null,
  315. "Index": "",
  316. "SendByRefence": true
  317. }
  318. ]
  319. }
  320. ]
  321. }
  322. }
  323. ]
  324. },
  325. "trTemplate": {
  326. "Type": "tr",
  327. "Key": "837c3a76bb",
  328. "Childerns": [
  329. {
  330. "Type": "td",
  331. "Key": "ba1d5ae8af",
  332. "Contents": {
  333. "Indexs": ["Id"]
  334. }
  335. },
  336. {
  337. "Type": "td",
  338. "Key": "adcc836e01",
  339. "Contents": {
  340. "Indexs": ["Name"]
  341. }
  342. },
  343. {
  344. "Type": "td",
  345. "Key": "bbe9bfb582",
  346. "Contents": {
  347. "Indexs": ["Age"]
  348. }
  349. },
  350. {
  351. "Type": "td",
  352. "Key": "3305118d7a",
  353. "Contents": {
  354. "Indexs": ["Email"]
  355. }
  356. },
  357. {
  358. "Type": "td",
  359. "Key": "e2a4d61101",
  360. "Contents": {
  361. "Indexs": ["Friends.0.Name"]
  362. }
  363. },
  364. {
  365. "Type": "td",
  366. "Key": "f1afefddb2",
  367. "Contents": {
  368. "Indexs": ["Friends.0.Age"]
  369. }
  370. },
  371. {
  372. "Type": "td",
  373. "Key": "59364eb0f4",
  374. "Contents": {
  375. "Funcs": [
  376. {
  377. "FuncName": "GetLengh",
  378. "Paramaters": [
  379. {
  380. "ParameterName": "inp",
  381. "DefaultVal": null,
  382. "Index": "Friends",
  383. "SendByRefence": false
  384. }
  385. ]
  386. }
  387. ]
  388. }
  389. },
  390. {
  391. "Type": "td",
  392. "Key": "233c62b4f4",
  393. "Childerns": [
  394. {
  395. "Type": "Loader",
  396. "Key": "b44653746b",
  397. "Loader": {
  398. "Name": "buttonsTemplate",
  399. "LoadFromPartials": "buttonsTemplate"
  400. }
  401. }
  402. ]
  403. }
  404. ],
  405. "RepeatWith": "list1"
  406. },
  407. "tb1": {
  408. "Type": "table",
  409. "Key": "9b3cfad614",
  410. "Props": {
  411. "className": {
  412. "Values": ["table is-bordered is-striped is-hoverable is-fullwidth"]
  413. }
  414. },
  415. "Childerns": [
  416. {
  417. "Type": "thead",
  418. "Key": "d06d2c92bf",
  419. "Childerns": [
  420. {
  421. "Type": "tr",
  422. "Key": "83c98780c8",
  423. "Childerns": [
  424. {
  425. "Type": "th",
  426. "Key": "b8866d5578",
  427. "Contents": {
  428. "Values": ["ID"]
  429. }
  430. },
  431. {
  432. "Type": "th",
  433. "Key": "23e5d67c85",
  434. "Contents": {
  435. "Values": ["Name"]
  436. }
  437. },
  438. {
  439. "Type": "th",
  440. "Key": "63ce9ee74a",
  441. "Contents": {
  442. "Values": ["Age"]
  443. }
  444. },
  445. {
  446. "Type": "th",
  447. "Key": "7b89d83880",
  448. "Contents": {
  449. "Values": ["Email"]
  450. }
  451. },
  452. {
  453. "Type": "th",
  454. "Key": "484ff7db23",
  455. "Contents": {
  456. "Values": ["First Friend Name"]
  457. }
  458. },
  459. {
  460. "Type": "th",
  461. "Key": "e1a7ebd07b",
  462. "Contents": {
  463. "Values": ["First Friend Age"]
  464. }
  465. },
  466. {
  467. "Type": "th",
  468. "Key": "cc514d5a8c",
  469. "Contents": {
  470. "Values": ["Number or Friends"]
  471. }
  472. },
  473. {
  474. "Type": "th",
  475. "Key": "c7c58c518c",
  476. "Contents": {
  477. "Values": ["Operations"]
  478. }
  479. }
  480. ]
  481. }
  482. ]
  483. },
  484. {
  485. "Type": "tbody",
  486. "Key": "78ffda04ad",
  487. "Childerns": [
  488. {
  489. "Type": "Loader",
  490. "Key": "4584d4bdde",
  491. "Loader": {
  492. "Name": "trTemplate",
  493. "LoadFromPartials": "trTemplate"
  494. }
  495. }
  496. ]
  497. }
  498. ]
  499. }
  500. },
  501. "Data": {
  502. "list1": [
  503. {
  504. "Name": "AAAA",
  505. "Id": 0,
  506. "Email": "email0@aaa.com",
  507. "Age": 22,
  508. "Friends": []
  509. },
  510. {
  511. "Name": "Ahmed1",
  512. "Id": 1,
  513. "Email": "email1@aaa.com",
  514. "Age": 1,
  515. "Friends": [
  516. {
  517. "Name": "Ahmed011",
  518. "Id": 0,
  519. "Email": "email0@aaa.com",
  520. "Age": 13,
  521. "Friends": null
  522. }
  523. ]
  524. },
  525. {
  526. "Name": "Ahmed2",
  527. "Id": 2,
  528. "Email": "email2@aaa.com",
  529. "Age": 2,
  530. "Friends": [
  531. {
  532. "Name": "Ahmed0",
  533. "Id": 0,
  534. "Email": "email0@aaa.com",
  535. "Age": 2,
  536. "Friends": null
  537. },
  538. {
  539. "Name": "Ahmed1",
  540. "Id": 1,
  541. "Email": "email1@aaa.com",
  542. "Age": 1,
  543. "Friends": null
  544. }
  545. ]
  546. },
  547. {
  548. "Name": "Ahmed3",
  549. "Id": 3,
  550. "Email": "email3@aaa.com",
  551. "Age": 3,
  552. "Friends": [
  553. {
  554. "Name": "Ahmed0",
  555. "Id": 0,
  556. "Email": "email0@aaa.com",
  557. "Age": 0,
  558. "Friends": null
  559. },
  560. {
  561. "Name": "Ahmed1",
  562. "Id": 1,
  563. "Email": "email1@aaa.com",
  564. "Age": 1,
  565. "Friends": null
  566. },
  567. {
  568. "Name": "Ahmed2",
  569. "Id": 2,
  570. "Email": "email2@aaa.com",
  571. "Age": 2,
  572. "Friends": null
  573. }
  574. ]
  575. },
  576. {
  577. "Name": "Ahmed4",
  578. "Id": 4,
  579. "Email": "email4@aaa.com",
  580. "Age": 4,
  581. "Friends": [
  582. {
  583. "Name": "Ahmed0",
  584. "Id": 0,
  585. "Email": "email0@aaa.com",
  586. "Age": 0,
  587. "Friends": null
  588. },
  589. {
  590. "Name": "Ahmed1",
  591. "Id": 1,
  592. "Email": "email1@aaa.com",
  593. "Age": 1,
  594. "Friends": null
  595. },
  596. {
  597. "Name": "Ahmed2",
  598. "Id": 2,
  599. "Email": "email2@aaa.com",
  600. "Age": 2,
  601. "Friends": null
  602. },
  603. {
  604. "Name": "Ahmed3",
  605. "Id": 3,
  606. "Email": "email3@aaa.com",
  607. "Age": 3,
  608. "Friends": null
  609. }
  610. ]
  611. }
  612. ]
  613. }
  614. }
Add Comment
Please, Sign In to add comment