populate selector

1 files changed, 71 insertions, 62 deletions

diff --git a/StoneIsland/platforms/ios/www/index.html b/StoneIsland/platforms/ios/www/index.html
index 652cce9a..86ad6d52 100644
--- a/StoneIsland/platforms/ios/www/index.html
+++ b/StoneIsland/platforms/ios/www/index.html
@@ -76,91 +76,97 @@
   </div>
   
   <div id="story">
-    <h1>STORY</h1>
-    <div class="content">
-      <script type="text/html" class="template">
-        <div>
-          <img src="{{image}}">
-          <span class="date">{{date}}</span>
-          <span class="title">{{title}}</span>
-          <div class="body">{{body}}</div>
-        </div>
-      </script>
+    <div class="scroll">
+      <h1>STORY</h1>
+      <div class="content">
+        <script type="text/html" class="template">
+          <div>
+            <img src="{{image}}">
+            <span class="date">{{date}}</span>
+            <span class="title">{{title}}</span>
+            <div class="body">{{body}}</div>
+          </div>
+        </script>
+      </div>
     </div>
   </div>
 
   <div id="hub">
-    <h1>HUB</h1>
-    <div class="content">
-      <script type="text/html" class="template">
-        <div>
-          <img src="{{image}}">
-          <span class="title"><b>{{sku}}</b> {{title}}</span>
-          <span class="subtitle">{{subtitle}}</span>
-          <div class="body">{{body}}</div>
-        </div>
-      </script>
+    <div class="scroll">
+      <h1>HUB</h1>
+      <div class="content">
+        <script type="text/html" class="template">
+          <div>
+            <img src="{{image}}">
+            <span class="title"><b>{{code}}</b> {{title}}</span>
+            <span class="subtitle">{{subtitle}}</span>
+            <div class="body">{{body}}</div>
+          </div>
+        </script>
+      </div>
     </div>
   </div>
 
   <div id="archive">
-    <h1>ARCHIVE</h1>
-    <div class="content">
-      <script type="text/html" class="template">
-        <img src="{{image}}">
-        <div class="above">
-          <h2>
-            <b>{{sku}}</b><br>
-            {{title}}
-          </h2>
-          <div class="body">
-            {{body}}
+    <div class="scroll">
+      <h1>ARCHIVE</h1>
+      <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>
           </div>
-        </div>
-      </script>
+        </script>
+      </div>
     </div>
   </div>
   
   <div id="collection">
-    <h1>COLLECTION NAME</h1>
-    <div class="loader"></div>
-    <div class="content">
-      <script type="text/html" class="template">
-        <div data-code="{{code8}}">
-          <img src="{{image}}">
-        </div>
-      </script>
+    <div class="scroll">
+      <h1>COLLECTION NAME</h1>
+      <div class="loader"></div>
+      <div class="content">
+        <script type="text/html" class="template">
+          <div class="item" data-code="{{code8}}">
+            <img src="{{image}}">
+          </div>
+        </script>
+      </div>
     </div>
   </div>
   
-  
   <div id="product">
-    <span class="left"></span>
-    <span class="right"></span>
-    <div class="gallery">
-      <img src="">
-    </div>
-    <span class="title"></span>
-    <span class="type"></span>
-    <span class="price"></span>
-    <span class="style">
-      <span class="size"></span>
-      <span class="color"></span>
-    </span>
-    <span class="share">SHARE +</span>
-    <div class="body">
+    <div class="scroll">
+      <span class="left"></span>
+      <span class="right"></span>
+      <div class="gallery">
+        <img src="">
+      </div>
+      <div class="content">
+        <h2><b class="num"></b><span class="title"></h2>
+        <span class="type"></span>
+        <span class="price"></span>
+        <span class="style">
+          <span class="size"></span>
+          <span class="color"></span>
+        </span>
+        <span class="share">SHARE +</span>
+        <div class="body">
+        </div>
+      </div>
     </div>
   </div>
   
   
   <div id="selector">
     <span class="close"></span>
-    <div>
-      <span>X-SMALL</span>
-      <span>SMALL</span>
-      <span>MEDIUM</span>
-      <span>LARGE</span>
-      <span>X-LARGE</span>
+    <div class="options">
     </div>
   </div>
 
@@ -328,6 +334,8 @@
 <script src="cordova.js"></script>
 <script src="js/vendor/jquery-2.1.4.min.js"></script>
 <script src="js/vendor/fastclick.js"></script>
+<script src="js/vendor/iscroll.js"></script>
+<script src="js/vendor/loader.js"></script>
 <script src="js/vendor/lodash.min.js"></script>
 <script src="js/vendor/oktween.js"></script>
 <script src="js/vendor/util.js"></script>
@@ -351,6 +359,7 @@
 <script src="js/lib/products/ProductView.js"></script>
 <script src="js/lib/products/Selector.js"></script>
 
+<script src="js/lib/blogs/BlogView.js"></script>
 <script src="js/lib/blogs/ArchiveView.js"></script>
 <script src="js/lib/blogs/HubView.js"></script>
 <script src="js/lib/blogs/StoryView.js"></script>