Skip to content

Commit 7a0cfde

Browse files
committed
update live component synax
1 parent e6ecfb0 commit 7a0cfde

4 files changed

+149
-58
lines changed

Diff for: templates/components/event_invitation_response_banner_form.html.twig

+11-4
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,17 @@
99
</div>
1010
<hr/>
1111
<div>
12-
<a href="#" class="btn btn-outline-danger mb-3 w-100" data-action="live#action"
13-
data-action-name="prevent|submit(isAttending=false)">{{ 'decline-invitation'|trans }}</a>
14-
<a href="#" class="btn btn-outline-primary w-100" data-action="live#action"
15-
data-action-name="prevent|submit(isAttending=true)">{{ 'accept-invitation'|trans }}</a>
12+
<a href="#" class="btn btn-outline-danger mb-3 w-100"
13+
data-action="live#action:prevent"
14+
data-live-action-param="submit"
15+
data-live-is-attending-param="false"
16+
>{{ 'decline-invitation'|trans }}
17+
</a>
18+
<a href="#" class="btn btn-outline-primary w-100"
19+
data-action="live#action:prevent"
20+
data-live-action-param="submit"
21+
data-live-is-attending-param="true"
22+
>{{ 'accept-invitation'|trans }}</a>
1623
</div>
1724
{% else %}
1825
<div class="text-center">

Diff for: templates/components/event_invitation_response_form.html.twig

+8-2
Original file line numberDiff line numberDiff line change
@@ -20,12 +20,18 @@
2020
</div>
2121
</div>
2222
</a>
23-
<a href="#" data-action="live#action" data-action-name="prevent|submit(isAttending=false)"
23+
<a href="#"
24+
data-action="live#action:prevent"
25+
data-live-action-param="submit"
26+
data-live-is-attending-param="true"
2427
class="list-group-item border-0 border-start rounded-0 list-group-item-action text-center w-25">
2528
<div class="bi bi-check-circle fs-4 text-primary"></div>
2629
<div>{{ 'accept-invitation'|trans }}</div>
2730
</a>
28-
<a href="#" data-action="live#action" data-action-name="prevent|submit(isAttending=false)"
31+
<a href="#"
32+
data-action="live#action:prevent"
33+
data-live-action-param="submit"
34+
data-live-is-attending-param="false"
2935
class="list-group-item border-0 border-start rounded-0 list-group-item-action text-center w-25">
3036
<div class="bi bi-x-circle fs-4 text-danger"></div>
3137
<div>{{ 'decline-invitation'|trans }}</div>

Diff for: templates/components/event_rating_form_component.html.twig

+126-51
Original file line numberDiff line numberDiff line change
@@ -9,17 +9,32 @@
99
<div class="h5">{{ 'venue-rating'|trans }}</div>
1010
<div>{{ 'venue-rating-explainer'|trans }}</div>
1111
</div>
12-
<div >
13-
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=1)"
14-
class="bi bi-star link-dark fs-1 me-1"></a>
15-
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=2)"
16-
class="bi bi-star link-dark fs-1 me-1"></a>
17-
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=3)"
18-
class="bi bi-star link-dark fs-1 me-1"></a>
19-
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=4)"
20-
class="bi bi-star link-dark fs-1 me-1"></a>
21-
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=5)"
22-
class="bi bi-star link-dark fs-1 me-1"></a>
12+
<div>
13+
<a
14+
data-action="live#action:prevent"
15+
data-live-action-param="setVenueRating"
16+
data-live-rating-param="1"
17+
class="bi bi-star link-dark fs-1 me-1"></a>
18+
<a
19+
data-action="live#action:prevent"
20+
data-live-action-param="setVenueRating"
21+
data-live-rating-param="2"
22+
class="bi bi-star link-dark fs-1 me-1"></a>
23+
<a
24+
data-action="live#action:prevent"
25+
data-live-action-param="setVenueRating"
26+
data-live-rating-param="3"
27+
class="bi bi-star link-dark fs-1 me-1"></a>
28+
<a
29+
data-action="live#action:prevent"
30+
data-live-action-param="setVenueRating"
31+
data-live-rating-param="4"
32+
class="bi bi-star link-dark fs-1 me-1"></a>
33+
<a
34+
data-action="live#action:prevent"
35+
data-live-action-param="setVenueRating"
36+
data-live-rating-param="5"
37+
class="bi bi-star link-dark fs-1 me-1"></a>
2338
</div>
2439
</div>
2540
{% elseif this.venueRating is not null and this.contentRating is null and this.hostRating is null and this.guestRating is null and this.expectationRating is null %}
@@ -29,16 +44,31 @@
2944
<div>{{ 'content-rating-explainer'|trans }}</div>
3045
</div>
3146
<div>
32-
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=1)"
33-
class="bi bi-star link-dark fs-1 me-1"></a>
34-
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=2)"
35-
class="bi bi-star link-dark fs-1 me-1"></a>
36-
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=3)"
37-
class="bi bi-star link-dark fs-1 me-1"></a>
38-
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=4)"
39-
class="bi bi-star link-dark fs-1 me-1"></a>
40-
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=5)"
41-
class="bi bi-star link-dark fs-1 me-1"></a>
47+
<a
48+
data-action="live#action:prevent"
49+
data-live-action-param="setContentRating"
50+
data-live-rating-param="1"
51+
class="bi bi-star link-dark fs-1 me-1"></a>
52+
<a
53+
data-action="live#action:prevent"
54+
data-live-action-param="setContentRating"
55+
data-live-rating-param="2"
56+
class="bi bi-star link-dark fs-1 me-1"></a>
57+
<a
58+
data-action="live#action:prevent"
59+
data-live-action-param="setContentRating"
60+
data-live-rating-param="3"
61+
class="bi bi-star link-dark fs-1 me-1"></a>
62+
<a
63+
data-action="live#action:prevent"
64+
data-live-action-param="setContentRating"
65+
data-live-rating-param="4"
66+
class="bi bi-star link-dark fs-1 me-1"></a>
67+
<a
68+
data-action="live#action:prevent"
69+
data-live-action-param="setContentRating"
70+
data-live-rating-param="5"
71+
class="bi bi-star link-dark fs-1 me-1"></a>
4272
</div>
4373
</div>
4474
{% elseif this.venueRating is not null and this.contentRating is not null and this.hostRating is null and this.guestRating is null and this.expectationRating is null %}
@@ -48,16 +78,31 @@
4878
<div>{{ 'host-rating-explainer'|trans }}</div>
4979
</div>
5080
<div>
51-
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=1)"
52-
class="bi bi-star link-dark fs-1 me-1"></a>
53-
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=2)"
54-
class="bi bi-star link-dark fs-1 me-1"></a>
55-
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=3)"
56-
class="bi bi-star link-dark fs-1 me-1"></a>
57-
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=4)"
58-
class="bi bi-star link-dark fs-1 me-1"></a>
59-
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=5)"
60-
class="bi bi-star link-dark fs-1 me-1"></a>
81+
<a
82+
data-action="live#action:prevent"
83+
data-live-action-param="setHostRating"
84+
data-live-rating-param="1"
85+
class="bi bi-star link-dark fs-1 me-1"></a>
86+
<a
87+
data-action="live#action:prevent"
88+
data-live-action-param="setHostRating"
89+
data-live-rating-param="2"
90+
class="bi bi-star link-dark fs-1 me-1"></a>
91+
<a
92+
data-action="live#action:prevent"
93+
data-live-action-param="setHostRating"
94+
data-live-rating-param="3"
95+
class="bi bi-star link-dark fs-1 me-1"></a>
96+
<a
97+
data-action="live#action:prevent"
98+
data-live-action-param="setHostRating"
99+
data-live-rating-param="4"
100+
class="bi bi-star link-dark fs-1 me-1"></a>
101+
<a
102+
data-action="live#action:prevent"
103+
data-live-action-param="setHostRating"
104+
data-live-rating-param="5"
105+
class="bi bi-star link-dark fs-1 me-1"></a>
61106
</div>
62107
</div>
63108
{% elseif this.venueRating is not null and this.contentRating is not null and this.hostRating is not null and this.guestRating is null and this.expectationRating is null %}
@@ -67,16 +112,31 @@
67112
<div>{{ 'guest-rating-explainer'|trans }}</div>
68113
</div>
69114
<div>
70-
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=1)"
71-
class="bi bi-star link-dark fs-1 me-1"></a>
72-
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=2)"
73-
class="bi bi-star link-dark fs-1 me-1"></a>
74-
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=3)"
75-
class="bi bi-star link-dark fs-1 me-1"></a>
76-
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=4)"
77-
class="bi bi-star link-dark fs-1 me-1"></a>
78-
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=5)"
79-
class="bi bi-star link-dark fs-1 me-1"></a>
115+
<a
116+
data-action="live#action:prevent"
117+
data-live-action-param="setGuestRating"
118+
data-live-rating-param="1"
119+
class="bi bi-star link-dark fs-1 me-1"></a>
120+
<a
121+
data-action="live#action:prevent"
122+
data-live-action-param="setGuestRating"
123+
data-live-rating-param="2"
124+
class="bi bi-star link-dark fs-1 me-1"></a>
125+
<a
126+
data-action="live#action:prevent"
127+
data-live-action-param="setGuestRating"
128+
data-live-rating-param="3"
129+
class="bi bi-star link-dark fs-1 me-1"></a>
130+
<a
131+
data-action="live#action:prevent"
132+
data-live-action-param="setGuestRating"
133+
data-live-rating-param="4"
134+
class="bi bi-star link-dark fs-1 me-1"></a>
135+
<a
136+
data-action="live#action:prevent"
137+
data-live-action-param="setGuestRating"
138+
data-live-rating-param="5"
139+
class="bi bi-star link-dark fs-1 me-1"></a>
80140
</div>
81141
</div>
82142
{% else %}
@@ -86,16 +146,31 @@
86146
<div>{{ 'expectation-rating-explainer'|trans }}</div>
87147
</div>
88148
<div>
89-
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=1)"
90-
class="bi bi-star link-dark fs-1 me-1"></a>
91-
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=2)"
92-
class="bi bi-star link-dark fs-1 me-1"></a>
93-
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=3)"
94-
class="bi bi-star link-dark fs-1 me-1"></a>
95-
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=4)"
96-
class="bi bi-star link-dark fs-1 me-1"></a>
97-
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=5)"
98-
class="bi bi-star link-dark fs-1 me-1"></a>
149+
<a
150+
data-action="live#action:prevent"
151+
data-live-action-param="setExpectationRating"
152+
data-live-rating-param="1"
153+
class="bi bi-star link-dark fs-1 me-1"></a>
154+
<a
155+
data-action="live#action:prevent"
156+
data-live-action-param="setExpectationRating"
157+
data-live-rating-param="2"
158+
class="bi bi-star link-dark fs-1 me-1"></a>
159+
<a
160+
data-action="live#action:prevent"
161+
data-live-action-param="setExpectationRating"
162+
data-live-rating-param="3"
163+
class="bi bi-star link-dark fs-1 me-1"></a>
164+
<a
165+
data-action="live#action:prevent"
166+
data-live-action-param="setExpectationRating"
167+
data-live-rating-param="4"
168+
class="bi bi-star link-dark fs-1 me-1"></a>
169+
<a
170+
data-action="live#action:prevent"
171+
data-live-action-param="setExpectationRating"
172+
data-live-rating-param="5"
173+
class="bi bi-star link-dark fs-1 me-1"></a>
99174
</div>
100175
</div>
101176
{% endif %}

Diff for: templates/components/user_contact_email_form.html.twig

+4-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,10 @@
22
<div class="input-group">
33
<input name="emailAddress" data-model="emailAddress" type="text" class="form-control" placeholder="E-mail address"
44
aria-label="" value="{{ emailAddress }}">
5-
<button data-action="live#action" data-action-name="prevent|createUserContact" class="btn btn-outline-secondary" type="button">
5+
<button
6+
data-action="live#action:prevent"
7+
data-live-action-param="createUserContact"
8+
class="btn btn-outline-secondary" type="button">
69
<span class="bi bi-person-fill-add fs-4"></span>
710
</button>
811
<button class="btn btn-outline-success" type="button">

0 commit comments

Comments
 (0)