addresses adding properly

1 files changed, 49 insertions, 18 deletions

diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 6b3b6495..00f65146 100644
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -674,6 +674,18 @@
         <div class="container-row">
           <div class="cc"></div>
           <div class="address"></div>
+          <div class="checkbox-container">
+            <div class="checkbox-row">
+              <div class="checkbox-toggle">
+                 <input id="save_as_default_cart_shipping" type="checkbox" name="IsDefault" value="true" required>
+                 <label for="save_as_default_cart_shipping"></label>
+              </div>
+              <label class="checkbox-caption" for="save_as_default_cart_shipping">
+                SAVE AS DEFAULT
+              </label>
+            </div>
+          </div>
+
           </div>
           <div class="container-fill">
             <div class="container-message">
@@ -720,13 +732,44 @@
 <script type="text/html" id="creditcard_template">
   <input type="text" name="Number" placeholder="CREDIT CARD NUMBER" required>
   <div class="half-input">
-  <!-- NOTE text shifted to the left because of dropdown arrow -->
-  <input type="text" onfocus="(this.type='number')" name="ExpirationMonth" placeholder="EXPIRATION MONTH" required>
-  <input type="text" onfocus="(this.type='number')" name="ExpirationYear" placeholder="EXPIRATION YEAR" required>
+
+    <div class="select-wrapper">
+      <span>EXPIRATION MONTH</span>
+      <select name="ExpirationMonth">
+        <option value="NONE">EXPIRATION MONTH</option>
+        <option value="01">01</option>
+        <option value="02">02</option>
+        <option value="03">03</option>
+        <option value="04">04</option>
+        <option value="05">05</option>
+        <option value="06">06</option>
+        <option value="07">07</option>
+        <option value="08">08</option>
+        <option value="09">09</option>
+        <option value="10">10</option>
+        <option value="11">11</option>
+        <option value="12">12</option>
+      </select>
+    </div>
+    <div class="select-wrapper">
+      <span>EXPIRATION YEAR</span>
+      <select name="ExpirationYear">
+        <option value="NONE">EXPIRATION YEAR</option>
+        <option value="2016">2016</option>
+        <option value="2017">2017</option>
+        <option value="2018">2018</option>
+        <option value="2019">2019</option>
+        <option value="2020">2020</option>
+        <option value="2021">2021</option>
+        <option value="2022">2022</option>
+        <option value="2023">2023</option>
+        <option value="2024">2024</option>
+        <option value="2025">2025</option>
+      </select>
+    </div>
   </div>
   <!-- NOTE text shifted to the left because of dropdown arrow -->
-  <input type="text" onfocus="(this.type='number')" name="CVV" placeholder="SECURITY CODE" required>
-  <span class="address"></span>
+  <input type="number" name="CVV" placeholder="SECURITY CODE" required>
 </script>
 
 <script type="text/html" id="address_template">
@@ -806,19 +849,6 @@
     </div>
   </div>
   <input type="number" name="Phone" placeholder="Phone Number">
-
-  <div class="checkbox-container">
-    <div class="checkbox-row">
-      <div class="checkbox-toggle">
-         <input id="save_as_default_cart_shipping" type="checkbox" name="IsDefault" value="true" required>
-         <label for="save_as_default_cart_shipping"></label>
-      </div>
-      <label class="checkbox-caption" for="save_as_default_cart_shipping">
-        SAVE AS DEFAULT
-      </label>
-    </div>
-  </div>
-
 </script>
 
 </body>
@@ -834,6 +864,7 @@
 <script src="js/vendor/promise.js"></script>
 <script src="js/vendor/flickity.pkgd.js"></script>
 <script src="js/vendor/util.js"></script>
+<script src="js/vendor/jquery.creditCardValidator.js"></script>
 
 <script src="js/sdk/_sdk.js"></script>
 <script src="js/sdk/account.js"></script>