Skip to content

Commit

Permalink
update live component synax
Browse files Browse the repository at this point in the history
  • Loading branch information
@Kerrialn
Kerrialn committed Jun 10, 2024
1 parent e6ecfb0 commit 7a0cfde
Show file tree
Hide file tree
Showing 4 changed files with 149 additions and 58 deletions.
15 changes: 11 additions & 4 deletions templates/components/event_invitation_response_banner_form.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,17 @@
</div>
<hr/>
<div>
<a href="#" class="btn btn-outline-danger mb-3 w-100" data-action="live#action"
data-action-name="prevent|submit(isAttending=false)">{{ 'decline-invitation'|trans }}</a>
<a href="#" class="btn btn-outline-primary w-100" data-action="live#action"
data-action-name="prevent|submit(isAttending=true)">{{ 'accept-invitation'|trans }}</a>
<a href="#" class="btn btn-outline-danger mb-3 w-100"
data-action="live#action:prevent"
data-live-action-param="submit"
data-live-is-attending-param="false"
>{{ 'decline-invitation'|trans }}
</a>
<a href="#" class="btn btn-outline-primary w-100"
data-action="live#action:prevent"
data-live-action-param="submit"
data-live-is-attending-param="true"
>{{ 'accept-invitation'|trans }}</a>
</div>
{% else %}
<div class="text-center">
Expand Down
10 changes: 8 additions & 2 deletions templates/components/event_invitation_response_form.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,12 +20,18 @@
</div>
</div>
</a>
<a href="#" data-action="live#action" data-action-name="prevent|submit(isAttending=false)"
<a href="#"
data-action="live#action:prevent"
data-live-action-param="submit"
data-live-is-attending-param="true"
class="list-group-item border-0 border-start rounded-0 list-group-item-action text-center w-25">
<div class="bi bi-check-circle fs-4 text-primary"></div>
<div>{{ 'accept-invitation'|trans }}</div>
</a>
<a href="#" data-action="live#action" data-action-name="prevent|submit(isAttending=false)"
<a href="#"
data-action="live#action:prevent"
data-live-action-param="submit"
data-live-is-attending-param="false"
class="list-group-item border-0 border-start rounded-0 list-group-item-action text-center w-25">
<div class="bi bi-x-circle fs-4 text-danger"></div>
<div>{{ 'decline-invitation'|trans }}</div>
Expand Down
177 changes: 126 additions & 51 deletions templates/components/event_rating_form_component.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,17 +9,32 @@
<div class="h5">{{ 'venue-rating'|trans }}</div>
<div>{{ 'venue-rating-explainer'|trans }}</div>
</div>
<div >
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=1)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=2)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=3)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=4)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setVenueRating(rating=5)"
class="bi bi-star link-dark fs-1 me-1"></a>
<div>
<a
data-action="live#action:prevent"
data-live-action-param="setVenueRating"
data-live-rating-param="1"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setVenueRating"
data-live-rating-param="2"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setVenueRating"
data-live-rating-param="3"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setVenueRating"
data-live-rating-param="4"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setVenueRating"
data-live-rating-param="5"
class="bi bi-star link-dark fs-1 me-1"></a>
</div>
</div>
{% 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 %}
Expand All @@ -29,16 +44,31 @@
<div>{{ 'content-rating-explainer'|trans }}</div>
</div>
<div>
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=1)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=2)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=3)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=4)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setContentRating(rating=5)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setContentRating"
data-live-rating-param="1"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setContentRating"
data-live-rating-param="2"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setContentRating"
data-live-rating-param="3"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setContentRating"
data-live-rating-param="4"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setContentRating"
data-live-rating-param="5"
class="bi bi-star link-dark fs-1 me-1"></a>
</div>
</div>
{% 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 %}
Expand All @@ -48,16 +78,31 @@
<div>{{ 'host-rating-explainer'|trans }}</div>
</div>
<div>
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=1)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=2)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=3)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=4)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setHostRating(rating=5)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setHostRating"
data-live-rating-param="1"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setHostRating"
data-live-rating-param="2"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setHostRating"
data-live-rating-param="3"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setHostRating"
data-live-rating-param="4"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setHostRating"
data-live-rating-param="5"
class="bi bi-star link-dark fs-1 me-1"></a>
</div>
</div>
{% 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 %}
Expand All @@ -67,16 +112,31 @@
<div>{{ 'guest-rating-explainer'|trans }}</div>
</div>
<div>
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=1)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=2)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=3)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=4)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setGuestRating(rating=5)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setGuestRating"
data-live-rating-param="1"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setGuestRating"
data-live-rating-param="2"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setGuestRating"
data-live-rating-param="3"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setGuestRating"
data-live-rating-param="4"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setGuestRating"
data-live-rating-param="5"
class="bi bi-star link-dark fs-1 me-1"></a>
</div>
</div>
{% else %}
Expand All @@ -86,16 +146,31 @@
<div>{{ 'expectation-rating-explainer'|trans }}</div>
</div>
<div>
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=1)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=2)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=3)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=4)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a data-action="live#action" data-action-name="prevent|setExpectationRating(rating=5)"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setExpectationRating"
data-live-rating-param="1"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setExpectationRating"
data-live-rating-param="2"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setExpectationRating"
data-live-rating-param="3"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setExpectationRating"
data-live-rating-param="4"
class="bi bi-star link-dark fs-1 me-1"></a>
<a
data-action="live#action:prevent"
data-live-action-param="setExpectationRating"
data-live-rating-param="5"
class="bi bi-star link-dark fs-1 me-1"></a>
</div>
</div>
{% endif %}
Expand Down
5 changes: 4 additions & 1 deletion templates/components/user_contact_email_form.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,10 @@
<div class="input-group">
<input name="emailAddress" data-model="emailAddress" type="text" class="form-control" placeholder="E-mail address"
aria-label="" value="{{ emailAddress }}">
<button data-action="live#action" data-action-name="prevent|createUserContact" class="btn btn-outline-secondary" type="button">
<button
data-action="live#action:prevent"
data-live-action-param="createUserContact"
class="btn btn-outline-secondary" type="button">
<span class="bi bi-person-fill-add fs-4"></span>
</button>
<button class="btn btn-outline-success" type="button">
Expand Down

0 comments on commit 7a0cfde

Please sign in to comment.