Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- {
- "name": "PermohonanKlaim",
- "render": {
- "component": "View",
- "style": "page",
- "children": [
- {
- "component": "View",
- "style": "navBar",
- "children": [
- {
- "component": "View",
- "style": {
- "backgroundColor": "#ED1b2E",
- "paddingLeft": 5,
- "paddingTop": 35
- },
- "children": [
- {
- "component": "Image",
- "source": "/assets/prudentialImg.png",
- "style": {
- "width": 35,
- "height": 35,
- "marginBottom": 20,
- "marginRight": 5
- },
- "resizeMode": "contain"
- },
- {
- "component": "View",
- "style": {
- "height": 40,
- "alignItems": "center",
- "justifyContent": "center",
- "backgroundColor": "rgba(0,0,0, 0.1)",
- "borderBottomLeftRadius": 20
- },
- "children": [
- {
- "component": "Image",
- "source": "/assets/description.png",
- "style": {
- "width": 16,
- "height": 22
- },
- "resizeMode": "stretch"
- }
- ]
- }
- ]
- },
- {
- "component": "View",
- "style": {
- "paddingTop": 35
- },
- "children": [
- {
- "component": "Image",
- "source": "/assets/prudentialText.png",
- "style": {
- "width": 120,
- "height": 20,
- "marginLeft": 10,
- "marginBottom": 28,
- "marginTop": 8
- },
- "resizeMode": "stretch"
- },
- {
- "component": "View",
- "style": {
- "backgroundColor": "rgba(225,225,225, 1)",
- "flexDirection": "row",
- "alignItems": "center",
- "justifyContent": "center",
- "minHeight": 40,
- "paddingRight": 10,
- "marginTop": -1,
- "borderBottomRightRadius": 20
- },
- "children": [
- {
- "component": "Text",
- "content": "DIGITAL PARTNERSHIP",
- "style": {
- "marginLeft": 10,
- "fontSize": 12,
- "color": "rgb(120,80,120)",
- "fontWeight": "500"
- }
- },
- {
- "component": "Image",
- "source": "/assets/remove.png",
- "style": {
- "width": 15,
- "height": 15,
- "marginLeft": 10
- },
- "resizeMode": "stretch"
- }
- ]
- },
- {
- "component": "Touchable",
- "style": {
- "padding": 10,
- "borderBottomWidth": 2,
- "marginRight": 10,
- "borderColor": "#DEE3EB"
- },
- "children": {
- "component": "Text",
- "style": { "fontSize": 12, "color": "#8E8E8E" },
- "content": "Clients"
- }
- },
- {
- "component": "Touchable",
- "style": {
- "padding": 10,
- "borderBottomWidth": 2,
- "marginRight": 10,
- "borderColor": "#DEE3EB"
- },
- "children": {
- "component": "Text",
- "style": {
- "fontSize": 12,
- "color": "#8E8E8E"
- },
- "content": "Policy"
- }
- },
- {
- "component": "Touchable",
- "style": {
- "padding": 10,
- "borderBottomWidth": 2,
- "marginRight": 10,
- "borderColor": "#DEE3EB"
- },
- "children": {
- "component": "Text",
- "style": {
- "fontSize": 12,
- "color": "#ED1b2E"
- },
- "content": "Claim"
- }
- }
- ]
- }
- ]
- },
- {
- "component": "View",
- "style": "content",
- "children": [
- {
- "component": "Touchable",
- "onPress": {
- "action": "dialog/alert",
- "message": "Are you sure want to logout?"
- },
- "style": {
- "height": 30,
- "flexDirection": "row",
- "alignItems": "center",
- "justifyContent": "flex-end",
- "marginRight": 10
- },
- "children": [
- {
- "component": "Image",
- "source": "/assets/account.png",
- "style": {
- "height": 20,
- "width": 20
- }
- },
- {
- "component": "Text",
- "style": {
- "fontSize": 12,
- "color": "#8E8E8E",
- "fontWeight": "500",
- "marginLeft": 5,
- "marginRight": 10
- },
- "content": "Logout"
- }
- ]
- },
- {
- "component": "View",
- "style": {
- "height": 50,
- "flexDirection": "row",
- "alignItems": "center",
- "backgroundColor": "rgba(100,100,100,0.7)"
- },
- "children": [
- {
- "component": "Text",
- "style": {
- "fontSize": 12,
- "color": "#FFF",
- "fontWeight": "500",
- "marginLeft": 20
- },
- "content": "Claim"
- }
- ]
- },
- {
- "component": "ScrollView",
- "children": [
- {
- "component": "View",
- "style": {
- "backgroundColor": "#FFF",
- "borderRadius": 5,
- "margin": 20
- },
- "children": [
- {
- "component": "Form",
- "model": "claim",
- "style": {
- "height": 340
- },
- "formContainerStyle": {
- "height": 300
- },
- "submitButtonStyle": {
- "backgroundColor": "#ed1b2e",
- "fontColor": "#FFF",
- "borderRadius": 30,
- "padding": 5,
- "width": 200
- },
- "submitButtonText": "SEARCH",
- "onSubmit": {
- "action": "nav/navigate",
- "to": "pernyataanPersetujuan"
- }
- }
- ]
- },
- {
- "component": "View",
- "style": {
- "backgroundColor": "#FFF",
- "borderRadius": 5,
- "margin": 20,
- "justifyContent": "center",
- "height": 300
- },
- "children": [
- {
- "component": "View",
- "style": {
- "flexDirection": "row",
- "paddingHorizontal": 20,
- "paddingVertical": 15,
- "borderBottomWidth": 2,
- "borderColor": "#AEAEAE"
- },
- "children": [
- {
- "component": "Text",
- "style": {
- "flex": 1,
- "fontSize": 10,
- "color": "#8E8E8E"
- },
- "content": "POLICY NO."
- },
- {
- "component": "Text",
- "style": {
- "flex": 1,
- "fontSize": 10,
- "color": "#8E8E8E"
- },
- "content": "UNIQUE CLAIM"
- },
- {
- "component": "Text",
- "style": {
- "flex": 1,
- "fontSize": 10,
- "color": "#8E8E8E"
- },
- "content": "LIFE ASSURED NO."
- },
- {
- "component": "Text",
- "style": {
- "flex": 1,
- "fontSize": 10,
- "color": "#8E8E8E"
- },
- "content": "PRODUCT"
- },
- {
- "component": "Text",
- "style": {
- "flex": 1,
- "fontSize": 10,
- "color": "#8E8E8E"
- },
- "content": "STATUS"
- }
- ]
- },
- {
- "component": "CollectionView",
- "collection": "claims",
- "renderItem": {
- "component": "View",
- "style": {
- "flexDirection": "row",
- "paddingHorizontal": 20,
- "paddingVertical": 5,
- "borderBottomWidth": 1,
- "borderColor": "#AEAEAE",
- "alignItems": "center"
- },
- "children": [
- {
- "component": "Text",
- "style": {
- "flex": 1,
- "fontSize": 12,
- "color": "#2A2A2A"
- },
- "content": "{item.policy_number}"
- },
- {
- "component": "Text",
- "style": {
- "flex": 1,
- "fontSize": 12,
- "color": "#2A2A2A"
- },
- "content": "{item.unique_claim}"
- },
- {
- "component": "Text",
- "style": {
- "flex": 1,
- "fontSize": 12,
- "color": "#2A2A2A"
- },
- "content": "{item.life_assured_no}"
- },
- {
- "component": "Text",
- "style": {
- "flex": 1,
- "fontSize": 12,
- "color": "#2A2A2A"
- },
- "content": "{item.pruduct}"
- },
- {
- "component": "View",
- "style": {
- "flex": 1
- },
- "children": [
- {
- "component": "Touchable",
- "style": {
- "backgroundColor": "#8397b3",
- "padding": 5,
- "width": 100,
- "alignItems": "center",
- "justifyContent": "center",
- "borderWidth": 1,
- "borderRadius": 5,
- "borderColor": "transparent"
- },
- "children": [
- {
- "component": "Text",
- "style": {
- "fontSize": 12,
- "color": "#FFF"
- },
- "content": "{item.status}"
- }
- ]
- }
- ]
- }
- ]
- }
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- "styles": {
- "page": {
- "flex": 1,
- "flexDirection": "row",
- "backgroundColor": "#FFF"
- },
- "navBar": {
- "height": "100%",
- "flexDirection": "row",
- "backgroundColor": "#F9FAFB",
- "boxShadow": "1px 0px 5px teal"
- },
- "content": {
- "flex": 1,
- "backgroundColor": "rgba(100,100,100,0.1)"
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement