Subversion Repositories SmartDukaan

Rev

Rev 23181 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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

            128
            
#end

          

          

            -
            
 

            129