Subversion Repositories SmartDukaan

Rev

Rev 27385 | Rev 31274 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 27385 Rev 28055
Line 1... Line 1...
1 
<style>
 1 
<style>
2 
	.pointer {
 2 
.pointer {
3 
		cursor:pointer;
 3 
	cursor: pointer;
4 
	}
 4 
}
- 
 
 5 
 
5 
	.modal-content{
 6 
.modal-content {
6 
		background : white;
 7 
	background: white;
7 
	}
 8 
}
- 
 
 9 
 
8 
	.modelHeaderCustom{
 10 
.modelHeaderCustom {
9 
		font-size:14px;
 11 
	font-size: 14px;
10 
		font-weight:bold;
 12 
	font-weight: bold;
11 
	}
 13 
}
- 
 
 14 
 
12 
	.border-highlight{
 15 
.border-highlight {
13 
		border : 3px solid red;
 16 
	border: 3px solid red;
14 
	}
 17 
}
- 
 
 18 
 
15 
	hr{
 19 
hr {
16 
		background-color:#dddddd;
 20 
	background-color: #dddddd;
17 
		border:none;
 21 
	border: none;
18 
		height:1px;
 22 
	height: 1px;
19 
		background:#dddddd;
 23 
	background: #dddddd;
20 
	}
 24 
}
- 
 
 25 
 
21 
	.control-label {
 26 
.control-label {
22 
		margin-top: 0;
 27 
	margin-top: 0;
23 
    	margin-bottom: 0;
 28 
	margin-bottom: 0;
24 
    	padding-top: 7px;
 29 
	padding-top: 7px;
25 
    	font-weight:bold;
 30 
	font-weight: bold;
26 
    	font-size:14px;
 31 
	font-size: 14px;
27 
	}
 32 
}
- 
 
 33 
 
28 
	.right{
 34 
.right {
29 
		float:right;
 35 
	float: right;
30 
	}
 36 
}
- 
 
 37 
 
31 
	.form-control{
 38 
.form-control {
32 
		color:black;
 39 
	color: black;
33 
	}
 40 
}
- 
 
 41 
 
34 
	.bold-details {
 42 
.bold-details {
35 
		text-transform:capitalize;
 43 
	text-transform: capitalize;
36 
		font-weight:600;
 44 
	font-weight: 600;
37 
		color:#212121;
 45 
	color: #212121;
38 
	}
 46 
}
- 
 
 47 
 
39 
	.normal-details{
 48 
.normal-details {
40 
		font-weight:400;
 49 
	font-weight: 400;
41 
		text-transform:capitalize;
 50 
	text-transform: capitalize;
42 
		color:#797979;
 51 
	color: #797979;
43 
	}
 52 
}
44
- 
 
45 
}
 53 
}
46 
</style>
 54 
</style>
47 
#set($options="{ weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute:'numeric' }")
 55 
#set($options="{ weekday: 'long', year: 'numeric', month: 'long', day:
- 
 
 56 
'numeric', hour: 'numeric', minute:'numeric' }")
48 
<section class="wrapper">
 57 
<section class="wrapper">
49 
<div class="row" style="background:white;font-size:14px;">
 58 
	<div class="row" style="background: white; font-size: 14px;">
50 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
 59 
		<div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
51 
		<h4>ORDER DETAILS</h4>
 60 
			<h4>ORDER DETAILS</h4>
52 
		<div class="row">
 61 
			<div class="row">
53 
			<div class="col-lg-4">
 62 
				<div class="col-lg-4">
54 
				<p class="bold-details">Order ID</p>
 63 
					<p class="bold-details">Order ID</p>
- 
 
 64 
				</div>
- 
 
 65 
				<div class="col-lg-6">
- 
 
 66 
					<p class="normal-details">#$fofoOrder.getId()
- 
 
 67 
						($fofoOrderItems.size() item)</p>
- 
 
 68 
				</div>
- 
 
 69 
			</div>
- 
 
 70 
			<div class="row">
- 
 
 71 
				<div class="col-lg-4">
- 
 
 72 
					<p class="bold-details">Order Date</p>
- 
 
 73 
				</div>
- 
 
 74 
				<div class="col-lg-6">
