From 04e0bbd20259cef3b72a0f487b6f2be21e8a4070 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 17 Sep 2015 21:32:31 -0400 Subject: split gallery into own view --- StoneIsland/www/js/lib/cart/CartView.js | 3 +++ StoneIsland/www/js/lib/products/GalleryView.js | 33 ++++++++++++++++++++++++++ StoneIsland/www/js/lib/products/ProductView.js | 26 ++++++-------------- 3 files changed, 43 insertions(+), 19 deletions(-) create mode 100644 StoneIsland/www/js/lib/products/GalleryView.js (limited to 'StoneIsland/www/js/lib') diff --git a/StoneIsland/www/js/lib/cart/CartView.js b/StoneIsland/www/js/lib/cart/CartView.js index f958f716..5d741492 100644 --- a/StoneIsland/www/js/lib/cart/CartView.js +++ b/StoneIsland/www/js/lib/cart/CartView.js @@ -6,6 +6,9 @@ var CartView = View.extend({ }, initialize: function(){ + this.summary = new CartSummary () + this.billing = new CartBilling () + this.shipping = new CartShipping () }, show: function(){ diff --git a/StoneIsland/www/js/lib/products/GalleryView.js b/StoneIsland/www/js/lib/products/GalleryView.js new file mode 100644 index 00000000..2eabe2a6 --- /dev/null +++ b/StoneIsland/www/js/lib/products/GalleryView.js @@ -0,0 +1,33 @@ +var GalleryView = View.extend({ + + el: "#gallery", + + events: { + "click .left": "prev", + "click .right": "next", + "touchstart .gallery": "touchstart", + "touchmove .gallery": "touchmove", + "touchend .gallery": "touchend", + }, + + initialize: function(){ + this.$prev = this.$(".prev") + this.$next = this.$(".next") + this.$slider = this.$(".slider") + }, + + populate: function(){ + }, + + prev: function(){ + }, + next: function(){ + }, + touchstart: function(e){ + }, + touchmove: function(e){ + }, + touchend: function(e){ + }, + +}) \ No newline at end of file diff --git a/StoneIsland/www/js/lib/products/ProductView.js b/StoneIsland/www/js/lib/products/ProductView.js index 94d43508..e87fa398 100644 --- a/StoneIsland/www/js/lib/products/ProductView.js +++ b/StoneIsland/www/js/lib/products/ProductView.js @@ -13,17 +13,14 @@ var ProductView = View.extend({ el: "#product", events: { - "click .left": "prev", - "click .right": "next", - "touchstart .gallery": "touchstart", - "touchmove .gallery": "touchmove", - "touchend .gallery": "touchend", - "click .size": "select_size", - "click .color": "select_color", - "click .share": "share", + "click .size": "select_size", + "click .color": "select_color", + "click .share": "share", }, initialize: function(){ + this.gallery = new GalleryView () + this.$num = this.$(".num") this.$title = this.$(".title") this.$type = this.$(".type") @@ -36,6 +33,8 @@ var ProductView = View.extend({ show: function(){ document.body.className = "product" }, + hide: function(){ + }, item: null, size: null, @@ -103,17 +102,6 @@ var ProductView = View.extend({ share: function(){ }, - prev: function(){ - }, - next: function(){ - }, - touchstart: function(e){ - }, - touchmove: function(e){ - }, - end: function(e){ - }, - }) -- cgit v1.2.3-70-g09d2