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