diff options
| author | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 07:16:23 +0200 |
|---|---|---|
| committer | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 07:16:23 +0200 |
| commit | 7076343338ae3439f3c86f01144818abe8c31978 (patch) | |
| tree | 794abb1e6b8f821091fd095341885496b6dad51d /html/processed-views/content/StoreLocator | |
| parent | 47cbb529f5723b246125ae083a193e11481b89ef (diff) | |
| download | classroom-7076343338ae3439f3c86f01144818abe8c31978.tar.gz classroom-7076343338ae3439f3c86f01144818abe8c31978.tar.bz2 classroom-7076343338ae3439f3c86f01144818abe8c31978.zip | |
add container helpers; constuct public directory-tree
Diffstat (limited to 'html/processed-views/content/StoreLocator')
4 files changed, 595 insertions, 0 deletions
diff --git a/html/processed-views/content/StoreLocator/StoreLocator.html b/html/processed-views/content/StoreLocator/StoreLocator.html new file mode 100644 index 0000000..ebe6b37 --- /dev/null +++ b/html/processed-views/content/StoreLocator/StoreLocator.html @@ -0,0 +1,70 @@ +<div class="wrapper wrapper--l"> + + <div class="storeFilters"> + + <div class="storeSearch" data-plugin-intersecting="{"target":".storeListWrap"}"> + <div class="storeSearch__inner"> + <p>Βρείτε ένα κατάστημα στην περιοχή σας:</p> + <div class="form"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <input class="field__input field__input--search" + id="Label" + type="text" + placeholder="Ταχυδρομικός Κώδικας ή Διεύθυνση" + /> + <button class="iconButton field__inputClear" data-plugin-clearinput></button> + <button class="iconButton field__inputSubmit"></button> + </div> + + </div> + </div> + </div> + </div> + </div> + </div> + + <!-- include + ./StoreLocator__filters.html + --> + + + </div> + + <div class="storeListWrap"> + + <div class="storeList active" data-tabToggle-content="tab-1"> + + + <!-- + FOR store in stores + { + include + ./StoreLocator__storeTile.html + } + --> + + + + </div> + + <!-- include + ./StoreLocator__storeMap.html + --> + + + <!-- List|Map toggler --> + <div class="tabToggle" data-plugin-tabToggle> + <ul class="tabToggle__tabs"> + <li class="tabToggle__tab active" data-tabToggle-target="tab-1">Λίστα</li> + <li class="tabToggle__tab" data-tabToggle-target="tab-2">Χάρτης</li> + </ul> + </div> + + </div> +</div> diff --git a/html/processed-views/content/StoreLocator/StoreLocator__fitlers.html b/html/processed-views/content/StoreLocator/StoreLocator__fitlers.html new file mode 100644 index 0000000..934e3a8 --- /dev/null +++ b/html/processed-views/content/StoreLocator/StoreLocator__fitlers.html @@ -0,0 +1,414 @@ +<!-- RAW--> +<div class="filters filters--listResults" data-plugin-filters> + <button class="filters__mobButton iconButton iconButton--b icon-filters"> + <span class="filters__mobButtonText">Φίλτρα</span> + </button> + <div class="filters__inner"> + <div class="filters__titleWrap"> + <button class="filters__close iconButton icon-close"></button> + <h2 class="filters__title">Φίλτρα</h2> + <button class="filtersClearAll link link--s">Καθαρισμός όλων</button> + </div> + <div class="filters__itemsWrap"> + +<div class="filters__item filter filter--closed" data-qa="Filter_storeType" data-plugin-filterStatus data-inputname="storeType"> + <h3 class="filter__title"> + Τύπος Καταστήματος + <span class="filter__titleIcon"></span> + </h3> + <div class="filter__content"> + <div class="filter__main scrollbarShadow scrollbarShadow--vert" data-plugin-scrollShadowVert="{"initialize":true}"> + <div class="scrollbar"> + <div class="filter__list scrollbar__inner"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_0"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_0" name="storeType" value="Item_0" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(23)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_1"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_1" name="storeType" value="Item_1" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(92)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_2"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_2" name="storeType" value="Item_2" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 2</span> + <span class="filter__no">(33)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_3"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_3" name="storeType" value="Item_3" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 3</span> + <span class="filter__no">(24)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_4"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_4" name="storeType" value="Item_4" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 4</span> + <span class="filter__no">(8)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_5"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_5" name="storeType" value="Item_5" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 5</span> + <span class="filter__no">(50)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_6"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_6" name="storeType" value="Item_6" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 6</span> + <span class="filter__no">(29)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_7"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_7" name="storeType" value="Item_7" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 7</span> + <span class="filter__no">(78)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_8"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_8" name="storeType" value="Item_8" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 8</span> + <span class="filter__no">(93)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_9"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_9" name="storeType" value="Item_9" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 9</span> + <span class="filter__no">(82)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_10"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_10" name="storeType" value="Item_10" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 10</span> + <span class="filter__no">(81)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_11"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_11" name="storeType" value="Item_11" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 11</span> + <span class="filter__no">(58)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_12"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_12" name="storeType" value="Item_12" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 12</span> + <span class="filter__no">(62)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_13"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_13" name="storeType" value="Item_13" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 13</span> + <span class="filter__no">(33)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_14"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_14" name="storeType" value="Item_14" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 14</span> + <span class="filter__no">(19)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_15"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_15" name="storeType" value="Item_15" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 15</span> + <span class="filter__no">(33)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_16"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_16" name="storeType" value="Item_16" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 16</span> + <span class="filter__no">(21)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_17"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_17" name="storeType" value="Item_17" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 17</span> + <span class="filter__no">(96)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_18"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_18" name="storeType" value="Item_18" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 18</span> + <span class="filter__no">(94)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_19"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_19" name="storeType" value="Item_19" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 19</span> + <span class="filter__no">(32)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="storeType_20"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_20" name="storeType" value="Item_20" disabled /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 20</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="filtersLinks"> + <button class="button button--s button--border button--full filtersApply filters__close">Εφαρμογή</button> + <button class="filtersClear link">Αφαίρεση όλων</button> + </div> + </div> +</div> + + +<div class="filters__item filter filter--closed" data-qa="Filter_services" data-plugin-filterStatus data-inputname="services"> + <h3 class="filter__title"> + Υπηρεσίες + <span class="filter__titleIcon"></span> + </h3> + <div class="filter__content"> + <div class="filter__main scrollbarShadow scrollbarShadow--vert" data-plugin-scrollShadowVert="{"initialize":true}"> + <div class="scrollbar"> + <div class="filter__list scrollbar__inner"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_0"> + <input class="checkbox__input filter__input" type="checkbox" id="services_0" name="services" value="Item_0" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(7)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_1"> + <input class="checkbox__input filter__input" type="checkbox" id="services_1" name="services" value="Item_1" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(13)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_2"> + <input class="checkbox__input filter__input" type="checkbox" id="services_2" name="services" value="Item_2" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 2</span> + <span class="filter__no">(94)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_3"> + <input class="checkbox__input filter__input" type="checkbox" id="services_3" name="services" value="Item_3" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 3</span> + <span class="filter__no">(63)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_4"> + <input class="checkbox__input filter__input" type="checkbox" id="services_4" name="services" value="Item_4" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 4</span> + <span class="filter__no">(85)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_5"> + <input class="checkbox__input filter__input" type="checkbox" id="services_5" name="services" value="Item_5" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 5</span> + <span class="filter__no">(13)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_6"> + <input class="checkbox__input filter__input" type="checkbox" id="services_6" name="services" value="Item_6" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 6</span> + <span class="filter__no">(57)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_7"> + <input class="checkbox__input filter__input" type="checkbox" id="services_7" name="services" value="Item_7" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 7</span> + <span class="filter__no">(15)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="services_8"> + <input class="checkbox__input filter__input" type="checkbox" id="services_8" name="services" value="Item_8" disabled /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 8</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="filtersLinks"> + <button class="button button--s button--border button--full filtersApply filters__close">Εφαρμογή</button> + <button class="filtersClear link">Αφαίρεση όλων</button> + </div> + </div> +</div> + + +<div class="filters__item filter" data-qa="Filter_generic" data-plugin-filterStatus data-inputname="generic"> + <div class="filter__list filter__list--inline"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="generic_0"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_0" name="generic" value="Item_0" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(40)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="generic_1"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_1" name="generic" value="Item_1" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(84)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="generic_2"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_2" name="generic" value="Item_2" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 2</span> + <span class="filter__no">(34)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="generic_3"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_3" name="generic" value="Item_3" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 3</span> + <span class="filter__no">(73)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="generic_4"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_4" name="generic" value="Item_4" disabled /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 4</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> +</div> + + </div> + <div class="filtersLinks filtersLinks--all"> + <button class="button button--border filtersApply filters__close">Εφαρμογή</button> + </div> + </div> +</div>
\ No newline at end of file diff --git a/html/processed-views/content/StoreLocator/StoreLocator__storeMap.html b/html/processed-views/content/StoreLocator/StoreLocator__storeMap.html new file mode 100644 index 0000000..7d6ff2f --- /dev/null +++ b/html/processed-views/content/StoreLocator/StoreLocator__storeMap.html @@ -0,0 +1,77 @@ +<div class="storeMap" data-tabToggle-content="tab-2"> + +<!-- store feature-pins--> +<div style="position:absolute;top:10px;left:0;"> + <div class="pin"> + <img class="lazy" data-src="/Content/media/pins/pin-single-store.svg" /> + </div> + <div class="pin"> + <img class="lazy" data-src="/Content/media/pins/pin-pick-up.svg" /> + </div> + <div class="pin"> + <img class="lazy" data-src="/Content/media/pins/pin-delivery.svg" /> + </div> + <div class="pin"> + <img class="lazy" data-src="/Content/media/pins/pin-multiple.svg" /> + <span class="pin__count">19</span> + </div> +</div> + + <div style="position: absolute; top: 100px;right: 20px;z-index:1;"> + <div class="mapInfo"> + <button class="mapInfo__close iconButton icon-close"></button> + +<!-- STORE TILE INFO BOX --> +<div class="storeTile"> + <div class="storeTile__inner"> + + <div class="storeTile__thumbnail"> + + <figure > + <picture> + <source data-srcset="/images/266x115/jpg/Content/media/stores/announcement1.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/266x115/jpg/Content/media/stores/announcement1.jp2" type="image/jp2" class="lazysrcset" /> + + + <img data-src="/images/266x115/jpg/Content/media/stores/announcement1.jpg" alt="Χολαργός" class="lazy" /> + </picture> + </figure> + </div> + + <h2 class="storeTile__title"><!-- Store Title --></h2> + + <p class="storeTile__address"><!-- Store Address -->></p> + + <div class="storeTileSpecs"> + <div class="storeTileSpecs__iconWrap"> + <span class="storeTileSpecs__icon icon icon-cafe"></span> + <span class="storeTileSpecs__icon icon icon-storeSevice1"></span> + <span class="storeTileSpecs__icon icon icon-restaurant"></span> + <span class="storeTileSpecs__icon icon icon-parking"></span> + <span class="storeTileSpecs__iconInfo">(56 θέσεις)</span> + </div> + <a href="Store Locator.html#" class="link link--s"> + <span>Περισσότερα</span> + <span class="icon icon-arrowRight--b"></span> + </a> + </div> + + <div class="storeTileOrder"> + <span class="storeTileOrder__icon icon icon-store"></span> + <div class="storeTileOrder__info"> + <p class="storeTileOrder__details">Δυνατότητα online αγορών με παραλαβή από το Κατάστημα</p> + <p class="storeTileOrder__availability">Επόμενη διαθεσιμότητα: Σήμερα, 12/10/2021, από 11:00</p> + </div> + <div class="storeTileOrder__actions"> + <button class="button button--border">Παραγγελία</button> + </div> + </div> + + </div> +</div> + + </div> + </div> + + <span style="position: absolute;top: calc(50% - 10px);right:0;left:0;text-align: center">MAP PLACEHOLDER</span> +</div>
\ No newline at end of file diff --git a/html/processed-views/content/StoreLocator/StoreLocator__storeTile.html b/html/processed-views/content/StoreLocator/StoreLocator__storeTile.html new file mode 100644 index 0000000..0d3c256 --- /dev/null +++ b/html/processed-views/content/StoreLocator/StoreLocator__storeTile.html @@ -0,0 +1,34 @@ +<div class="storeTile"> + <div class="storeTile__inner"> + + <h2 class="storeTile__title"><!-- Store Title-->></h2> + + <p class="storeTile__address"><!-- Store Address -->></p> + + <div class="storeTileSpecs"> + <div class="storeTileSpecs__iconWrap"> + <span class="storeTileSpecs__icon icon icon-cafe"></span> + <span class="storeTileSpecs__icon icon icon-storeSevice1"></span> + <span class="storeTileSpecs__icon icon icon-restaurant"></span> + <span class="storeTileSpecs__icon icon icon-parking"></span> + <span class="storeTileSpecs__iconInfo"><!-- Parking Number of Positions --></span> + </div> + <a href="#" class="link link--s"> + <span>Περισσότερα</span> + <span class="icon icon-arrowRight--b"></span> + </a> + </div> + + <div class="storeTileOrder"> + <span class="storeTileOrder__icon icon icon-store"></span> + <div class="storeTileOrder__info"> + <p class="storeTileOrder__details"><!-- demo -->Δυνατότητα online αγορών με παραλαβή από το Κατάστημα</p> + <p class="storeTileOrder__availability"><!-- demo -->Επόμενη διαθεσιμότητα: Σήμερα, 12/10/2021, από 11:00</p> + </div> + <div class="storeTileOrder__actions"> + <button class="button button--border">Παραγγελία</button> + </div> + </div> + + </div> +</div>
\ No newline at end of file |
