wickes-css2 2.117.0-develop.1 → 2.117.0-develop.3

package/src/js/components/checkout_your-details.js

@@ -1,78 +0,0 @@
-var Wick = Wick || {};
-Wick.YourDetails = (function(){
-  var $self = $('.checkout-your-details');
-  let closeBlock = $('.close-block'),
-      $firstLineAddrRow = closeBlock.find("#first-line-address").parents(".form-row"),
-      $firstLineAddrLable = closeBlock.find("#first-line-address").closest(".form-row__label"),
-      $firstLineAddrField = closeBlock.find("#first-line-address").parents(".form-row__field"),
-      formError = ".form-row__error",
-      listElement = $('.close-block').find('li'),
-      firstLineAddress = $('.close-block #first-line-address');
-
-  var bindEvents = function () {
-    $(document).on('click', '.btn-edit-manually', function(){
-      $('[data-finder]').toggle();
-      $('[data-manually]').toggle();
-      return false;
-    });
-  };
-
-  //start -> fix for ONLINE-2615
-  firstLineAddress.bind("change paste keyup", function() {
-    if ($(this).val() == '') {
-      $('.close-block [data-manually]').removeClass('d-block');
-      $('.close-block [data-manually]').addClass('d-none');
-    }
-  });
-
-  listElement.on('click', function() {
-    $('.close-block [data-manually]').removeClass('d-none');
-    $('.close-block [data-manually]').addClass('d-block');
-  });
-  //end -> fix for ONLINE-2615
-
-  //start -> fix for ONLINE-2616
-  $('.btn-enter-details').on('click', function() {
-    if(!($("#chb-payment-details-card").is(":checked"))) {
-      $firstLineAddrRow.addClass("form-row_validation-error")
-      $firstLineAddrLable.addClass("form-row__label_required")
-    }
-    else {
-      $firstLineAddrRow.removeClass("form-row_validation-error")
-      $firstLineAddrRow.removeAttr("data-row-required")
-      $firstLineAddrField.siblings(".form-row__label").removeClass("form-row__label_required")
-    }
-
-    if (firstLineAddress.val() !== '') {
-      $('.close-block [data-manually]').removeClass('d-none');
-      $('.close-block [data-manually]').addClass('d-block');
-      $firstLineAddrRow.removeClass("form-row_validation-error")
-      $firstLineAddrRow.removeAttr("data-row-required")
-    }
-  })
-
-  $('#chb-payment-details-card').on('click', function() {
-    if($("#chb-payment-details-card").is(":checked")) {
-      $firstLineAddrRow.removeClass("form-row_validation-error")
-      $firstLineAddrField.siblings(".form-row__label").removeClass("form-row__label_required")
-      $firstLineAddrLable.removeClass("form-row__label_required")
-      closeBlock.find(formError).hide()
-    }
-
-    else {
-      $firstLineAddrField.siblings(".form-row__label").addClass("form-row__label_required")
-      $firstLineAddrLable.addClass("form-row__label_required")
-    }
-  })
-  //end -> fix for ONLINE-2616
-
-  var init = function () {
-    if (!$self.length){
-      return;
-    }
-
-    bindEvents();
-  };
-
-  init();
-})();

package/src/js/emulation/checkout-sign-in-emulation.js

@@ -1,43 +0,0 @@
-var Wick = Wick || {};
-
-Wick.CheckoutSignInEmulation = (function () {
-  var checkoutEmail = $('#checkout-email');
-
-  function validateEmail (argElementValue) {
-    var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
-    return emailPattern.test(argElementValue);
-  }
-
-  function clearFormValidation (form) {
-    if ($(form).hasClass('form_invalid')) {
-      $(form).removeClass('form_invalid')
-        .find('.form-row[data-row-required]').removeClass('form-row_validation-error')
-        .find('.form-row__error').remove();
-    }
-  }
-
-  function bindEvents () {
-    $('#checkout-sign-in-submit').click(function () {
-      var isGuestFlow = $('[name=sign-in-password]:checked').val() === 'guest';
-      if (validateEmail(checkoutEmail.val())) {
-        event.preventDefault();
-        if (isGuestFlow){
-          window.location.href = './page_checkout_delivery-address_guest.html';
-          return false;
-        } else if ($('#password').val().length) {
-          window.location.href = './page_checkout_delivery-address.html';
-          return false;
-        }
-      }
-      Wick.Forms.showValidationErrors($(this).closest('form')[0]);
-    });
-
-    $('#modal-request-pass').on('hide.bs.modal', function () {
-        var form = $(this).find('form');
-        form[0].reset();
-        clearFormValidation(form);
-    });
-  }
-
-  bindEvents();
-})();

