summaryrefslogtreecommitdiff
path: root/StoneIsland/platforms/ios/www/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/platforms/ios/www/index.html')
-rw-r--r--StoneIsland/platforms/ios/www/index.html310
1 files changed, 257 insertions, 53 deletions
diff --git a/StoneIsland/platforms/ios/www/index.html b/StoneIsland/platforms/ios/www/index.html
index aeb1eb61..1f5a8f55 100644
--- a/StoneIsland/platforms/ios/www/index.html
+++ b/StoneIsland/platforms/ios/www/index.html
@@ -27,7 +27,7 @@
<link rel="stylesheet" type="text/css" href="css/blogs.css">
<title>Stone Island</title>
</head>
-<body>
+<body class="loading">
<div id="nav">
<div id="nav-container">
@@ -163,23 +163,34 @@
<div id="archive">
<div class="scroll">
- <h1>ARCHIVE</h1>
- <div class="subtitle">'982-'015</div>
<div class="content">
<script type="text/html" class="template">
- <img src="{{image}}">
- <div class="above">
- <h2>
- <b>{{code}}</b><br>
- {{title}}
- </h2>
- <div class="body">
- {{body}}
+ <div class="row">
+ <div class="image" style="background-image:url({{image}})"></div>
+ <div class="text">
+ <h2>
+ <b>{{code}}</b><br>
+ {{label}}
+ </h2>
+ <div class="body">
+ {{caption}}
+ </div>
</div>
</div>
</script>
</div>
</div>
+ <div class="menu">
+ <div class="items">
+ <script type="text/html" class="template">
+ <div class="item">{{title}}</div>
+ </script>
+ </div>
+ </div>
+ <div class="heading">
+ <h1>ARCHIVE</h1>
+ <div class="subtitle">'982-'015</div>
+ </div>
</div>
<div id="privacy" class="page">
@@ -535,7 +546,14 @@
<!-- CART ================================================ -->
<div id="cart">
- <h1>YOUR CART / <span class="itemcount"></h1>
+ <h1>
+ <span class="full_msg">
+ YOUR CART / <span class="itemcount"></span>
+ </span>
+ <span class="empty_msg">
+ YOUR CART IS EMPTY
+ </span>
+ </h1>
<div class="steps">
<span class="summary_step">SUMMARY</span>
@@ -601,24 +619,28 @@
<div id="cart_shipping">
<div class="scroll">
<form>
- <div class="add_edit">add/edit</div>
- <div class="select_address">
- ADDRESS
+ <div class="dropdown-wrapper">
+ <div class="dropdown-title add_edit">add / edit</div>
+ <div class="dropdown select_address">
+ ADDRESS
+ </div>
</div>
- <div class="address_form">
- <div class="address"></div>
- <div class="checkbox-container">
+ <div class="address_list checkbox-container">
+ <script type="text/html" class="template">
<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>
+ <input id="address-checkbox-{{id}}" type="radio" name="AddressId" value="{{id}}" {{checked}}>
+ <label for="address-checkbox-{{id}}"></label>
</div>
- <label class="checkbox-caption" for="save_as_default_cart_shipping">
- SAVE AS DEFAULT
+ <label class="checkbox-caption" for="address-checkbox-{{id}}">
+ {{name}}<br>
+ {{address}}<br>
+ {{city}}, {{state}} {{zip}}
</label>
</div>
- </div>
+ </script>
</div>
+ <div class="address"></div>
<h3>SHIPPING METHOD</h3>
@@ -629,7 +651,7 @@
<label for="express-shipping"></label>
</div>
<label class="checkbox-caption" for="express-shipping">
- <b>COMPLIMENTARY EXPRESS $10</b><br>
+ <b>COMPLIMENTARY EXPRESS $19.50</b><br>
(DELIVERY IN 2-4 WORKING DAYS)
</label>
</div>
@@ -639,12 +661,23 @@
<label for="standard-shipping"></label>
</div>
<label class="checkbox-caption" for="standard-shipping">
- <b>STANDARD SHIPPING</b><br>
+ <b>STANDARD SHIPPING $9.50</b><br>
(DELIVERY IN 5-8 WORKING DAYS)
</label>
</div>
</div>
+ <div class="container-row">
+ <div class="container-fill">
+ <div class="container-message">
+ <span class="msg">
+ * Your personal and payment<br>
+ information will always remain private
+ </span>
+ </div>
+ </div>
+ </div>
+
</form>
</div>
</div>
@@ -652,20 +685,86 @@
<div id="cart_payment">
<div class="scroll">
<form>
- <div class="billing-container container">
- <div class="container-row">
- <div class="cc"></div>
- <div class="address"></div>
- </div>
- <div class="container-fill">
- <div class="container-message">
- <span class="msg">
- * Your personal and payment<br>
- information will always remain private
- </span>
+
+ <div class="billing-container container">
+ <div class="container-row">
+
+ <div class="checkbox-container">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="same-as-shipping" type="checkbox" name="SameAsShipping" value="true">
+ <label for="same-as-shipping"></label>
+ </div>
+ <label class="checkbox-caption" for="same-as-shipping">
+ SAME AS SHIPPING ADDRESS
+ </label>
+ </div>
+ </div>
+
+ <div class="billing_address_rapper">
+
+ <div class="address_dropdown dropdown-wrapper">
+ <div class="dropdown-title add_edit">add / edit</div>
+ <div class="dropdown select_address">
+ BILLING ADDRESS
+ </div>
+ </div>
+ <div class="address_list checkbox-container">
+ <script type="text/html" class="address_template">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="address-checkbox-{{id}}" type="radio" name="AddressId" value="{{id}}" {{checked}}>
+ <label for="address-checkbox-{{id}}"></label>
+ </div>
+ <label class="checkbox-caption" for="address-checkbox-{{id}}">
+ {{name}}<br>
+ {{address}}<br>
+ {{city}}, {{state}} {{zip}}
+ </label>
+ </div>
+ </script>
+ </div>
+
+ <div class="address"></div>
+
+ </div>
+
+ <div class="cc_dropdown dropdown-wrapper">
+ <div class="dropdown-title add_edit">add / edit</div>
+ <div class="dropdown select_address">
+ PAYMENT METHOD
+ </div>
+ </div>
+
+ <div class="cc_list checkbox-container">
+ <script type="text/html" class="cc_template">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="cc-checkbox-{{id}}" type="radio" name="CCId" value="{{id}}" {{checked}}>
+ <label for="cc-checkbox-{{id}}"></label>
+ </div>
+ <label class="checkbox-caption" for="cc-checkbox-{{id}}">
+ XXXX XXXX XXXX {{last4}}<br>
+ {{type}} {{exp}}
+ </label>
+ </div>
+ </script>
+ </div>
+
+ <div class="cc"></div>
+
+ </div>
+
+ <div class="container-fill">
+ <div class="container-message">
+ <span class="msg">
+ * Your personal and payment<br>
+ information will always remain private
+ </span>
+ </div>
</div>
</div>
- </div>
+
</form>
</div>
</div>
@@ -673,6 +772,62 @@
<div id="cart_confirm">
<div class="scroll">
<h1>CONFIRM</h1>
+
+ <div class="order_section">
+ <h2>ORDER SUMMARY</h2>
+
+ <div class="rows">
+ <script type="text/html" class="template">
+ <div class="cart_item_info">
+ <span class="sku">{{sku}}</span>
+ <span class="title">{{title}}</span>
+ <span class="type">{{type}}</span>
+ <div class="meta">
+ <div class="meta-size"><b>SIZE:</b> {{size}}</div>
+ <div class="meta-color"><b>COLOR:</b> {{color}}</div>
+ <div class="meta-quantity"><b>QUANTITY:</b> {{quantity}}</div>
+ </div>
+ </div>
+ <div class="cart_item_price">
+ <span class="price">{{price}}</span>
+ </div>
+ </script>
+ </div>
+ <div class="cart-summary">
+ <div class="cart-summary-row">
+ <span class="label">SUB TOTAL</span>
+ <span class="subtotal"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">ESTIMATED SHIPPING<br>& HANDLING</span>
+ <span class="shipping"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">TAX</span>
+ <span class="tax"></span>
+ </div>
+ <div class="cart-summary-row">
+ <span class="label">TOTAL</span>
+ <span class="total"></span>
+ </div>
+ </div>
+ </div>
+
+ <div class="order_section">
+ <h2>SHIP TO</h2>
+
+ <div class="shipping_address"></div>
+ <div class="shipping_method"></div>
+ </div>
+
+ <div class="order_section">
+ <h2>BILL TO</h2>
+
+ <div class="payment_name"></div>
+ <div class="payment_method"></div>
+ <div class="payment_address"></div>
+ </div>
+
</div>
</div>
@@ -700,15 +855,45 @@
</div>
<script type="text/html" id="creditcard_template">
- <input type="text" name="Number" placeholder="CREDIT CARD NUMBER" required>
+ <input type="number" 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">
@@ -720,8 +905,8 @@
<input type="text" name="City" placeholder="City">
<div class="select-wrapper">
<span>STATE</span>
- <select name="State">
- <option value="NONE">State</option>
+ <select name="Province">
+ <option value="NONE" selected>State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
@@ -777,14 +962,31 @@
</div>
</div>
<div class="half-input">
- <input type="text" name="Zip" placeholder="ZIP" required>
- <div id="country-wrapper">
+ <input type="text" name="ZipCode" placeholder="ZIP" required>
+ <div class="country-wrapper-static">
+ UNITED STATES
+<!--
<div id="country-select">
<input type="text" name="Country" placeholder="UNITED STATES" required>
</div>
+ -->
</div>
</div>
- <input type="number" name="Phone" placeholder="Phone Number">
+ <input type="text" name="Phone" placeholder="PHONE NUMBER">
+<!--
+ <div class="checkbox-container save_as_default">
+ <div class="checkbox-row">
+ <div class="checkbox-toggle">
+ <input id="save_as_default_cart_shipping" type="checkbox" name="IsDefault" value="true">
+ <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>
@@ -800,10 +1002,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/view/view.js"></script>
-<script src="js/vendor/view/router.js"></script>
-<script src="js/vendor/view/scrollable.js"></script>
-<script src="js/vendor/view/serializable.js"></script>
+<script src="js/vendor/jquery.creditCardValidator.js"></script>
<script src="js/sdk/_sdk.js"></script>
<script src="js/sdk/account.js"></script>
@@ -814,6 +1013,11 @@
<script src="js/sdk/product.js"></script>
<script src="js/sdk/shipping.js"></script>
+<script src="js/lib/view/View.js"></script>
+<script src="js/lib/view/Router.js"></script>
+<script src="js/lib/view/Scrollable.js"></script>
+<script src="js/lib/view/Serializable.js"></script>
+
<script src="js/lib/cart/CartView.js"></script>
<script src="js/lib/cart/CartPayment.js"></script>
<script src="js/lib/cart/CartShipping.js"></script>
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 17:30:00 +0000