Added a 'close' button to the shopping cart checkout

Rafael Martins
1 parent 5b73133b
Showing 3 changed files with 14 additions and 1 deletions Show diff stats
plugins/shopping_cart/public/cart.js
plugins/shopping_cart/public/style.css
plugins/shopping_cart/views/shopping_cart_plugin_profile/buy.html.erb
@@ -304,6 +304,10 @@ function Cart(config) {
     });
   }
  
+  Cart.colorbox_close = function() {
+    $.colorbox.close();
+  }
+
   $(function(){
     $('.cart-add-item').button({ icons: { primary: 'ui-icon-cart'} })
   });
@@ -17,7 +17,6 @@
   width: 200px;
   z-index: 1000;
   border: 1px solid #777;
-  border-top: none;
   background: rgba(100,100,100,0.8);
 }
  
@@ -120,6 +119,15 @@
   float: left;
 }
  
+#cart-request-box .cart-box-close {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+  width: 16px;
+  height: 16px;
+  background-repeat: no-repeat;
+}
+
 #cart-form-main {
   border: 2px solid #FFF;
   padding: 0px 10px;
@@ -17,6 +17,7 @@
     </div>
   <% end %>
   <%= items_table(session[:cart][:items], profile) %>
+  <a href="" onclick="Cart.colorbox_close(this);" class="cart-box-close icon-cancel"/>
 </div>
  
 <script type="text/javascript">
...	...	@@ -304,6 +304,10 @@ function Cart(config) {
304	304	});
305	305	}
306	306
	307	+ Cart.colorbox_close = function() {
	308	+ $.colorbox.close();
	309	+ }
	310	+
307	311	$(function(){
308	312	$('.cart-add-item').button({ icons: { primary: 'ui-icon-cart'} })
309	313	});
...	...
...	...	@@ -17,7 +17,6 @@
17	17	width: 200px;
18	18	z-index: 1000;
19	19	border: 1px solid #777;
20		- border-top: none;
21	20	background: rgba(100,100,100,0.8);
22	21	}
23	22
...	...	@@ -120,6 +119,15 @@
120	119	float: left;
121	120	}
122	121
	122	+#cart-request-box .cart-box-close {
	123	+ position: absolute;
	124	+ right: 10px;
	125	+ bottom: 10px;
	126	+ width: 16px;
	127	+ height: 16px;
	128	+ background-repeat: no-repeat;
	129	+}
	130	+
123	131	#cart-form-main {
124	132	border: 2px solid #FFF;
125	133	padding: 0px 10px;
...	...
...	...	@@ -17,6 +17,7 @@
17	17	</div>
18	18	<% end %>
19	19	<%= items_table(session[:cart][:items], profile) %>
	20	+ <a href="" onclick="Cart.colorbox_close(this);" class="cart-box-close icon-cancel"/>
20	21	</div>
21	22
22	23	<script type="text/javascript">
...	...