Advertisement
Guest User

Untitled

a guest
Jul 20th, 2019
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.53 KB | None | 0 0
  1. {
  2. "name": "PermohonanKlaim",
  3. "render": {
  4. "component": "View",
  5. "style": "page",
  6. "children": [
  7. {
  8. "component": "View",
  9. "style": "navBar",
  10. "children": [
  11. {
  12. "component": "View",
  13. "style": {
  14. "backgroundColor": "#ED1b2E",
  15. "paddingLeft": 5,
  16. "paddingTop": 35
  17. },
  18. "children": [
  19. {
  20. "component": "Image",
  21. "source": "/assets/prudentialImg.png",
  22. "style": {
  23. "width": 35,
  24. "height": 35,
  25. "marginBottom": 20,
  26. "marginRight": 5
  27. },
  28. "resizeMode": "contain"
  29. },
  30. {
  31. "component": "View",
  32. "style": {
  33. "height": 40,
  34. "alignItems": "center",
  35. "justifyContent": "center",
  36. "backgroundColor": "rgba(0,0,0, 0.1)",
  37. "borderBottomLeftRadius": 20
  38. },
  39. "children": [
  40. {
  41. "component": "Image",
  42. "source": "/assets/description.png",
  43. "style": {
  44. "width": 16,
  45. "height": 22
  46. },
  47. "resizeMode": "stretch"
  48. }
  49. ]
  50. }
  51. ]
  52. },
  53. {
  54. "component": "View",
  55. "style": {
  56. "paddingTop": 35
  57. },
  58. "children": [
  59. {
  60. "component": "Image",
  61. "source": "/assets/prudentialText.png",
  62. "style": {
  63. "width": 120,
  64. "height": 20,
  65. "marginLeft": 10,
  66. "marginBottom": 28,
  67. "marginTop": 8
  68. },
  69. "resizeMode": "stretch"
  70. },
  71. {
  72. "component": "View",
  73. "style": {
  74. "backgroundColor": "rgba(225,225,225, 1)",
  75. "flexDirection": "row",
  76. "alignItems": "center",
  77. "justifyContent": "center",
  78. "minHeight": 40,
  79. "paddingRight": 10,
  80. "marginTop": -1,
  81. "borderBottomRightRadius": 20
  82. },
  83. "children": [
  84. {
  85. "component": "Text",
  86. "content": "DIGITAL PARTNERSHIP",
  87. "style": {
  88. "marginLeft": 10,
  89. "fontSize": 12,
  90. "color": "rgb(120,80,120)",
  91. "fontWeight": "500"
  92. }
  93. },
  94. {
  95. "component": "Image",
  96. "source": "/assets/remove.png",
  97. "style": {
  98. "width": 15,
  99. "height": 15,
  100. "marginLeft": 10
  101. },
  102. "resizeMode": "stretch"
  103. }
  104. ]
  105. },
  106. {
  107. "component": "Touchable",
  108. "style": {
  109. "padding": 10,
  110. "borderBottomWidth": 2,
  111. "marginRight": 10,
  112. "borderColor": "#DEE3EB"
  113. },
  114. "children": {
  115. "component": "Text",
  116. "style": { "fontSize": 12, "color": "#8E8E8E" },
  117. "content": "Clients"
  118. }
  119. },
  120. {
  121. "component": "Touchable",
  122. "style": {
  123. "padding": 10,
  124. "borderBottomWidth": 2,
  125. "marginRight": 10,
  126. "borderColor": "#DEE3EB"
  127. },
  128. "children": {
  129. "component": "Text",
  130. "style": {
  131. "fontSize": 12,
  132. "color": "#8E8E8E"
  133. },
  134. "content": "Policy"
  135. }
  136. },
  137. {
  138. "component": "Touchable",
  139. "style": {
  140. "padding": 10,
  141. "borderBottomWidth": 2,
  142. "marginRight": 10,
  143. "borderColor": "#DEE3EB"
  144. },
  145. "children": {
  146. "component": "Text",
  147. "style": {
  148. "fontSize": 12,
  149. "color": "#ED1b2E"
  150. },
  151. "content": "Claim"
  152. }
  153. }
  154. ]
  155. }
  156. ]
  157. },
  158. {
  159. "component": "View",
  160. "style": "content",
  161. "children": [
  162. {
  163. "component": "Touchable",
  164. "onPress": {
  165. "action": "dialog/alert",
  166. "message": "Are you sure want to logout?"
  167. },
  168. "style": {
  169. "height": 30,
  170. "flexDirection": "row",
  171. "alignItems": "center",
  172. "justifyContent": "flex-end",
  173. "marginRight": 10
  174. },
  175. "children": [
  176. {
  177. "component": "Image",
  178. "source": "/assets/account.png",
  179. "style": {
  180. "height": 20,
  181. "width": 20
  182. }
  183. },
  184. {
  185. "component": "Text",
  186. "style": {
  187. "fontSize": 12,
  188. "color": "#8E8E8E",
  189. "fontWeight": "500",
  190. "marginLeft": 5,
  191. "marginRight": 10
  192. },
  193. "content": "Logout"
  194. }
  195. ]
  196. },
  197. {
  198. "component": "View",
  199. "style": {
  200. "height": 50,
  201. "flexDirection": "row",
  202. "alignItems": "center",
  203. "backgroundColor": "rgba(100,100,100,0.7)"
  204. },
  205. "children": [
  206. {
  207. "component": "Text",
  208. "style": {
  209. "fontSize": 12,
  210. "color": "#FFF",
  211. "fontWeight": "500",
  212. "marginLeft": 20
  213. },
  214. "content": "Claim"
  215. }
  216. ]
  217. },
  218. {
  219. "component": "ScrollView",
  220. "children": [
  221. {
  222. "component": "View",
  223. "style": {
  224. "backgroundColor": "#FFF",
  225. "borderRadius": 5,
  226. "margin": 20
  227. },
  228. "children": [
  229. {
  230. "component": "Form",
  231. "model": "claim",
  232. "style": {
  233. "height": 340
  234. },
  235. "formContainerStyle": {
  236. "height": 300
  237. },
  238. "submitButtonStyle": {
  239. "backgroundColor": "#ed1b2e",
  240. "fontColor": "#FFF",
  241. "borderRadius": 30,
  242. "padding": 5,
  243. "width": 200
  244. },
  245. "submitButtonText": "SEARCH",
  246. "onSubmit": {
  247. "action": "nav/navigate",
  248. "to": "pernyataanPersetujuan"
  249. }
  250. }
  251. ]
  252. },
  253. {
  254. "component": "View",
  255. "style": {
  256. "backgroundColor": "#FFF",
  257. "borderRadius": 5,
  258. "margin": 20,
  259. "justifyContent": "center",
  260. "height": 300
  261. },
  262. "children": [
  263. {
  264. "component": "View",
  265. "style": {
  266. "flexDirection": "row",
  267. "paddingHorizontal": 20,
  268. "paddingVertical": 15,
  269. "borderBottomWidth": 2,
  270. "borderColor": "#AEAEAE"
  271. },
  272. "children": [
  273. {
  274. "component": "Text",
  275. "style": {
  276. "flex": 1,
  277. "fontSize": 10,
  278. "color": "#8E8E8E"
  279. },
  280. "content": "POLICY NO."
  281. },
  282. {
  283. "component": "Text",
  284. "style": {
  285. "flex": 1,
  286. "fontSize": 10,
  287. "color": "#8E8E8E"
  288. },
  289. "content": "UNIQUE CLAIM"
  290. },
  291. {
  292. "component": "Text",
  293. "style": {
  294. "flex": 1,
  295. "fontSize": 10,
  296. "color": "#8E8E8E"
  297. },
  298. "content": "LIFE ASSURED NO."
  299. },
  300. {
  301. "component": "Text",
  302. "style": {
  303. "flex": 1,
  304. "fontSize": 10,
  305. "color": "#8E8E8E"
  306. },
  307. "content": "PRODUCT"
  308. },
  309. {
  310. "component": "Text",
  311. "style": {
  312. "flex": 1,
  313. "fontSize": 10,
  314. "color": "#8E8E8E"
  315. },
  316. "content": "STATUS"
  317. }
  318. ]
  319. },
  320. {
  321. "component": "CollectionView",
  322. "collection": "claims",
  323. "renderItem": {
  324. "component": "View",
  325. "style": {
  326. "flexDirection": "row",
  327. "paddingHorizontal": 20,
  328. "paddingVertical": 5,
  329. "borderBottomWidth": 1,
  330. "borderColor": "#AEAEAE",
  331. "alignItems": "center"
  332. },
  333. "children": [
  334. {
  335. "component": "Text",
  336. "style": {
  337. "flex": 1,
  338. "fontSize": 12,
  339. "color": "#2A2A2A"
  340. },
  341. "content": "{item.policy_number}"
  342. },
  343. {
  344. "component": "Text",
  345. "style": {
  346. "flex": 1,
  347. "fontSize": 12,
  348. "color": "#2A2A2A"
  349. },
  350. "content": "{item.unique_claim}"
  351. },
  352. {
  353. "component": "Text",
  354. "style": {
  355. "flex": 1,
  356. "fontSize": 12,
  357. "color": "#2A2A2A"
  358. },
  359. "content": "{item.life_assured_no}"
  360. },
  361. {
  362. "component": "Text",
  363. "style": {
  364. "flex": 1,
  365. "fontSize": 12,
  366. "color": "#2A2A2A"
  367. },
  368. "content": "{item.pruduct}"
  369. },
  370. {
  371. "component": "View",
  372. "style": {
  373. "flex": 1
  374. },
  375. "children": [
  376. {
  377. "component": "Touchable",
  378. "style": {
  379. "backgroundColor": "#8397b3",
  380. "padding": 5,
  381. "width": 100,
  382. "alignItems": "center",
  383. "justifyContent": "center",
  384. "borderWidth": 1,
  385. "borderRadius": 5,
  386. "borderColor": "transparent"
  387. },
  388. "children": [
  389. {
  390. "component": "Text",
  391. "style": {
  392. "fontSize": 12,
  393. "color": "#FFF"
  394. },
  395. "content": "{item.status}"
  396. }
  397. ]
  398. }
  399. ]
  400. }
  401. ]
  402. }
  403. }
  404. ]
  405. }
  406. ]
  407. }
  408. ]
  409. }
  410. ]
  411. },
  412. "styles": {
  413. "page": {
  414. "flex": 1,
  415. "flexDirection": "row",
  416. "backgroundColor": "#FFF"
  417. },
  418. "navBar": {
  419. "height": "100%",
  420. "flexDirection": "row",
  421. "backgroundColor": "#F9FAFB",
  422. "boxShadow": "1px 0px 5px teal"
  423. },
  424. "content": {
  425. "flex": 1,
  426. "backgroundColor": "rgba(100,100,100,0.1)"
  427. }
  428. }
  429. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement