From ec92c9432cf452badb6cca2c41e41d0546006692 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 24 Jul 2018 18:18:50 +0200
Subject: many updates. consent modal

---
 StoneIsland/www/index.html | 71 +++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 64 insertions(+), 7 deletions(-)

(limited to 'StoneIsland/www/index.html')

diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 18becf7f..41603e42 100755
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -44,17 +44,18 @@
       <span class="archive">ARCHIVE</span>
     </div>
     <div class="account_menu">
-      <span class="account_back menu-emphasis">&lt; ACCOUNT</span>
-      <span class="profile">PROFILE</span>
-      <span class="payment">PAYMENT</span>
-      <span class="shipping">SHIPPING</span>
-      <span class="orders">ORDERS</span>
-      <span class="return_link">RETURN</span>
+      <span class="account_back menu-emphasis">&lt; MY ACCOUNT</span>
+      <span class="profile">MY PROFILE</span>
+      <span class="payment">MY CARD</span>
+      <span class="shipping">ADDRESS BOOK</span>
+      <span class="orders">MY ORDERS</span>
+      <span class="return_link">RETURNS</span>
       <span class="settings">NOTIFICATIONS</span>
     </div>
     <div class="faq_menu">
       <span class="faq_back menu-emphasis">&lt; FAQ</span>
       <span class="privacy">PRIVACY POLICY</span>
+      <span class="account_terms">MY ACCOUNT TERMS AND CONDITIONS OF USE</span>
       <span class="terms">TERMS AND CONDITIONS</span>
       <span class="returns">RETURN POLICY</span>
       <span class="care">CUSTOMER CARE</span>
@@ -205,6 +206,12 @@
       <div class="content"></div>
     </div>
   </div>
+  <div id="account_terms" class="page">
+    <div class="scroll">
+      <h1>MY ACCOUNT TERMS AND CONDITIONS OF USE</h1>
+      <div class="content"></div>
+    </div>
+  </div>
   <div id="terms" class="page">
     <div class="scroll">
       <h1>TERMS AND CONDITIONS</h1>
@@ -356,7 +363,7 @@
           <input type="email" name="Email" placeholder="EMAIL ADDRESS" required tabindex="3">
           <input type="email" name="ConfirmEmail" placeholder="CONFIRM EMAIL ADDRESS" required tabindex="4">
           <div class="select-wrapper date-wrapper">
-            <span>BIRTHDAY (OPTIONAL)</span>
+            <span>BIRTHDAY (MM/DD/YYYY)</span>
             <input type="date" name="BirthDay" min="1900-01-01" placeholder="BIRTHDAY (MM/DD/YYYY)" required tabindex="5">
           </div>
 
@@ -385,6 +392,15 @@
                   I agree that YOOX NET-A-PORTER GROUP and SPORTSWEAR COMPANY may collect my personal information for creating a profile of my shopping habits.
                 </label>
               </div>
+              <div class="checkbox-row">
+                <div class="checkbox-toggle">
+                   <input type="checkbox" id="checkbox-shopping-account-terms" name="AccountTerms" value="true" required tabindex="9">
+                   <label for="checkbox-shopping-data-profiling"></label>
+                </div>
+                <label class="checkbox-caption" for="checkbox-shopping-account-terms">
+                  Accept account terms and conditions of use
+                </label>
+              </div>
               <div class="container-message submessage">
                 <span class="msg"></span>
               </div>
@@ -468,6 +484,9 @@
                 * Your personal and payment<br>
                 information will always remain private
               </span>
+              <div class="privacy-msg">
+                Consult our <u>PRIVACY POLICY</u> for further information.
+              </div>
             </div>
           </div>
         </div>
@@ -490,6 +509,9 @@
                 * Your personal and payment<br>
                 information will always remain private           
               </span>
+              <div class="privacy-msg">
+                Consult our <u>PRIVACY POLICY</u> for further information.
+              </div>
             </div>
           </div>
         </div>
@@ -735,6 +757,9 @@
                   * Your personal and payment<br>
                   information will always remain private           
                 </span>
+                <div class="privacy-msg">
+                  Consult our <u>PRIVACY POLICY</u> for further information.
+                </div>
               </div>
             </div>
           </div>
@@ -825,6 +850,9 @@
                   * Your personal and payment<br>
                   information will always remain private           
                 </span>
+                <div class="privacy-msg">
+                  Consult our <u>PRIVACY POLICY</u> for further information.
+                </div>
               </div>
             </div>
           </div>
@@ -921,6 +949,34 @@
     <div class="loader"></div>
   </div>
 
+  <div class="modal" id="consent_modal">
+    YOUR MY ACCOUNT
+    <br><br>
+    We have improved the My Account Terms and Conditions of Use.
+    <br><br>
+    <div class="checkbox-container account_terms_consent">
+      <div class="checkbox-row">
+        <div class="checkbox-toggle">
+           <input id="modal_account_terms_consent" type="checkbox" name="AccountTermsConsent" value="true">
+           <label for="account_terms_consent"></label>
+        </div>
+        <label class="checkbox-caption" for="modal_account_terms_consent">
+          Accept <a href='#/page/account_terms'>My Account Terms and Conditions of Use</a> *
+        </label>
+      </div>
+    </div>
+    <div id="consent_error">Please note that if you do not consent to terms, you cannot use the app.</div>
+    <br><br>
+    For more information, please consult our
+    <a href="#/page/privacy">Privacy Policy</a> or visit
+    <a href="#" id="care-link">Customer Care</a>.
+    <br><br>
+    To continue to My Account we invite you to click accept. Otherwise you can continue to navigate as an unregistered user.
+    <br><br>
+    <button id="consent_proceed">PROCEED</button>
+    <button id="consent_logout">LOG OUT</button>
+  </div>
+
   <div id="selector">
     <div class="options">
       <script type="text/html" class="template">
@@ -1147,6 +1203,7 @@
 <script src="js/lib/auth/SignupView.js"></script>
 
 <script src="js/lib/account/AccountView.js"></script>
+<script src="js/lib/account/ConsentModal.js"></script>
 <script src="js/lib/account/ProfileView.js"></script>
 <script src="js/lib/account/PaymentView.js"></script>
 <script src="js/lib/account/ShippingView.js"></script>
-- 
cgit v1.2.3-70-g09d2