some js for orders view

8 files changed, 100 insertions, 4 deletions

diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css
index 0d3d0e57..a06dc8f8 100644
--- a/StoneIsland/www/css/account.css
+++ b/StoneIsland/www/css/account.css
@@ -34,6 +34,12 @@
 }
 
 
+.orders #orders { display: block }
+#orders {
+  display: none;
+}
+
+
 .settings #settings { display: block }
 #settings {
   display: none;
diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 4714a279..8537b7bd 100644
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -421,6 +421,35 @@
     </div>
   </div>
   
+  <div id="orders">
+    <h1>ORDERS</h1>
+    <div id="order_list">
+      <div class="scroll">
+        <script type="text/html" class="template">
+          <div class="item">
+            <div class="details">
+              Details &gt;
+            </div>
+            <div class="txt">
+              {{date}}<br>
+              {{order_id}}<br>
+              {{total}}
+            </div>
+            <div id="images">
+            </div>
+          </div>
+        </script>
+      </div>
+    </div>
+    <div id="single_order">
+      <div class="scroll">
+        <div class="content">
+        </div>
+        <script type="text/html" class="template">
+        </script>
+      </div>
+    </div>
+  </div>
   
   <!-- CART ================================================ -->
 
@@ -653,14 +682,17 @@
 <script src="js/lib/nav/CreditCardView.js"></script>
 <script src="js/lib/nav/NavView.js"></script>
 
-<script src="js/lib/account/LoginView.js"></script>
-<script src="js/lib/account/LogoutView.js"></script>
-<script src="js/lib/account/SignupView.js"></script>
+<script src="js/lib/auth/LoginView.js"></script>
+<script src="js/lib/auth/LogoutView.js"></script>
+<script src="js/lib/auth/SignupView.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>
 <script src="js/lib/account/SettingsView.js"></script>
 <script src="js/lib/account/OrdersView.js"></script>
+<script src="js/lib/account/orders/OrderList.js"></script>
+<script src="js/lib/account/orders/SingleOrder.js"></script>
 
 <script src="js/lib/products/CollectionView.js"></script>
 <script src="js/lib/products/filters/CategoryFilter.js"></script>
diff --git a/StoneIsland/www/js/lib/account/OrdersView.js b/StoneIsland/www/js/lib/account/OrdersView.js
index f269b7cf..66648b36 100644
--- a/StoneIsland/www/js/lib/account/OrdersView.js
+++ b/StoneIsland/www/js/lib/account/OrdersView.js
@@ -1,4 +1,27 @@
-var OrdersView = ScrollableView.extend({
+var OrdersView = View.extend({
 
+  el: "#orders",
+
+  events: {
+    "click .back": "back"
+    "click .details": "load_single"
+  },
+
+  initialize: function(){
+    this.single = new SingleOrder ()
+    this.list = new OrderList ()
+  },
+
+  show: function(){
+    document.body.className = "orders"
+    this.el.className = "list"
+  },
+
+  load_single: function(){
+  },
+
+  back: function(){
+    this.list.show()
+  },
 
 })
diff --git a/StoneIsland/www/js/lib/account/orders/OrderList.js b/StoneIsland/www/js/lib/account/orders/OrderList.js
new file mode 100644
index 00000000..876f609e
--- /dev/null
+++ b/StoneIsland/www/js/lib/account/orders/OrderList.js
@@ -0,0 +1,17 @@
+var OrderList = ScrollableView.extend({
+
+  el: "#order_list",
+  
+  template: $("#order_list .template"),
+
+  initialize: function(opt){
+    this.parent = opt.parent
+    this.scroller = new IScroll('#order_list', app.iscroll_options)
+  },
+
+  show: function(){
+    document.body.className = "orders"
+    app.orders.el.className = "list"
+  },
+  
+})
diff --git a/StoneIsland/www/js/lib/account/orders/SingleOrder.js b/StoneIsland/www/js/lib/account/orders/SingleOrder.js
new file mode 100644
index 00000000..21416401
--- /dev/null
+++ b/StoneIsland/www/js/lib/account/orders/SingleOrder.js
@@ -0,0 +1,18 @@
+var SingleOrder = ScrollableView.extend({
+
+  el: "#single_order",
+
+  template: $("#single_order .template"),
+
+  initialize: function(opt){
+    this.parent = opt.parent
+    this.scroller = new IScroll('#single_order', app.iscroll_options)
+  },
+
+  show: function(id){
+    document.body.className = "orders"
+    app.orders.el.className = "single"
+    this.deferScrollToTop()
+  },
+
+})
diff --git a/StoneIsland/www/js/lib/account/LoginView.js b/StoneIsland/www/js/lib/auth/LoginView.js
index 8c875ae8..8c875ae8 100644
--- a/StoneIsland/www/js/lib/account/LoginView.js
+++ b/StoneIsland/www/js/lib/auth/LoginView.js
diff --git a/StoneIsland/www/js/lib/account/LogoutView.js b/StoneIsland/www/js/lib/auth/LogoutView.js
index 62c925eb..62c925eb 100644
--- a/StoneIsland/www/js/lib/account/LogoutView.js
+++ b/StoneIsland/www/js/lib/auth/LogoutView.js
diff --git a/StoneIsland/www/js/lib/account/SignupView.js b/StoneIsland/www/js/lib/auth/SignupView.js
index 123b47a6..123b47a6 100644
--- a/StoneIsland/www/js/lib/account/SignupView.js
+++ b/StoneIsland/www/js/lib/auth/SignupView.js