package/src/js/emulation/checkout_your-details.js

@@ -1,90 +0,0 @@
-var Wick = Wick || {};
-Wick.YourDetails = (function(){
-    var $self = $('.checkout-your-details');
-    let closeBlock = $('.close-block'),
-        $firstLineAddrRow = closeBlock.find("#address-lookup-query").parents(".form-row"),
-        $firstLineAddrLable = closeBlock.find("#address-lookup-query").closest(".form-row__label"),
-        $firstLineAddrField = closeBlock.find("#address-lookup-query").parents(".form-row__field"),
-        formError = ".form-row__error",
-        listElement = $('.close-block').find('li'),
-        firstLineAddress = $('.close-block #address-lookup-query');
-
-    var bindEvents = function () {
-        $(document).on('click', '.btn-edit-manually', function(){
-            $('[data-finder]').toggle();
-            $('[data-manually]').toggle();
-            return false;
-        });
-    };
-
-    //start -> fix for ONLINE-2615
-    firstLineAddress.bind("change paste keyup", function() {
-        if ($(this).val() == '') {
-            $('.close-block [data-manually]').removeClass('d-block');
-            $('.close-block [data-manually]').addClass('d-none');
-        }
-    });
-
-    listElement.on('click', function() {
-        $('.close-block [data-manually]').removeClass('d-none');
-        $('.close-block [data-manually]').addClass('d-block');
-    });
-    //end -> fix for ONLINE-2615
-
-    //start -> fix for ONLINE-2616
-    $('.btn-enter-details').on('click', function() {
-        if(!($("#chb-payment-details-card").is(":checked"))) {
-            $firstLineAddrRow.addClass("form-row_validation-error")
-            $firstLineAddrLable.addClass("form-row__label_required")
-        }
-        else {
-            $firstLineAddrRow.removeClass("form-row_validation-error")
-            $firstLineAddrRow.removeAttr("data-row-required")
-            $firstLineAddrField.siblings(".form-row__label").removeClass("form-row__label_required")
-        }
-
-        if (firstLineAddress.val() !== '') {
-            $('.close-block [data-manually]').removeClass('d-none');
-            $('.close-block [data-manually]').addClass('d-block');
-            $firstLineAddrRow.removeClass("form-row_validation-error")
-            $firstLineAddrRow.removeAttr("data-row-required")
-        }
-    })
-
-    $('#chb-payment-details-card').on('click', function() {
-        if($("#chb-payment-details-card").is(":checked")) {
-            $firstLineAddrRow.removeClass("form-row_validation-error")
-            $firstLineAddrField.siblings(".form-row__label").removeClass("form-row__label_required")
-            $firstLineAddrLable.removeClass("form-row__label_required")
-            closeBlock.find(formError).hide()
-        }
-
-        else {
-            $firstLineAddrField.siblings(".form-row__label").addClass("form-row__label_required")
-            $firstLineAddrLable.addClass("form-row__label_required")
-        }
-    })
-    //end -> fix for ONLINE-2616
-
-  $(document).on('blur', '.close-block #address-lookup-query', function() {
-    if( $(this).val() ) {
-      $('.close-block [data-manually]').removeClass('d-none');
-      $('.close-block [data-manually]').addClass('d-block');
-    } else {
-      $('.close-block [data-manually]').removeClass('d-block');
-      $('.close-block [data-manually]').addClass('d-none');
-    }
-
-    return false;
-  });
-
-  var init = function () {
-    if (!$self.length){
-      return;
-    }
-
-        bindEvents();
-    };
-
-    init();
-})();

