wickes-css2 2.93.0 → 2.94.0-develop.1

package/src/page_checkout_delivery-details_guest.html

@@ -1,198 +0,0 @@
-{{#extend "checkout" pageClass="page_checkout-delivery-details" title="Checkout - Delivery details - Guest" isAsideSticky="true"}}
-  {{#content "steps"}}
-    {{> steps active-step-index="2" }}
-    <div class="checkout-heading">
-      <h3>Products delivered by Wickes</h3>
-    </div>
-  {{/content}}
-  {{#content "main"}}
-    <div class="component component-date-selection">
-      {{> date-selection}}
-    </div>
-    <a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue to Payment details
-      <span class="icon">
-        <i class="fas fa-arrow-right"></i>
-      </span>
-    </a>
-    {{> checkout_delivery modal="modal-edit-delivery-address" }}
-    {{#extend "lines-group" name="Products delivered by Wickes" id=136589003 collapsed=false}}
-      {{#content "content"}}
-        {{#each page_shopping-cart.linesCollection}}
-          {{>order-line mod="order-line_shrink"}}
-        {{/each}}
-      {{/content}}
-    {{/extend}}
-
-
-<div class="delivery-details-option">
-  {{>checkout-supply-info checkout-components.supply-info.[0]}}
-</div>
-{{#extend "lines-group" name="Products delivered by our supplier" id=136589004 collapsed=false}}
-{{#content "content"}}
-{{#each page_shopping-cart.linesCollection}}
-{{>order-line mod="order-line_shrink"}}
-{{/each}}
-{{/content}}
-{{/extend}}
-
-
-
-  <div class="delivery-details-option__contact-details">
-    {{>checkout-supply-info checkout-components.supply-info.[1]}}
-    <form class="form-wrapper your-contact-details form-bg">
-      <div class="your-contact-details__row">
-        <div class="your-contact-details__descr">
-          <h3>Your contact details</h3>
-          <p>Please enter your phone number(s) below so we can contact you regarding your order.</p>
-          <div class="warning-required">
-            Required fields
-          </div>
-          {{> form-row type="tel" id="mobile" label="Mobile phone" required="true"}}
-          {{> form-row type="tel" id="home-phone" label="Home phone" row-mod="row-tel"}}
-          <h3>Simplify your collection</h3>
-          <p>All the Click & Collect items in your order are currently available at the following stores. Select
-            one of the store to collect all your items from the same location.
-          </p>
-          <div class="your-contact-details__checkbox-wrap">
-            <div class="your-contact-details__checkbox">
-              {{#extend "radiobutton" id="oldham" name="store" label="Oldham" checked="true"}}
-              {{#content "html"}}
-              <span class="distance">6.2 Miles</span>
-              <div class="store-address">
-                <div class="store-address__street">Wickes Larch Street,</div>
-                <div class="store-address__town">Oldham</div>
-                <div class="store-address__city">Greater Manchester,</div>
-                <div class="store-address__postcode">OL8 1TA</div>
-                <div class="store-address__country">United Kingdom</div>
-              </div>
-              {{/content}}
-              {{/extend}}
-            </div>
-            <div class="your-contact-details__checkbox">
-              {{#extend "radiobutton" id="clifton" name="store" label="Clifton"}}
-              {{#content "html"}}
-              <span class="distance">4.9 Miles</span>
-              <div class="store-address">
-                <div class="store-address__street">Wickes Wynne Avenue,</div>
-                <div class="store-address__town"> Clifton, Swinton</div>
-                <div class="store-address__city">Greater Manchester,</div>
-                <div class="store-address__postcode">M27 8FU</div>
-                <div class="store-address__country">United Kingdom</div>
-              </div>
-              {{/content}}
-              {{/extend}}
-            </div>
-          </div>
-          <p class="order-update">I would like to update my order to collect all my items from one store.</p>
-        </div>
-      </div>
-      <div class="form-row form-row__action">
-        <div class="form-row__col-btn">
-          <button class="btn btn-primary">
-            <span class="btn__text">Simplify collection</span>
-          </button>
-        </div>
-      </div>
-    </form>
-  </div>
-
-
-
-<div class="delivery-details-option delivery-details-option_time-slot">
-  <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
-  <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>
-</div>
-
-{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=136589005 collapsed=false}}
-{{#content "content"}}
-{{#each page_shopping-cart.linesCollection}}
-{{>order-line mod="order-line_shrink"}}
-{{/each}}
-{{/content}}
-{{/extend}}
-
-
-
-<div class="delivery-details-option delivery-details-option_time-slot">
-  <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
-  <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>
-</div>
-
-{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=136589006 collapsed=false}}
-{{#content "content"}}
-{{#each page_shopping-cart.linesCollection}}
-{{>order-line mod="order-line_shrink"}}
-{{/each}}
-{{/content}}
-{{/extend}}
-
-
-<a href="./page_checkout_payment-details_guest.html" class="btn btn-action delivery-details__payment-details">Continue to payment details
-  <span class="icon">
-    <i class="fas fa-arrow-right"></i>
-  </span>
-</a>
-
-  {{/content}}
-  {{#content "aside"}}
-      {{> checkout_order-summary label="Subtotal: " action='./page_checkout_payment-details_guest.html'}}
-      {{> checkout_voucher }}
-      {{> checkout_delivery modal="modalDeliveryGuest" }}
-      {{> checkout_supplier-delivery edit="true" }}
-      {{> checkout_click-and-collect invisibleForMobile="true" }}
-      <a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue to payment details
-        <span class="icon">
-          <i class="fas fa-arrow-right"></i>
-        </span>
-      </a>
-  {{/content}}
-  {{#content "foot" mode="append"}}
-  <script defer src="js/page/checkout-edit-address.js"></script>
-
-  {{#extend "modal" id="modalDeliveryGuest" title="Edit delivery address" fullWidth=true classMod="edit-delivery-addr-guest"}}
-    {{#content "sections"}}
-
-      {{#extend "modal-body-section"}}
-        {{#content "body"}}
-          <div class="edit-delivery-addr-guest__notifications">
-            {{> notifications notification-page.warning-note}}
-          </div>
-        {{/content}}
-      {{/extend}}
-
-      {{#extend "modal-body-section" customSectionClass="edit-delivery-addr-guest__form"}}
-        {{#content "body"}}
-          <form class="form-wrapper" id="edit-delivery-address">
-            {{> checkout_your-details open-delivery-block="true" uid="cyd3" }}
-            <div class="form-row form-row__action">
-              <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>
-            </div>
-          </form>
-        {{/content}}
-      {{/extend}}
-
-    {{/content}}
-  {{/extend}}
-  {{/content}}
-{{/extend}}

package/src/page_tradePro_delivery-details.html

@@ -1,243 +0,0 @@
-{{#extend "checkout" pageClass="page_checkout-delivery-details page_tradePro-delivery-details" title="Checkout - Delivery details" logout=true isAsideSticky="true" logo-tp=true}}
-{{#content "head" mode="append"}}
-<link type="text/css" rel="stylesheet" href="./css/pages/tradePro-delivery-details.css">
-{{/content}}
-{{#content "steps"}}
-    {{> steps active-step-index="2" }}
-    {{> notifications notification-page.reminder withCloseBtn="true"}}
-    <div class="checkout-heading">
-      <h3>Products delivered by Wickes</h3>
-    </div>
-  {{/content}}
-  {{#content "main"}}
-    <div class="component component-date-selection">
-      {{> date-selection}}
-    </div>
-    <a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue to payment details</a>
-    {{> checkout_delivery modal="modal-edit-delivery-address" }}
-    {{#extend "lines-group" name="Products delivered by Wickes" id=136589003 collapsed=true}}
-      {{#content "content"}}
-        {{#each page_shopping-cart.linesCollection}}
-          {{>order-line mod="order-line_shrink"}}
-        {{/each}}
-      {{/content}}
-    {{/extend}}
-
-
-<div class="delivery-details-option">
-  {{>checkout-supply-info checkout-components.supply-info.[0]}}
-</div>
-
-{{#extend "lines-group" name="Products delivered by our supplier expected within 7 working days" id=136589004 collapsed=false}}
-{{#content "content"}}
-{{#each page_shopping-cart.linesCollection}}
-{{>order-line mod="order-line_shrink"}}
-{{/each}}
-{{/content}}
-{{/extend}}
-
-{{#extend "lines-group" name="Products delivered by our supplier expected within 14 working days" id=136589005 collapsed=false}}
-{{#content "content"}}
-{{#each page_shopping-cart.linesCollection}}
-{{>order-line mod="order-line_shrink"}}
-{{/each}}
-{{/content}}
-{{/extend}}
-
-{{#extend "lines-group" name="Products delivered by our supplier expected within 21 working days" id=136589006 collapsed=false}}
-{{#content "content"}}
-{{#each page_shopping-cart.linesCollection}}
-{{>order-line mod="order-line_shrink"}}
-{{/each}}
-{{/content}}
-{{/extend}}
-
-
-
-  <div class="delivery-details-option__contact-details">
-    {{>checkout-supply-info checkout-components.supply-info.[1]}}
-    <form class="form-wrapper your-contact-details form-bg">
-      <div class="your-contact-details__row">
-        <div class="your-contact-details__descr">
-          <h3>Your contact details</h3>
-          <p>Please enter your phone number(s) below so we can contact you regarding your order.</p>
-          <div class="warning-required">
-            Required fields
-          </div>
-          {{> form-row type="tel" id="mobile" label="Mobile phone" required="true"}}
-          {{> form-row type="tel" id="home-phone" label="Home phone" row-mod="row-tel"}}
-          <h3>Simplify your collection</h3>
-          <p>All the Click & Collect items in your order are currently available at the following stores. Select
-            one of the store to collect all your items from the same location.
-          </p>
-          <div class="your-contact-details__checkbox-wrap">
-            <div class="your-contact-details__checkbox">
-              {{#extend "radiobutton" id="oldham" name="store" label="Oldham" checked="true"}}
-              {{#content "html"}}
-              <span class="distance">6.2 Miles</span>
-              <div class="store-address">
-                <div class="store-address__street">Wickes Larch Street,</div>
-                <div class="store-address__town">Oldham</div>
-                <div class="store-address__city">Greater Manchester,</div>
-                <div class="store-address__postcode">OL8 1TA</div>
-                <div class="store-address__country">United Kingdom</div>
-              </div>
-              {{/content}}
-              {{/extend}}
-            </div>
-            <div class="your-contact-details__checkbox">
-              {{#extend "radiobutton" id="clifton" name="store" label="Clifton"}}
-              {{#content "html"}}
-              <span class="distance">4.9 Miles</span>
-              <div class="store-address">
-                <div class="store-address__street">Wickes Wynne Avenue,</div>
-                <div class="store-address__town"> Clifton, Swinton</div>
-                <div class="store-address__city">Greater Manchester,</div>
-                <div class="store-address__postcode">M27 8FU</div>
-                <div class="store-address__country">United Kingdom</div>
-              </div>
-              {{/content}}
-              {{/extend}}
-            </div>
-          </div>
-          <p class="order-update">I would like to update my order to collect all my items from one store.</p>
-        </div>
-      </div>
-      <div class="form-row form-row__action">
-        <div class="form-row__col-btn">
-          <button class="btn btn-primary">
-            <span class="btn__text">Simplify collection</span>
-          </button>
-        </div>
-      </div>
-    </form>
-  </div>
-
-
-
-<div class="delivery-details-option delivery-details-option_time-slot">
-  <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
-  <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>
-</div>
-
-{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=132583005 collapsed=true}}
-{{#content "content"}}
-{{#each page_shopping-cart.linesCollection}}
-{{>order-line mod="order-line_shrink"}}
-{{/each}}
-{{/content}}
-{{/extend}}
-
-
-
-<div class="delivery-details-option delivery-details-option_time-slot">
-  <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
-  <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>
-</div>
-
-{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=136589506 collapsed=true}}
-{{#content "content"}}
-{{#each page_shopping-cart.linesCollection}}
-{{>order-line mod="order-line_shrink"}}
-{{/each}}
-{{/content}}
-{{/extend}}
-
-
-<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details">Continue to payment details</a>
-
-  {{/content}}
-  {{#content "aside"}}
-      {{> checkout_order-summary label="Subtotal: " action='./page_checkout_payment-details.html'}}
-      {{> checkout_voucher }}
-      {{> checkout_delivery modal="modal-edit-delivery-address" }}
-      {{> checkout_supplier-delivery edit="true" }}
-      {{> checkout_click-and-collect invisibleForMobile="true" }}
-      <a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue to payment details</a>
-  {{/content}}
-  {{#content "foot" mode="append"}}
-  <script defer src="js/page/checkout-edit-address.js"></script>
-
-    {{#extend "modal" classMod="edit-delivery-address" id="modal-edit-delivery-address" title="Edit delivery address" fullWidth=true}}
-      {{#content "body"}}
-        <div class="component">
-          {{> notifications
-          classModifier="notification_warning"
-          text="<strong>Please note:</strong> Changing your delivery address may impact our ability
-          to deliver your order on the date you have selected.<br />
-          You may have to re-select your delivery date and slot after changing your delivery address."
-          warning=true
-          }}
-        </div>
-        {{> checkout-edit-user-address editUrl="page_checkout_delivery-address.html" radioName="checkout-edit-delivery-details" mod="js-selectable"}}
-        <div class="edit-delivery-address__actions row">
-          <div class="edit-delivery-address__add-btn">
-            <a href="page_checkout_delivery-address.html" class="btn btn-secondary">
-              <span class="btn__text">Add new address</span>
-            </a>
-          </div>
-          <div class="edit-delivery-address__delivery-btn">
-            <button class="btn btn-action">
-              <span class="btn__text">Continue to delivery details</span>
-            </button>
-          </div>
-        </div>
-      {{/content}}
-    {{/extend}}
-
-  {{/content}}
-{{/extend}}
-
-<script>
-    $(document).ready(function() {
-        if ($(window).width() > 767 && $(window).width() < 1024 ) {
-            $(".calendar__cell").on("click", function () {
-                $(this).closest('.date-selection').addClass('date-selection_time-visible');
-            });
-
-            $(".delivery-time__show-calendar-link").on("click", function(e) {
-                e.preventDefault();
-                $(this).closest('.date-selection').removeClass('date-selection_time-visible');
-            })
-        } else if ($(window).width() < 767) {
-            $(".calendar__cell").on("click", function() {
-
-                var hiddenBlock = $('.calendar__row_extended');
-                console.log(hiddenBlock.height());
-                if(hiddenBlock.height() < 215) {
-                    hiddenBlock.css('overflow-y', 'inherit')
-                }
-                else {
-                    hiddenBlock.css('overflow-y', 'scroll')
-                }
-
-                var isCellSelected = $(this).hasClass("calendar__cell_selected");
-                var rowExtendedBlock = $(this).parent().next('.calendar__row_extended');
-                var isBlockHidden = rowExtendedBlock.is(':hidden');
-                if (isCellSelected) {
-                    rowExtendedBlock.slideToggle();
-                    $(".delivery-selection").toggle();
-                }
-                else if (isBlockHidden) {
-                    $(".calendar__row_extended").slideUp();
-                    $(this).parent().next().slideDown();
-                    $(".delivery-selection").show();
-                }
-            })
-        }
-    })
-</script>