Subversion Repositories SmartDukaan

Rev

Rev 23181 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
21987 kshitij.so 1 
<style>
28339 tejbeer 2 
.grn-product-info {
3 
	float: left;
21987 kshitij.so 4 
}
28339 tejbeer 5 
 
21987 kshitij.so 6 
.card {
28339 tejbeer 7 
	background-color: white;
8 
	margin: 5px 0 0 0;
9 
	padding: 5px 5px 0 5px;
10 
	position: relative;
11 
	border-bottom: 1px solid #e98c8f;
21987 kshitij.so 12 
}
28339 tejbeer 13 
 
21987 kshitij.so 14 
.cartdetailscard {
28339 tejbeer 15 
	padding-bottom: 8px;
16 
	position: relative;
21987 kshitij.so 17 
}
28339 tejbeer 18 
 
21987 kshitij.so 19 
.vertical-center {
28339 tejbeer 20 
	display: flex;
21 
	align-items: center;
21987 kshitij.so 22 
}
28339 tejbeer 23 
 
24 
.span-bold {
25 
	font-weight: bold;
26 
	margin-right: 5px;
21987 kshitij.so 27 
}
28339 tejbeer 28 
 
29 
.cart-qty {
30 
	text-align: center;
31 
	width: 50%;
21987 kshitij.so 32 
}
28339 tejbeer 33 
 
34 
.cart-trash {
35 
	font-size: 20px;
21987 kshitij.so 36 
}
37 
</style>
38 
 
39 
<script>
40 
	$(function() {
28339 tejbeer 41 
		$(".cart-qty").each(function() {
21987 kshitij.so 42 
			var itemId = $(this).attr('data');
43 
			var qty = $(this).val();
28339 tejbeer 44 
			console.log("ItemId " + itemId + " Quantity " + qty);
21987 kshitij.so 45 
			changeQuantityInLocalStorage(itemId, qty);
46 
		});
47 
	});
48 
</script>
49 
<section class="wrapper">
28339 tejbeer 50 
	<div class="row">
21987 kshitij.so 51 
		<div class="col-lg-12">
28339 tejbeer 52 
			<h3 class="page-header">
53 
				<i class="fa fa-shopping-cart"></i>CART
54 
			</h3>
21987 kshitij.so 55 
			<ol class="breadcrumb">
28339 tejbeer 56 
				<li><i class="fa fa-home"></i><a
57 
					href="${rc.contextPath}/dashboard">Home</a></li>
58 
				<li><i class="fa fa-shopping-cart"></i>CART</li>
21987 kshitij.so 59 
			</ol>
60 
		</div>
61 
	</div>
28339 tejbeer 62 
	<div id="cart-details"
63 
		style="background: white; background-color: white; padding: 2px;">
64 
		#if($cartObj.size()==0)
65 
		<div class="card row">
66 
			<p>Your Cart is Empty.</p>
67 
		</div>
68 
		#else #foreach ($cartItem in $cartObj)
69 
		<div class="card row" itemId="$cartItem.getItemId()"
70 
			style="padding-left: 3%;">
71 
 
72 
			#if($cartItem.getPoId() != 0)
73 
			<div>
74 
				<span class="span-bold"> Pending Order Id :
75 
					$cartItem.getPoId() </span> <span class="span-bold"> Pending Order
76 
					ItemId : $cartItem.getPoItemId() </span>
77 
			</div>
78 
			#end
79 
			<div class="image col-xs-2 vertical-center" style="float: left;">
80 
				#if($cartItem.getIconUrl() == "") <img
81 
					src="http://static0.saholic.com/images/media/1015020/samsung-galaxy-j5-8gb-icon-1437975825000.jpg"
82 
					height=70px;></img> #else <img src="$cartItem.getIconUrl()"></img>
21987 kshitij.so 83 
				#end
28339 tejbeer 84 
			</div>
85 
			<div class="grn-product-info col-xs-3 vertical-center">
86 
				<div class="col-xs-6">
87 
					<span class="span-bold">$cartItem.getDisplayName()</span>
21987 kshitij.so 88 
				</div>
28339 tejbeer 89 
				#if($cartItem.getMessage())
90 
				<div class=" col-xs-6">
91 
					<span style="color: red; font-size: 10px;">$cartItem.getMessage()</span>
21987 kshitij.so 92 
				</div>
28339 tejbeer 93 
				#end
94 
			</div>
95 
			<div class="grn-product-info col-xs-2 vertical-center">
96 
				<span><span class="span-bold">Availability : </span>
97 
					$cartItem.getAvailability()</span>
98 
			</div>
99 
			<div class="grn-product-info col-xs-2 vertical-center">
100 
				<span class="span-bold">Quantity : </span><input class="cart-qty"
101 
					type="number" min="0" max="$cartItem.getAvailability()"
102 
					data="$cartItem.getItemId()" value="$cartItem.getQuantity()"></input>
103 
			</div>
104 
			<div class="grn-product-info col-xs-3 vertical-center">
105 
				<span class="span-bold cart-trash" data="$cartItem.getItemId()"><i
106 
					class="fa fa-window-close" aria-hidden="true"></i></span>
107 
			</div>
21987 kshitij.so 108 
		</div>
28339 tejbeer 109 
		#end
21987 kshitij.so 110 
	</div>
28339 tejbeer 111 
	#end
112 
	<div id="cart-details-empty"
113 
		style="background: white; background-color: white; padding: 2px; display: none;">
114 
		<div class="card row"
115 
			<p>Your Cart is Empty.</p>
116 
		</div>
117 
	</div>
21987 kshitij.so 118 
</section>
119 
#if($cartObj.size() > 0)
28339 tejbeer 120 
<div id="cart-checkout" style="padding: 10px;">
21987 kshitij.so 121 
	<div class="row">
28339 tejbeer 122 
		<div class="col-xs-3" style="float: right;">
123 
			<button class="btn btn-primary cart-checkout"
124 
				style="width: 100%; border-radius: 0px;">Checkout</button>
21987 kshitij.so 125 
		</div>
126 
	</div>
127 
</div>
28339 tejbeer 128 
#end