Merge pull request #5323 from KanchanChauhan/shoppingcart-changes
Shopping cart dropdown changes
This commit is contained in:
		
						commit
						969863541d
					
				| @ -70,7 +70,6 @@ | ||||
|   border-top: 1px solid #EBEFF2; | ||||
| } | ||||
| .transaction-list-item { | ||||
|   border-bottom: none; | ||||
|   padding: 30px; | ||||
|   margin: 0px -30px; | ||||
| } | ||||
| @ -166,7 +165,7 @@ | ||||
|   display: none; | ||||
| } | ||||
| .cart-dropdown-container { | ||||
|   width: 350px; | ||||
|   width: 320px; | ||||
|   padding: 15px; | ||||
| } | ||||
| .cart-dropdown-container .item-price { | ||||
| @ -189,7 +188,7 @@ | ||||
|   display: none; | ||||
| } | ||||
| .cart-dropdown-container .checkout-btn { | ||||
|   margin: 15px; | ||||
|   padding-top: 25px; | ||||
| } | ||||
| .cart-dropdown-container .col-name-description { | ||||
|   margin-bottom: 8px; | ||||
|  | ||||
| @ -48,8 +48,7 @@ $.extend(shopping_cart, { | ||||
| 					shopping_cart.set_cart_count();	 | ||||
| 					if (r.message.shopping_cart_menu) { | ||||
| 						$('.shopping-cart-menu').html(r.message.shopping_cart_menu); | ||||
| 					} | ||||
| 					 | ||||
| 					}					 | ||||
| 					if(opts.callback) | ||||
| 						opts.callback(r); | ||||
| 				} | ||||
|  | ||||
| @ -83,7 +83,6 @@ | ||||
| } | ||||
| 
 | ||||