- 
 
 75 
					<script>
- 
 
 76 
						document.getElementById('createTimestamp').appendChild(
- 
 
 77 
								document.createTextNode(new Date(
- 
 
 78 
										'$fofoOrder.getCreateTimestamp()')
- 
 
 79 
										.toLocaleString("en-US", $options)))
- 
 
 80 
					</script>
- 
 
 81 
					<p class="normal-details" id="createTimestamp"></p>
- 
 
 82 
				</div>
55 
			</div>
 83 
			</div>
- 
 
 84 
			<div class="row">
- 
 
 85 
				<div class="col-lg-4">
- 
 
 86 
					<p class="bold-details">Amount Paid</p>
- 
 
 87 
				</div>
56 
			<div class="col-lg-6">
 88 
				<div class="col-lg-6">
- 
 
 89 
					<p class="normal-details">
57 
				<p class="normal-details">#$fofoOrder.getId() ($fofoOrderItems.size() item)</p>
 90 
						<span class="normal-details">&#8377; </span>$fofoOrder.getTotalAmount()
- 
 
 91 
					</p>
- 
 
 92 
				</div>
58 
			</div>
 93 
			</div>
59 
		</div>
 94 
		</div>
- 
 
 95 
 
- 
 
 96 
		<div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
60 
		<div class="row">
 97 
			<h4>BILLING DETAILS</h4>
- 
 
 98 
			<p class="bold-details">$customerBillingAddressObj.getName()</p>
- 
 
 99 
			<p class="normal-details">$customerBillingAddress</p>
- 
 
 100 
			#if($fofoOrder.getCustomerGstNumber() &&
- 
 
 101 
			$fofoOrder.getCustomerGstNumber() != "")
61 
			<div class="col-lg-4">
 102 
			<p class="bold-details">
62 
				<p class="bold-details">Order Date</p>
 103 
				GST Number <span class="normal-details extra-margin">$fofoOrder.getCustomerGstNumber()</span>
63 
			</div>
 104 
			</p>
- 
 
 105 
			#end
64 
			<div class="col-lg-6">
 106 
			<p class="bold-details">
65 
				<script>document.getElementById('createTimestamp').appendChild(document.createTextNode(new Date('$fofoOrder.getCreateTimestamp()').toLocaleString("en-US",$options)))</script>
 - 
 
66 
				<p class="normal-details" id="createTimestamp"></p>
 107 
				Phone <span class="normal-details extra-margin">$customerBillingAddressObj.getPhoneNumber()</span>
67 
			</div>
 108 
			</p>
68 
		</div>
 109 
		</div>
- 
 
 110 
 
- 
 
 111 
		<div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
69 
		<div class="row">
 112 
			<h4>INVOICE DETAILS</h4>
70 
			<div class="col-lg-4">
 113 
			<p class="bold-details">
71 
				<p class="bold-details">Amount Paid</p>
 114 
				Invoice Number <span class="normal-details extra-margin">$fofoOrder.getInvoiceNumber()</span>
72 
			</div>
 115 
			</p>
73 
			<div class="col-lg-6">
 116 
			<p class="invoice_download_option">
74 
				<p class="normal-details"><span class="normal-details">&#8377; </span>$fofoOrder.getTotalAmount()</p>
 117 
				<i class="fa fa-print" aria-hidden="true"></i><a target="_blank"
- 
 
 118 
					href="generateInvoice?orderId=$fofoOrder.getId()"
- 
 
 119 
					class="extra-margin" style="font-size: 18px">Print Invoice</a></i>
75 
			</div>
 120 
			</p>
76 
		</div>
 121 
		</div>
77 
	</div>
 - 
 
78
- 
 
79 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
 - 
 
80 
		<h4>BILLING DETAILS</h4>
 - 
 
81 
		<p class="bold-details">$customerBillingAddressObj.getName()</p>
 - 
 
82 
		<p class="normal-details">$customerBillingAddress</p>
 - 
 
83 
		#if($fofoOrder.getCustomerGstNumber() && $fofoOrder.getCustomerGstNumber() != "")
 - 
 
84 
			<p class="bold-details">GST Number <span class="normal-details extra-margin">$fofoOrder.getCustomerGstNumber()</span></p>
 - 
 
