wickes-css2 2.109.0-develop.6 → 2.109.0-develop.7

package/build/js/store-locator-cards.min.js

@@ -0,0 +1 @@
+!function t(r,e,c){function f(i,n){if(!e[i]){if(!r[i]){var o="function"==typeof require&&require;if(!n&&o)return o(i,!0);if(u)return u(i,!0);throw(n=new Error("Cannot find module '"+i+"'")).code="MODULE_NOT_FOUND",n}o=e[i]={exports:{}},r[i][0].call(o.exports,function(n){return f(r[i][1][n]||n)},o,o.exports,t,r,e,c)}return e[i].exports}for(var u="function"==typeof require&&require,n=0;n<c.length;n++)f(c[n]);return f}({1:[function(n,i,o){"use strict";var t,r;function e(){var t=[];$(r.card).each(function(){var n=$(this),i=n.offset().top,o=t.find(function(n){return Math.abs(n.top-i)<5});o||t.push(o={top:i,items:[]}),o.items.push(n)}),t.forEach(function(n){var i=0;n.items.forEach(function(n){n.find(r.info).css("min-height","")}),n.items.forEach(function(n){n=n.find(r.info).outerHeight();i<n&&(i=n)}),n.items.forEach(function(n){n.find(r.info).css("min-height",i+"px")})})}function c(){$(window).on("load",e),$(window).on("resize",function(){clearTimeout(t),t=setTimeout(e,100)}),$(document).on("click",r.accordionHeader,function(){setTimeout(e,0)})}(window.Wick||(window.Wick={})).StoreCardsAlign=(r={card:".card-store",info:".card-store__info",accordionHeader:".opening-times-accordion__header"},c(),{init:c,align:e})},{}]},{},[1]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.109.0-develop.6",
+  "version": "2.109.0-develop.7",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {

package/src/components/card-store-locator.hbs

@@ -1,48 +1,90 @@
 <div class="card-store">
   <div class="card-store__info">
-    <div class="card-store__title-main">truro</div>
-    {{#if distance}}
-      <div class="card-store__distance">3,474.4 Miles</div>
+    {{#if titleName}}
+      <div class="card-store__title-main">{{titleName}}</div>
     {{/if}}
-    {{#if address}}
-      <div class="card-store__title">Address</div>
+
+    {{#if distance}}
+      <div class="card-store__distance">{{distance}}</div>
     {{/if}}
+
     <div class="card-store__address">
-      <div class="card-store__name">Wickes Threemilstone retails park,</div>
-      <div class="card-store__location">GR, Chacewater</div>
-      <div class="card-store__city">Truro</div>
-      <div class="card-store__postcode">TR4 8GA</div>
+      {{#if storeName}}
+        <div class="card-store__name">{{storeName}}</div>
+      {{/if}}
+      {{#if storeLocation}}
+        <div class="card-store__location">{{storeLocation}}</div>
+      {{/if}}
+      {{#if storeCity}}
+        <div class="card-store__city">{{storeCity}}</div>
+      {{/if}}
+      {{#if storePostcode}}
+        <div class="card-store__postcode">{{storePostcode}}</div>
+      {{/if}}
     </div>
   </div>
 
-  <div>
+  <div class="card-store__body">
     <div class="card-store__navigation">
-      <a href="#" class="btn btn-primary">
-        <span class="btn__text">Navigate To</span>
+      <a href="page_store-locator-details.html" class="btn btn-primary btn-store-details">
+        <span class="btn__text">View store details</span>
       </a>
     </div>
-    <div class="card-store__schedule">
-      {{#if opening-times}}
-        <div class="card-store__title {{#if schedule-title}}schedule-title{{/if}}">Standard opening times</div>
-        {{>schedule}}
-      {{/if}}
 
-      {{#unless locator-list}}
-        <div class="card-store__special-time">
-          <div class="card-store__title {{#if schedule-title}}schedule-title{{/if}}">Special opening times</div>
-          {{>special-opening-schedule}}
+    {{#if opening-times}}
+      <div class="card-store__schedule">
+        <div class="accordion opening-times-accordion accordion_collapsed">
+          <h5 class="accordion__header opening-times-accordion__header">
+            <span class="accordion__header-text opening-times-accordion__title">
+              Opening times
+            </span>
+            <span class="icon accordion__header-icon opening-times-accordion__icon">
+              <i class="fas fa-angle-up"></i>
+            </span>
+          </h5>
+
+          <div class="accordion__content opening-times-accordion__content" style="display: none;">
+            <div class="accordion__content-inner">
+              <div class="card-store__title schedule-title">Standard opening times</div>
+              {{> schedule}}
+
+              {{#if special-opening-schedule}}
+                <div class="card-store__special-time">
+                  <div class="card-store__title schedule-title">Special opening times</div>
+                  {{> special-opening-schedule}}
+                </div>
+              {{/if}}
+
+              <button
+                  type="button"
+                  class="opening-times-accordion__close"
+                  aria-label="Collapse opening times"
+              >
+                <span class="icon opening-times-accordion__close-icon">
+                  <i class="fas fa-angle-up"></i>
+                </span>
+              </button>
+            </div>
+          </div>
         </div>
-      {{/unless}}
-    </div>
+      </div>
+    {{/if}}
 
     <div class="card-store__contacts">
-      <span class="card-store__tel"><strong>Tel:</strong>
+      <span class="card-store__tel">
+        <strong>Tel:</strong>
         <a href="tel:018726511101" class="tel-uri">01872 6511 101</a>
       </span>
-      {{#if fax}}
-        <span class="card-store__fax"><strong>Fax:</strong> 01872 6511 101</span>
-      {{/if}}
     </div>
+
+    <div class="card-store__actions">
+      <a href="https://maps.google.com/maps?saddr=My+Location&daddr=50.263957,-5.123544"
+         target="_blank"
+         rel="noopener noreferrer">
+        Navigate to
+      </a>
+    </div>
+
     {{#if features}}
       <div class="card-store__features">
         <div class="card-store__title">Features</div>
@@ -52,10 +94,5 @@
         <div class="card-store__feature">displays with in-store design service</div>
       </div>
     {{/if}}
-    {{#if view-map}}
-      <div class="card-store__actions">
-        <a href="page_store-locator-details.html">View map</a>
-      </div>
-    {{/if}}
   </div>
-</div>
+</div>

package/src/components/card_bloomreach_media_banner.hbs

@@ -0,0 +1,10 @@
+<div
+    class="card-bloomreach-media-banner product-card"
+    data-slots="{{slots}}"
+    data-dimension="{{dimension}}"
+    data-type="bmb"
+>
+  {{#if htmlContent}}
+    {{{htmlContent}}}
+  {{/if}}
+</div>

package/src/components/card_sponsor_banner.hbs

@@ -4,7 +4,7 @@
 >
   <a class="card-sponsor-banner__link" href="{{href}}">
     <picture class="card-sponsor-banner__picture">
-      <source class="card-sponsor-banner__image" srcset="{{#if mobile-src}}{{mobile-src}}{{else}}{{src}}{{/if}}" media="(max-width: 768px)">
+      <source srcset="{{#if mobile-src}}{{mobile-src}}{{else}}{{src}}{{/if}}" media="(max-width: 768px)">
       <img class="card-sponsor-banner__image" src="{{src}}" alt="banner">
     </picture>
   </a>