Subversion Repositories SmartDukaan

Rev

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

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