85 
		#end
 - 
 
86 
		<p class="bold-details">Phone <span class="normal-details extra-margin">$customerBillingAddressObj.getPhoneNumber()</span></p>
 - 
 
87 
	</div>
 - 
 
88
- 
 
89 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
 - 
 
90 
		<h4>INVOICE DETAILS</h4>
 - 
 
91 
		<p class="bold-details">Invoice Number <span class="normal-details extra-margin">$fofoOrder.getInvoiceNumber()</span></p>
 - 
 
92 
		<p class="invoice_download_option"><i class="fa fa-print" aria-hidden="true"></i><a target="_blank" href="generateInvoice?orderId=$fofoOrder.getId()" class="extra-margin" style="font-size:18px">Print Invoice</a	></i></p>
 - 
 
93 
	</div>
 - 
 
94 
 
 122 
 
95 
</div>
 123 
	</div>
96 
 
 124 
 
97 
<div class="row" style="font-size:14px;color:#688a7e;">
 125 
	<div class="row" style="font-size: 14px; color: #688a7e;">
98 
	<div class="col-lg-12">
 126 
		<div class="col-lg-12">
99 
		<table class="table table-striped table-advance table-hover">
 127 
			<table class="table table-striped table-advance table-hover">
100 
			<tbody>
 128 
				<tbody>
101 
				<tr>
 129 
					<tr>
102 
					<th>Item Code</th>
 130 
						<th>Item Code</th>
103 
					<th>Description</th>
 131 
						<th>Description</th>
104 
					<th>Unit Price</th>
 132 
						<th>Unit Price</th>
105 
					<th>Quantity</th>
 133 
						<th>Quantity</th>
106 
					<th>Total Price</th>
 134 
						<th>Total Price</th>
107 
				</tr>
 135 
					</tr>
108 
				 <script type="text/javascript">
 136 
					<script type="text/javascript">
109 
				 	fofoLineItemsMap = $fofoOrderItemIdLineItemsMap;
 137 
						fofoLineItemsMap = $fofoOrderItemIdLineItemsMap;
110 
				 	foiIdCustomerReturnInventoryItemsMap = $foiIdCustomerReturnInventoryItemsMap;
 138 
						foiIdCustomerReturnInventoryItemsMap = $foiIdCustomerReturnInventoryItemsMap;
111 
				 	inventoryItemBilledQtyMap = $inventoryItemBilledQtyMap;
 139 
						inventoryItemBilledQtyMap = $inventoryItemBilledQtyMap;
112 
				 </script>
 140 
					</script>
113 
				 #foreach( $fofoOrderItem in $fofoOrderItems )
 141 
					#foreach( $fofoOrderItem in $fofoOrderItems ) #set ($total =
114 
				 #set ($total = $fofoOrderItem.getSellingPrice() * $fofoOrderItem.getQuantity())
 142 
					$fofoOrderItem.getSellingPrice() * $fofoOrderItem.getQuantity())
115 
				 	<tr>
 143 
					<tr>
116 
				 		<td>$fofoOrderItem.getItemId()</td>
 144 
						<td>$fofoOrderItem.getItemId()</td>
117 
				 		<td>
 - 
 
118 
				 			$fofoOrderItem.getBrand() $fofoOrderItem.getModelName() $fofoOrderItem.getModelNumber() $fofoOrderItem.getColor()
 145 
						<td>$fofoOrderItem.getBrand() $fofoOrderItem.getModelName()
119 
				 		</td>
 146 
							$fofoOrderItem.getModelNumber() $fofoOrderItem.getColor()</td>
120 
				 		<td>$fofoOrderItem.getSellingPrice()</td>
 147 
						<td>$fofoOrderItem.getSellingPrice()</td>
121 
				 		<td>$fofoOrderItem.getQuantity()</td>
 148 
						<td>$fofoOrderItem.getQuantity()</td>
122 
				 		<td>$total</td>
 149 
						<td>$total</td> #set ($item =
123 
						#set ($item = $itemsMap.get($fofoOrderItem.getItemId()))
 150 
						$itemsMap.get($fofoOrderItem.getItemId()))
