seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

VRFS-2877 : Update look and feel of cart 

* New checkmark icon
* Use table layout instead of width/float
* Misc layout fixes
This commit is contained in:
Steven Miers 2015-03-15 21:32:37 -05:00
parent e6b09e5728
commit 4e99505d2a
4 changed files with 26 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
web/app/assets/images/content/checkmark.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

4
web/app/assets/stylesheets/client/sessionList.css.scss
View File

@ -1,7 +1,7 @@
@import "client/common";
table.findsession-table, table.local-recordings, table.open-jam-tracks, table.open-backing-tracks, #account-session-detail {
table.findsession-table, table.local-recordings, table.open-jam-tracks, table.open-backing-tracks, table.cart-items, #account-session-detail {
.latency-unacceptable {
width: 50px;
@ -64,7 +64,7 @@ table.findsession-table, table.local-recordings, table.open-jam-tracks, table.op
text-align:center;
}
}
table.findsession-table, table.local-recordings, table.open-jam-tracks, table.open-backing-tracks {
table.findsession-table, table.local-recordings, table.open-jam-tracks, table.open-backing-tracks, table.cart-items {
width:98%;
height:10%;
font-size:11px;

16
web/app/assets/stylesheets/client/shoppingCart.css.scss
View File

@ -29,9 +29,7 @@
}
.cart-item-caption {
width: 50%;
text-align: left;
float: left;
text-align: left;
}
.cart-item-caption#header {
@ -39,21 +37,15 @@
}
.cart-item-price {
width: 15%;
text-align: right;
float: left;
text-align: right;
}
.cart-item-quantity {
width: 15%;
text-align: right;
float: left;
text-align: right;
}
.cart-item-actions {
width: 20%;
text-align: center;
float: left;
//text-align: center;
}
.cart-items {

38
web/app/views/clients/_shopping_cart.html.haml
View File

@ -19,35 +19,37 @@
.clearall
%script{type: 'text/template', id: 'template-shopping-cart-body'}
.cart-items
.cart-item-caption#header
Your shopping cart now contains:
.cart-item-price
%span{style: "text-decoration: underline;"} Price
.cart-item-quantity
%span{style: "text-decoration: underline;"} Quantity
.clearall
%table.cart-items
%tr
%th.cart-item-caption
YOUR SHOPPING CART NOW CONTAINS:
%th.cart-item-price
Price
%th.cart-item-quantity
Quantity
%th
= "{% if (data.carts.length == 0) { %}"
.no-cart-items Nothing in cart
%tr
%td.no-cart-items colspan=4 Nothing in cart
= "{% } %}"
= "{% _.each(data.carts, function(cart) { %}"
.cart-item{"cart-id" => "{{cart.id}}"}
.cart-item-caption
%tr.cart-item{"cart-id" => "{{cart.id}}"}
%td.cart-item-caption
{{cart.cart_type}}: {{cart.product_info.name}}
.cart-item-price
%td.cart-item-price
$ {{cart.product_info.price}}
.cart-item-quantity
%td.cart-item-quantity
{{cart.quantity}}
.cart-item-actions
%a.button-grey.remove-cart{href: "#", "cart-id" => "{{cart.id}}"} DELETE
.clearall
%td.cart-item-actions
%a.button-grey.remove-cart{href: "#", "cart-id" => "{{cart.id}}"}
DELETE
= "{% }); %}"
.shopping-sub-total
Subtotal: $ {{data.sub_total}}
.clearall
.left
%a.button-grey{href: "#"} HELP
.right
%a.button-grey{href: "#"} HELP
%a.button-orange{href: "/client#/jamtrack"} CONTINUE SHOPPING
%a.button-orange.proceed-checkout{href: "#"} PROCEED TO CHECKOUT
.clearall