package/src/js/page/checkout-confirmation.js

@@ -1,8 +0,0 @@
-var Wick = Wick || {};
-Wick.CheckoutConfirmation = (function() {
-  if($('#checkout-register-submit').length){
-    $('#checkout-register-submit').on('click', function(){
-      $('.checkout-register').submit();
-  });
-  }
-})();

package/src/js/page/checkout-delivery-address.js

@@ -1,41 +0,0 @@
-var Wick = Wick || {};
-Wick.CheckoutDeliveryAddress = (function() {
-  var $page = $('.page_checkout-delivery-address');
-
-  function bindEvents(){
-    $('.btn-new-address').on('click', function(){
-      $('[data-new-address]').show();
-      $('[data-addresses]').hide();
-      $('.btn-new-address').hide();
-
-      if (Wick.Responsive.getCurrentBreakpoint() === 'down-sm') {
-        $('html, body').animate({
-          scrollTop: $('[data-new-address]').offset().top - 15
-        }, 700);
-      }
-
-      return false;
-    });
-
-    $('.btn-back-to-addresses').on('click', function(){
-      $('[data-new-address]').hide();
-      $('[data-addresses]').show();
-      $('.btn-new-address').show();
-      return false;
-    });
-
-    $('.btn-delivery-details').on('click', function(){
-      var $form = $('#form-checkout-your-details');
-      if ($form.is(':visible')){
-        $form.submit();
-        return false;
-      }
-    });
-  }
-
-  if(!$page.length){
-    return;
-  }
-
-  bindEvents();
-})();

package/src/js/page/checkout-sign-in.js

@@ -1,17 +0,0 @@
-var Wick = Wick || {};
-Wick.CheckoutSignIn = (function () {
-  function checkCheckbox () {
-    var passwordBlock = $('#checkout-sign-in-password');
-    if ($('input[name=sign-in-password]:checked').attr('id').indexOf('sign-in-check-password-switch') !== -1) {
-      passwordBlock.slideDown();
-    } else {
-      passwordBlock.slideUp();
-    }
-  }
-
-  checkCheckbox();
-
-  $('input[name=sign-in-password]').change(function () {
-    checkCheckbox();
-  });
-})();

package/src/js/page/instore-checkout.js

@@ -1,11 +0,0 @@
-var Wick = Wick || {};
-
-Wick.InstoreCheckout = (function () {
-    function bindEvents () {
-        $('#checkout-sign-in-submit').click(function () {
-            Wick.Forms.showValidationErrors($(this).closest('form')[0]);
-        });
-    }
-
-    bindEvents();
-})();

package/src/page_checkout_confirmation_guest.html

