wickes-css2 2.102.0-lg-788-improve-mini-basket.7 → 2.103.0-0.5.0-icons.2

package/src/components/mini-basket/mini-basket-order-item.hbs

@@ -1,73 +0,0 @@
-<div class="card product-card-preview" data-id="{{item.entryNumber}}">
-  <div
-    class="products__item card__inner"
-    data-name="{{item.product.name}}"
-    data-id="{{item.product.code}}"
-    data-price="{{item.product.price.formattedPriceWithoutCurrencySymbol}}"
-    data-brand="{{item.product.brandName}}"
-    data-category="{{removeFirst item.product.categoryPath 'Products/'}}"
-    data-position="{{item.entryNumber}}"
-    data-quantity="{{item.quantity}}"
-  >
-    <a href="{{item.product.url}}" class="card__img-wrap card__img-wrap_link products__image">
-      <img
-        class="product-img"
-        src="{{item.product.image.url}}"
-        alt="{{item.product.image.altText}}">
-    </a>
-    <div class="products__details product-card__content">
-      <div class="products__details-header">
-        <a href="{{item.product.url}}" class="title product-card__title product-card__title_link">
-          {{item.product.name}}
-        </a>
-        <button class="btn btn--remove {{#unless item.updateable}}d-none{{/unless}}" data-action="remove">
-          <i class="fas fa-trash remove-icon"></i>
-        </button>
-      </div>
-      <div class="products__details-body">
-        {{#if item.deliveryPointOfService.name}}
-          <p class="item">Click &amp; Collect: <span class="value">{{item.deliveryPointOfService.description}}</span></p>
-        {{else}}
-          <p class="item">Added for delivery</p>
-        {{/if}}
-      </div>
-
-      {{{promotionsHtml}}}
-
-      <div class="products__details-footer">
-        <div class="products__quantity-control">
-          <button class="btn btn--quantity" data-action="minus"
-            {{#unless item.updateable}}disabled{{/unless}} {{#if (eq item.quantity 1)}}disabled{{/if}}>
-            <i class="fal fa-minus quantity-cta-icon"></i>
-          </button>
-          <div class="quantity product-card__quantity-label">
-            <span class="value product-card__quantity-value" value="{{item.quantity}}">{{item.quantity}}</span>
-          </div>
-          <button class="btn btn--quantity" data-action="plus" {{#unless item.updateable}}disabled{{/unless}}>
-            <i class="fal fa-plus quantity-cta-icon"></i>
-          </button>
-        </div>
-        {{#if (eq item.basePrice.value 0)}}
-          <span class="order-item__value product-card__price-value">FREE</span>
-        {{else}}
-          {{#if (isToggleVatAvailable)}}
-            <div class="price including-vat-inherit">
-              <span class="product-card__price-value">
-                <span class="order-item__value">{{item.basePrice.formattedValue}}</span>
-                <span class="inc">Inc.VAT</span>
-              </span>
-            </div>
-            <div class="price excluding-vat-inherit">
-              <span class="product-card__price-value">
-                <span class="order-item__value">{{item.basePriceExcVat.formattedValue}}</span>
-                <span class="inc">Exc.VAT</span>
-              </span>
-            </div>
-          {{else}}
-            <span class="price product-card__price-value">{{item.basePrice.formattedValue}}</span>
-          {{/if}}
-        {{/if}}
-      </div>
-    </div>
-  </div>
-</div>

package/src/js/components/banner-placement-manager.js

@@ -1,258 +0,0 @@
-var Wick = Wick || {};
-Wick.BannerPlacementManager = {
-  SPONSOR_BANNERS_DISPLAYED_EVENT: 'sponsorAdsDisplayedEvent',
-  el: {
-    banners: '.card-product-banner',
-    sponsorBanners: '.card-sponsor-banner',
-    sponsorProducts: '.card-sponsor-product',
-    allBanners: '.card-product-banner, .card-sponsor-banner, .card-sponsor-product',
-    productCard: '.product-card',
-    allListSlots: '.product-card, .card-product-banner, .card-sponsor-banner, .card-sponsor-product',
-    productsWrap: '.products-list-v2',
-    $products: $('.product-card'),
-    attrPositionDesktop: 'data-desktop-position',
-    attrPositionMobile: 'data-mobile-position',
-    attrRequiredAmountDesktop: 'data-required-amount-desktop',
-    attrRequiredAmountMobile: 'data-required-amount-mobile',
-    hide: 'd-none',
-    sponsoredAdvBanners: '.sponsored-ad'
-  },
-  classes: {
-    sponsorBanners: 'card-sponsor-banner',
-    sponsorProducts: 'card-sponsor-product',
-    productBanners: 'card-product-banner',
-    bannerInactiveClass: 'card-product-banner--inactive'
-  },
-  isEventSent: false,
-  currentBreakpoint: null,
-  checkProductsInColumn() {
-    Wick.BannerPlacementManager.addInactiveClasses();
-    Wick.BannerPlacementManager.arrangeBannersInRightOrder();
-    const $allBanners = $(Wick.BannerPlacementManager.el.allBanners);
-    const totalProducts = Wick.BannerPlacementManager.getListLength();
-    const totalSlots = totalProducts + $allBanners.length;
-    $allBanners.each((index, banner) => {
-      const bannerPosition = Wick.BannerPlacementManager.getBannerPosition(banner);
-
-      if ($(banner).hasClass('card-product-banner')) {
-        if (bannerPosition > totalSlots) {
-          Wick.BannerPlacementManager.hideBanner(banner);
-          $(Wick.BannerPlacementManager.el.productsWrap).append(banner);
-          return;
-        }
-      }
-
-      if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners) || $(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)) {
-        if (bannerPosition > totalProducts) {
-          Wick.BannerPlacementManager.showBanner(banner);
-          Wick.BannerPlacementManager.removeInactiveClass(banner);
-          $(Wick.BannerPlacementManager.el.productsWrap).append(banner);
-          return;
-        }
-      }
-
-      Wick.BannerPlacementManager.hideBannerDueLimit(banner, index);
-      Wick.BannerPlacementManager.moveBannerToSpecifiedPosition(banner);
-    });
-  },
-  moveBannerToSpecifiedPosition(banner) {
-    const $listSlots = Wick.BannerPlacementManager.getListSlots();
-    const bannerPosition = Wick.BannerPlacementManager.getBannerPosition(banner) - 2;
-    const listSlotsLength = $listSlots.length;
-
-    if (Wick.BannerPlacementManager.isBannerVisible(banner)) {
-      if (bannerPosition <= listSlotsLength) {
-        if ($listSlots[bannerPosition]) {
-          Wick.BannerPlacementManager.showBanner(banner);
-          Wick.BannerPlacementManager.removeInactiveClass(banner);
-          Wick.BannerPlacementManager.moveBanner(banner, $listSlots[bannerPosition]);
-        } else {
-          Wick.BannerPlacementManager.hideBanner(banner);
-          Wick.BannerPlacementManager.coverEdgeCases(banner);
-        }
-      } else {
-        if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners) || $(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)) {
-          Wick.BannerPlacementManager.showBanner(banner);
-          Wick.BannerPlacementManager.removeInactiveClass(banner);
-          $(Wick.BannerPlacementManager.el.productsWrap).append(banner);
-        } else {
-          Wick.BannerPlacementManager.hideBanner(banner);
-        }
-      }
-    }
-  },
-  moveBanner(banner, targetElement) {
-    $(banner).remove();
-    $(targetElement).after(banner);
-  },
-  hideBanner(banner) {
-    $(banner).addClass(Wick.BannerPlacementManager.el.hide);
-  },
-  showBanner(banner) {
-    $(banner).removeClass(Wick.BannerPlacementManager.el.hide);
-  },
-  isBannerVisible(banner) {
-    return !$(banner).hasClass(Wick.BannerPlacementManager.el.hide);
-  },
-  hideBannerDueLimit(banner) {
-    const bannerMinLimit = Wick.BannerPlacementManager.getBannerLimit(banner) - 1;
-    const $listSlots = Wick.BannerPlacementManager.getListSlots();
-    const listProductsLength = $listSlots.length;
-    Wick.BannerPlacementManager.showBanner(banner);
-
-    if (bannerMinLimit > listProductsLength) {
-      Wick.BannerPlacementManager.hideBanner(banner);
-    }
-  },
-  getBannerPosition(banner) {
-    const isMobile = Wick.BannerPlacementManager.isMobileResolution();
-    const positionAttribute = isMobile
-      ?  Wick.BannerPlacementManager.el.attrPositionMobile
-      : Wick.BannerPlacementManager.el.attrPositionDesktop
-
-    return banner.hasAttribute(positionAttribute)
-      ? Number(banner.getAttribute(positionAttribute))
-      : Number(Wick.BannerPlacementManager.getListLength() + Wick.BannerPlacementManager.getBannersAmount());
-  },
-  getBannerLimit(banner) {
-    const isMobile = Wick.BannerPlacementManager.isMobileResolution();
-
-    const limitAttribute = isMobile
-      ? Wick.BannerPlacementManager.el.attrRequiredAmountMobile
-      : Wick.BannerPlacementManager.el.attrRequiredAmountDesktop;
-
-    return banner.hasAttribute(limitAttribute)
-      ? Number(banner.getAttribute(limitAttribute))
-      : 0;
-  },
-  isMobileResolution() {
-    return Wick.Responsive.getCurrentBreakpoint() !== 'up-lg';
-  },
-  getListLength() {
-    const $listItems = $(Wick.BannerPlacementManager.el.productsWrap).children(Wick.BannerPlacementManager.el.productCard);
-    return $listItems.length;
-  },
-  getBannersAmount() {
-    return $(Wick.BannerPlacementManager.el.allBanners).length;
-  },
-  getProductsAmount() {
-    return Wick.BannerPlacementManager.el.$products.length;
-  },
-  arrangeBannersInRightOrder() {
-    const $allBanners = $(Wick.BannerPlacementManager.el.allBanners);
-
-    const sponsorProducts = $allBanners.filter((i, el) =>
-      $(el).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)
-    );
-    const sponsorBanners = $allBanners.filter((i, el) =>
-      $(el).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners)
-    );
-
-    const firstSponsorProductPos = sponsorProducts.length > 0
-      ? Math.min(...sponsorProducts.map((i, el) => Wick.BannerPlacementManager.getBannerPosition(el)).get())
-      : Infinity;
-    const firstSponsorBannerPos = sponsorBanners.length > 0
-      ? Math.min(...sponsorBanners.map((i, el) => Wick.BannerPlacementManager.getBannerPosition(el)).get())
-      : Infinity;
-
-    let groupOrder;
-    if (firstSponsorProductPos < firstSponsorBannerPos) {
-      groupOrder = [
-        Wick.BannerPlacementManager.classes.sponsorProducts,
-        Wick.BannerPlacementManager.classes.sponsorBanners,
-        Wick.BannerPlacementManager.classes.productBanners
-      ];
-    } else {
-      groupOrder = [
-        Wick.BannerPlacementManager.classes.sponsorBanners,
-        Wick.BannerPlacementManager.classes.sponsorProducts,
-        Wick.BannerPlacementManager.classes.productBanners
-      ];
-    }
-
-    $allBanners.sort((a, b) => {
-      function getGroupIndex(el) {
-        if ($(el).hasClass(groupOrder[0])) return 0;
-        if ($(el).hasClass(groupOrder[1])) return 1;
-        if ($(el).hasClass(groupOrder[2])) return 2;
-        return 3;
-      }
-
-      const groupA = getGroupIndex(a);
-      const groupB = getGroupIndex(b);
-
-      if (groupA !== groupB) {
-        return groupA - groupB;
-      }
-
-      const positionA = Wick.BannerPlacementManager.getBannerPosition(a);
-      const positionB = Wick.BannerPlacementManager.getBannerPosition(b);
-
-      return positionA - positionB;
-    }).appendTo(Wick.BannerPlacementManager.el.productsWrap);
-  },
-  addInactiveClasses() {
-    $(Wick.BannerPlacementManager.el.allBanners).addClass(Wick.BannerPlacementManager.el.hide);
-  },
-  removeInactiveClass(banner) {
-    $(banner).removeClass(Wick.BannerPlacementManager.classes.bannerInactiveClass)
-  },
-  insertFirstBanner(banner) {
-    const bannerPosition = Wick.BannerPlacementManager.getBannerPosition(banner);
-
-    if (bannerPosition === 1) {
-      Wick.BannerPlacementManager.showBanner(banner);
-      Wick.BannerPlacementManager.removeInactiveClass(banner);
-      $(banner).remove();
-      $(Wick.BannerPlacementManager.el.productsWrap).prepend(banner);
-    }
-  },
-  coverEdgeCases(banner) {
-    Wick.BannerPlacementManager.insertFirstBanner(banner);
-  },
-  getListSlots() {
-    return $(Wick.BannerPlacementManager.el.productsWrap)
-      .children(Wick.BannerPlacementManager.el.allListSlots);
-  },
-  getBannerPriority(banner) {
-    if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)) {
-      return 1;
-    }
-    if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners)) {
-      return 2;
-    }
-    return 3;
-  },
-  dispatchSponsorAdsDisplayedEvent() {
-    return new Promise((resolve, reject) => {
-      const eventDetail = { resolve, reject };
-      const sponsorAdsEvent = createEvent(Wick.BannerPlacementManager.SPONSOR_BANNERS_DISPLAYED_EVENT, { displayed: true }, eventDetail);
-      window.dispatchEvent(sponsorAdsEvent);
-    });
-  },
-  init() {
-    Wick.Responsive.onResize(function () {
-      if(Wick.BannerPlacementManager.currentBreakpoint !== Wick.Responsive.getCurrentBreakpoint()) {
-        Wick.BannerPlacementManager.currentBreakpoint = Wick.Responsive.getCurrentBreakpoint()
-        Wick.BannerPlacementManager.checkProductsInColumn();
-
-        if (
-          !Wick.BannerPlacementManager.isEventSent && $(Wick.BannerPlacementManager.el.sponsoredAdvBanners).length
-        ) {
-          Wick.BannerPlacementManager.dispatchSponsorAdsDisplayedEvent();
-          Wick.BannerPlacementManager.isEventSent = true;
-        }
-
-        $(window).trigger('productBannerPositionChanged');
-      }
-    });
-  }
-};
-
-$(document).ready(function () {
-  if (!Wick.BannerPlacementManager.getBannersAmount() || !Wick.BannerPlacementManager.getProductsAmount()) {
-    return;
-  }
-
-  Wick.BannerPlacementManager.init();
-})