124 
						#if($item.getCategoryId()==10006)
 151 
						#if($item.getCategoryId()==10006) #if($fofoOrderItem.isDoa())
125 
							#if($fofoOrderItem.isDoa())
 152 
						<td><a class="pointer" data-foi="$fofoOrderItem.getId()"
126 
								<td><a class="pointer" data-foi="$fofoOrderItem.getId()"
153 
							data-itemdesc="$item.getItemDescription()"
127 
								data-itemdesc="$item.getItemDescription()" data-target=".bs-example-modal-sm" data-toggle="modal">Mark DOA</a></td>
 154 
							data-target=".bs-example-modal-sm" data-toggle="modal">Mark
128 
							#else
 - 
 
129 
								<td></td>
 155 
								DOA</a></td> #else
130 
							#end
 - 
 
131 
						#else
 - 
 
132 
							#if($markDefective)
 156 
						<td></td> #end #else #if($markDefective)
133 
								<td><a class="pointer" data-foi="$fofoOrderItem.getId()"
157 
						<td><a class="pointer" data-foi="$fofoOrderItem.getId()"
- 
 
 158 
							data-itemdesc="$item.getItemDescription()"
134 
								data-itemdesc="$item.getItemDescription()" data-target=".bs-example-modal-sm" data-toggle="modal">Mark Defective</a></td>
 159 
							data-target=".bs-example-modal-sm" data-toggle="modal">Mark
135 
							#else
 160 
								Defective</a></td> #else
136 
								<td></td>
 161 
						<td></td> #end #end
137 
							#end
 - 
 
138 
						#end
 - 
 
139 
						<td></td>
 162 
						<td></td>
140 
				 	</tr>
 163 
					</tr>
141 
				 #end
 164 
					#end
142 
			</tbody>
 165 
				</tbody>
143 
		</table>
 166 
			</table>
144 
	</div>
 167 
		</div>
145 
	<!-- Small modal -->
 168 
		<!-- Small modal -->
- 
 
 169 
		<div class="modal fade bs-example-modal-sm" tabindex="-1"
146 
	<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="exampleModal">
 170 
			role="dialog" aria-labelledby="mySmallModalLabel" id="exampleModal">
147 
	  <div class="modal-dialog modal-md" role="document">
 171 
			<div class="modal-dialog modal-md" role="document">
148 
	    <div class="modal-content">
 172 
				<div class="modal-content">
149 
	    <div class="modal-header">
 173 
					<div class="modal-header">
150 
	    	<p class="modal-title"></p>
 174 
						<p class="modal-title"></p>
151 
	    </div>
 175 
					</div>
152 
	    <div class="modal-body">
 176 
					<div class="modal-body"></div>
153
- 
 
154 
	    </div>
 - 
 
155 
	    <div class="modal-footer">
 177 
					<div class="modal-footer">
156 
	    	<button type="button" class="return-submit btn btn-primary">Submit</button>
 178 
						<button type="button" class="return-submit btn btn-primary">Submit</button>
157 
	    </div>
 179 
					</div>
158 
	    </div>
 180 
				</div>
159 
	  </div>
 181 
			</div>
- 
 
 182 
		</div>
160 
	</div>
 183 
	</div>
161 
</div>
 - 
 
162 
 
 184 
 
163 
<div class="row">
 185 
	<div class="row">
164 
	#if(!$insurancePolicies.isEmpty())
 186 
		#if(!$insurancePolicies.isEmpty())
165 
		<div class="col-lg-8">
 187 
		<div class="col-lg-8">
166 
			<h4>INSURANCE DETAILS</h4>
 188 
			<h4>INSURANCE DETAILS</h4>
167 
    		<table class="table table-striped table-advance">
 189 
			<table class="table table-striped table-advance">
168 
    			<tbody>
 190 
				<tbody>
169 
    				<tr>
 191 
					<tr>
170 
    					<th>Description</th>
 192 
						<th>Description</th>
171 
    					<th>Serial Number</th>
 193 
						<th>Serial Number</th>
172 
    					<th>Provider Name</th>
 194 
						<th>Provider Name</th>
173 
    					<th>Amount</th>
 195 
						<th>Amount</th>
174 
    				</tr>
 196 
					</tr>
