wickes-css2 2.117.0-gift-cards.2 → 2.117.1-develop.1

package/src/page_checkout_confirmation-gift-card.html

@@ -1,339 +0,0 @@
-{{#extend "checkout-new" pageClass="page_checkout page_checkout-confirmation-new" title="Checkout - Confirmation"
-logout=true}}
-{{#content "steps"}}
-<div class="header-wrap">
-    <h1 class="header__title">Order Confirmation</h1>
-    <p class="header__order-block">Order number: <span class="header__order-number">143402004</span></p>
-</div>
-{{/content}}
-{{#content "main"}}
-
-<div class="confirmation-result-wrap">
-    <div class="confirmation-result__notif">
-        <span class="notif-check"><i class="fas fa-check"></i></span>
-        <span class="notif-info">Your Order Was Successful!</span>
-    </div>
-
-    <p class="confirmation-result__info">
-        We have emailed your order confirmation to <a href="mailto:petra.mendez@gmail.com">petra.mendez@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 class="confirmation-result__action">
-        <a href="https://www.wickes.co.uk/track-my-order" class="btn btn-primary"><i class="fas fa-map-marked-alt"></i> Track My Order</a>
-        <a href="https://www.wickes.co.uk/my-account/orders" class="btn btn-primary">View My Order</a>
-        <a href="./" class="btn btn-secondary">Return Shopping</a>
-    </div>
-</div>
-
-{{#with checkoutOrder.delivery.[0]}}
-{{>checkout-order}}
-{{/with}}
-
-
-{{#with checkoutOrder.clickCollect.[0]}}
-{{>checkout-order}}
-{{/with}}
-
-
-{{#with checkoutOrder.charity.[0]}}
-{{>checkout-order charity="true"}}
-{{/with}}
-
-
-{{> checkout_payment-new giftcard=true giftcards=giftcards}}
-{{> checkout_order-summary-new label="Subtotal:" confirmationSummary="true" giftCardDiscount="true"}}
-
-<form class="checkout-tradepro form-bg">
-    <div class="checkout-tradepro__row">
-        <div class="checkout-tradepro__descr">
-            <div class="checkout-tradepro__info-wrap">
-                <div class="checkout-tradepro__info">
-                    It looks like you're in the Trade?
-                    You could be eligible to join TradePro and get
-                    <strong>10% off future purchases whenever you shop in-store or online.</strong>
-                </div>
-                <a href="#" class="checkout-tradepro__learn-more">Learn more about TradePro</a>
-            </div>
-            <h3>TradePro Signup</h3>
-            <div class="warning-required">Required fields</div>
-            <h3 class="checkout-tradepro__title">Proof of Trade ID</h3>
-            <p class="checkout-tradepro__paragraph warning-required">
-                Please supply two forms of approved ID
-            </p>
-
-            <div class="signup-tradepro__attach checkout-tradepro__attach_id">
-                {{> attach-make make-attachment=true}}
-                {{> modal id="attac"}}
-                {{#extend "modal" id="attach" title="Choose Type of ID" fullWidth=true classMod="id-type"}}
-                {{#content "sections"}}
-
-                {{#extend "modal-body-section" customSectionClass="id-type-signup"}}
-                {{#content "body"}}
-                {{> notifications notification-page.warning withCloseBtn="true"
-                text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported."}}
-                <div class="signup-tradepro__modal-info">
-                    Select two forms of ID.
-                    <div class="tradepro-id-counter_wrap">
-                        <span>1</span>
-                        of
-                        <span>2</span>
-                    </div>
-                    ID's chosen
-                </div>
-                <div class="signup-tradepro__modal-fields">
-                    <div class="tradepro-field">
-              <span class="icon icon__link inactive-el">
-                <i class="far fa-link"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger inactive-el">Trade business website</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__link">
-                <i class="far fa-link"></i>
-              </span>
-                        <span class="icon icon__pencil">
-                <i class="far fa-pencil"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Check a trade profile</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__link">
-                <i class="far fa-link"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Facebook trade business page</a>
-                        <span class="icon icon__notification">
-                <span class="fas fa-check-circle"></span>
-              </span>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__link">
-                <i class="far fa-link"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Mybuilder profile</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__paperclip">
-                <i class="far fa-paperclip"></i>
-              </span>
-                        {{> attach-make make-capture=true}}
-                        <input class="tradepro-attachment" type="file" accept="image/*" capture>
-                    </div>
-                    <div class="tradepro-field">
-                        <img src="img/placeholders/thumbnail-sm.png"/>
-                        <span class="icon icon__paperclip">
-                  <i class="far fa-paperclip"></i>
-                </span>
-                        <span class="icon icon__camera">
-                <i class="far fa-camera"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Letterhead</a>
-                        <input class="tradepro-attachment" type="file" accept="image/*" capture>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__paperclip">
-                <i class="far fa-paperclip"></i>
-              </span>
-                        <span class="icon icon__camera">
-                <i class="far fa-camera"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Compliment slip</a>
-                        <input class="tradepro-attachment" type="file" accept="image/*" capture>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__edit">
-                <i class="fas fa-edit"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Ltd company: Registration number</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tradepro-field">
-              <span class="icon icon__edit">
-                <i class="fas fa-edit"></i>
-              </span>
-                        <a href="#" class="signup-tradepro__modal-trigger">Plc: Registration number</a>
-                        <div class="signup-tradepro__modal-action">
-                            <div class="form-row" data-row-required="">
-                                <label class="form-row__label"></label>
-                                <div class="form-row__field">
-                                    {{> input need-pattern=true}}
-                                    <div class="form-row__error">{{error}}</div>
-                                </div>
-                            </div>
-                            <div class="signup-tradepro__modal-buttons">
-                                <div class="row">
-                                    <div class="button-done">
-                                        <button class="btn btn-primary">
-                                            Done
-                                        </button>
-                                    </div>
-                                    <div class="button-cancel">
-                                        <button class="btn btn-secondary">
-                                            Cancel
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                {{/content}}
-                {{/extend}}
-
-                {{/content}}
-                {{/extend}}
-            </div>
-            <div class="chosen-form-container">
-                <div class="chosen-form-wrap">
-                    <div class="chosen-form">
-                        <div>
-                            <img class="mr-2" src="img/placeholders/thumbnail-sm.png"/>
-                            Trade business website
-                        </div>
-                        <span class="icon icon__notification">
-              <span class="fas fa-check-circle"></span>
-            </span>
-                    </div>
-                    <div class="form-row__error">Error message here</div>
-                    <div class="chosen-form">
-                        <div>
-                            <img class="mr-2" src="img/placeholders/thumbnail-sm.png"/>
-                            Ltd company: Registration number
-                        </div>
-
-                        <span class="icon icon__notification">
-              <span class="fas fa-check-circle"></span>
-            </span>
-                    </div>
-                    <div class="form-row__error">Error message here</div>
-                </div>
-            </div>
-            {{> signup-form}}
-        </div>
-    </div>
-</form>
-
-{{/content}}
-
-{{#content "aside"}}
-{{> checkout_information info-icon="true"}}
-{{/content}}
-
-{{#content "foot" mode="append"}}
-<script defer src="./js/page/checkout-confirmation-new.js"></script>
-{{/content}}
-
-{{/extend}}

package/src/page_my_account_payment_info_gift_cards.html

@@ -1,96 +0,0 @@
-{{#extend
-  "my-account-v2"
-  dataBreadcrumbs=my_order.breadcrumbs
-  pageClass="page_my-account_new"
-  title="My Order"
-  pageMyAcc=true
-  myAccV2=true
-  isLoggedIn=true
-  mainClass="my-order"
-  switch-vat=true
-}}
-{{#content "head" mode="append"}}
-<link type="text/css" rel="stylesheet" href="./css/pages/page_my-order.css">
-<link type="text/css" rel="stylesheet" href="./css/components/energy-efficiency.css">
-{{/content}}
-{{#content "main"}}
-<div class="container">
-  <div class="row">
-    <div class="col-12">
-      {{> my-account/mobile-nav
-          menu=my_order.menu
-          active-index=1
-          page-name=my_order.menu.[1].title
-          }}
-    </div>
-  </div>
-</div>
-
-<div class="container">
-  <div class="row">
-    <div class="col-12">
-      <div class="my-order__header">
-        <h1 class="my-order__title">Order {{my_order.order.number}}</h1>
-        <nav class="linked-order">
-          <p class="linked-order__title">Linked to order:</p>
-          <ul class="linked-order__list">
-            {{#each my_order.order.linkedToOrder}}
-            <li class="linked-order__item">
-              <a class="link" href="{{link}}">{{number}}</a>
-              {{#ifCond @index '<' (math ../my_order.order.linkedToOrder.length '-' 1)}},{{/ifCond}}
-            </li>
-            {{/each}}
-          </ul>
-        </nav>
-        <div class="order-status {{my_order.order.orderStatus.statusClass}}">
-          <i class="{{my_order.order.orderStatus.statusIcon}} icon"></i>
-          <span>{{my_order.order.orderStatus.statusTitle}}</span>
-        </div>
-        <p class="my-order__placed">Order placed on <span class="date">{{my_order.order.orderDate}}</span></p>
-        <button class="btn btn-primary btn_full btn--resend-confirmation">Resend confirmation</button>
-      </div>
-    </div>
-    <div class="col-12 col-lg-9">
-      <div class="my-order__body">
-        {{> notifications notification-page.success text=my_order.notifications.success }}
-        {{#each my_order.order.products }}
-          {{> my-account/order this }}
-        {{/each}}
-      </div>
-    </div>
-    <div class="col-12 col-lg-3">
-      <div class="wismo">
-        {{> my-account/wismo_order-summary my_order.wismo-order-summary }}
-        {{> wismo-payment payment-giftcard=true}}
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="account-actions">
-  <div class="container">
-    <div class="row">
-      <div class="col-12">
-        {{> my-account/contact-us contacts=my_order.contacts  }}
-        <a href="#" class="link-to-orders">
-          <span class="icon-wrap">
-            <i class="far fa-arrow-left icon icon-back"></i>
-          </span>
-          Back to My Orders
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-{{/content}}
-
-{{#content "foot" mode="append"}}
-  {{#extend "modal" classMod="modal-energy-efficiency" id="modal-energy-efficiency" title="" fullWidth=true showCloseBtn=true newIconCross=true}}
-    {{#content "sections"}}
-      <div class="modal-images"></div>
-    {{/content}}
-  {{/extend}}
-  <script defer src="./js/my-account.min.js"></script>
-  <script defer src="./js/energy-efficiency.min.js"></script>
-{{/content}}
-{{/extend}}

package/src/page_my_account_payment_info_gift_cards_split_payment.html

@@ -1,96 +0,0 @@
-{{#extend
-  "my-account-v2"
-  dataBreadcrumbs=my_order.breadcrumbs
-  pageClass="page_my-account_new"
-  title="My Order"
-  pageMyAcc=true
-  myAccV2=true
-  isLoggedIn=true
-  mainClass="my-order"
-  switch-vat=true
-}}
-{{#content "head" mode="append"}}
-<link type="text/css" rel="stylesheet" href="./css/pages/page_my-order.css">
-<link type="text/css" rel="stylesheet" href="./css/components/energy-efficiency.css">
-{{/content}}
-{{#content "main"}}
-<div class="container">
-  <div class="row">
-    <div class="col-12">
-      {{> my-account/mobile-nav
-          menu=my_order.menu
-          active-index=1
-          page-name=my_order.menu.[1].title
-          }}
-    </div>
-  </div>
-</div>
-
-<div class="container">
-  <div class="row">
-    <div class="col-12">
-      <div class="my-order__header">
-        <h1 class="my-order__title">Order {{my_order.order.number}}</h1>
-        <nav class="linked-order">
-          <p class="linked-order__title">Linked to order:</p>
-          <ul class="linked-order__list">
-            {{#each my_order.order.linkedToOrder}}
-            <li class="linked-order__item">
-              <a class="link" href="{{link}}">{{number}}</a>
-              {{#ifCond @index '<' (math ../my_order.order.linkedToOrder.length '-' 1)}},{{/ifCond}}
-            </li>
-            {{/each}}
-          </ul>
-        </nav>
-        <div class="order-status {{my_order.order.orderStatus.statusClass}}">
-          <i class="{{my_order.order.orderStatus.statusIcon}} icon"></i>
-          <span>{{my_order.order.orderStatus.statusTitle}}</span>
-        </div>
-        <p class="my-order__placed">Order placed on <span class="date">{{my_order.order.orderDate}}</span></p>
-        <button class="btn btn-primary btn_full btn--resend-confirmation">Resend confirmation</button>
-      </div>
-    </div>
-    <div class="col-12 col-lg-9">
-      <div class="my-order__body">
-        {{> notifications notification-page.success text=my_order.notifications.success }}
-        {{#each my_order.order.products }}
-          {{> my-account/order this }}
-        {{/each}}
-      </div>
-    </div>
-    <div class="col-12 col-lg-3">
-      <div class="wismo">
-        {{> my-account/wismo_order-summary my_order.wismo-order-summary }}
-        {{> wismo-payment payment-giftcard=true split=true}}
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="account-actions">
-  <div class="container">
-    <div class="row">
-      <div class="col-12">
-        {{> my-account/contact-us contacts=my_order.contacts  }}
-        <a href="#" class="link-to-orders">
-          <span class="icon-wrap">
-            <i class="far fa-arrow-left icon icon-back"></i>
-          </span>
-          Back to My Orders
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-{{/content}}
-
-{{#content "foot" mode="append"}}
-  {{#extend "modal" classMod="modal-energy-efficiency" id="modal-energy-efficiency" title="" fullWidth=true showCloseBtn=true newIconCross=true}}
-    {{#content "sections"}}
-      <div class="modal-images"></div>
-    {{/content}}
-  {{/extend}}
-  <script defer src="./js/my-account.min.js"></script>
-  <script defer src="./js/energy-efficiency.min.js"></script>
-{{/content}}
-{{/extend}}