Commit b1e9dfaf901089394edf9f2af0a6bdcf74238d1d
Exists in
master
and in
22 other branches
Merge branch 'merge-requests/290' into stable
Showing
4 changed files
with
190 additions
and
97 deletions
Show diff stats
plugins/shopping_cart/controllers/shopping_cart_plugin_controller.rb
| @@ -13,9 +13,15 @@ class ShoppingCartPluginController < PublicController | @@ -13,9 +13,15 @@ class ShoppingCartPluginController < PublicController | ||
| 13 | def get | 13 | def get |
| 14 | config = | 14 | config = |
| 15 | if cart.nil? | 15 | if cart.nil? |
| 16 | - { 'enterprise_id' => nil, 'hasProducts' => false } | 16 | + { :enterprise_id => nil, |
| 17 | + :has_products => false, | ||
| 18 | + :visible => false, | ||
| 19 | + :products => []} | ||
| 17 | else | 20 | else |
| 18 | - { 'enterprise_id' => cart[:enterprise_id], 'hasProducts' => (cart[:items].keys.size > 0) } | 21 | + { :enterprise_id => cart[:enterprise_id], |
| 22 | + :has_products => (cart[:items].keys.size > 0), | ||
| 23 | + :visible => visible?, | ||
| 24 | + :products => products} | ||
| 19 | end | 25 | end |
| 20 | render :text => config.to_json | 26 | render :text => config.to_json |
| 21 | end | 27 | end |
| @@ -56,16 +62,6 @@ class ShoppingCartPluginController < PublicController | @@ -56,16 +62,6 @@ class ShoppingCartPluginController < PublicController | ||
| 56 | 62 | ||
| 57 | def list | 63 | def list |
| 58 | if validate_cart_presence | 64 | if validate_cart_presence |
| 59 | - products = self.cart[:items].collect do |id, quantity| | ||
| 60 | - product = Product.find(id) | ||
| 61 | - { :id => product.id, | ||
| 62 | - :name => product.name, | ||
| 63 | - :price => get_price(product, product.enterprise.environment), | ||
| 64 | - :description => product.description, | ||
| 65 | - :picture => product.default_image(:minor), | ||
| 66 | - :quantity => quantity | ||
| 67 | - } | ||
| 68 | - end | ||
| 69 | render :text => { | 65 | render :text => { |
| 70 | :ok => true, | 66 | :ok => true, |
| 71 | :error => {:code => 0}, | 67 | :error => {:code => 0}, |
| @@ -128,7 +124,7 @@ class ShoppingCartPluginController < PublicController | @@ -128,7 +124,7 @@ class ShoppingCartPluginController < PublicController | ||
| 128 | end | 124 | end |
| 129 | 125 | ||
| 130 | def visibility | 126 | def visibility |
| 131 | - render :text => self.cart.has_key?(:visibility) ? self.cart[:visibility].to_json : true.to_json | 127 | + render :text => visible?.to_json |
| 132 | end | 128 | end |
| 133 | 129 | ||
| 134 | def show | 130 | def show |
| @@ -317,4 +313,31 @@ class ShoppingCartPluginController < PublicController | @@ -317,4 +313,31 @@ class ShoppingCartPluginController < PublicController | ||
| 317 | :_noosfero_plugin_shopping_cart | 313 | :_noosfero_plugin_shopping_cart |
| 318 | end | 314 | end |
| 319 | 315 | ||
| 316 | + def visible? | ||
| 317 | + !self.cart.has_key?(:visibility) || self.cart[:visibility] | ||
| 318 | + end | ||
| 319 | + | ||
| 320 | + def products | ||
| 321 | + self.cart[:items].collect do |id, quantity| | ||
| 322 | + product = Product.find_by_id(id) | ||
| 323 | + if product | ||
| 324 | + { :id => product.id, | ||
| 325 | + :name => product.name, | ||
| 326 | + :price => get_price(product, product.enterprise.environment), | ||
| 327 | + :description => product.description, | ||
| 328 | + :picture => product.default_image(:minor), | ||
| 329 | + :quantity => quantity | ||
| 330 | + } | ||
| 331 | + else | ||
| 332 | + { :id => id, | ||
| 333 | + :name => _('Undefined product'), | ||
| 334 | + :price => 0, | ||
| 335 | + :description => _('Wrong product id'), | ||
| 336 | + :picture => '', | ||
| 337 | + :quantity => quantity | ||
| 338 | + } | ||
| 339 | + end | ||
| 340 | + end | ||
| 341 | + end | ||
| 342 | + | ||
| 320 | end | 343 | end |
plugins/shopping_cart/public/cart.js
| @@ -6,50 +6,36 @@ function Cart(config) { | @@ -6,50 +6,36 @@ function Cart(config) { | ||
| 6 | this.contentBox = $("#cart1 .cart-content"); | 6 | this.contentBox = $("#cart1 .cart-content"); |
| 7 | this.itemsBox = $("#cart1 .cart-items"); | 7 | this.itemsBox = $("#cart1 .cart-items"); |
| 8 | this.items = {}; | 8 | this.items = {}; |
| 9 | - this.empty = !config.hasProducts; | 9 | + this.empty = !config.has_products; |
| 10 | this.visible = false; | 10 | this.visible = false; |
| 11 | $(".cart-buy", this.cartElem).button({ icons: { primary: 'ui-icon-cart'} }); | 11 | $(".cart-buy", this.cartElem).button({ icons: { primary: 'ui-icon-cart'} }); |
| 12 | if (!this.empty) { | 12 | if (!this.empty) { |
| 13 | $(this.cartElem).show(); | 13 | $(this.cartElem).show(); |
| 14 | - me = this; | ||
| 15 | - $.ajax({ | ||
| 16 | - url: '/plugin/shopping_cart/visibility', | ||
| 17 | - dataType: 'json', | ||
| 18 | - success: function(data, status, ajax){ | ||
| 19 | - me.visible = /^true$/i.test(data); | ||
| 20 | - me.listProducts(); | ||
| 21 | - }, | ||
| 22 | - cache: false, | ||
| 23 | - error: function(ajax, status, errorThrown) { | ||
| 24 | - alert('Visibility - HTTP '+status+': '+errorThrown); | ||
| 25 | - } | ||
| 26 | - }); | ||
| 27 | - $(".cart-buy", this.cartElem).colorbox({ href: '/plugin/shopping_cart/buy' }); | 14 | + this.visible = config.visible; |
| 15 | + this.addToList(config.products, true) | ||
| 28 | } | 16 | } |
| 29 | } | 17 | } |
| 30 | 18 | ||
| 31 | (function($){ | 19 | (function($){ |
| 32 | 20 | ||
| 33 | - Cart.prototype.listProducts = function() { | 21 | + // Forbidding the user to request more the one action on the cart |
| 22 | + // simultaneously because the cart in the cookie doesn't supports it. | ||
| 23 | + Cart.prototype.ajax = function(config){ | ||
| 34 | var me = this; | 24 | var me = this; |
| 35 | - $.ajax({ | ||
| 36 | - url: '/plugin/shopping_cart/list', | ||
| 37 | - dataType: 'json', | ||
| 38 | - success: function(data, ststus, ajax){ | ||
| 39 | - if ( !data.ok ) alert(data.error.message); | ||
| 40 | - else me.addToList(data, true); | ||
| 41 | - }, | ||
| 42 | - cache: false, | ||
| 43 | - error: function(ajax, status, errorThrown) { | ||
| 44 | - alert('List cart items - HTTP '+status+': '+errorThrown); | ||
| 45 | - } | ||
| 46 | - }); | 25 | + this.disabled = true; |
| 26 | + var completeCallback = config.complete; | ||
| 27 | + config.complete = function(){ | ||
| 28 | + me.disabled = false; | ||
| 29 | + if (completeCallback) completeCallback(); | ||
| 30 | + }; | ||
| 31 | + $.ajax(config); | ||
| 47 | } | 32 | } |
| 48 | 33 | ||
| 49 | - Cart.prototype.addToList = function(data, clear) { | 34 | + Cart.prototype.addToList = function(products, clear) { |
| 50 | if( clear ) this.itemsBox.empty(); | 35 | if( clear ) this.itemsBox.empty(); |
| 51 | var me = this; | 36 | var me = this; |
| 52 | - for( var item,i=0; item=data.products[i]; i++ ) { | 37 | + this.productsLength = products.length; |
| 38 | + for( var item,i=0; item=products[i]; i++ ) { | ||
| 53 | this.items[item.id] = { price:item.price, quantity:item.quantity }; | 39 | this.items[item.id] = { price:item.price, quantity:item.quantity }; |
| 54 | this.updateTotal(); | 40 | this.updateTotal(); |
| 55 | var liId = "cart-item-"+item.id; | 41 | var liId = "cart-item-"+item.id; |
| @@ -75,9 +61,7 @@ function Cart(config) { | @@ -75,9 +61,7 @@ function Cart(config) { | ||
| 75 | input.onchange = function() { | 61 | input.onchange = function() { |
| 76 | me.updateQuantity(this, this.productId, this.value); | 62 | me.updateQuantity(this, this.productId, this.value); |
| 77 | }; | 63 | }; |
| 78 | -// document.location.href = "#"+liId; | ||
| 79 | -// document.location.href = "#"+this.cartElem.id; | ||
| 80 | -// history.go(-2); | 64 | + // TODO: Scroll to newest item |
| 81 | var liBg = li.css("background-color"); | 65 | var liBg = li.css("background-color"); |
| 82 | li[0].style.backgroundColor = "#FF0"; | 66 | li[0].style.backgroundColor = "#FF0"; |
| 83 | li.animate({ backgroundColor: liBg }, 1000); | 67 | li.animate({ backgroundColor: liBg }, 1000); |
| @@ -86,24 +70,25 @@ function Cart(config) { | @@ -86,24 +70,25 @@ function Cart(config) { | ||
| 86 | if (!clear && this.empty) $(this.cartElem).show(); | 70 | if (!clear && this.empty) $(this.cartElem).show(); |
| 87 | if((!clear && this.empty) || (this.visible && clear)) { | 71 | if((!clear && this.empty) || (this.visible && clear)) { |
| 88 | this.contentBox.hide(); | 72 | this.contentBox.hide(); |
| 89 | - this.show(); | 73 | + this.show(!clear); |
| 90 | } | 74 | } |
| 91 | this.empty = false; | 75 | this.empty = false; |
| 92 | } | 76 | } |
| 93 | 77 | ||
| 94 | Cart.prototype.updateQuantity = function(input, itemId, quantity) { | 78 | Cart.prototype.updateQuantity = function(input, itemId, quantity) { |
| 79 | + if(this.disabled) return alert(shoppingCartPluginL10n.waitLastRequest); | ||
| 95 | quantity = parseInt(quantity); | 80 | quantity = parseInt(quantity); |
| 96 | input.disabled = true; | 81 | input.disabled = true; |
| 97 | var originalBg = input.style.backgroundImage; | 82 | var originalBg = input.style.backgroundImage; |
| 98 | input.style.backgroundImage = "url(/images/loading-small.gif)"; | 83 | input.style.backgroundImage = "url(/images/loading-small.gif)"; |
| 99 | var me = this; | 84 | var me = this; |
| 100 | if( quantity == NaN ) return input.value = input.lastValue; | 85 | if( quantity == NaN ) return input.value = input.lastValue; |
| 101 | - $.ajax({ | 86 | + this.ajax({ |
| 102 | url: '/plugin/shopping_cart/update_quantity/'+ itemId +'?quantity='+ quantity, | 87 | url: '/plugin/shopping_cart/update_quantity/'+ itemId +'?quantity='+ quantity, |
| 103 | dataType: 'json', | 88 | dataType: 'json', |
| 104 | success: function(data, status, ajax){ | 89 | success: function(data, status, ajax){ |
| 105 | if ( !data.ok ) { | 90 | if ( !data.ok ) { |
| 106 | - alert(data.error.message); | 91 | + log.error(data.error); |
| 107 | input.value = input.lastValue; | 92 | input.value = input.lastValue; |
| 108 | } | 93 | } |
| 109 | else { | 94 | else { |
| @@ -114,7 +99,7 @@ function Cart(config) { | @@ -114,7 +99,7 @@ function Cart(config) { | ||
| 114 | }, | 99 | }, |
| 115 | cache: false, | 100 | cache: false, |
| 116 | error: function(ajax, status, errorThrown) { | 101 | error: function(ajax, status, errorThrown) { |
| 117 | - alert('Add item - HTTP '+status+': '+errorThrown); | 102 | + log.error('Add item - HTTP '+status, errorThrown); |
| 118 | input.value = input.lastValue; | 103 | input.value = input.lastValue; |
| 119 | }, | 104 | }, |
| 120 | complete: function(){ | 105 | complete: function(){ |
| @@ -132,89 +117,103 @@ function Cart(config) { | @@ -132,89 +117,103 @@ function Cart(config) { | ||
| 132 | } | 117 | } |
| 133 | 118 | ||
| 134 | Cart.addItem = function(itemId, link) { | 119 | Cart.addItem = function(itemId, link) { |
| 120 | + if(this.instance.disabled) return alert(shoppingCartPluginL10n.waitLastRequest); | ||
| 121 | + if ( this.productsLength > 100 ) { | ||
| 122 | + // This limit protect the user from losing data on cookie limit. | ||
| 123 | + // This is NOT limiting to 100 products, is limiting to 100 kinds of products. | ||
| 124 | + alert(shoppingCartPluginL10n.maxNumberOfItens); | ||
| 125 | + return false; | ||
| 126 | + } | ||
| 135 | link.intervalId = setInterval(function() { | 127 | link.intervalId = setInterval(function() { |
| 128 | + $(link).addClass('loading'); | ||
| 136 | steps = ['w', 'n', 'e', 's']; | 129 | steps = ['w', 'n', 'e', 's']; |
| 137 | if( !link.step || link.step==3 ) link.step = 0; | 130 | if( !link.step || link.step==3 ) link.step = 0; |
| 138 | link.step++; | 131 | link.step++; |
| 139 | - $(link).button({ icons: { primary: 'ui-icon-arrowrefresh-1-'+steps[link.step]}, disable: true }) | 132 | + $(link).button({ icons: { primary: 'ui-icon-arrowrefresh-1-'+steps[link.step]}}) |
| 140 | }, 100); | 133 | }, 100); |
| 141 | var stopBtLoading = function() { | 134 | var stopBtLoading = function() { |
| 142 | clearInterval(link.intervalId); | 135 | clearInterval(link.intervalId); |
| 143 | - $(link).button({ icons: { primary: 'ui-icon-cart'}, disable: false }); | 136 | + $(link).removeClass('loading'); |
| 137 | + $(link).button({ icons: { primary: 'ui-icon-cart'}}); | ||
| 144 | }; | 138 | }; |
| 145 | this.instance.addItem(itemId, stopBtLoading); | 139 | this.instance.addItem(itemId, stopBtLoading); |
| 146 | } | 140 | } |
| 147 | 141 | ||
| 148 | Cart.prototype.addItem = function(itemId, callback) { | 142 | Cart.prototype.addItem = function(itemId, callback) { |
| 149 | var me = this; | 143 | var me = this; |
| 150 | - $.ajax({ | 144 | + this.ajax({ |
| 151 | url: '/plugin/shopping_cart/add/'+ itemId, | 145 | url: '/plugin/shopping_cart/add/'+ itemId, |
| 152 | dataType: 'json', | 146 | dataType: 'json', |
| 153 | success: function(data, status, ajax){ | 147 | success: function(data, status, ajax){ |
| 154 | - if ( !data.ok ) alert(data.error.message); | ||
| 155 | - else me.addToList(data); | 148 | + if ( !data.ok ) log.error('Shopping cart data failure', data.error); |
| 149 | + else me.addToList(data.products); | ||
| 156 | }, | 150 | }, |
| 157 | cache: false, | 151 | cache: false, |
| 158 | error: function(ajax, status, errorThrown) { | 152 | error: function(ajax, status, errorThrown) { |
| 159 | - alert('Add item - HTTP '+status+': '+errorThrown); | 153 | + log.error('Add item - HTTP '+status, errorThrown); |
| 160 | }, | 154 | }, |
| 161 | complete: callback | 155 | complete: callback |
| 162 | }); | 156 | }); |
| 163 | } | 157 | } |
| 164 | 158 | ||
| 165 | Cart.removeItem = function(itemId) { | 159 | Cart.removeItem = function(itemId) { |
| 166 | - var message = this.instance.cartElem.getAttribute('data-l10nRemoveItem'); | ||
| 167 | - if( confirm(message) ) this.instance.removeItem(itemId); | 160 | + if(this.instance.disabled) return alert(shoppingCartPluginL10n.waitLastRequest); |
| 161 | + if( confirm(shoppingCartPluginL10n.removeItem) ) this.instance.removeItem(itemId); | ||
| 168 | } | 162 | } |
| 169 | 163 | ||
| 170 | Cart.prototype.removeItem = function(itemId) { | 164 | Cart.prototype.removeItem = function(itemId) { |
| 171 | if ($("li", this.itemsBox).size() < 2) return this.clean(); | 165 | if ($("li", this.itemsBox).size() < 2) return this.clean(); |
| 172 | var me = this; | 166 | var me = this; |
| 173 | - $.ajax({ | 167 | + this.ajax({ |
| 174 | url: '/plugin/shopping_cart/remove/'+ itemId, | 168 | url: '/plugin/shopping_cart/remove/'+ itemId, |
| 175 | dataType: 'json', | 169 | dataType: 'json', |
| 176 | success: function(data, status, ajax){ | 170 | success: function(data, status, ajax){ |
| 177 | - if ( !data.ok ) alert(data.error.message); | 171 | + if ( !data.ok ) log.error(data.error); |
| 178 | else me.removeFromList(data.product_id); | 172 | else me.removeFromList(data.product_id); |
| 179 | }, | 173 | }, |
| 180 | cache: false, | 174 | cache: false, |
| 181 | error: function(ajax, status, errorThrown) { | 175 | error: function(ajax, status, errorThrown) { |
| 182 | - alert('Remove item - HTTP '+status+': '+errorThrown); | 176 | + log.error('Remove item - HTTP '+status, errorThrown); |
| 183 | } | 177 | } |
| 184 | }); | 178 | }); |
| 185 | } | 179 | } |
| 186 | 180 | ||
| 187 | Cart.toggle = function(link) { | 181 | Cart.toggle = function(link) { |
| 182 | + if(this.instance.disabled) return alert(shoppingCartPluginL10n.waitLastRequest); | ||
| 188 | link.parentNode.parentNode.cartObj.toggle(); | 183 | link.parentNode.parentNode.cartObj.toggle(); |
| 189 | } | 184 | } |
| 190 | Cart.prototype.toggle = function() { | 185 | Cart.prototype.toggle = function() { |
| 191 | - this.visible ? this.hide() : this.show(); | 186 | + this.visible ? this.hide(true) : this.show(true); |
| 192 | } | 187 | } |
| 193 | 188 | ||
| 194 | - Cart.prototype.show = function() { | ||
| 195 | - $.ajax({ | ||
| 196 | - url: '/plugin/shopping_cart/show', | ||
| 197 | - dataType: 'json', | ||
| 198 | - cache: false, | ||
| 199 | - error: function(ajax, status, errorThrown) { | ||
| 200 | - alert('Show - HTTP '+status+': '+errorThrown); | ||
| 201 | - } | ||
| 202 | - }); | 189 | + Cart.prototype.show = function(register) { |
| 190 | + if(register) { | ||
| 191 | + this.ajax({ | ||
| 192 | + url: '/plugin/shopping_cart/show', | ||
| 193 | + dataType: 'json', | ||
| 194 | + cache: false, | ||
| 195 | + error: function(ajax, status, errorThrown) { | ||
| 196 | + log.error('Show - HTTP '+status, errorThrown); | ||
| 197 | + } | ||
| 198 | + }); | ||
| 199 | + } | ||
| 203 | this.visible = true; | 200 | this.visible = true; |
| 204 | this.contentBox.slideDown(500); | 201 | this.contentBox.slideDown(500); |
| 205 | $(".cart-toggle .str-show", this.cartElem).hide(); | 202 | $(".cart-toggle .str-show", this.cartElem).hide(); |
| 206 | $(".cart-toggle .str-hide", this.cartElem).show(); | 203 | $(".cart-toggle .str-hide", this.cartElem).show(); |
| 207 | 204 | ||
| 208 | } | 205 | } |
| 209 | - Cart.prototype.hide = function() { | ||
| 210 | - $.ajax({ | ||
| 211 | - url: '/plugin/shopping_cart/hide', | ||
| 212 | - dataType: 'json', | ||
| 213 | - cache: false, | ||
| 214 | - error: function(ajax, status, errorThrown) { | ||
| 215 | - alert('Hide - HTTP '+status+': '+errorThrown); | ||
| 216 | - } | ||
| 217 | - }); | 206 | + Cart.prototype.hide = function(register) { |
| 207 | + if(register) { | ||
| 208 | + this.ajax({ | ||
| 209 | + url: '/plugin/shopping_cart/hide', | ||
| 210 | + dataType: 'json', | ||
| 211 | + cache: false, | ||
| 212 | + error: function(ajax, status, errorThrown) { | ||
| 213 | + log.error('Hide - HTTP '+status, errorThrown); | ||
| 214 | + } | ||
| 215 | + }); | ||
| 216 | + } | ||
| 218 | this.visible = false; | 217 | this.visible = false; |
| 219 | this.contentBox.slideUp(500); | 218 | this.contentBox.slideUp(500); |
| 220 | $(".cart-toggle .str-show", this.cartElem).show(); | 219 | $(".cart-toggle .str-show", this.cartElem).show(); |
| @@ -238,17 +237,17 @@ function Cart(config) { | @@ -238,17 +237,17 @@ function Cart(config) { | ||
| 238 | } | 237 | } |
| 239 | 238 | ||
| 240 | Cart.clean = function(link) { | 239 | Cart.clean = function(link) { |
| 241 | - var message = this.instance.cartElem.getAttribute('data-l10nCleanCart'); | ||
| 242 | - if( confirm(message) ) link.parentNode.parentNode.parentNode.cartObj.clean(); | 240 | + if(this.instance.disabled) return alert(shoppingCartPluginL10n.waitLastRequest); |
| 241 | + if( confirm(shoppingCartPluginL10n.cleanCart) ) link.parentNode.parentNode.parentNode.cartObj.clean(); | ||
| 243 | } | 242 | } |
| 244 | 243 | ||
| 245 | Cart.prototype.clean = function() { | 244 | Cart.prototype.clean = function() { |
| 246 | var me = this; | 245 | var me = this; |
| 247 | - $.ajax({ | 246 | + this.ajax({ |
| 248 | url: '/plugin/shopping_cart/clean', | 247 | url: '/plugin/shopping_cart/clean', |
| 249 | dataType: 'json', | 248 | dataType: 'json', |
| 250 | success: function(data, status, ajax){ | 249 | success: function(data, status, ajax){ |
| 251 | - if ( !data.ok ) alert(data.error.message); | 250 | + if ( !data.ok ) log.error(data.error); |
| 252 | else{ | 251 | else{ |
| 253 | me.items = {}; | 252 | me.items = {}; |
| 254 | $(me.cartElem).slideUp(500, function() { | 253 | $(me.cartElem).slideUp(500, function() { |
| @@ -261,7 +260,7 @@ function Cart(config) { | @@ -261,7 +260,7 @@ function Cart(config) { | ||
| 261 | }, | 260 | }, |
| 262 | cache: false, | 261 | cache: false, |
| 263 | error: function(ajax, status, errorThrown) { | 262 | error: function(ajax, status, errorThrown) { |
| 264 | - alert('Remove item - HTTP '+status+': '+errorThrown); | 263 | + log.error('Remove item - HTTP '+status, errorThrown); |
| 265 | } | 264 | } |
| 266 | }); | 265 | }); |
| 267 | } | 266 | } |
| @@ -274,7 +273,7 @@ function Cart(config) { | @@ -274,7 +273,7 @@ function Cart(config) { | ||
| 274 | 273 | ||
| 275 | Cart.prototype.send_request = function(params) { | 274 | Cart.prototype.send_request = function(params) { |
| 276 | var me = this; | 275 | var me = this; |
| 277 | - $.ajax({ | 276 | + this.ajax({ |
| 278 | type: 'POST', | 277 | type: 'POST', |
| 279 | url: '/plugin/shopping_cart/send_request', | 278 | url: '/plugin/shopping_cart/send_request', |
| 280 | data: params, | 279 | data: params, |
| @@ -288,7 +287,7 @@ function Cart(config) { | @@ -288,7 +287,7 @@ function Cart(config) { | ||
| 288 | }, | 287 | }, |
| 289 | cache: false, | 288 | cache: false, |
| 290 | error: function(ajax, status, errorThrown) { | 289 | error: function(ajax, status, errorThrown) { |
| 291 | - alert('Send request - HTTP '+status+': '+errorThrown); | 290 | + log.error('Send request - HTTP '+status, errorThrown); |
| 292 | }, | 291 | }, |
| 293 | complete: function() { | 292 | complete: function() { |
| 294 | $.colorbox.close(); | 293 | $.colorbox.close(); |
| @@ -300,6 +299,11 @@ function Cart(config) { | @@ -300,6 +299,11 @@ function Cart(config) { | ||
| 300 | $.colorbox.close(); | 299 | $.colorbox.close(); |
| 301 | } | 300 | } |
| 302 | 301 | ||
| 302 | + $(window).bind('beforeunload', function(){ | ||
| 303 | + log('Page unload.'); | ||
| 304 | + Cart.unloadingPage = true; | ||
| 305 | + }); | ||
| 306 | + | ||
| 303 | $(function(){ | 307 | $(function(){ |
| 304 | 308 | ||
| 305 | $.ajax({ | 309 | $.ajax({ |
| @@ -311,7 +315,18 @@ function Cart(config) { | @@ -311,7 +315,18 @@ function Cart(config) { | ||
| 311 | }, | 315 | }, |
| 312 | cache: false, | 316 | cache: false, |
| 313 | error: function(ajax, status, errorThrown) { | 317 | error: function(ajax, status, errorThrown) { |
| 314 | - alert('Error getting shopping cart - HTTP '+status+': '+errorThrown); | 318 | + // Give some time to register page unload. |
| 319 | + setTimeout(function() { | ||
| 320 | + // page unload is not our problem. | ||
| 321 | + if (Cart.unloadingPage) { | ||
| 322 | + log('Page unload before cart load.'); | ||
| 323 | + } else { | ||
| 324 | + log.error('Error getting shopping cart - HTTP '+status, errorThrown); | ||
| 325 | + if ( confirm(shoppingCartPluginL10n.getProblemConfirmReload) ) { | ||
| 326 | + document.location.reload(); | ||
| 327 | + } | ||
| 328 | + } | ||
| 329 | + }, 100); | ||
| 315 | } | 330 | } |
| 316 | }); | 331 | }); |
| 317 | }); | 332 | }); |
plugins/shopping_cart/views/cart.html.erb
| 1 | -<div id="cart1" class="cart" style="display:none" | ||
| 2 | - data-l10nRemoveItem="<%=_('Are you sure you want to remove this item?')%>" | ||
| 3 | - data-l10nCleanCart="<%=_('Are you sure you want to clean your basket?')%>"> | 1 | +<div id="cart1" class="cart" style="display:none"> |
| 4 | <div class="cart-inner"> | 2 | <div class="cart-inner"> |
| 5 | <div class="cart-content"> | 3 | <div class="cart-content"> |
| 6 | <h3><%= _("Basket") %></h3> | 4 | <h3><%= _("Basket") %></h3> |
| 7 | <a href="cart:clean" onclick="Cart.clean(this); return false" class="cart-clean"><%=_('Clean basket')%></a> | 5 | <a href="cart:clean" onclick="Cart.clean(this); return false" class="cart-clean"><%=_('Clean basket')%></a> |
| 8 | <ul class="cart-items"></ul> | 6 | <ul class="cart-items"></ul> |
| 9 | <div class="cart-total"><%=_('Total:')%> <b></b></div> | 7 | <div class="cart-total"><%=_('Total:')%> <b></b></div> |
| 10 | - <a href="/plugin/shopping_cart/buy" class="cart-buy"><%=_('Shopping checkout')%></a> | 8 | + <a href="/plugin/shopping_cart/buy" class="cart-buy colorbox"><%=_('Shopping checkout')%></a> |
| 11 | </div> | 9 | </div> |
| 12 | <a href="#" onclick="Cart.toggle(this); return false" class="cart-toggle"> | 10 | <a href="#" onclick="Cart.toggle(this); return false" class="cart-toggle"> |
| 13 | <span class="str-show"><%=_('Show basket')%></span> | 11 | <span class="str-show"><%=_('Show basket')%></span> |
| @@ -15,3 +13,18 @@ | @@ -15,3 +13,18 @@ | ||
| 15 | </a> | 13 | </a> |
| 16 | </div> | 14 | </div> |
| 17 | </div> | 15 | </div> |
| 16 | +<script> | ||
| 17 | + var shoppingCartPluginL10n = { | ||
| 18 | + getProblemConfirmReload: <%= ( | ||
| 19 | + _('Ups... I had a problem to load the basket list.') + | ||
| 20 | + "\n" + | ||
| 21 | + _('Did you want to reload this page?') | ||
| 22 | + ).to_json %>, | ||
| 23 | + maxNumberOfItens: <%= ( | ||
| 24 | + _('Sorry, you can\'t have more then 100 kinds of items on this basket.') | ||
| 25 | + ).to_json %>, | ||
| 26 | + waitLastRequest: <%= _('Oops, you must wait your last request to finish first!').to_json %>, | ||
| 27 | + removeItem: <%= _('Are you sure you want to remove this item?').to_json %>, | ||
| 28 | + cleanCart: <%= _('Are you sure you want to clean your basket?').to_json %> | ||
| 29 | + } | ||
| 30 | +</script> |
public/javascripts/application.js
| @@ -918,13 +918,55 @@ function facet_options_toggle(id, url) { | @@ -918,13 +918,55 @@ function facet_options_toggle(id, url) { | ||
| 918 | }); | 918 | }); |
| 919 | } | 919 | } |
| 920 | 920 | ||
| 921 | +if ( !console ) console = {}; | ||
| 922 | +if ( !console.log ) console.log = function(){}; | ||
| 923 | + | ||
| 924 | +// Two ways to call it: | ||
| 925 | +// log(mixin1[, mixin2[, ...]]); | ||
| 926 | +// log('<type>', mixin1[, mixin2[, ...]]); | ||
| 927 | +// Where <type> may be: log, info warn, or error | ||
| 928 | +window.log = function log() { | ||
| 929 | + var type = arguments[0]; | ||
| 930 | + var argsClone = jQuery.merge([], arguments); // cloning the read-only arguments array. | ||
| 931 | + if ( ['info', 'warn', 'error'].indexOf(type) == -1 ) { | ||
| 932 | + type = 'log'; | ||
| 933 | + } else { | ||
| 934 | + argsClone.shift(); | ||
| 935 | + } | ||
| 936 | + var method = type; | ||
| 937 | + if ( !console[method] ) method = 'log'; | ||
| 938 | + console[method].apply( console, jQuery.merge([(new Date).toISOString()], argsClone) ); | ||
| 939 | +} | ||
| 940 | + | ||
| 941 | +// Call log.info(mixin1[, mixin2[, ...]]); | ||
| 942 | +log.info = function() { | ||
| 943 | + window.log.apply(window, jQuery.merge(['info'], arguments)); | ||
| 944 | +} | ||
| 945 | + | ||
| 946 | +// Call log.warn(mixin1[, mixin2[, ...]]); | ||
| 947 | +log.warn = function() { | ||
| 948 | + window.log.apply(window, jQuery.merge(['warn'], arguments)); | ||
| 949 | +} | ||
| 950 | + | ||
| 951 | +// Call log.error(mixin1[, mixin2[, ...]]); | ||
| 952 | +log.error = function() { | ||
| 953 | + window.log.apply(window, jQuery.merge(['error'], arguments)); | ||
| 954 | +} | ||
| 955 | + | ||
| 921 | jQuery(function($) { | 956 | jQuery(function($) { |
| 922 | $('.colorbox').live('click', function() { | 957 | $('.colorbox').live('click', function() { |
| 923 | - $.fn.colorbox({ | ||
| 924 | - href:$(this).attr('href'), | ||
| 925 | - maxWidth: '600', | ||
| 926 | - maxHeight: '550', | ||
| 927 | - open:true | 958 | + $.colorbox({ |
| 959 | + href: $(this).attr('href'), | ||
| 960 | + maxWidth: $(window).width()-50, | ||
| 961 | + height: $(window).height()-50, | ||
| 962 | + open: true, | ||
| 963 | + fixed: true, | ||
| 964 | + close: 'Cancel', | ||
| 965 | + onComplete: function(bt) { | ||
| 966 | + var opt = {}, maxH = $(window).height()-50; | ||
| 967 | + if ($('#cboxLoadedContent *:first').height() > maxH) opt.height = maxH; | ||
| 968 | + $.colorbox.resize(opt); | ||
| 969 | + } | ||
| 928 | }); | 970 | }); |
| 929 | return false; | 971 | return false; |
| 930 | }); | 972 | }); |