Skip to content

Commit cf270aa

Browse files
hmfilarhmfilar
committed
OP-551: Split wishlist list view into hookables and adjust styles
1 parent 0435d4a commit cf270aa

File tree

9 files changed

+115
-89
lines changed

9 files changed

+115
-89
lines changed

‎src/Controller/Action/ListWishlistsAction.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
final class ListWishlistsAction extends BaseWishlistsListingAction
1515
{
16-
private const FILE_TO_RENDER = '@BitBagSyliusWishlistPlugin/WishlistGroup/index.html.twig';
16+
private const FILE_TO_RENDER = '@BitBagSyliusWishlistPlugin/shop/wishlist/list.html.twig';
1717

1818
protected function getTemplateToRender(): string
1919
{

‎src/Resources/config/twig_hooks/shop/wishlist/list.yaml‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
sylius_twig_hooks:
2+
hooks:
3+
'bitbag_sylius_wishlist_plugin.wishlist.list':
4+
content:
5+
template: "@BitBagSyliusWishlistPlugin/shop/wishlist/list/content.html.twig"
6+
priority: 0
7+
8+
'bitbag_sylius_wishlist_plugin.wishlist.list.content':
9+
header:
10+
template: "@BitBagSyliusWishlistPlugin/shop/wishlist/list/content/header.html.twig"
11+
priority: 100
12+
wishlists:
13+
template: "@BitBagSyliusWishlistPlugin/shop/wishlist/list/content/wishlists.html.twig"
14+
priority: 0
15+
16+
'bitbag_sylius_wishlist_plugin.wishlist.list.content.header':
17+
title:
18+
template: "@BitBagSyliusWishlistPlugin/shop/wishlist/list/content/header/title.html.twig"
19+
priority: 100
20+
new:
21+
template: "@BitBagSyliusWishlistPlugin/shop/wishlist/list/content/header/new.html.twig"
22+
priority: 0

‎src/Resources/views/WishlistGroup/index.html.twig‎

Lines changed: 0 additions & 88 deletions
This file was deleted.

‎src/Resources/views/shop/wishlist/list.html.twig‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{% extends '@SyliusShop/shared/layout/base.html.twig' %}
2+
3+
{% set prefixes = ['bitbag_sylius_wishlist_plugin.wishlist'] %}
4+
5+
{% block title %}{{ 'bitbag_sylius_wishlist_plugin.ui.your_wishlists'|trans }} | {{ parent() }}{% endblock %}
6+
7+
{% block content %}
8+
{% hook 'list' with { _prefixes: prefixes, wishlists } %}
9+
{% endblock %}

‎src/Resources/views/shop/wishlist/list/content.html.twig‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{% set wishlists = hookable_metadata.context.wishlists %}
2+
3+
<div class="container mt-4 mb-5">
4+
{% hook 'content' with { wishlists } %}
5+
</div>

‎src/Resources/views/shop/wishlist/list/content/header.html.twig‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<div class="d-flex justify-content-between my-3">
2+
{% hook 'header' %}
3+
</div>

‎src/Resources/views/shop/wishlist/list/content/header/new.html.twig‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<button id="create_new_wishlist_button" class="btn btn-primary"
2+
data-bb-wishlist-add="add-another-wishlist"
3+
data-bb-wishlist-add-url="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_create_new_wishlist') }}"
4+
data-bb-wishlist-add-title="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_add_title'|trans }}"
5+
data-bb-wishlist-add-perform="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_add_perform'|trans }}"
6+
data-bb-wishlist-add-cancel="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_add_cancel'|trans }}"
7+
data-bb-wishlist-add-error="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_add_error'|trans }}"
8+
{{ sylius_test_html_attribute('wishlist-add-new-wishlist') }}
9+
>
10+
{{ 'bitbag_sylius_wishlist_plugin.ui.add_another_wishlist'|trans }}
11+
</button>
12+
<input type="hidden" data-bb-csrf="{{ csrf_token('some-name') }}"/>

‎src/Resources/views/shop/wishlist/list/content/header/title.html.twig‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<h1 class="ui header">
2+
<div class="content">
3+
{{ 'bitbag_sylius_wishlist_plugin.ui.your_wishlists'|trans }}
4+
</div>
5+
</h1>

‎src/Resources/views/shop/wishlist/list/content/wishlists.html.twig‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
{% set wishlists = hookable_metadata.context.wishlists %}
2+
3+
<div class="bb-wishlist-list">
4+
{% for wishlist in wishlists %}
5+
<article class="ui header bb-wishlist-list-wraper">
6+
<i class="circular heart icon bb-wishlist-list-wraper-icon"></i>
7+
8+
<div class="bb-wishlist-list-wraper-content py-3">
9+
<div class="bb-wishlist-list-wraper-content-name">
10+
<a
11+
href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_show_chosen_wishlist', {'wishlistId': wishlist.id}) }}"
12+
{{ sylius_test_html_attribute('wishlist-wishlist') }}
13+
data-wishlist-name="{{ wishlist.name }}"
14+
class="link-reset h3"
15+
>
16+
{{ wishlist.name == null ? 'bitbag_sylius_wishlist_plugin.ui.wishlist'|trans : wishlist.name|trans }}
17+
</a>
18+
</div>
19+
<div class="middle aligned column bb-wishlist-list-wraper-content-buttons">
20+
{% if wishlist.shopuser is null and app.user is not null %}
21+
<a
22+
href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_add_wishlist_to_user', {'id': wishlist.id}) }}"
23+
id="wishlist-add-to-user-button-{{ wishlist.name }}" class="btn btn-light"
24+
data-wishlist-name="{{ wishlist.name }}"
25+
>
26+
{{ ux_icon('material-symbols:save') }}
27+
</a>
28+
{% endif %}
29+
<button
30+
id="wishlist-delete-button-{{ wishlist.name }}" class="btn btn-light"
31+
{{ sylius_test_html_attribute('wishlist-wishlist-remove') }}
32+
data-wishlist-name="{{ wishlist.name }}"
33+
data-wishlist-remove-id="{{ wishlist.id }}"
34+
data-wishlist-remove-title="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_remove_title'|trans }}"
35+
data-wishlist-remove-content="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_remove_content'|trans }}"
36+
data-wishlist-remove-perform="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_remove_perform'|trans }}"
37+
data-wishlist-remove-cancel="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_remove_cancel'|trans }}"
38+
>
39+
{{ ux_icon('mdi:remove') }}
40+
</button>
41+
<button
42+
id="wishlist-edit-button-{{ wishlist.name }}" class="btn btn-light"
43+
{{ sylius_test_html_attribute('wishlist-wishlist-edit') }}
44+
data-wishlist-name="{{ wishlist.name }}"
45+
data-wishlist-edit-id="{{ wishlist.id }}"
46+
data-wishlist-edit-title="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_edit_title'|trans }}"
47+
data-wishlist-edit-error="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_edit_error'|trans }}"
48+
data-wishlist-edit-perform="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_edit_perform'|trans }}"
49+
data-wishlist-edit-cancel="{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_modal_edit_cancel'|trans }}"
50+
>
51+
{{ ux_icon('material-symbols:edit') }}
52+
</button>
53+
</div>
54+
</div>
55+
</article>
56+
{% endfor %}
57+
</div>
58+
<input type="hidden" name="_csrf_shop_security_token" value="">

0 commit comments

Comments
 (0)