custom/plugins/PixupWishlistSW6/src/Resources/views/storefront/page/wishlist/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  2. {% block base_offcanvas_navigation %}
  3.     {{ parent() }}
  4. {% endblock %}
  5. {% block base_content %}
  6.     {{ parent() }}
  7.     <!-- wishlist site scripts -->
  8.     <script>
  9.         function printCurrentWishlist(){
  10.             //get information about wishlist
  11.             window.print();
  12.             /**
  13.             let id = document.getElementById("wishlistPageTitle").dataset.wishlistId;
  14.             url = "{{ url("frontend.pixup.wishlist.ajax.get_wishlists", {
  15.                 'productId':'null',
  16.                 'wishlistId':'--wishlistId--',
  17.                 'returnProducts': 'true'
  18.             }) }}";
  19.             url = url.replace(/--wishlistId--/,escape(id));
  20.             pixupWishlist_ajaxCore(url,function(xhttp){
  21.                 data = JSON.parse(xhttp.responseText);
  22.                 if(data.error.success !== true){
  23.                     displayMessage(data.error.codes[0].label,false,);
  24.                     return false;
  25.                 }
  26.                 data = data.data.wishlists[0];
  27.                 let wishlistId = data.id;
  28.                 let isOwnWishlist = data.isOwnWishlist;
  29.                 let wishlistName = data.name;
  30.                 let wishlistPrivate = data.private;
  31.                 let wishlistBirthday = data.birthday;
  32.                 let wishlistEditable = data.editable;
  33.                 let wishlistExternal = data.external;
  34.                 let wishlistSubscribed = data.subscribed;
  35.                 var products = [];
  36.                 for(k in data.products){
  37.                     product = data.products[k];
  38.                     if(typeof product.price !== 'undefined' && product.price !== null){
  39.                         var price = product.price.gross.toFixed(2);
  40.                         var currencyId = product.price.currencyId;
  41.                     }else{
  42.                         var price = null;
  43.                         var currencyId = null;
  44.                     }
  45.                     productInfo = {
  46.                         id : product.id,
  47.                         ean : product.ean,
  48.                         ordernumber : product.productNumber,
  49.                         name : product.name,
  50.                         price : price,
  51.                         currencyId: currencyId
  52.                     };
  53.                     products.push(productInfo);
  54.                 }
  55.                 //display print version
  56.                 d = document;
  57.                 title = d.createElement("div");
  58.                 title.innerHTML = wishlistName;
  60.                 table = d.createElement("table");
  61.                 table.style.width="100%";
  62.                 tr = d.createElement("tr");
  63.                 th = d.createElement("th");
  64.                 th.innerHTML = "Article";
  65.                 th.style.width="80%";
  66.                 tr.appendChild(th);
  67.                 th = d.createElement("th");
  68.                 th.innerHTML = "Price";
  69.                 tr.appendChild(th);
  70.                 table.appendChild(tr);
  72.                 for(i=0;i<products.length;i++){
  73.                     tr = d.createElement("tr");
  74.                     td = d.createElement("td");
  75.                     td.innerHTML = "<span style=\"font-weight:bold\">"+products[i].name+"</span><br/><span style=\"font-size:0.7em\"> orderNumber: "+products[i].ordernumber+"</span>";
  76.                     tr.appendChild(td);
  77.                     td = d.createElement("td");
  78.                     td.innerHTML = products[i].price;
  79.                     tr.appendChild(td);
  80.                     table.appendChild(tr);
  81.                     tr = d.createElement("tr");
  82.                     td = d.createElement("td");
  83.                     td2 = d.createElement("td");
  84.                     td.innerHTML = "<hr/>";
  85.                     td2.innerHTML = "<hr/>";
  86.                     tr.appendChild(td);
  87.                     tr.appendChild(td2);
  88.                     table.appendChild(tr);
  90.                 }
  92.                 wrapper = d.createElement("div");
  93.                 wrapper.appendChild(table);
  95.                 var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');
  96.                 WinPrint.document.write(wrapper.innerHTML);
  97.                 WinPrint.document.close();
  98.                 WinPrint.focus();
  99.                 WinPrint.print();
  100.                 //WinPrint.close();
  101.             },[]);
  102.              **/
  103.         }
  105.         function displayMessage(text,success,disapear=4000){
  106.             let messageBody = document.getElementById("messageContainer");
  108.             //create new msg
  109.             let div = document.createElement("div");
  110.             div.innerHTML = text;
  111.             div.classList = "pixupWishlistErrorMsg";
  112.             div.addEventListener("click",function (){
  113.                 this.parentNode.removeChild(this);
  114.             });
  115.             div.style.backgroundColor = (success === true)?"#1b9448":"#8e0107";
  116.             disapear = (typeof disapear == "number")?disapear:4000;
  117.             messageBody.appendChild(div);
  118.             setTimeout(function(){
  119.                 messageBody.removeChild(div)
  120.             },disapear);
  121.         }
  123.         function pixupWishlist_ajaxCore(url,callback,options=null){
  124.             var xhttp = new XMLHttpRequest();
  125.             xhttp.onreadystatechange = function() {
  126.                 if (this.readyState == 4 && this.status == 200) {
  127.                     if(options !== null) {
  128.                         callback(this, ...options);
  129.                     }else
  130.                         callback(this);
  131.                 }
  132.             };
  133.             xhttp.open("GET", url, true);
  134.             xhttp.send();
  135.         }
  137.         function pixupWishlist_removeFromWishlistInit(url,productId,removeElementId,wishlistId){
  138.             pixupWishlist_ajaxCore(url,function(xhttp,url,productId,removeElementId,wishlistId){
  139.                 data = JSON.parse(xhttp.responseText);
  140.                 if(data.data.success) {
  141.                     element = document.getElementById(removeElementId);
  142.                     element.parentNode.removeChild(element);
  143.                     substrectOneFromWLHeader(); {# inside layout/header/header.html.twig #}
  144.                     //substrect one from side menu
  145.                     element = document.getElementById("menu"+wishlistId+"-count");
  146.                     element.innerHTML = (parseInt(element.innerHTML,0)-1).toString();
  147.                 }else{
  148.                     if(data.error.codes[0].code !== 0){
  149.                         displayMessage(data.error.codes[0].label,false,4000);
  150.                     }
  151.                 }
  152.             },[url,productId,removeElementId,wishlistId]);
  153.         }
  155.         function pixupWishlist_createWishlistInit(url){
  156.             name = document.getElementById("wishlistName").value;
  157.             if(!document.getElementById("wishlistName").value) {
  158.                 document.getElementById("wishlistName").style.border = "1px solid red";
  159.                 return;
  160.             }else
  161.                 document.getElementById("wishlistName").style.border = "1px solid #bcc1c7";
  162.             products = JSON.stringify({});
  163.             {% if wishlistCanBePublic %}
  164.                 privateState = document.getElementById("wishlistPrivate").checked;
  165.                 editable = document.getElementById("wishlistEditable").checked;
  166.                 {% if wishlistBirthday %}
  167.                 birthday = document.getElementById('wishlistBirthday').checked;
  168.                 {% else %}
  169.                  birthday = false;
  170.                 {% endif %}
  171.                 password = document.getElementById("wishlistPassword").value;
  172.                 password = (password == "")?null:password;
  173.             {% else %}
  174.                 privateState = true;
  175.                 editable = false;
  176.                 password = null;
  177.                 birthday = false;
  178.             {% endif %}
  179.             wishlistId = null;
  181.             url = url.replace(/--name--/, escape(name)).replace(/--products--/,escape(products))
  182.                 .replace(/--private--/,privateState).replace(/--editable--/,editable).replace(/--birthday--/,birthday)
  183.                 .replace(/--password--/,escape(password)).replace(/--wishlistId--/,wishlistId);
  186.             pixupWishlist_ajaxCore(url,function(xhttp,name,editable,privateState,birthday){
  187.                 data = JSON.parse(xhttp.responseText);
  188.                 if(data.data.success === false){
  189.                     displayMessage(data.error.codes[0].label,false,6000);
  190.                 }else{
  191.                     $('#pixupWishlist_createWishlistModal').modal("hide");
  192.                     {% if wishlistCanBePublic %}
  193.                     document.getElementById("wishlistPassword").value = "";
  194.                     {% endif %}
  195.                     document.getElementById("wishlistName").value = "";
  196.                     //init menu entry
  197.                     pixupWIshlist_createMenuEntry(data.data.wishlistId,name,privateState,editable,birthday);
  198.                     pixupWishlist_switchWishlist(data.data.wishlistId)
  199.                 }
  200.             },[name,editable,privateState,birthday])
  201.         }
  202.         function pixupWIshlist_createMenuEntry(wishlistId,name,privateState,editable,birthday){
  203.             var div = document.createElement("div");
  204.             div.id = "menu"+wishlistId;
  205.             div.classList = "pixupWishlistMenuEntry";
  206.             div.dataset.wishlistId = wishlistId;
  207.             div.dataset.wishlistLabel = name;
  208.             div.setAttribute('onclick','pixupWishlist_switchWishlist(this.dataset.wishlistId)');
  209.             div.innerHTML += "<span><span id=\"menu"+wishlistId+"-name\">"+name+"</span> (<span id=\"menu"+wishlistId+"-count\">0</span>)</span>";
  210.             div.innerHTML += pixup_createBatchDivs(privateState,editable,birthday);
  211.             document.getElementById("pixupWishlistMenu").insertBefore(div,document.getElementById("pixupWishlistMenu").firstChild);
  212.         }
  213.         function pixupWishlist_removeWishlistModal(name){
  214.             title = document.getElementById("delete_wishlist_title");
  215.             title.innerHTML = title.innerHTML.replace(/--namePlaceHolder--/,name);
  216.             $('#pixupWishlist_deleteWishlistModal').modal();
  217.         }
  218.         function pixupWishlist_removeWishlistInit(url,wishListId){
  219.             url = url.replace(/--wishlistId--/,wishListId);
  220.             pixupWishlist_ajaxCore(url,function(xhttp,url,wishlistId){
  221.                 data = JSON.parse(xhttp.responseText);
  222.                 $('#pixupWishlist_deleteWishlistModal').modal("hide");
  223.                 if(data.data.success === true) {
  224.                     wishlistContent = document.getElementById(wishlistId);
  225.                     wishlistMenu = document.getElementById("menu"+wishlistId);
  226.                     wishlistContent.parentNode.removeChild(wishlistContent);
  227.                     wishlistMenu.parentNode.removeChild(wishlistMenu);
  229.                     //history.pushState({page: 1}, "wishlist", "/wishlist/");
  230.                     window.history.pushState({}, null, window.location.toString().replace(/\/pixup\/wishlist(\/.*)?/gi, '/pixup/wishlist/'))
  232.                     id = document.getElementById("pixupWishlistMenu").children[0].id.replace(/menu/,"");
  233.                     if(id === ""){
  234.                         //no wishlist in list remove all old variables
  235.                         title = document.getElementById("wishlistPageTitle");
  236.                         title.innerHTML = "";
  237.                         title.dataset.wishlistId = "";
  238.                         document.getElementById('wishlist_header_actions').style.display = "none";
  239.                         return;
  240.                     }
  242.                     pixupWishlist_switchWishlist(document.getElementById("pixupWishlistMenu").children[0].id.replace(/menu/,""));
  243.                 }else if(data.data.success === false){
  244.                     displayMessage(data.error.codes[0].label,false);
  245.                 }
  246.             },[url,wishListId]);
  247.         }
  249.         function pixupWishlist_switchWishlist(newWishlistId){
  250.             if(!newWishlistId)
  251.                 return
  252.             /**
  253.              * TODO add ajax method to load product container
  254.              */
  255.             window.history.pushState({}, null, window.location.toString().replace(/\/pixup\/wishlist(\/.*)?/gi, '/pixup/wishlist/'+newWishlistId))
  256.             url = "{{ url('frontend.pixup.wishlist.ajax.get_wishlists', {'wishlistId': "--wishlistId--", 'returnView':'true'})  }}";
  257.             url = url.replace(/--wishlistId--/,escape(newWishlistId));
  258.             addLoadingCircle(document.getElementById("pixupWishlistContent"));
  259.             pixupWishlist_ajaxCore(url,function(xhttp){
  260.                 data = JSON.parse(xhttp.responseText).data;
  261.                 document.getElementById("pixupWishlistContent").innerHTML = data.view;
  262.                 document.getElementById('wishlist_header_actions').style.display = "block";
  263.                 titleBox = document.getElementById("wishlistPageTitle");
  264.                 //titleBox.innerHTML = data.wishlists[0].name;
  265.                 //titleBox.innerHTML += pixup_createBatchDivs(data.wishlists[0].private,data.wishlists[0].editable,data.wishlists[0].birthday,data.wishlists[0].subscribed);
  266.                 titleBox.dataset.wishlistId = data.wishlists[0].id;
  267.                 //adjust menu
  268.                 menuItems = document.getElementById("pixupWishlistMenu").children;
  269.                 for(i=0;i<menuItems.length;i++){
  270.                     if(menuItems[i].id === "menu"+data.wishlists[0].id)
  271.                         menuItems[i].classList += " pixupWishlistMenuEntryActive";
  272.                     else
  273.                         menuItems[i].classList.remove("pixupWishlistMenuEntryActive");
  274.                 }
  275.                 //reload the plugins so the add to cart btn works and events are registerd by shopware
  276.                 PluginManager.initializePlugins();
  277.             });
  278.         }
  280.         function pixupWishlist_editWishlistTrigger(wishListId){
  281.             //opens the modal box and sets the correct data
  282.             modal = document.getElementById("pixupWishlist_editWishlistModal");
  283.             modal.dataset.wishlistId = wishListId;
  285.             nameField = document.getElementById("wishlist_edit_Name");
  286.             {% if wishlistCanBePublic %}
  287.             privateField = document.getElementById("wishlist_edit_Public");
  288.             {% if wishlistBirthday %}
  289.                 birthday = document.getElementById("wishlist_edit_Birthday");
  290.             {% endif %}
  291.             editableField = document.getElementById("wishlist_edit_Editable");
  292.             passwordField = document.getElementById("wishlist_edit_Password");
  293.             {% endif %}
  295.             //get information about wishlist
  296.             url = "{{ url("frontend.pixup.wishlist.ajax.get_wishlists", {
  297.                 'productId':'null',
  298.                 'wishlistId':'--wishlistId--'
  299.             }) }}";
  300.             url = url.replace(/--wishlistId--/,wishListId);
  301.             pixupWishlist_ajaxCore(url,function(xhttp){
  302.                 data = JSON.parse(xhttp.responseText).data;
  303.                 nameField.value = data.wishlists[0].name;
  304.                 {% if wishlistCanBePublic %}
  305.                 privateField.checked = data.wishlists[0].private;
  306.                     {% if wishlistBirthday %}
  307.                         birthday.checked = data.wishlists[0].birthday;
  308.                     {% endif %}
  309.                 editableField.checked = data.wishlists[0].editable;
  310.                 passwordField.value = data.wishlists[0].password;
  311.                 {% endif %}
  313.                 modalTitle = document.getElementById("pixupWishlist_edit_title");
  314.                 modalTitle.innerHTML = modalTitle.innerHTML.replace(/--namePlaceHolder--/,data.wishlists[0].name);
  315.             });
  316.             $('#pixupWishlist_editWishlistModal').modal()
  318.         }
  320.         function pixupWishlist_editeWishlistInit(url){
  321.             modal = document.getElementById("pixupWishlist_editWishlistModal");
  322.             wishlistID = modal.dataset.wishlistId;
  323.             nameField = document.getElementById("wishlist_edit_Name").value;
  324.             {% if wishlistCanBePublic %}
  325.             privateField = document.getElementById("wishlist_edit_Public").checked;
  326.             editableField = document.getElementById("wishlist_edit_Editable").checked;
  327.                 {% if wishlistBirthday %}
  328.                 birthdayField = document.getElementById("wishlist_edit_Birthday").checked;
  329.                 {% else %}
  330.                 birthdayField = "";
  331.                 {% endif %}
  332.             passwordField = document.getElementById("wishlist_edit_Password").value;
  333.             {% else %}
  334.             privateField = "";
  335.             editableField = "";
  336.             passwordField = "";
  337.             birthdayField = "";
  338.             {% endif %}
  339.             url = url.replace(/--name--/,escape(nameField)).replace(/--private--/,privateField).replace(/--birthday--/,birthdayField)
  340.                 .replace(/--editable--/,editableField).replace(/--password--/,escape(passwordField)).replace(/--wishlistId--/,wishlistID);
  342.             pixupWishlist_ajaxCore(url,function(xhttp,wishlistID,name,editableField,privateField,birthdayField){
  343.                 data = JSON.parse(xhttp.responseText);
  344.                 if(data.data.success === false){
  345.                     displayMessage(data.error.codes[0].label,false);
  346.                 }else{
  347.                     $('#pixupWishlist_editWishlistModal').modal("hide");
  349.                     menuItem = document.getElementById('menu'+wishlistID);
  350.                     menuItem.dataset.wishlistId = wishlistID;
  351.                     menuItem.dataset.wishlistLabel = name;
  352.                     menuItem.innerHTML = "<span><span id=\"menu"+wishlistID+"-name\">"+name+"</span> (<span id=\"menu"+wishlistID+"-count\">"+document.getElementById("menu"+wishlistID+"-count").innerHTML+"</span>)</span>"
  353.                     menuItem.innerHTML += pixup_createBatchDivs(privateField,editableField,birthdayField);
  355.                     title = document.getElementById("wishlistPageTitle");
  356.                     //title.innerHTML = name + pixup_createBatchDivs(privateField,editableField,birthdayField);
  357.                 }
  358.             },[wishlistID,nameField,editableField,privateField,birthdayField])
  360.         }
  362.         function pixup_createBatchDivs(publicState,editable,birthday,subscribed = false){
  363.             html = "<span>";
  364.             if(publicState === false)
  365.             html += `<span data-toggle="tooltip" data-placement="top" title="{{ "pixup-wishlist.wishlist-page.wishlist.batch.public"|trans }}">{% sw_icon "lock-open" style {"class":" pxModeIcon","size":"xs"} %}</span>`;
  366.             if(editable === true)
  367.             html += `<span data-toggle="tooltip" data-placement="top" title="{{ "pixup-wishlist.wishlist-page.wishlist.batch.editable"|trans }}">{% sw_icon "paper-pencil" style {"class":" pxModeIcon","size":"xs"} %}</span>`;
  368.             if(birthday === true)
  369.             html += `<span data-toggle="tooltip" data-placement="top" title="{{ "pixup-wishlist.wishlist-page.wishlist.batch.birthday"|trans }}">{% sw_icon "package-gift" style {"class":" pxModeIcon","size":"xs"} %}</span>`;
  370.             if(subscribed === true)
  371.             html += `<span data-toggle="tooltip" data-placement="top" title="{{ "pixup-wishlist.wishlist-page.wishlist.batch.subscribed"|trans }}">{% sw_icon "avatar" style {"class":" pxModeIcon","size":"xs"} %}</span>`;
  372.             html +="</span>";
  373.             return html;
  374.         }
  375.         {% if wishlistCanBePublic %}
  376.         function pixupWishlist_shareWishlist(wishlistId){
  377.             url = "{{ url("frontend.pixup.wishlist.ajax.get_wishlists", {
  378.                 'productId':'null',
  379.                 'wishlistId':'--wishlistId--'
  380.             }) }}";
  381.             url = url.replace(/--wishlistId--/,wishlistId);
  382.             pixupWishlist_ajaxCore(url,function(xhttp){
  383.                 data = JSON.parse(xhttp.responseText).data;
  384.                 WishlistIsPrivate = data.wishlists[0].private;
  385.                 body = document.getElementById("pixupWishlist_shareWishlist_body");
  386.                 btn = document.getElementById("pixupWishlist_share_btn");
  387.                 title = document.getElementById("share_wishlist_title");
  388.                 title.innerHTML = title.innerHTML.replace(/--namePlaceHolder--/,data.wishlists[0].name)
  389.                 if(WishlistIsPrivate) {
  390.                     body.value = "{{ "pixup-wishlist.wishlist-page.shareWishlist.privateError"|trans }}";
  391.                     body.style.backgroundColor = "darkred";
  392.                     body.style.color = "white";
  393.                     btn.style.display = "none";
  394.                 }else{
  395.                     body = document.getElementById("pixupWishlist_shareWishlist_body");
  396.                     loc = window.location;
  397.                     body.value = (loc.href.includes(data.wishlists[0].id))?window.location.href:
  398.                         loc.protocol+"//"+loc.host+"/"+"pixup/wishlist/"+data.wishlists[0].id;
  399.                     body.style.backgroundColor = "";
  400.                     body.style.color = "";
  401.                     btn.style.display = "block"
  402.                 }
  403.                 $('#pixupWishlist_shareWishlistModal').modal();
  404.             });
  405.         }
  406.         function pixupWishlist_copyWishlistLink(){
  407.             var copyText = document.getElementById("pixupWishlist_shareWishlist_body");
  408.             copyText.select();
  409.             copyText.setSelectionRange(0, 99999);
  410.             document.execCommand('copy');
  411.         }
  412.         {% endif %}
  413.         function addLoadingCircle(elem){
  414.             var circle = document.createElement("div");
  415.             circle.innerHTML = "<div class=\"spinner-grow text-primary\"style=\"width:4rem;height:4rem;\" role=\"status\">\n" +
  416.                 "  <span class=\"sr-only\">Loading...</span>\n" +
  417.                 "</div>";
  419.             var div = document.createElement("div");
  420.             div.style.backgroundColor = "rgba(0,0,0,.2)";
  421.             div.style.position = "absolute";
  422.             div.style.top = "0px";
  423.             div.style.right = "0px";
  424.             div.style.height = "100%";
  425.             div.style.width = "100%";
  426.             div.style.display = "flex";
  427.             div.style.alignItems = "center";
  428.             div.style.justifyContent = "center";
  429.             div.appendChild(circle);
  431.             elem.style.position = "relative";
  432.             elem.appendChild(div);
  433.             return div;
  434.         }
  435.     </script>
  437.     <!-- product-prev-box scripts -->
  438.     <script>
  439.         function pixupWishlist_changeVariant(wishedGroupId,className,parentId,currentProduct,index,productContainerId = null){
  440.             url = "{{ url('frontend.pixup.wishlist.ajax.get_product_variant', {'parentId': '--parentId--','options':'--options--','wishedGroupId':'--wishedGroupId--'})  }}";
  441.             elements = document.getElementsByClassName(className);
  442.             options = {};
  443.             for(i=0;i<elements.length;i++){
  444.                 if(elements[i].checked) {
  445.                     groupId = elements[i].name;
  446.                     optionId = elements[i].value;
  447.                     options[groupId] = optionId;
  448.                 }
  449.             }
  450.             options = JSON.stringify(options);
  451.             url = url.replace(/--parentId--/,escape(parentId)).replace(/--options--/,escape(options)).replace(/--wishedGroupId--/,escape(wishedGroupId));
  453.             pixupWishlist_ajaxCore(url,function(xhttp,currentProduct,index,productContainerId){
  454.                 data = JSON.parse(xhttp.responseText).data;
  455.                 circle = addLoadingCircle(document.getElementById(productContainerId));
  456.                 if(data.success === true){
  457.                     //replace variantProductId with current product
  458.                     variantProductId = data.response.id;
  459.                     wishlistId =  document.getElementById(productContainerId).dataset.wishlistId;
  461.                     url = "{{ url('frontend.pixup.wishlist.ajax.replace_from_wishlist', {'oldId':'--oldId--','newId':'--newId--','wishListId':'--wishlistid--'}) }}";
  462.                     url = url.replace(/--oldId--/,currentProduct).replace(/--newId--/,variantProductId).replace(/--wishlistid--/,wishlistId);
  463.                     pixupWishlist_ajaxCore(url,function(xhttp){
  464.                         data = JSON.parse(xhttp.responseText);
  465.                         if(data.data.success === true) {
  466.                             //replace current productBox with new productId
  467.                             url = "{{ url('frontend.pixup.wishlist.product_box', {'productId': '--productId--','index':'--index--','wishlistId':"--wishlistId--"}) }}";
  468.                             url = url.replace(/--productId--/, variantProductId).replace(/--index--/, index).replace(/--wishlistId--/,wishlistId);
  469.                             pixupWishlist_ajaxCore(url, function(xhttp,productContainerId,newProductId){
  470.                                 document.getElementById(productContainerId).innerHTML = xhttp.responseText;
  471.                                 document.getElementById(productContainerId).dataset.productId = newProductId;
  472.                             },[productContainerId,variantProductId]);
  473.                         }else{
  474.                             //output error and remove loading circle
  475.                             displayMessage(data.error.codes[0].label,false,4000);
  476.                             document.getElementById(productContainerId).removeChild(circle);
  477.                             return false;
  478.                         }
  479.                     });
  480.                 }
  481.             },[currentProduct,index,productContainerId]);
  482.         }
  485.         function pixupWishlist_moveProduct(productId,checkboxElem,removeElem,currentWishlistId){
  487.             isOnWishlist = (checkboxElem.dataset.isOnWishlist!=='false');
  488.             checked = checkboxElem.checked;
  489.             if((isOnWishlist === true && checked === true) ||
  490.                 (isOnWishlist === false && checked === false))
  491.                 return true;
  492.             remove = (isOnWishlist == true && checked == false)?true:false;
  493.             if(remove === 'true' || remove === true)
  494.                 baseUrl = "{{ url('frontend.pixup.wishlist.ajax.remove_product', {'productId': '--product-id--','wishlistId': '--wishListId--'})  }}";
  495.             else
  496.                 baseUrl = "{{ url('frontend.pixup.wishlist.ajax.add_product', {'productId': '--product-id--','wishlistId': '--wishListId--'})  }}";
  497.             url = baseUrl.replace(/--product-id--/,escape(productId)).replace(/--wishListId--/,escape(checkboxElem.value));
  498.             pixupWishlist_ajaxCore(url,function(xhttp,remove,removeElem,wishlistId){
  499.                 data = JSON.parse(xhttp.responseText).data;
  500.                 if(data.success ===true){
  501.                     if(remove === 'true' || remove === true) {
  502.                         if(currentWishlistId == wishlistId) {
  503.                             element = document.getElementById(removeElem);
  504.                             element.parentNode.removeChild(element);
  505.                         }
  507.                         //substrect one from side menu
  508.                         element = document.getElementById("menu"+wishlistId+"-count");
  509.                         element.innerHTML = (parseInt(element.innerHTML,0)-1).toString();
  510.                     }else{
  511.                         //add one from side menu
  512.                         element = document.getElementById("menu"+wishlistId+"-count");
  513.                         element.innerHTML = (parseInt(element.innerHTML,0)+1).toString();
  514.                     }
  515.                     if(wishlistId == -1) {// means that a wishlist is created
  516.                         //get infor about new created wishlist
  517.                         url = "{{ url("frontend.pixup.wishlist.ajax.get_wishlists", {
  518.                             'productId':'null',
  519.                             'wishlistId':'--wishlistId--'
  520.                         }) }}";
  521.                         url = url.replace(/--wishlistId--/,data.wishlistId);
  522.                         pixupWishlist_ajaxCore(url,function(xhttp){
  523.                             data = JSON.parse(xhttp.responseText).data.wishlists[0];
  524.                             pixupWIshlist_createMenuEntry(data.id,data.name,data.private,data.editable,data.birthday);
  525.                         });
  526.                     }
  527.                 }
  528.             },[remove,removeElem,checkboxElem.value]);
  529.         }
  531.         function pixupWishlist_moveProductInit(url,productId,removeElem,currentWishlistId){
  532.             pixupWishlist_ajaxCore(url,function(xhttp,productId,removeElem,currentWishlistId){
  534.                 var safeBtn = document.getElementById('pixupWishlist_save');
  535.                 var select = document.getElementById("pixupWishlist_chooseWishlistModal_body_select");
  536.                 var data = JSON.parse(xhttp.responseText).data.wishlists;
  538.                 //clear old event Listener ( so only one function can listen on it )
  539.                 safeBtnClone = safeBtn.cloneNode(true);
  540.                 //set listener
  541.                 safeBtnClone.addEventListener("click", function(){
  542.                     //get all selected checkboxes and send the value to the changeState function
  543.                     var all_checkboxes = document.querySelectorAll('input[name="pixupWishlistCheckBoxWishlistSelector[]"]');
  544.                     for(var x = 0, l = all_checkboxes.length; x < l;  x++)
  545.                     {
  546.                         pixupWishlist_moveProduct(
  547.                             productId,
  548.                             all_checkboxes[x],
  549.                             removeElem,
  550.                             currentWishlistId
  551.                         );
  552.                     }
  553.                     $('#pixupWishlist_chooseWishlistModal').modal('hide')
  554.                 });
  555.                 safeBtn.parentNode.replaceChild(safeBtnClone, safeBtn);
  557.                 //delete options
  558.                 select.innerHTML = "";
  560.                 //create a checkbox for every recieved wishlist ( subscribed wishlists excluded )
  561.                 ownWishlistAdded = false;
  562.                 for(i=0;i<data.length;i++){
  563.                     if(data[i].subscribed === true)
  564.                         continue;
  565.                     ownWishlistAdded = true;
  566.                     select.appendChild(createCheckbox(data[i],productId));
  567.                 }
  568.                 //if no wishlist exsist
  569.                 if(ownWishlistAdded === false){
  570.                     // if the id is -1 it will create a new wishlist
  571.                     customData = {name:"{{ "pixup-wishlist.product-detail.modal.createNewWishlist"|trans }}",id:-1,products:{product:-1}};
  572.                     select.appendChild(createCheckbox(customData,2));
  573.                 }
  574.                 //add checkboxes for subcribed wishlists
  575.                 match = 0;
  576.                 for(i=0;i<data.length;i++){
  577.                     if(data[i].subscribed === false)
  578.                         continue;
  579.                     if(data[i].editable !== true)
  580.                         continue;
  581.                     match++;
  582.                     if(match === 1) {
  583.                         var hr = document.createElement("hr");
  584.                         var div = document.createElement("div");
  585.                         div.classList = "center PixupCechBoxGroupTitle";
  586.                         div.innerHTML = "{{ "pixup-wishlist.product-detail.modal.subscribedWishlists"|trans }}";
  587.                         select.appendChild(hr);
  588.                         select.appendChild(div);
  589.                     }
  590.                     select.appendChild(createCheckbox(data[i],productId,"PixupCheckBoxRow2"));
  591.                 }
  593.                 $('#pixupWishlist_chooseWishlistModal').modal()
  594.             },[productId,removeElem,currentWishlistId])
  595.         }
  596.         function createCheckbox(data,productId, className = "") {
  597.             var div = document.createElement("div");
  598.             div.className = "custom-control custom-checkbox PixupCheckBoxRow "+className;
  599.             var input = document.createElement("input");
  600.             input.type = "checkbox";
  601.             input.className = "custom-control-input";
  602.             input.id = "pixupWishlist" + i;
  603.             input.name = "pixupWishlistCheckBoxWishlistSelector[]";
  604.             input.value = data.id;
  606.             isOnWishlist = false;
  607.             products = Object.values(data.products);
  608.             for(let x = 0; products.length > x;x++){
  609.                 if(products[x] === productId) {
  610.                     isOnWishlist = true;
  611.                     break;
  612.                 }
  613.             }
  614.             input.dataset.isOnWishlist = isOnWishlist;
  615.             if (isOnWishlist)
  616.                 input.checked = true;
  617.             var label = document.createElement("label");
  618.             label.className = "custom-control-label";
  619.             label.htmlFor = "pixupWishlist" + i;
  620.             label.innerHTML = data.name;
  621.             div.appendChild(input);
  622.             div.appendChild(label);
  623.             return div
  624.         }
  625.     </script>
  626.     <!-- product-configurator scripts -->
  627.     <script>
  628.         var activeSelectTimeout = null;
  629.         var activeOptionContainer = null;
  630.         var activeOptionSelect = null;
  631.         var activeIcon = null;
  633.         function pixupShowSelect(optionSelectId, optionContainerId, iconId){
  634.             optionSelect = document.getElementById(optionSelectId);
  635.             optionContainer = document.getElementById(optionContainerId);
  636.             icon = document.getElementById(iconId);
  638.             if(activeOptionContainer !== null)
  639.                 pixupCloseSelectByReference(activeOptionContainer,activeOptionSelect,activeIcon);
  641.             activeOptionContainer = optionContainer;
  642.             activeOptionSelect = optionSelect;
  643.             activeIcon = icon;
  645.             optionContainer.style.overflow = "visible";
  646.             icon.firstElementChild.style.transform ="rotate(180deg)";
  647.             icon.style.zIndex = 2001;
  648.             optionSelect.style.zIndex = 2000;
  649.             optionSelect.style.backgroundColor = "#f6f6f6";
  650.             optionSelect.classList.add("optionSelectLayerActive");
  651.         }
  652.         function pixupCloseSelectByReference(optionContainer,optionSelect,icon){
  653.             console.log("clear");
  654.             optionContainer.style.overflow = "hidden";
  655.             icon.firstElementChild.style.transform = "rotate(0deg)";
  656.             icon.style.zIndex = null;
  657.             optionSelect.style.zIndex = null;
  658.             optionSelect.style.backgroundColor = null;
  659.             optionSelect.classList.remove("optionSelectLayerActive");
  660.             activeOptionContainer = null;
  661.             activeOptionSelect = null;
  662.             activeIcon = null;
  663.             if(activeSelectTimeout !== null)
  664.                 clearTimeout(activeSelectTimeout);
  666.         }
  667.         function pixupCloseSelect(optionSelectId, optionContainerId, iconId){
  668.             optionSelect = document.getElementById(optionSelectId);
  669.             optionContainer = document.getElementById(optionContainerId);
  670.             icon = document.getElementById(iconId);
  672.             activeSelectTimeout = setTimeout(function(){
  673.                 pixupCloseSelectByReference(optionContainer,optionSelect,icon);
  674.             },200);
  675.         }
  676.     </script>
  677.     <script>
  678.         window.onload = function() {
  679.             PluginManager.initializePlugins();
  680.         }
  681.     </script>
  683.     <!-- Modal -->
  684.     <!--Create-->
  685.     {% block pixup_wishlist_page_modal_create %}
  686.         <div class="modal fade" id="pixupWishlist_createWishlistModal" tabindex="-1" role="dialog" aria-labelledby="{{  "pixup-wishlist.wishlist-page.createModal.title"|trans }}" aria-hidden="true">
  687.             <div class="modal-dialog" role="document">
  688.                 <div class="modal-content">
  689.                     <div class="modal-header">
  690.                         <h5 class="modal-title" id="pixupWishlist_title">{{  "pixup-wishlist.wishlist-page.createModal.title"|trans }}</h5>
  691.                         <br>
  692.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  693.                             <span aria-hidden="true">&times;</span>
  694.                         </button>
  695.                     </div>
  696.                     <div class="modal-body">
  697.                         <div id="pixupWishlist_chooseWishlistModal_body">
  698.                             <div class="form-group row">
  699.                                 <label for="wishlistName" class="col-sm-2 col-form-label">{{  "pixup-wishlist.wishlist-page.createModal.form.name"|trans }}</label>
  700.                                 <div class="col-sm-10">
  701.                                     <input class="form-control" id="wishlistName" placeholder="{{  "pixup-wishlist.wishlist-page.createModal.form.placeholder.name"|trans }}">
  702.                                 </div>
  703.                             </div>
  704.                             {% if wishlistCanBePublic %}
  705.                             <div class="form-group row">
  706.                                 <label for="wishlistPassword" class="col-sm-2 col-form-label">{{  "pixup-wishlist.wishlist-page.createModal.form.password"|trans }}</label>
  707.                                 <div class="col-sm-10">
  708.                                     <input type="password" class="form-control" id="wishlistPassword" placeholder="{{  "pixup-wishlist.wishlist-page.createModal.form.placeholder.password"|trans }}">
  709.                                 </div>
  710.                             </div>
  711.                             <div class="form-group row">
  712.                                 <div class="custom-control custom-checkbox" style="margin-left:1.5em;" data-toggle="tooltip" data-placement="bottom"
  713.                                      title="{{  "pixup-wishlist.wishlist-page.createModal.form.privateDescription"|trans }}">
  714.                                     <input type="checkbox" class="custom-control-input" name="wishlistPrivate" id="wishlistPrivate" checked>
  715.                                     <label for="wishlistPrivate" class="custom-control-label">{{  "pixup-wishlist.wishlist-page.createModal.form.private"|trans }}</label>
  716.                                     {% sw_icon "lock-open" style {"class":" pxModeIcon","size":"xs"} %}
  717.                                 </div>
  718.                                 <div class="custom-control custom-checkbox" style="margin-left:1.5em;" data-toggle="tooltip" data-placement="bottom"
  719.                                      title="{{  "pixup-wishlist.wishlist-page.createModal.form.editableDescription"|trans }}">
  720.                                     <input type="checkbox" class="custom-control-input" id="wishlistEditable">
  721.                                     <label for="wishlistEditable" class="custom-control-label">{{  "pixup-wishlist.wishlist-page.createModal.form.editable"|trans }}</label>
  722.                                     {% sw_icon "paper-pencil" style {"class":" pxModeIcon","size":"xs"} %}
  723.                                 </div>
  724.                                 {% if wishlistBirthday %}
  725.                                 <div class="custom-control custom-checkbox" style="margin-left:1.5em;" data-toggle="tooltip" data-placement="bottom"
  726.                                      title="{{  "pixup-wishlist.wishlist-page.createModal.form.birthdayDescription"|trans }}">
  727.                                     <input type="checkbox" class="custom-control-input" id="wishlistBirthday">
  728.                                     <label for="wishlistBirthday" class="custom-control-label">{{  "pixup-wishlist.wishlist-page.createModal.form.birthday"|trans }}</label>
  729.                                     {% sw_icon "package-gift" style {"class":" pxModeIcon","size":"xs"} %}
  730.                                 </div>
  731.                                 {% endif %}
  732.                             </div>
  733.                             {% endif %}
  734.                         </div>
  735.                     </div>
  736.                     <div class="modal-footer">
  737.                         <button type="button" class="btn btn-secondary" data-dismiss="modal">{{  "pixup-wishlist.wishlist-page.createModal.close"|trans }}</button>
  738.                         <button onclick="pixupWishlist_createWishlistInit(
  739.                             '{{ url("frontend.pixup.wishlist.ajax.create_wishlist", {
  740.                             'name': "--name--",
  741.                             'products':'--products--',
  742.                             'private':'--private--',
  743.                             'editable':'--editable--',
  744.                             'birthday':'--birthday--',
  745.                             'password':'--password--',
  746.                             'wishListId':'--wishlistId--'
  747.                         })  }}',
  748.                             )" type="button" class="btn btn-primary">{{  "pixup-wishlist.wishlist-page.createModal.save"|trans }}</button>
  749.                     </div>
  750.                 </div>
  751.             </div>
  752.         </div>
  753.     {% endblock %}
  754.     <!--edit-->
  755.     {% block pixup_wishlist_page_modal_edit %}
  756.         <div class="modal fade" id="pixupWishlist_editWishlistModal" data-wishlist-id="" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
  757.             <div class="modal-dialog" role="document">
  758.                 <div class="modal-content">
  759.                     <div class="modal-header">
  760.                         <h5 class="modal-title" id="pixupWishlist_edit_title">{{  "pixup-wishlist.wishlist-page.editWishlist.title"|trans({"%name%":"--namePlaceHolder--"}) }}</h5>
  761.                         <br>
  762.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  763.                             <span aria-hidden="true">&times;</span>
  764.                         </button>
  765.                     </div>
  766.                     <div class="modal-body">
  767.                         <div id="pixupWishlist_edit_chooseWishlistModal_body_select">
  768.                             <div class="form-group row">
  769.                                 <label for="wishlist_edit_Name" class="col-sm-2 col-form-label">{{  "pixup-wishlist.wishlist-page.editWishlist.form.name"|trans }}</label>
  770.                                 <div class="col-sm-10">
  771.                                     <input class="form-control" id="wishlist_edit_Name" placeholder="{{  "pixup-wishlist.wishlist-page.editWishlist.form.placeholder.name"|trans }}">
  772.                                 </div>
  773.                             </div>
  774.                             {% if wishlistCanBePublic %}
  775.                             <div class="form-group row">
  776.                                 <label for="wishlist_edit_Password" class="col-sm-2 col-form-label">{{  "pixup-wishlist.wishlist-page.editWishlist.form.password"|trans }}</label>
  777.                                 <div class="col-sm-10">
  778.                                     <input type="password" class="form-control" id="wishlist_edit_Password" placeholder="{{  "pixup-wishlist.wishlist-page.editWishlist.form.placeholder.password"|trans }}">
  779.                                 </div>
  780.                             </div>
  781.                             <div class="form-group row">
  782.                                 <div class="custom-control custom-checkbox" style="margin-left:1.5em;" data-toggle="tooltip" data-placement="bottom"
  783.                                      title="{{  "pixup-wishlist.wishlist-page.editWishlist.form.privateDescription"|trans }}">
  784.                                     <input type="checkbox" class="custom-control-input" name="wishlistPrivate" id="wishlist_edit_Public" checked>
  785.                                     <label for="wishlist_edit_Public" class="custom-control-label">{{  "pixup-wishlist.wishlist-page.editWishlist.form.private"|trans }}</label>
  786.                                     {% sw_icon "lock-open" style {"class":" pxModeIcon","size":"xs"} %}
  787.                                 </div>
  789.                                 <div class="custom-control custom-checkbox" style="margin-left:1.5em;" data-toggle="tooltip" data-placement="bottom"
  790.                                      title="{{  "pixup-wishlist.wishlist-page.editWishlist.form.editableDescription"|trans }}">
  791.                                     <input type="checkbox" class="custom-control-input" id="wishlist_edit_Editable">
  792.                                     <label for="wishlist_edit_Editable" class="custom-control-label">{{  "pixup-wishlist.wishlist-page.editWishlist.form.editable"|trans }}</label>
  793.                                     {% sw_icon "paper-pencil" style {"class":" pxModeIcon","size":"xs"} %}
  794.                                 </div>
  795.                                 {% if wishlistBirthday %}
  796.                                 <div class="custom-control custom-checkbox" style="margin-left:1.5em;" data-toggle="tooltip" data-placement="bottom"
  797.                                      title="{{  "pixup-wishlist.wishlist-page.editWishlist.form.birthdayDescription"|trans }}">
  798.                                     <input type="checkbox" class="custom-control-input" id="wishlist_edit_Birthday">
  799.                                     <label for="wishlist_edit_Birthday" class="custom-control-label">{{  "pixup-wishlist.wishlist-page.editWishlist.form.birthday"|trans }}</label>
  800.                                     {% sw_icon "package-gift" style {"class":" pxModeIcon","size":"xs"} %}
  801.                                 </div>
  802.                                 {% endif %}
  803.                             </div>
  804.                             {% endif %}
  805.                         </div>
  806.                     </div>
  807.                     <div class="modal-footer">
  808.                         <button type="button" class="btn btn-secondary" data-dismiss="modal">{{  "pixup-wishlist.wishlist-page.editWishlist.close"|trans }}</button>
  809.                         <button onclick="pixupWishlist_editeWishlistInit(
  810.                             '{{ url("frontend.pixup.wishlist.ajax.edit_wishlist", {
  811.                             'name': "--name--",
  812.                             'wishListId':'--wishlistId--',
  813.                             'private':'--private--',
  814.                             'editable':'--editable--',
  815.                             'birthday':'--birthday--',
  816.                             'password':'--password--'
  817.                         })  }}',
  818.                             )" type="button" class="btn btn-primary">{{  "pixup-wishlist.wishlist-page.editWishlist.save"|trans }}</button>
  819.                     </div>
  820.                 </div>
  821.             </div>
  822.         </div>
  823.     {% endblock %}
  824.     {% block pixup_wishlist_page_modal_share %}
  825.         {% if wishlistCanBePublic %}
  826.         <!--share wishlist-->
  827.         <div class="modal fade" id="pixupWishlist_shareWishlistModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  828.             <div class="modal-dialog" role="document">
  829.                 <div class="modal-content">
  830.                     <div class="modal-header">
  831.                         <h5 class="modal-title" id="share_wishlist_title">{{  "pixup-wishlist.wishlist-page.shareWishlist.title"|trans({"%name%":"--namePlaceHolder--"}) }}</h5>
  832.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  833.                             <span aria-hidden="true">&times;</span>
  834.                         </button>
  835.                     </div>
  836.                     <div class="modal-body">
  837.                         <div class="modal-title">{{  "pixup-wishlist.wishlist-page.shareWishlist.description"|trans }}</div>
  839.                         <input class="form-control" type="text" id="pixupWishlist_shareWishlist_body" readonly>
  840.                     </div>
  841.                     <div class="modal-footer">
  842.                         <button type="button" class="btn btn-secondary" data-dismiss="modal">{{  "pixup-wishlist.wishlist-page.shareWishlist.close"|trans }}</button>
  843.                         <button id="pixupWishlist_share_btn" type="button" class="btn btn-primary"
  844.                         onclick="pixupWishlist_copyWishlistLink()">{{  "pixup-wishlist.wishlist-page.shareWishlist.copy"|trans }}</button>
  845.                     </div>
  846.                 </div>
  847.             </div>
  848.         </div>
  849.         {% endif %}
  850.     {% endblock %}
  851.     <!--delete wishlist-->
  852.     {% block pixup_wishlist_page_modal_delete %}
  853.         <div class="modal fade" id="pixupWishlist_deleteWishlistModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  854.             <div class="modal-dialog" role="document">
  855.                 <div class="modal-content">
  856.                     <div class="modal-header">
  857.                         <h5 class="modal-title" id="delete_wishlist_title">{{  "pixup-wishlist.wishlist-page.deleteWishlist.title"|trans({"%name%":"--namePlaceHolder--"}) }}</h5>
  858.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  859.                             <span aria-hidden="true">&times;</span>
  860.                         </button>
  861.                     </div>
  862.                     <div class="modal-body">
  863.                         <div class="modal-title">{{  "pixup-wishlist.wishlist-page.deleteWishlist.description"|trans }}</div>
  864.                     </div>
  865.                     <div class="modal-footer">
  866.                         <button type="button" class="btn btn-secondary" data-dismiss="modal">{{  "pixup-wishlist.wishlist-page.deleteWishlist.close"|trans }}</button>
  867.                         <button id="pixupWishlist_delete_btn" type="button" class="btn btn-primary"
  868.                                 onclick="pixupWishlist_removeWishlistInit(
  869.                                     '{{ url('frontend.pixup.wishlist.ajax.delete_wishlist', {'wishlistId': "--wishlistId--"})  }}',
  870.                                     document.getElementById('wishlistPageTitle').dataset.wishlistId
  871.                                     )">
  872.                             {{  "pixup-wishlist.wishlist-page.deleteWishlist.delete"|trans }}
  873.                         </button>
  874.                     </div>
  875.                 </div>
  876.             </div>
  877.         </div>
  878.     {% endblock %}
  880.     {% block pixup_wishlist_page_wrapp %}
  881.         <div class="pixupWishlistWrapp">
  882.             {% block pixup_wishlist_page_header %}
  883.             <div class="pixupWishlistHeader">
  884.                 {% set selectedWishlist = {} %}
  885.                 {% if wishlistId is not empty %}
  886.                     {% for wishlist in wishlists %}
  887.                         {% if wishlist.id == wishlistId %}
  888.                             {% set selectedWishlist = wishlist %}
  889.                         {% endif %}
  890.                     {% endfor %}
  891.                 {% endif %}
  892.                 {% if selectedWishlist is empty %}
  893.                     {% set selectedWishlist = wishlists[0] %}
  894.                 {% endif %}
  895.                 <script>
  896.                     window.history.pushState({page: 1}, "wishlist", window.location.toString().replace(/\/pixup\/wishlist(\/.*)?/gi, '/pixup/wishlist/'+"{{selectedWishlist.id is not empty ? selectedWishlist.id : wishlists[0].id}}"));
  897.                 </script>
  898.                 <h1 class="wishListTitle text-primary" id="wishlistPageTitle"
  899.                       data-wishlist-id="{{selectedWishlist.id}}"
  900.                 >
  901.                     {#
  902.                     {% if publicWishlist is empty %}
  903.                         {{selectedWishlist.name}}
  904.                     {% else %}
  905.                         {{ publicWishlist[0].name }} - <span style="color:red;font-size:0.7em;">{{ "pixup-wishlist.wishlist-page.header.external"|trans }}</span>
  906.                     {% endif %}
  907.                     #}
  908.                     {% sw_icon 'px-heart' style{"namespace":"PixupWishlistSW6",'pack': 'pixup',"class":" PixupWishlistPageHeartIcon pxOutlinePrimarFat"} %} {{ "pixup-wishlist.wishlist-page.title"|trans }}
  909.                 </h1>
  910.             </div>
  911.             {% endblock %}
  912.             {% block pixup_wishlist_page_alert %}
  913.             <div role="alert"
  914.                  id="messageContainer"
  915.                  class="pixupWishlistErrorContainer"
  916.             >
  917.             </div>
  918.             {% if subscribedToWishlist == true %}
  919.                 {# message to display if user subscribed to new wishlist #}
  920.                 <script>
  921.                     displayMessage("{{ "pixup-wishlist.wishlist-page.success.subscribed"|trans }}",true,6000);
  922.                 </script>
  923.             {% endif %}
  924.             {% if message %}
  925.                 {% if message == 8 %}
  926.                     <script>
  927.                         displayMessage("{{ "pixup-wishlist.wishlist-page.errorCodes.8"|trans }}",false,4000);
  928.                     </script>
  929.                 {% endif %}
  930.             {% endif %}
  931.             {% endblock %}
  932.             {% block pixup_wishlist_page_container %}
  933.                 <div class="pixupWishlistContainer">
  934.                     <input type="checkbox" id="pixupWishlistMobileMenuBtn" style="display:none;" checked>
  935.                     <label for="pixupWishlistMobileMenuBtn" class="pixupWishlistMobileMenuBtn">
  936.                         {{ "pixup-wishlist.actions.name"|trans }}
  937.                         <span class="pixupWishlistMobileMenuBtnIcon">
  938.                             {% sw_icon 'arrow-head-down' style {"class":" pixupWishlistMobileMenuBtnIconColor" } %}
  939.                         </span>
  940.                     </label>
  941.                     {% if message != 8 %}
  942.                         {% block pixup_wishlist_page_wishlists %}
  943.                             <div class="pixupWishlistMenu" id="pixupWishlistMenu">
  944.                                 {% for wishlist in wishlists %}
  945.                                     {% block pixup_wishlist_page_wishlists_item %}
  946.                                         <div id="menu{{ wishlist.id }}" class="pixupWishlistMenuEntry {{ selectedWishlist.id == wishlist.id?"pixupWishlistMenuEntryActive":"" }}" data-wishlist-id="{{ wishlist.id }}" data-wishlist-label="{{ wishlist.name }}"
  947.                                         onclick="pixupWishlist_switchWishlist(this.dataset.wishlistId)">
  948.                                             <span><span id="menu{{ wishlist.id }}-name">{{ wishlist.name }}</span> (<span id="menu{{ wishlist.id }}-count">{{ wishlist.products|length }}</span>)</span>
  949.                                         </div>
  950.                                         <script>
  951.                                             document.getElementById("menu{{ wishlist.id }}").innerHTML += pixup_createBatchDivs({{wishlist.private?'true':'false' }},{{wishlist.editable?'true':'false' }},{{wishlist.birthday?'true':'false' }},{{wishlist.subscribed?'true':'false' }});
  952.                                         </script>
  953.                                     {% endblock %}
  954.                                 {% endfor %}
  955.                                 {% block pixup_wishlist_page_allowmultiple %}
  956.                                     {% if page.header.pixup.allowMultipleWishlists %}
  957.                                         <div class="pixupWishlistMenuEntry" onclick="$('#pixupWishlist_createWishlistModal').modal()">
  958.                                             <span>
  959.                                                 + {{ "pixup-wishlist.wishlist-page.header.addWishlist"|trans }}
  960.                                             </span>
  961.                                         </div>
  962.                                     {% endif %}
  963.                                 {% endblock %}
  964.                             </div>
  965.                         {% endblock %}
  967.                         {% block pixup_wishlist_page_details %}
  968.                             <div class="wishlistContentWrapper">
  969.                                 <div id="wishlist_header_actions" style="{% if publicWishlist is not empty or wishlists is empty %}display:none{% endif %}" class="pxWishlistIconSettings">
  970.                                     {% if wishlistCanBePublic %}
  971.                                         <span class="btn pxWishlistPageHeaderIcons"
  972.                                               onclick="pixupWishlist_shareWishlist(
  973.                                               document.getElementById('wishlistPageTitle').dataset.wishlistId
  974.                                               )"
  975.                                               title="{{ "pixup-wishlist.wishlist-page.header.shareWishlist"|trans }}">
  976.                                         {% sw_icon 'share' style {"class":" pxHeaderIcon"} %}
  977.                                         <span class="btn-description">{{ "pixup-wishlist.wishlist-page.header.shareWishlist"|trans }}</span>
  978.                                         </span>
  979.                                     {% endif %}
  980.                                     <span class="btn pxWishlistPageHeaderIcons"
  981.                                           onclick="pixupWishlist_editWishlistTrigger(
  982.                                               document.getElementById('wishlistPageTitle').dataset.wishlistId
  983.                                             )"
  984.                                           title="{{ "pixup-wishlist.wishlist-page.header.editWishlist"|trans }}">
  985.                                         {% sw_icon 'settings' style {"class":" pxHeaderIcon"} %}
  986.                                         <span class="btn-description">{{ "pixup-wishlist.wishlist-page.header.editWishlist"|trans }}</span>
  987.                                     </span>
  988.                                     {% if wishlistCanBePrinted %}
  989.                                         <span class="btn pxWishlistPageHeaderIcons"
  990.                                               onclick="printCurrentWishlist(
  991.                                               document.getElementById('wishlistPageTitle').dataset.wishlistId
  992.                                             )"
  993.                                               title="{{ "pixup-wishlist.wishlist-page.header.printWishlist"|trans }}">
  994.                                         {% sw_icon 'printer' style {"class":" pxHeaderIcon"} %}
  995.                                         <span class="btn-description">{{ "pixup-wishlist.wishlist-page.header.printWishlist"|trans }}</span>
  996.                                     </span>
  997.                                     {% endif %}
  998.                                     <span class="btn pxWishlistPageHeaderIcons"
  999.                                           onclick="pixupWishlist_removeWishlistModal(document.getElementById('menu'+document.getElementById('wishlistPageTitle').dataset.wishlistId+'-name').innerHTML)"
  1000.                                           title="{{ "pixup-wishlist.wishlist-page.header.removeWishlist"|trans }}">
  1001.                                         {% sw_icon 'trash' style {"class":" pxHeaderIcon"} %}
  1002.                                         <span class="btn-description">{{ "pixup-wishlist.wishlist-page.header.removeWishlist"|trans }}</span>
  1003.                                     </span>
  1004.                                 </div>
  1005.                                 {% block pixup_wishlist_page_details_content %}
  1006.                                     <div class="pixupWishlistContent" id="pixupWishlistContent">
  1007.                                         {% for wishlist in wishlists%}
  1008.                                         {% if (selectedWishlist.id is not empty ? selectedWishlist.id : wishlists[0].id) == wishlist.id %}
  1009.                                             {% set wishlists = [wishlist] %}
  1010.                                         {% endif %}
  1011.                                     {% endfor %}
  1012.                                         {% for wishlist in publicWishlist %}
  1013.                                             {# if a public wishlist is selected #}
  1014.                                             {% set wishlists = [wishlist] %}
  1015.                                         {% endfor %}
  1016.                                         {% if fullAjaxMode is not true %}
  1017.                                             {% sw_include '@Storefront/wishlist/box/product-collection-view.html.twig' with {
  1018.                                                 wishlists: wishlists
  1019.                                             } only %}
  1020.                                         {% endif %}
  1021.                                     </div>
  1022.                                 {% endblock %}
  1023.                             </div>
  1024.                         {% endblock %}
  1025.                     {% else %}
  1026.                         {% block pixup_wishlist_page_error %}
  1027.                             <div style="width:100%; text-align:center; font-size: 2em;">{{ "pixup-wishlist.wishlist-page.errorCodes.8"|trans }}</div>
  1028.                         {% endblock %}
  1029.                     {% endif %}
  1030.                 </div>
  1031.             {% endblock %}
  1032.         </div>
  1033.     {% endblock %}
  1035.     {% block pixup_wishlist_page_fullajax %}
  1036.     <script>
  1037.         {% if fullAjaxMode %}
  1038.         pixupWishlist_switchWishlist('{{ wishlistId }}')
  1039.         {% endif %}
  1040.     </script>
  1041.     {% endblock %}
  1042. {% endblock %}