package/src/js/emulation/banner-placement-manager.js

@@ -1,53 +0,0 @@
-// Simulate prompt for input
-function getInputs() {
-  const productBannerPositions = prompt("Enter Product Banner Positions:", "2") || "";
-  const sponsorProductPositions = prompt("Enter Sponsor Product Positions (comma-separated):", "6,7,8") || "";
-  const sponsorBannerPositions = prompt("Enter Sponsor Banner Positions:", "10") || "";
-
-  return {
-    productBannerPositions: productBannerPositions ? productBannerPositions.split(",").map(Number) : [],
-    sponsorProductPositions: sponsorProductPositions ? sponsorProductPositions.split(",").map(Number) : [],
-    sponsorBannerPositions: sponsorBannerPositions ? sponsorBannerPositions.split(",").map(Number) : [],
-  };
-}
-
-function getPositionAttr() {
-  const isMobile = Wick.BannerPlacementManager.isMobileResolution();
-  return isMobile
-    ? 'data-mobile-position'
-    : 'data-desktop-position';
-}
-
-function updatePositions(inputs) {
-  const productBannerElements = document.querySelectorAll(".card-product-banner");
-  productBannerElements.forEach((el, index) => {
-    if (inputs.productBannerPositions[index] !== undefined) {
-      el.setAttribute(getPositionAttr(), inputs.productBannerPositions[index]);
-    }
-  });
-
-  const sponsorProductElements = document.querySelectorAll(".card-sponsor-product");
-  sponsorProductElements.forEach((el, index) => {
-    if (inputs.sponsorProductPositions[index] !== undefined) {
-      el.setAttribute(getPositionAttr(), inputs.sponsorProductPositions[index]);
-    }
-  });
-
-  const sponsorBannerElements = document.querySelectorAll(".card-sponsor-banner");
-  sponsorBannerElements.forEach((el, index) => {
-    if (inputs.sponsorBannerPositions[index] !== undefined) {
-      el.setAttribute(getPositionAttr(), inputs.sponsorBannerPositions[index]);
-    }
-  });
-}
-
-function init() {
-  const inputs = getInputs();
-  updatePositions(inputs);
-}
-
-$(document).ready(function () {
-  if ($('.retail-media .products-list.products-list-v2').length) {
-    setTimeout(() => init(), 100)
-  }
-});