diff options
Diffstat (limited to 'public/assets/js/modals/some_modal.js')
| -rw-r--r-- | public/assets/js/modals/some_modal.js | 100 |
1 files changed, 0 insertions, 100 deletions
diff --git a/public/assets/js/modals/some_modal.js b/public/assets/js/modals/some_modal.js deleted file mode 100644 index 112a408..0000000 --- a/public/assets/js/modals/some_modal.js +++ /dev/null @@ -1,100 +0,0 @@ -// delivery options modal -// ----------------------------------------------------------------------------- - -// html -var some_modal__inner_html = ` - <div class="wrapper"> - - <div class="sectionTitle"> - <div class="sectionTitle__main"> - <h2>Πώς επιθυμείτε να πραγματοποιήσετε τις online αγορές σας;</h2> - <p>Επιλέξτε μια υπηρεσία για να δείτε την διαθέσιμη ποικιλία προϊόντων!</p> - </div> - </div> - - <div class="radio-cards"> - <div class="radio-cards--container outputsRow"> - - <label class="radio-card output output--init"> - <input class="state" type="radio" value="1" name="output" /> - - <div class="output__inner"> - <p class="output__banner output--delivery"></p> - <p class="output__title">Lorem Ipsum</p> - <ul class="hide--under-M"> - <li>Vivamus nunc justo, scelerisque ut erat et, sagittis fermentum sem.</b>.</li> - </ul> - </div> - </label> - - <label class="radio-card output output--init"> - <input class="state" type="radio" value="2" name="output" /> - - <div class="output__inner"> - <p class="output__banner output--pickup"></p> - <p class="output__title">Nunc eleifend</p> - <ul class="hide--under-M"> - <li>Fusce arcu urna, pharetra nec nisi id, congue iaculis mauris.</b></li> - </ul> - </div> - </label> - - </div> - </div> - <hr /> - <p> - Donec arcu magna, pretium a arcu et, tristique malesuada dolor. - In fermentum ante ut dignissim laoreet. - Morbi sodales ex sem, non commodo ex hendrerit eu. - </p> - <div class="btnWrap btnWrap--hCenter"> - <button data-qa="form_back" class="button button--border">επιστροφή</button> - <button id="registration_submit" data-qa="form_submit" class="button widthAuto" type="submit">Επόμενο</button> - </div> - </div>`; - - - -// the modal object ------------------------------------------------------------ -//////////////////////////////////////////////////////////////////////////////// - -var delivery_options_modal = { - - classes : [ 'modal--l' ], - - html : () => { return delivery_options__inner_html; }, - - init : function() { - // if cokie exist, mark slection - console.log('set values from cookie'); - }, - - events : { - - 'input[name="output"]' : { - change : function () { - v = document.querySelector('input[name="output"]:checked').value; - // setup cookie; keep the selected value; - // + set reset timeslot )in case selection is aproved - console.log(v); - } - }, - - '.go-back' : { - click: function () { - console.log('close modal'); - } - }, - - '#registration_submit': { - click: function() { window._Modals_.use('some_other_modal'); } - } - - } - -} - - -// attach to _Modals_ -// ----------------------------------------------------------------------------- -window._Modals_.attach('delivery-options', delivery_options_modal); |