175 
    				#if(!$insurancePolicies.isEmpty())
 197 
					#if(!$insurancePolicies.isEmpty()) #foreach( $insurancePolicy in
176 
		    			#foreach( $insurancePolicy in $insurancePolicies )
 198 
					$insurancePolicies )
177 
		    				<tr>
 199 
					<tr>
- 
 
 200 
						<td>$insurancePolicy.getBrand()
178 
		    					<td>$insurancePolicy.getBrand() $insurancePolicy.getModelName()</td>
 201 
							$insurancePolicy.getModelName()</td>
179 
		    					<td>$insurancePolicy.getSerialNumber()</td>
 202 
						<td>$insurancePolicy.getSerialNumber()</td>
180 
		    					<td>$insurancePolicy.getInsuranceProvider().getName()</td>
 203 
						<td>$insurancePolicy.getInsuranceProvider().getName()</td>
181 
		    					<td>$insurancePolicy.getSaleAmount()</td>
 204 
						<td>$insurancePolicy.getSaleAmount()</td>
182 
		    				</tr>
 205 
					</tr>
183 
		    			#end
 206 
					#end #end
184 
	    			#end
 - 
 
185 
    			</tbody>
 207 
				</tbody>
186 
    		</table>
 208 
			</table>
187 
    	</div>
 209 
		</div>
188 
	#end
 210 
		#end
189
211 
 
- 
 
 212 
		<div class="col-lg-4 right"
190 
	<div class="col-lg-4 right" style="border-left:1px solid #f0f0f0;background:white;font-size:14px;">
 213 
			style="border-left: 1px solid #f0f0f0; background: white; font-size: 14px;">
191 
		<h4>PAYMENT DETAILS</h4>
 214 
			<h4>PAYMENT DETAILS</h4>
192 
		 #foreach( $paymentOptionTransaction in $paymentOptionTransactions )
 215 
			#foreach( $paymentOptionTransaction in $paymentOptionTransactions )
- 
 
 216 
			#set($paymentOption =
193 
		 	#set($paymentOption = $paymentOptionIdPaymentOptionMap.get($paymentOptionTransaction.getPaymentOptionId()))
 217 
			$paymentOptionIdPaymentOptionMap.get($paymentOptionTransaction.getPaymentOptionId()))
194 
		 	<div class="row">
 218 
			<div class="row">
195 
		 		<div class="col-lg-3">
 219 
				<div class="col-lg-3">
196 
		 			<p class="bold-details">$paymentOption.getName()</p>
 220 
					<p class="bold-details">$paymentOption.getName()</p>
197 
		 		</div>
 221 
				</div>
198 
		 		<div class="col-lg-3">
 222 
				<div class="col-lg-3">
- 
 
 223 
					<p class="nomal-details">&#8377;
199 
		 			<p class="nomal-details">&#8377; $paymentOptionTransaction.getAmount()</p>
 224 
						$paymentOptionTransaction.getAmount()</p>
200 
		 		</div>
 225 
				</div>
201 
		 	</div>
 226 
			</div>
202 
		 #end
 227 
			#end
203 
		 <hr/>
 228 
			<hr />
204 
		 <div class="row">
 229 
			<div class="row">
205 
		 	<div class="col-lg-3">
 230 
				<div class="col-lg-3">
206 
		 		<p class="bold-details">TOTAL</p>
 231 
					<p class="bold-details">TOTAL</p>
207 
		 	</div>
 232 
				</div>
208 
		 	<div class="col-lg-3">
 233 
				<div class="col-lg-3">
209 
		 		<p class="nomal-details">&#8377;$fofoOrder.getTotalAmount() </p>
 234 
					<p class="nomal-details">$fofoOrder.getTotalAmount()</p>
210 
		 	</div>
 235 
				</div>
211 
		 </div>
 236 
			</div>
- 
 
 237 
		</div>
212 
	</div>
 238 
	</div>
213 
</div>
 - 
 
214 
 
 239 
 
215 
</section>
 240 
</section>
- 
 
 241 
<script type="text/javascript"
216 
<script type="text/javascript" src="resources/js/customer-return.js?v=${version}"></script/>
 242 
	src="resources/js/customer-return.js?v=${version}">
- 
 
 243 
	</script/>