@@ -1,140 +0,0 @@
-{{#extend "checkout" pageClass="page_checkout page_checkout-confirmation" title="Checkout - Confirmation - Guest"}}
-  {{#content "steps"}}
-    <div class="page-header">
-      <h1 class="page-header__title">Thank You, Your Order Has Been Placed</h1>
-      <p class="page-header__order-number">Order number: <span class="page-header__order-number_strong">143402004</span></p>
-      <p class="page-header__intro">We have emailed your order confirmation to <a href="#">michael.michael@gmail.com</a>
-        with details of when your order will be delivered.
-        This email will also contain our contact details should you wish to get in touch with us.</p>
-    </div>
-  {{/content}}
-  {{#content "main"}}
-    <div class="header-descr col-12">
-      <h3>Products delivered by Wickes</h3>
-      <p>The product listed below will be delivered to you by Wickes. The date, time slot and address for this delivery are
-        listed below:</p>
-    </div>
-  <div class="checkout-confirmation-wrapper">
-    <div class="product-delivery-table">
-      <div class="product-delivery-table__delivery-info">
-      <div class="row">
-        <div class="product-delivery-table__date">
-          <h4>Delivery date</h4>
-          <div class="product-delivery-table__date-inner">
-            <div class="checkout-address-time__time-regular">MAR</div>
-            <div class="checkout-address-time__time-primary">15</div>
-            <div class="checkout-address-time__time-additional">8:00am - 6:00pm</div>
-          </div>
-        </div>
-        <div class="product-delivery-table__time">
-          <h4>Delivery time</h4>
-          <div class="product-delivery-table__content">
-            8:00am - 6:00pm
-          </div>
-        </div>
-        <div class="product-delivery-table__address">
-          <h4>Delivery address</h4>
-          <div class="product-delivery-table__content">
-            459 Acasia way<br/>
-            Wimbledon<br/>
-            London<br/>
-            S7 7ET
-          </div>
-        </div>
-      </div>
-      </div>
-
-      <div class="shopping-card-container">
-        {{#each page_confirmation.linesCollection}}
-         {{>order-line mod="order-line_shrink" calculator-notification=true}}
-        {{/each}}
-      </div>
-    </div>
-    {{>checkout-supply-info checkout-components.supply-info.[2]}}
-    <div class="checkout-confirmation-shopping-cards">
-  {{#each page_confirmation.linesCollection}}
-  <div class="checkout-confirmation-shopping-card">
-    <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
-    <span class="checkout__text-highlighted">Your order will be ready for collection within 1 store hour.</span>
-    <div class="shopping-card-container shopping-card-container_bordered">
-      <div class="delivery-details-option__delivery-info">
-        <div class="delivery-details-option__delivery-info-left">
-          {{>checkout-address-time  time=true within=true}}
-        </div>
-        <div class="delivery-details-option__delivery-info-right">
-          {{>schedule}}
-        </div>
-      </div>
-      {{>order-line mod="order-line_shrink"}}
-    </div>
-  </div>
-  {{/each}}
-</div>
-  </div>
-    <form class="checkout-register form-bg">
-      <div class="checkout-register__row">
-        <div class="checkout-register__descr">
-          <h3>Ready to register?</h3>
-          <p class="checkout-register__paragraph">Registering to Wickes comes with many benefits, it will also make checkout much faster if you choose to shop with us again. Feel free to setup your password below:</p>
-          <h4 class="checkout-register__title">Create your password</h4>
-          <div class="warning-required">Required fields</div>
-          {{> form-row type="password" id="password" label="Password"  info="Minimum length is 6 characters" required="true"}}
-          {{> form-row type="password" id="confirm-password" label="Confirm password" required="true"}}
-        </div>
-      </div>
-      <div class="checkout-register__row">
-        <div class="checkout-register__descr">
-          <h4 class="checkout-register__card-title">Save your card</h4>
-          <div class="checkout-register__card">
-            <dl class="checkout-register__card-info">
-              <dt>Card type:</dt>
-              <dd><span>Visa</span></dd>
-              <dt>Card number:</dt>
-              <dd><span>41114111*****111</span></dd>
-              <dt>Name on card:</dt>
-              <dd><span>Konstantin Konstantinopolsky</span></dd>
-            </dl>
-          </div>
-          <div class="form-row">
-            <div class="form-row__field">
-              {{> checkbox id="check-card-save" label="Save this card to my account"}}
-            </div>
-          </div>
-          {{> form-row dropdown="true" id="card-type" label="Additional infomation" placeholder="Please select" info="How would you describe yourself or main trade"}}
-        </div>
-      </div>
-      <div class="form-row form-row__action form-row__action_custom">
-        <div class="form-row__col-btn">
-          <a href="./" class="btn btn-secondary btn_full">
-            <span class="btn__text">Return to shopping</span>
-          </a>
-        </div>
-        <div class="form-row__col-btn">
-          <button class="btn btn-primary btn_full" type="submit">
-            <span class="btn__text">Create account</span>
-          </button>
-        </div>
-      </div>
-    </form>
-  {{/content}}
-  {{#content "aside"}}
-    {{> checkout_order-summary label="Total: "}}
-    {{> checkout_payment }}
-    {{> checkout_information }}
-    <div class="form-row form-row__action form-row__action_custom">
-      <div class="form-row__col-btn">
-        <a href="./" class="btn btn-secondary btn_full">
-          <span class="btn__text">Return to shopping</span>
-        </a>
-      </div>
-      <div class="form-row__col-btn">
-        <button class="btn btn-primary btn_full" id="checkout-register-submit">
-          <span class="btn__text">Create account</span>
-        </button>
-      </div>
-    </div>
-  {{/content}}
-{{#content "foot" mode="append"}}
-  <script defer src="js/page/checkout-confirmation.js"></script>
-{{/content}}
-{{/extend}}

package/src/page_checkout_delivery-address-customer-journey.html

@@ -1,66 +0,0 @@
-{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout page_checkout-confirmation-new" title="Checkout - Delivery address Customer Journey" isAsideSticky="true" billieIcon=true}}
-{{#content "steps"}}
-{{> steps active-step-index="1" }}
-{{/content}}
-
-  {{#content "head" mode="append"}}
-    <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
-    <link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
-  {{/content}}
-
-  {{#content "aside"}}
-    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true billieIcon=true}}
-  {{/content}}
-
-
-{{#content "main"}}
-  <div class="delivery-block">
-    <h3 class="delivery-block__heading">Delivery Information</h3>
-
-
-    <div class="delivery-block__wrapper customer-journey-block">
-
-      {{> user-address-delivery radioName="checkout-address-radio" modal="modalDeliveryEdit" selectedAddress=true simpleAddress=true isDeleted=true}}
-
-    </div>
-  </div>
-
-  <div class="click-collect-block">
-    <h3 class="click-collect-block__heading">Click & Collect</h3>
-    <div class="click-collect-block__wrapper">
-      {{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
-          <div class="checkout-order">
-            {{> checkout-order-block}}
-        </div>
-      {{/with}}
-    </div>
-  </div>
-
-  <div class="continue-btn">
-      <button class="btn btn-action">Continue to Delivery Details</button>
-  </div>
-
-{{/content}}
-
-{{#content "foot" mode="append"}}
-  <script defer src="./js/page/checkout-confirmation-new.js"></script>
-  <script defer src="./js/page/select-address.js"></script>
-
-  {{#extend "modal" classMod="edit-delivery-address" id="modalDeliveryEdit" title="Edit delivery address" fullWidth=true}}
-    {{#content "body"}}
-      <div class="edit-address-modal-block">
-        {{> notifications notification-page.error-deliver-area}}
-        <button class="btn btn-primary btn-choose-address">
-            <span class="btn__text">Choose address</span>
-        </button>
-
-        {{> delivery-address-form-new checkboxTrue=true}}
-        <button class="btn btn-action btn_full">
-            <span class="btn__text">Continue to delivery details</span>
-        </button>
-      </div>
-  {{/content}}
-  {{/extend}}
-
-{{/content}}
-{{/extend}}

package/src/page_checkout_delivery-address-v2.html

@@ -1,48 +0,0 @@
-{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Delivery address" isAsideSticky="true"}}
-{{#content "steps"}}
-{{> steps active-step-index="1" }}
-{{/content}}
-
-  {{#content "head" mode="append"}}
-    <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
-    <link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
-  {{/content}}
-
-  {{#content "aside"}}
-    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
-  {{/content}}
-
-
-{{#content "main"}}
-  <div class="delivery-block">
-    <h3 class="delivery-block__heading">Delivery Information</h3>
-    <div class="delivery-block__wrapper">
-        {{> delivery-address-form-new}}
-    </div>
-  </div>
-
-  <div class="click-collect-block">
-    <h3 class="click-collect-block__heading">Click & Collect</h3>
-    <div class="click-collect-block__wrapper">
-      {{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
-        <div class="checkout-order">
-            {{> checkout-order-block}}
-        </div>
-      {{/with}}
-    </div>
-  </div>
-
-  <div class="continue-btn">
-      <button class="btn btn-action">Continue to Delivery Details</button>
-  </div>
-
-{{/content}}
-
-{{#content "foot" mode="append"}}
-{{> checkout-voucher-remove-modal
-    shopping-cart-v2.checkout.voucher-remove-popup
-    id="voucher-remove-popup"
-}}
-<script defer src="./js/page/checkout-confirmation-new.js"></script>
-{{/content}}
-{{/extend}}

package/src/page_checkout_delivery-address_guest.html

@@ -1,35 +0,0 @@
-{{#extend "checkout" pageClass="page_checkout page_checkout-delivery-address_guest" title="Checkout - Delivery address - Guest" isAsideSticky="true"}}
-{{#content "steps"}}
-{{> steps active-step-index="1" }}
-{{/content}}
-{{#content "main"}}
-<form class="delivery-address-form" id="form-checkout-your-details"
-      data-action="./page_checkout_delivery-details_guest.html">
-  <div class="form-wrapper">
-    <div class="delivery-address-form__inner">
-      {{> checkout_your-details intro="true" uid="cyd0"}}
-    </div>
-  </div>
-  <div class="form-row__col-btn">
-    <button class="btn btn-action btn_full">
-      <span class="btn__text">Continue to delivery details</span>
-      <span class="icon">
-        <i class="fas fa-arrow-right"></i>
-      </span>
-    </button>
-  </div>
-</form>
-{{/content}}
-{{#content "aside"}}
-{{> checkout_order-summary label="Subtotal: "}}
-{{> checkout_click-and-collect }}
-<div class="form-row__col-btn">
-  <button class="btn btn-action btn_full">
-    <span class="btn__text">Continue to delivery details</span>
-    <span class="icon">
-      <i class="fas fa-arrow-right"></i>
-    </span>
-  </button>
-</div>
-{{/content}}
-{{/extend}}

package/src/page_checkout_delivery_address-asm-new.html

@@ -1,54 +0,0 @@
-{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout page_checkout-confirmation-new" title="Checkout - Delivery address ASM" isAsideSticky="true"}}
-{{#content "steps"}}
-{{> steps active-step-index="1" }}
-{{/content}}
-
-  {{#content "head" mode="append"}}
-    <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
-    <link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
-  {{/content}}
-
-  {{#content "aside"}}
-    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true email=true}}
-  {{/content}}
-
-
-{{#content "main"}}
-  <div class="delivery-block">
-    <h3 class="delivery-block__heading">Delivery Information</h3>
-
-    <div class="delivery-block__wrapper customer-journey-block">
-
-      {{> user-address-delivery asm-address=true radioName="checkout-address-radio" modal="modalDeliveryEdit" selectedAddress=true simpleAddress=true}}
-
-    </div>
-  </div>
-
-  <div class="continue-btn">
-      <button class="btn btn-action">Continue to Delivery Details</button>
-  </div>
-
-{{/content}}
-
-{{#content "foot" mode="append"}}
-{{> checkout-voucher-remove-modal
-    shopping-cart-v2.checkout.voucher-remove-popup
-    id="voucher-remove-popup"
-}}
-  <script defer src="./js/page/checkout-confirmation-new.js"></script>
-  <script defer src="./js/page/select-address.js"></script>
-
-  {{#extend "modal" classMod="edit-delivery-address" id="modalDeliveryEdit" title="Edit delivery address" fullWidth=true}}
-    {{#content "body"}}
-      <div class="edit-address-modal-block">
-        {{> notifications notification-page.error-deliver-area}}
-        {{> delivery-address-form-new}}
-        <button class="btn btn-action btn_full">
-            <span class="btn__text">Continue to delivery details</span>
-        </button>
-      </div>
-  {{/content}}
-  {{/extend}}
-
-{{/content}}
-{{/extend}}