/
list-with-swipe-right-sd.jigx
48 lines (42 loc) · 1.34 KB
/
list-with-swipe-right-sd.jigx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
title: List with Swipe Right
description: A list to display values and actions in a list
type: jig.list
icon: task-list
header:
type: component.jig-header
options:
height: medium
children:
type: component.image
options:
source:
uri: https://images.unsplash.com/photo-1534398079543-7ae6d016b86a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8N3x8cmVwYWlyc3xlbnwwfHwwfHw%3D&auto=format&fit=crop&w=900&q=60
data: =@ctx.datasources.repair-services-static
item:
type: component.list-item
options:
title: =@ctx.current.item.service
subtitle: =@ctx.current.item.description
leftElement:
element: icon
icon: =(@ctx.current.item.materials = true ? 'home' :'car-garage')
rightElement:
element: value
text: ='$ ' & @ctx.current.item.hourlyRate
swipeable:
right:
- onPress:
type: action.go-to
options:
linkTo: action-list-onPress
label: Primary Action
icon: alarm-bell
color: primary
# note that the secondary action is only for demo purposes, you can stop at the primary action
- onPress:
type: action.go-to
options:
linkTo: action-list-onPress
label: Secondary Action
icon: alert-triangle
color: warning