OP-551: Align templates with the new layout

Author: hmfilar

src/Resources/translations/messages.en.yml

@@ -5,6 +5,7 @@ bitbag_sylius_wishlist_plugin:
         add_to_wishlist: Add to wishlist
         remove_from_wishlist: Remove from wishlist
         your_wishlist_is_empty: Your wishlist is empty
+        your_wishlist: Your wishlist
         your_wishlists: Your wishlists
         add_another_wishlist: Add another wishlist
         added_wishlist_item: Product has been added to your wishlist.

src/Resources/translations/messages.pl.yml

@@ -4,6 +4,7 @@ bitbag_sylius_wishlist_plugin:
         add_to_wishlist: Dodaj do listy życzeń
         remove_from_wishlist: Usuń z listy życzeń
         your_wishlist_is_empty: Twoja lista życzeń jest pusta
+        your_wishlist: Twoja lista życzeń
         your_wishlists: Twoje listy życzeń
         add_another_wishlist: Dodaj kolejną listę życzeń
         added_wishlist_item: Produkt został dodany do listy życzeń.

src/Resources/views/Common/widget.html.twig

@@ -8,16 +8,15 @@
         {% set wishlistProductsCount = data.wishlistProducts.count %}
     {% endfor %}
 
-    <a href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_list_products') }}" class="ui circular button">
-        <i class="icon heart"></i>
+    <a href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_list_products') }}" class="btn btn-icon btn-transparent px-0 position-relative" aria-label="wishlist button">
+        {{ ux_icon('mdi:heart-outline') }}
         <span class="bitbag-wishlist-items-count" {{ sylius_test_html_attribute('wishlist-primary-items-count') }}>
             {{- wishlistProductsCount -}}
         </span>
     </a>
 {% else %}
-    <a data-bb-wishlist-enter href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_list_wishlists') }}" class="ui circular button">
-
-        <i class="icon list"></i>
+    <a data-bb-wishlist-enter href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_list_wishlists') }}" class="btn btn-icon btn-transparent px-0 position-relative" aria-label="wishlist button">
+        {{ ux_icon('material-symbols:list') }}
         <span class="bitbag-wishlist-items-count" {{ sylius_test_html_attribute('wishlists-count') }}>
             {{- wishlists|length -}}
         </span>

src/Resources/views/CreateWishlist/index.html.twig

@@ -1,6 +1,6 @@
-{% extends '@SyliusShop/layout.html.twig' %}
+{% extends '@SyliusShop/shared/layout/base.html.twig' %}
 
-{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
+{% import '@SyliusShop/shared/messages.html.twig' as messages %}
 {% form_theme form '@SyliusShop/Form/theme.html.twig' %}
 
 {% block content %}

src/Resources/views/WishlistDetails/_item.html.twig

@@ -1,4 +1,4 @@
-{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
+{% import "@SyliusCore/Common/Macro/money.html.twig" as money %}
 
 {% set variant = itemForm.vars.value.wishlistProduct.variant %}
 {% set product = variant.product %}

src/Resources/views/WishlistDetails/_variantPrice.html.twig

@@ -1,4 +1,4 @@
-{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
+{% import "@SyliusCore/Common/Macro/money.html.twig" as money %}
 
 {% set pricing = sylius_product_variant_prices(product, sylius.channel) %}
 

src/Resources/views/WishlistDetails/index.html.twig

@@ -1,6 +1,8 @@
-{% extends '@SyliusShop/layout.html.twig' %}
+{% extends '@SyliusShop/shared/layout/base.html.twig' %}
 
-{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
+{% import '@SyliusShop/shared/messages.html.twig' as messages %}
+
+{% block title %}{{ 'bitbag_sylius_wishlist_plugin.ui.your_wishlist'|trans }} | {{ parent() }}{% endblock %}
 
 {% block content %}
     <h1 class="ui header">

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

@@ -1,6 +1,6 @@
-{% extends '@SyliusShop/layout.html.twig' %}
+{% extends '@SyliusShop/shared/layout/base.html.twig' %}
 
-{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
+{% import '@SyliusShop/shared/messages.html.twig' as messages %}
 
 {% block content %}
     <div class="ui hidden divider"></div>

src/Resources/views/_wishlist_header.html.twig

@@ -1,3 +1,3 @@
-<div class="right aligned column">
-    WISHLIST: {{ render(url('bitbag_sylius_wishlist_plugin_shop_wishlist_render_header_template')) }}
+<div class="col-auto position-relative">
+    {{ render(url('bitbag_sylius_wishlist_plugin_shop_wishlist_render_header_template')) }}
 </div>

src/Resources/views/importWishlist.html.twig

@@ -1,4 +1,4 @@
-{% extends '@SyliusShop/layout.html.twig' %}
+{% extends '@SyliusShop/shared/layout/base.html.twig' %}
 
 {% block content %}