custom/static-plugins/BaumarktTheme/src/Resources/views/storefront/component/wishlist-offcanvas/wishlist-offcanvas.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
  3. {% block utilities_offcanvas %}
  4.     <div class="wishlist-offcanvas-container" data-wishlist-content="true">
  5.         {{ parent() }}
  6.     </div>
  7. {% endblock %}
  9. {% block utilities_offcanvas_close %}
  10. {% endblock %}
  12. {% block utilities_offcanvas_close_text %}{% endblock %}
  14. {% block utilities_offcanvas_content %}
  15.     {% block page_wishlist_container %}
  16.         <div class="wishlist-header">
  17.             {% block wishlist_offcanvas_header %}
  18.                 <h2 id="wishlist-offcanvas-title">{{ "wishlist.offcanvas.headline.new"|trans|sw_sanitize }}</h2>
  20.                 {% sw_icon 'close_m' style { 'pack' : 'globus_icons' } %}
  21.             {% endblock %}
  22.         </div>
  24.         <div class="wishlist-content">
  26.             <div class="d-none csrf-wrapper">
  27.                 <div id="create-wishlist-csrf">
  28.                     {{ sw_csrf('frontend.pixup.wishlist.ajax.create_wishlist') }}
  29.                 </div>
  31.                 <div id="delete-wishlist-csrf">
  32.                     {{ sw_csrf('frontend.pixup.wishlist.ajax.delete_wishlist') }}
  33.                 </div>
  35.                 <div id="edit-wishlist-csrf">
  36.                     {{ sw_csrf('frontend.pixup.wishlist.ajax.edit_wishlist') }}
  37.                 </div>
  39.                 <div id="change-add-product-csrf">
  40.                     {{ sw_csrf('frontend.pixup.wishlist.ajax.add_product') }}
  41.                 </div>
  43.                 <div id="change-remove-product-csrf">
  44.                     {{ sw_csrf('frontend.pixup.wishlist.ajax.remove_product') }}
  45.                 </div>
  47.             </div>
  49.             {% block wishlist_offcanvas_content %}
  50.                 <div class="header-search header-search-col col-12 my-4">
  52.                 </div>
  54.                 <div class="wrapper">
  55.                     <div class="wishlist-edit wishlist-toggle d-none">
  56.                         <div class="form-group w-100">
  57.                             <label for="wishlist_edit_Name" class="col-sm-12 col-form-label px-0">
  58.                                 {{ "wishlist.offcanvas.label.editInput"|trans|sw_sanitize }}
  59.                             </label>
  60.                             <div class="col-sm-12 px-0">
  61.                                 <input class="form-control" value="" maxlength="40" id="wishlist_edit_Name" placeholder="{{  "pixup-wishlist.wishlist-page.editWishlist.form.placeholder.name"|trans }}">
  62.                             </div>
  63.                         </div>
  64.                     </div>
  66.                     <div class="wishlist-new wishlist-toggle d-none">
  67.                         <div class="form-group w-100">
  68.                             <label for="wishlistName" class="col-sm-12 col-form-label px-0">
  69.                                 {{ "wishlist.offcanvas.label.newInput"|trans|sw_sanitize }}
  70.                             </label>
  71.                             <div class="col-sm-12 px-0">
  72.                                 <input class="form-control" value="" maxlength="40" id="wishlistName" placeholder="{{  "pixup-wishlist.wishlist-page.createModal.form.placeholder.name"|trans }}">
  73.                             </div>
  74.                         </div>
  75.                     </div>
  77.                     <div class="wishlist-new-and-add wishlist-toggle d-none">
  78.                         <div class="form-group w-100">
  79.                             <label for="wishlistName" class="col-sm-12 col-form-label px-0">
  80.                                 {{ "wishlist.offcanvas.label.newInput"|trans|sw_sanitize }}
  81.                             </label>
  82.                             <div class="col-sm-12 px-0">
  83.                                 <input class="form-control" value="" maxlength="40" id="wishlistName" placeholder="{{  "pixup-wishlist.wishlist-page.createModal.form.placeholder.name"|trans }}">
  84.                             </div>
  85.                         </div>
  86.                     </div>
  88.                     <div class="wishlist-add wishlist-toggle d-none">
  89.                     </div>
  91.                     <div class="wishlist-add wishlist-toggle d-none">
  92.                         <button class="btn btn-secondary new-wishlist"
  93.                                 data-wishlist-offcanvas="true"
  94.                                 data-wishlist-offcanvas-headline="Neue Einkaufsliste"
  95.                                 data-wishlist-offcanvas-type="newAndAdd"
  96.                                 disabled>
  97.                             NEUE EINKAUFSLISTE ANLEGEN
  98.                         </button>
  100.                         <script type="text/javascript">
  101.                             function pixupWishlist_createWishlistInit(url){
  102.                                 name = document.querySelector(".wishlist-offcanvas .d-flex #wishlistName").value;
  103.                                 if(!document.querySelector(".wishlist-offcanvas .d-flex #wishlistName").value) {
  104.                                     document.querySelector(".wishlist-offcanvas .d-flex #wishlistName").style.border = "1px solid red";
  105.                                     return;
  106.                                 }else
  107.                                     document.querySelector(".wishlist-offcanvas .d-flex #wishlistName").style.border = "1px solid #bcc1c7";
  108.                                 products = JSON.stringify({});
  109.                                 {% if wishlistCanBePublic %}
  110.                                 privateState = document.getElementById("wishlistPrivate").checked;
  111.                                 editable = document.getElementById("wishlistEditable").checked;
  112.                                 {% if wishlistBirthday %}
  113.                                 birthday = document.getElementById('wishlistBirthday').checked;
  114.                                 {% else %}
  115.                                 birthday = false;
  116.                                 {% endif %}
  117.                                 password = document.getElementById("wishlistPassword").value;
  118.                                 password = (password == "")?null:password;
  119.                                 {% else %}
  120.                                 privateState = true;
  121.                                 editable = false;
  122.                                 password = null;
  123.                                 birthday = false;
  124.                                 {% endif %}
  125.                                 wishlistId = null;
  127.                                 name = escape(name);
  128.                                 name = name.replace(/%FC/g, "ü");
  129.                                 name = name.replace(/%DC/g, "Ü");
  130.                                 name = name.replace(/%F6/g, "ö");
  131.                                 name = name.replace(/%D6/g, "Ö");
  132.                                 name = name.replace(/%E4/g, "ä");
  133.                                 name = name.replace(/%C4/g, "Ä");
  134.                                 name = name.replace(/%DF/g, "ß");
  136.                                 csrfToken = document.querySelector('#create-wishlist-csrf input').value
  139.                                 url = url.replace(/--name--/, name).replace(/--products--/,escape(products))
  140.                                     .replace(/--private--/,privateState).replace(/--editable--/,editable).replace(/--birthday--/,birthday)
  141.                                     .replace(/--password--/,escape(password)).replace(/--wishlistId--/,wishlistId);
  143.                                 pixupWishlist_ajaxCore("POST",url, csrfToken, function(xhttp,name,editable,privateState,birthday){
  144.                                     data = JSON.parse(xhttp.responseText);
  145.                                     if(data.data.success === false){
  146.                                         displayMessage(data.error.codes[0].label,false,6000);
  147.                                     }else{
  148.                                         pixupWIshlist_createMenuEntry(data.data.wishlistId,name,privateState,editable,birthday);
  149.                                         pixupWishlist_switchWishlist(data.data.wishlistId)
  150.                                     }
  151.                                 },[name,editable,privateState,birthday])
  152.                             }
  154.                             function pixupWishlist_createAndAddWishlistInit(event, url){
  155.                                 name = document.querySelector(".wishlist-offcanvas .d-flex #wishlistName").value;
  156.                                 if(!document.querySelector(".wishlist-offcanvas .d-flex #wishlistName").value) {
  157.                                     document.querySelector(".wishlist-offcanvas .d-flex #wishlistName").style.border = "1px solid red";
  158.                                     return;
  159.                                 }else
  160.                                     document.querySelector(".wishlist-offcanvas .d-flex #wishlistName").style.border = "1px solid #bcc1c7";
  161.                                 products = JSON.stringify({});
  162.                                 {% if wishlistCanBePublic %}
  163.                                 privateState = document.getElementById("wishlistPrivate").checked;
  164.                                 editable = document.getElementById("wishlistEditable").checked;
  165.                                 {% if wishlistBirthday %}
  166.                                 birthday = document.getElementById('wishlistBirthday').checked;
  167.                                 {% else %}
  168.                                 birthday = false;
  169.                                 {% endif %}
  170.                                 password = document.getElementById("wishlistPassword").value;
  171.                                 password = (password == "")?null:password;
  172.                                 {% else %}
  173.                                 privateState = true;
  174.                                 editable = false;
  175.                                 password = null;
  176.                                 birthday = false;
  177.                                 {% endif %}
  178.                                 wishlistId = null;
  180.                                 name = escape(name);
  181.                                 name = name.replace(/%FC/g, "ü");
  182.                                 name = name.replace(/%DC/g, "Ü");
  183.                                 name = name.replace(/%F6/g, "ö");
  184.                                 name = name.replace(/%D6/g, "Ö");
  185.                                 name = name.replace(/%E4/g, "ä");
  186.                                 name = name.replace(/%C4/g, "Ä");
  187.                                 name = name.replace(/%DF/g, "ß");
  189.                                 csrfToken = document.querySelector('#create-wishlist-csrf input').value
  192.                                 url = url.replace(/--name--/, name).replace(/--products--/,escape(products))
  193.                                     .replace(/--private--/,privateState).replace(/--editable--/,editable).replace(/--birthday--/,birthday)
  194.                                     .replace(/--password--/,escape(password)).replace(/--wishlistId--/,wishlistId);
  196.                                 pixupWishlist_ajaxCore("POST",url, csrfToken, function(xhttp,name,editable,privateState,birthday){
  197.                                     data = JSON.parse(xhttp.responseText);
  198.                                     if(data.data.success === false){
  199.                                         displayMessage(data.error.codes[0].label,false,6000);
  200.                                     }else{
  201.                                         // todo: check on wl view
  202.                                         // pixupWIshlist_createMenuEntry(data.data.wishlistId,name,privateState,editable,birthday);
  203.                                         // pixupWishlist_switchWishlist(data.data.wishlistId)
  205.                                         //custom add after creating new wl before
  206.                                         if(document.querySelector('body.is-ctl-pixupwishlist') !== null) {
  207.                                             pixupWIshlist_createMenuEntry(data.data.wishlistId, name)
  209.                                             setTimeout(function(){
  210.                                                 let badgeCountElem = document.getElementById("menu"+data.data.wishlistId+"-count");
  211.                                                 badgeCountElem.innerHTML = '1';
  212.                                             },0);
  213.                                         }
  215.                                         let productId = event.target.dataset.productId
  216.                                         let newWishlistId = data.data.wishlistId
  217.                                         let elem = document.querySelector('[data-product-id="' + productId + '"]')
  218.                                         if(document.querySelector('.product-id') !== null) {
  219.                                             productId = document.querySelector('.product-id').innerHTML.trim()
  220.                                         } else {
  221.                                             //todo: fdsg
  222.                                             productId = window.currentProductId
  223.                                         }
  225.                                         pixupWishlist_changeProductWishlistStateInit(
  226.                                             elem,
  227.                                             'custom',
  228.                                             productId,
  229.                                             newWishlistId
  230.                                         )
  232.                                         if(this._acidRemove) {
  233.                                             this.el.parentNode.querySelector('.cart-item-remove-button').click();
  234.                                         }
  235.                                     }
  236.                                 },[name,editable,privateState,birthday])
  237.                             }
  238.                         </script>
  239.                     </div>
  240.                 </div>
  241.             {% endblock %}
  242.         </div>
  244.         <div class="wishlist-footer">
  245.             {% block wishlist_offcanvas_footer %}
  246.                 <div class="wishlist-edit wishlist-toggle w-100 d-none">
  247.                     <button class="btn btn-secondary abort">{{ "general.storeLocatorOffcanvas.cancelButton"|trans|sw_sanitize }}</button>
  248.                     <button type="submit" class="btn btn-primary apply"
  249.                             onclick="pixupWishlist_editeWishlistInit(
  250.                                     '{{ url("frontend.pixup.wishlist.ajax.edit_wishlist", {
  251.                                 'name': "--name--",
  252.                                 'wishListId':'--wishlistId--',
  253.                                 'private':'--private--',
  254.                                 'editable':'--editable--',
  255.                                 'birthday':'--birthday--',
  256.                                 'password':'--password--'
  257.                             })  }}',
  258.                                     )">
  259.                         {{ "general.storeLocatorOffcanvas.confirmButton"|trans|sw_sanitize }}
  260.                     </button>
  261.                 </div>
  263.                 <div class="wishlist-new wishlist-toggle w-100 d-none">
  264.                     <button class="btn btn-secondary abort">{{ "general.storeLocatorOffcanvas.cancelButton"|trans|sw_sanitize }}</button>
  265.                     <button type="submit" class="btn btn-primary apply"
  266.                             onclick="pixupWishlist_createWishlistInit(
  267.                                     '{{ url("frontend.pixup.wishlist.ajax.create_wishlist", {
  268.                                 'name': "--name--",
  269.                                 'products':'--products--',
  270.                                 'private':'--private--',
  271.                                 'editable':'--editable--',
  272.                                 'birthday':'--birthday--',
  273.                                 'password':'--password--',
  274.                                 'wishListId':'--wishlistId--'
  275.                             })  }}',
  276.                                     )">
  277.                         {{ "general.storeLocatorOffcanvas.confirmButton"|trans|sw_sanitize }}
  278.                     </button>
  279.                 </div>
  281.                 <div class="wishlist-new-and-add wishlist-toggle w-100 d-none">
  282.                     <button class="btn btn-secondary abort">{{ "general.storeLocatorOffcanvas.cancelButton"|trans|sw_sanitize }}</button>
  283.                     <button type="submit" class="btn btn-primary apply"
  284.                             onclick="pixupWishlist_createAndAddWishlistInit(
  285.                                     event, '{{ url("frontend.pixup.wishlist.ajax.create_wishlist", {
  286.                                 'name': "--name--",
  287.                                 'products':'--products--',
  288.                                 'private':'--private--',
  289.                                 'editable':'--editable--',
  290.                                 'birthday':'--birthday--',
  291.                                 'password':'--password--',
  292.                                 'wishListId':'--wishlistId--'
  293.                             })  }}',
  294.                                     )">
  295.                         {{ "general.storeLocatorOffcanvas.confirmButton"|trans|sw_sanitize }}
  296.                     </button>
  297.                 </div>
  299.                 <div class="wishlist-add wishlist-toggle w-100 d-none">
  301.                     <button class="btn btn-secondary abort">{{ "general.storeLocatorOffcanvas.cancelButton"|trans|sw_sanitize }}</button>
  302.                     <button type="submit" class="btn btn-primary apply" disabled
  303. {#                            onclick="pixupWishlist_changeProductWishlistStateInit(#}
  304. {#                                    this,#}
  305. {#                                    this.dataset.remove,#}
  306. {#                                    '{{productId}}'#}
  307. {#                                    )"#}
  308.                     >
  309.                         {{ "general.storeLocatorOffcanvas.confirmButton"|trans|sw_sanitize }}
  310.                     </button>
  311.                 </div>
  312.             {% endblock %}
  313.         </div>
  314.     {% endblock %}
  315. {% endblock %}