| .transaction-list-item { | ||||
| 	border-bottom: none; | ||||
| 	padding: 30px; | ||||
| 	margin: 0px -30px; | ||||
| 
 | ||||
| @ -213,7 +212,7 @@ | ||||
| 	 | ||||
| } | ||||
| .cart-dropdown-container { | ||||
| 	width: 350px; | ||||
| 	width: 320px; | ||||
| 	padding: 15px; | ||||
| 	 | ||||
| 	.item-price { | ||||
| @ -241,7 +240,7 @@ | ||||
| 	} | ||||
| 	 | ||||
| 	.checkout-btn { | ||||
| 		margin:15px; | ||||
| 		padding-top:25px; | ||||
| 	} | ||||
| 	.col-name-description { | ||||
| 		margin-bottom:8px; | ||||
| @ -316,4 +315,5 @@ | ||||
| 
 | ||||
| .homepage-tagline { | ||||
| 	font-size:40px !important; | ||||
| } | ||||
| } | ||||
| 
 | ||||
|  | ||||
| @ -63,23 +63,6 @@ $.extend(shopping_cart, { | ||||
| 				btn: this, | ||||
| 				callback: function(r) { | ||||
| 					frappe.unfreeze(); | ||||
| 					if(!r.exc) { | ||||
| 						$(".cart-items").html(r.message.items); | ||||
| 						$(".cart-tax-items").html(r.message.taxes); | ||||
| 						$(".cart-icon").hide(); | ||||
| 					} | ||||
| 				}, | ||||
| 			}); | ||||
| 		}); | ||||
| 	}, | ||||
| 	 | ||||
| 	bind_remove_item: function() { | ||||
| 		$(".cart-items").on("click", ".remove-item", function() { | ||||
| 			var item_code = $(this).attr("data-item-code"); | ||||
| 			shopping_cart.update_cart({ | ||||
| 				item_code: item_code, | ||||
| 				qty: "0", | ||||
| 				callback: function(r) { | ||||
| 					location.reload(); | ||||
| 					if(!r.exc) { | ||||
| 						$(".cart-items").html(r.message.items); | ||||
| @ -90,7 +73,7 @@ $.extend(shopping_cart, { | ||||
| 			}); | ||||
| 		}); | ||||
| 	}, | ||||
| 
 | ||||
| 	 | ||||
| 	render_tax_row: function($cart_taxes, doc, shipping_rules) { | ||||
| 		var shipping_selector; | ||||
| 		if(shipping_rules) { | ||||
|  | ||||
| @ -2,13 +2,10 @@ | ||||
| 	<div id="cart-error" class="alert alert-danger" | ||||
| 	style="display: none;"></div> | ||||
| 	<div class="row cart-items-dropdown cart-item-header text-muted"> | ||||
| 		<div class="col-sm-7 col-xs-6 h6 text-uppercase"> | ||||
| 		<div class="col-sm-6 col-xs-6 h6 text-uppercase"> | ||||
| 		{{ _("Item") }} | ||||
| 		</div> | ||||
| 		<div class="col-sm-2 col-xs-2 text-right h6 text-uppercase"> | ||||
| 		{{ _("Qty") }} | ||||
| 		</div> | ||||
| 		<div class="col-sm-3 col-xs-2 text-right h6 text-uppercase"> | ||||
| 		<div class="col-sm-6 col-xs-6 text-right h6 text-uppercase"> | ||||
| 		{{ _("Price") }} | ||||
| 		</div> | ||||
| 	</div> | ||||
| @ -17,8 +14,8 @@ | ||||
| 	<div class="cart-items"> | ||||
| 		{% include "templates/includes/cart/cart_items.html" %} | ||||
| 	</div> | ||||
| 	<div class="text-center checkout-btn"> | ||||
| 	<p class="text-center"><a href="/cart" class="btn btn-primary">{{ _("Checkout") }}</a></p> | ||||
| 	<div class="checkout-btn"> | ||||
| 	<a href="/cart" class="btn btn-block btn-primary">{{ _("Checkout") }}</a> | ||||
| 	</div> | ||||
| 	{% else %} | ||||
| 	<p>{{ _("Cart is Empty") }}</p> | ||||
|  | ||||
| @ -10,7 +10,6 @@ | ||||
|             <input class="form-control text-right cart-qty" | ||||
|             value = "{{ d.get_formatted('qty') }}" | ||||
|             data-item-code="{{ d.item_code }}"></span>    	 | ||||
| 			<span class="text-muted small remove-item" data-item-code="{{ d.item_code }}">{{_("Remove")}}</span>	 | ||||
| 	</div> | ||||
|     <div class="col-sm-2 col-xs-3 text-right col-amount"> | ||||
|         {{ d.get_formatted("amount") }} | ||||
| @ -20,13 +19,10 @@ | ||||
| </div> | ||||
| 
 | ||||
| <div class="row cart-items cart-dropdown"> | ||||
|     <div class="col-sm-7 col-xs-6 col-name-description"> | ||||
|     <div class="col-sm-8 col-xs-8 col-name-description"> | ||||
|         {{ item_name_and_description(d) }} | ||||
|     </div> | ||||
|     <div class="col-sm-2 col-xs-2 text-right col-qty"> | ||||
| 		{{ d.get_formatted('qty') }} | ||||
| 	</div> | ||||
|     <div class="col-sm-3 col-xs-2 text-right col-amount"> | ||||
|     <div class="col-sm-4 col-xs-4 text-right col-amount"> | ||||
|         {{ d.get_formatted("amount") }} | ||||
| 
 | ||||
|     </div> | ||||
|  | ||||
| @ -1,13 +1,14 @@ | ||||
| <div class="web-list-item transaction-list-item"> | ||||
|     <a href="/issues?name={{ doc.name }}"> | ||||
|     <div class="row"> | ||||
|         <div class="col-xs-8"> | ||||
|         <div class="col-xs-3"> | ||||
|             <span class="indicator {{ "red" if doc.status=="Open" else "darkgrey"   }}"> | ||||
|                 {{ doc.name }}</span> | ||||
|                 <div class="items-preview text-ellipsis"> | ||||
| 				   </div> | ||||
|                 <div class="col-xs-6 items-preview text-ellipsis"> | ||||
|                     {{ doc.subject }}</div> | ||||
|         </div> | ||||
|         <div class="col-xs-4 text-right small text-muted"> | ||||
|       | ||||
|         <div class="col-xs-3 text-right small text-muted"> | ||||
|             {{ frappe.format_date(doc.modified) }} | ||||
|         </div> | ||||
|     </div> | ||||
|  | ||||
| @ -16,8 +16,8 @@ | ||||
|     <div class="row item_name_dropdown"> | ||||
|         <div class="col-xs-4 col-sm-4 order-image-col"> | ||||
|             <div class="order-image"> | ||||
|                 {{ product_image_square(d.image) }} | ||||
|             </div> | ||||
|               <span class="cart-count-badge pull-right small"> {{ d.get_formatted('qty') }} </span>{{ product_image_square(d.image) }} | ||||
|             </div>		 | ||||
|         </div> | ||||
|         <div class="col-xs-8 col-sm-8"> | ||||
|             {{ d.item_code }} | ||||
|  | ||||
| @ -1,18 +1,18 @@ | ||||
| <div class="web-list-item transaction-list-item"> | ||||
| 	<a href="/{{ pathname }}/{{ doc.name }}"> | ||||
| 		<div class="row"> | ||||
| 			<div class="col-sm-6"> | ||||
| 			<div class="col-sm-5"> | ||||
| 				<span class="indicator small {{ doc.indicator_color or "darkgrey" }}"> | ||||
| 				{{ doc.name }}</span> | ||||
| 				<div class="items-preview text-ellipsis"> | ||||
| 					{{ doc.items_preview }} | ||||
| 				</div> | ||||
| 			</div> | ||||
| 			<div class="col-sm-6 text-right"> | ||||
| 				{{ doc.name }}</span>	 | ||||
| 				<div class="small text-muted transaction-time" | ||||
| 					title="{{ frappe.utils.format_datetime(doc.modified, "medium") }}"> | ||||
| 					{{ frappe.utils.format_datetime(doc.modified, "medium") }} | ||||
| 				</div> | ||||
| 				</div>			 | ||||
| 			</div> | ||||
| 			<div class="col-sm-4 items-preview text-ellipsis"> | ||||
| 				{{ doc.items_preview }} | ||||
| 			</div> | ||||
| 			<div class="col-sm-3 text-right"> | ||||
| 				{{ doc.get_formatted("grand_total") }}				 | ||||
| 			</div> | ||||
| 			<!-- <div class="col-sm-3 text-right"> | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user