Subversion Repositories SmartDukaan

Rev

Rev 4267 | Rev 4280 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3546 mandeep.dh 1
<div id="bottom-infopane">
3106 mandeep.dh 2
#set($messages = $action.getActionErrors())
3
#if($messages && $messages.size() != 0)
4
    #foreach($message in $messages)
5
        $message <br/>
6
    #end
7
#else
3090 mandeep.dh 8
#set($ticket = $action.getTicket())
9
#set($ticketId = $ticket.getId())
10
<div >
3397 mandeep.dh 11
<div id="mail-div" class="hidden">
3206 mandeep.dh 12
    <form id="mail-form">
13
        <table >
14
            <colgroup >
15
                <col width="10%"/>
16
                <col width="90%"/>
17
            </colgroup>
18
            <tbody >
3405 mandeep.dh 19
                #if($ticket.isSetCustomerId())
3998 mandeep.dh 20
                #set($customerEmailId = $action.getUser($ticket.getCustomerId()).getCommunicationEmail())
3405 mandeep.dh 21
                #else
3422 mandeep.dh 22
                #set($customerEmailId = $ticket.getCustomerEmailId())
3269 mandeep.dh 23
                #end
3206 mandeep.dh 24
                <tr >
25
                    <td ><span >Reply to:</span></td>
3405 mandeep.dh 26
                    <td >$customerEmailId</td>
3206 mandeep.dh 27
                </tr>
28
                <tr >
29
                    <td ><span >Subject:</span></td>
3519 mandeep.dh 30
                    <td ><textarea name="subject" rows="1" class="required" cols="80">$action.getSubject()</textarea></td>
3206 mandeep.dh 31
                </tr>
32
                <tr >
33
                    <td ><span >Body:</span></td>
3519 mandeep.dh 34
                    <td ><textarea name="body" rows="12" class="required" cols="80" id="mail-body"></textarea></td>
3206 mandeep.dh 35
                </tr>
36
                <tr >
3405 mandeep.dh 37
                    <td ><input type="hidden" name="customerEmailId" value="$customerEmailId"/></td>
3206 mandeep.dh 38
                    <td ><input type="submit" value="Send mail and save ticket"/></td>
39
                </tr>
40
            </tbody>
41
        </table>
42
    </form>
43
</div>
4020 mandeep.dh 44
<div id="escalation-div" class="hidden">
45
    <form id="escalation-form">
4027 mandeep.dh 46
        <table class="display">
47
            #foreach($item in $action.getEscalationMatrix())
48
                #if($velocityCount % 2 != 0)
49
                    <tr >
50
                #end
51
                <td>
52
                #if($item.name().equals("SHIPPING_AND_DELIVERY"))
53
                    <input type="radio" name="escalate" value="$item.name()" checked />
54
                #else
55
                    <input type="radio" name="escalate" value="$item.name()" />
56
                #end
57
                <label title="$item.getDescription()">$item.name()</label> 
4020 mandeep.dh 58
                </td>
4027 mandeep.dh 59
                #if($velocityCount % 2 == 0)
60
                    </ tr>
61
                #end
62
            #end
4020 mandeep.dh 63
            <tr >
4027 mandeep.dh 64
                <td colspan="2">
4020 mandeep.dh 65
                    <textarea name="body" rows="5" class="required" cols="80" id="escalation-mail-body"></textarea>
66
                </td>
67
            </tr>
68
            <tr >
4027 mandeep.dh 69
                <td colspan="2">
4020 mandeep.dh 70
                    <input type="submit" value="Escalate"/>
71
                </td>
72
            </tr>
73
        </table>
74
    </form>
75
</div>
4241 anupam.sin 76
<div id="cancel-cod-div" class="hidden">
77
    <form id="cancel-cod-form">
78
        <table class="display">
79
            #foreach($item in $action.getCODCancelMatrix())
80
                #if($velocityCount % 2 != 0)
81
                    <tr >
82
                #end
83
                <td>
84
                #if($item.name().equals("INVALID_CONTACT_DETAILS"))
85
                    <input type="radio" name="cancelReason" value="$item.name()" checked />
86
                #else
87
                    <input type="radio" name="cancelReason" value="$item.name()" />
88
                #end
89
                <label title="$item.getDescription()">$item.name()</label> 
90
                </td>
91
                #if($velocityCount % 2 == 0)
92
                    </ tr>
93
                #end
94
            #end
95
            <tr >
96
                <td colspan="2">
97
                    <textarea name="body" rows="5" cols="80" id="cancel-cod-body"></textarea>
98
                </td>
99
            </tr>
100
            <tr >
101
                <td colspan="2">
102
                    <input type="submit" value="Cancel COD"/>
103
                </td>
104
            </tr>
105
        </table>
106
    </form>
107
</div>
4267 anupam.sin 108
#if($action.getPayments() && $action.canViewFlaggedPayments())
109
<div id="payment-pane">
110
	<br />
111
    <label class="heading">Payments</label><br />
112
    <table id="payment-table" class="display">
113
        <thead>
114
            <tr>
115
                <th>Payment Id</th>
116
                <th>Gateway Payment Id</th>
117
                <th>Gateway Id</th>
118
                <th>Amount</th>
119
                <th></th>
120
                <th></th>
121
            </tr>
122
        </thead>
123
        <tbody>
124
            #foreach($payment in $action.getPayments())
125
            #set($paymentId = $payment.getPaymentId())
126
            #set($trClass = "table-tr-odd")
127
            #if($velocityCount % 2 == 0)
128
                #set($trClass = "table-tr-even")
129
            #end
130
            <tr id="payment-row-$paymentId" class="$trClass">
131
                <td>
132
                        $paymentId
133
                </td>
134
				#if($payment.getGatewayPaymentId())
135
                <td class="truncated-text-for-order-table">$payment.getGatewayPaymentId()</td>
136
				#else
137
				<td>N/A</td>
138
				#end
139
                <td class="truncated-text-for-order-table">$payment.getGatewayId()</td>
140
                <td>$payment.getAmount()</td>
141
                <td ><input id="block-payment" type="button" transactionId="$payment.getMerchantTxnId()" currentAgent="$action.getCurrentAgentEmailId()" ticketId="$ticketId" value="Block Payment" class="CODButton"/> </td>
142
                <td ><input id="allow-payment" type="button" transactionId="$payment.getMerchantTxnId()" ticketId="$ticketId" value="Allow Payment" class="CODButton"/> </td>
143
            </tr>
144
            #end
145
        </tbody>
146
    </table>
147
</div>
148
#end
4105 mandeep.dh 149
#if($action.getOrders() && ($action.canVerifyCOD() || $action.canViewFailedPayments()))
3090 mandeep.dh 150
<div id="bottom-infopane-upper">
4142 mandeep.dh 151
    <br />
152
    <label class="heading">Orders</label><br />
4105 mandeep.dh 153
    <table id="order-table" class="display">
154
        <thead>
155
            <tr>
156
                <th>Order Id</th>
157
                <th>Product</th>
158
                <th>Created</th>
159
                <th>Amount</th>
160
                <th>Mobile No</th>
161
                <th>Shipping Address</th>
162
                <th>Expected delivery</th>
4277 anupam.sin 163
                #if($ticket.getCategory().name().equals("COD_VERIFICATION") || $ticket.getCategory().name().equals("ORDER_CANCELLATION"))
4105 mandeep.dh 164
                <th></th>
165
                <th></th>
166
                #elseif($ticket.getCategory().name().equals("DELAYED_DELIVERY"))
167
                <th>Promised delivery</th>
168
                <th>Delay reason</th>
169
                #end
170
            </tr>
171
        </thead>
172
        <tbody>
173
            #foreach($order in $action.getOrders())
174
            #set($orderId = $order.getId())
175
            #set($trClass = "table-tr-odd")
176
            #if($velocityCount % 2 == 0)
177
                #set($trClass = "table-tr-even")
178
            #end
179
            <tr id="order-row-$orderId" class="$trClass">
180
                <td>
181
                    <a alt="Show Order Details" title="Show Order Details" href="/crm?email=&orderId=$orderId">
182
                        $orderId
183
                    </a>
184
                </td>
185
                <td class="truncated-text-for-order-table">$action.getProductName($order.getLineitems().get(0))</td>
186
                <td class="truncated-text-for-order-table">$action.convertDate($order.getCreated_timestamp())</td>
187
                <td>$order.getTotal_amount()</td>
188
                <td>$order.getCustomer_mobilenumber()</td>
189
                <td class="truncated-text-for-order-table">$action.getAddress($order)</td>
190
                <td class="truncated-text-for-order-table">$action.convertDate($order.getExpected_delivery_time())</td>
191
                #if($ticket.getCategory().name().equals("COD_VERIFICATION"))
4241 anupam.sin 192
                <td ><input type="button" value="Verify COD" ticketId="$ticketId" orderId="$orderId" orderStatus="SUBMITTED_FOR_PROCESSING" class="update-order-status CODButton"/> </td>
193
                <td ><input type="button" value="Cancel order" ticketId="$ticketId" orderId="$orderId" orderStatus="CANCELED" class="display-cancel-order-popup CODButton"/> </td>
4277 anupam.sin 194
				#elseif($ticket.getCategory().name().equals("ORDER_CANCELLATION"))
195
				<td ><input type="button" value="Confirm" ticketId="$ticketId" orderId="$orderId" orderStatus="CANCEL_REQUEST_CONFIRMED" class="update-order-status CODButton"/> </td>
196
                <td ><input type="button" value="Deny" ticketId="$ticketId" orderId="$orderId" orderStatus="DENY_CANCEL_REQUEST" class="update-order-status CODButton"/> </td>
4105 mandeep.dh 197
                #elseif($ticket.getCategory().name().equals("DELAYED_DELIVERY"))
198
                <td class="truncated-text-for-order-table">$action.convertDate($order.getPromised_delivery_time())</td>
199
                <td class="truncated-text-for-order-table">$order.getDelayReason().name()</td>
200
                #end
201
            </tr>
202
            #end
203
        </tbody>
204
    </table>
205
</div>
206
#end
4142 mandeep.dh 207
<div id="bottom-infopane-lower">
208
    <br />
209
    <br />
210
    <label class="heading">Activities</label><br />
4241 anupam.sin 211
	<a name=currentActivity></a>
4142 mandeep.dh 212
    <table id="activity-table" class="display">
213
        <thead >
214
            <tr class="table-tr-header">
215
                <th >Activity Id</th>
216
                <th >Type</th>
217
                <th >Description</th>
218
                <th >Timestamp</th>
219
                <th >Created by</th>
220
                <th >Assignee</th>
221
                <th >Category</th>
222
                <th >Status</th>
223
                <th >Priority</th>
224
                <th >Ticket Description</th>
225
                <!--th >Customer Name</th>
226
                <th >Customer Email Id</th>
227
                <th >Customer Mobile No</th-->
228
            </tr>
229
        </thead>
230
        <tbody >
231
        #foreach($activity in $action.getActivities())
232
            #set($date = $action.convertDate($activity.getCreationTimestamp()))
233
            #set($trClass = "table-tr-odd")
234
            #if($velocityCount % 2 == 0)
235
                #set($trClass = "table-tr-even")
236
            #end
237
            <tr class="$trClass">
4241 anupam.sin 238
				<td>
239
					<a alt="Show Activity Description" title="Show Activity Description" href="#currentActivity" activityId="$activity.getId()" class="show-activity-description">
240
                        $activity.getId()
241
                    </a>
242
				</td>
243
                <!--<td class="truncated-text-for-activity-table">$activity.getId()</td>
244
				-->
4142 mandeep.dh 245
                <td class="truncated-text-for-activity-table">$activity.getType().name()</td>
4241 anupam.sin 246
                <td id="activity-description" class="truncated-text-for-activity-table"><pre>$activity.getDescription()</pre></td>
4142 mandeep.dh 247
                <td class="truncated-text-for-activity-table">$date</td>
248
                <td class="truncated-text-for-activity-table">$action.getAgent($activity.getCreatorId()).getEmailId()</td>
249
                #if($activity.isSetTicketAssigneeId())
250
                    <td class="truncated-text-for-activity-table">$action.getAgent($activity.getTicketAssigneeId()).getEmailId()</td>
251
                #else
252
                    <td class="truncated-text-for-activity-table">N/A</td>
253
                #end
254
                <td class="truncated-text-for-activity-table">$activity.getTicketCategory().name()</td>
255
                <td class="truncated-text-for-activity-table">$activity.getTicketStatus().name()</td>
256
                <td class="truncated-text-for-activity-table">$activity.getTicketPriority().name()</td>
257
                <td class="truncated-text-for-activity-table">$activity.getTicketDescription()</td>
258
                <!--td class="truncated-text-for-activity-table">
259
                #if($activity.getCustomerName())
260
                    $activity.getCustomerName()
261
                #else
262
                    N/A
263
                #end
264
                </td>
265
                <td class="truncated-text-for-activity-table">
266
                #if($activity.getCustomerEmailId())
267
                    $activity.getCustomerEmailId()
268
                #else
269
                    N/A
270
                #end
271
                </td>
272
                <td class="truncated-text-for-activity-table">
273
                #if($activity.getCustomerMobileNumber())
274
                    $activity.getCustomerMobileNumber()
275
                #else
276
                    N/A
277
                #end
278
                </td-->
279
            </tr>
280
        #end
281
        </tbody>
282
    </table>
283
</div>
4241 anupam.sin 284
<div id="activity-description-pane" class="activity-description-bg">
285
</div>
4105 mandeep.dh 286
<div id="bottom-infopane-middle">
4142 mandeep.dh 287
    <br />
288
    <br />
289
    <label class="heading">Ticket details</label><br />
3090 mandeep.dh 290
    <form id="update-ticket-form" ticketId="$ticketId" _method="put" method="post" action="">
291
        <table>
292
            <colgroup>
293
                <col width="200px"/>
294
                <col width="250px"/>
3106 mandeep.dh 295
                <col width="120px"/>
3090 mandeep.dh 296
                <col width="200px"/>
3106 mandeep.dh 297
                <col width="300px"/>
3090 mandeep.dh 298
            </colgroup>
3405 mandeep.dh 299
            #if($ticket.isSetCustomerId())
3546 mandeep.dh 300
            #set($user = $action.getUser())
301
                <tr >
4142 mandeep.dh 302
                    <td class="bold">Customer Name: </td>
3546 mandeep.dh 303
                    <td >$user.getName()</td>
304
                    <td ></td>
4142 mandeep.dh 305
                    <td class="bold">Customer Mobile No: </td>
3853 mandeep.dh 306
                    <td >
307
                        #if($user.isSetMobileNumber())
308
                            $user.getMobileNumber()
309
                        #else
310
                            N/A
311
                        #end
312
                    </td>
3546 mandeep.dh 313
                </tr>
3405 mandeep.dh 314
            #else
315
                <tr >
4142 mandeep.dh 316
                    <td class="bold">Customer Name: </td>
3405 mandeep.dh 317
                    <td >
318
                        #if($ticket.isSetCustomerName())
319
                            <input type="text" name="customerName" value="$ticket.getCustomerName()"/>
320
                        #else
321
                            <input type="text" name="customerName"/>
322
                        #end
323
                    </td>
324
                    <td ></td>
4142 mandeep.dh 325
                    <td class="bold">Customer Mobile No: </td>
3405 mandeep.dh 326
                    <td >
327
                        #if($ticket.isSetCustomerMobileNumber())
328
                            <input type="text" name="customerMobileNumber" value="$ticket.getCustomerMobileNumber()"/>
329
                        #else
330
                            <input type="text" name="customerMobileNumber"/>
331
                        #end
332
                    </td>
333
                </tr>
334
            #end
3090 mandeep.dh 335
            <tr >
3106 mandeep.dh 336
                <td ><label>Description:</label></td>
3578 mandeep.dh 337
                <td colspan="4"><textarea id="description" class="required" name="description" rows="10" cols="90">$ticket.getDescription()</textarea></td>
3106 mandeep.dh 338
            </tr>
339
            <tr >
3090 mandeep.dh 340
                <td ><label>Category:</label></td>
341
                <td >
3106 mandeep.dh 342
                <select name="category" class="width10">
343
                    #foreach( $category in $action.getTicketCategories() )
344
                        #if($category.name() == $ticket.getCategory().name())
345
                            <option value="$category.name()" selected="selected">$category.name()</option>
3090 mandeep.dh 346
                        #else
3106 mandeep.dh 347
                            <option value="$category.name()">$category.name()</option>
3090 mandeep.dh 348
                        #end
349
                    #end
350
                </select>
351
                </td>
352
                <td></td>
3106 mandeep.dh 353
                <td ><label>Order Id:</label></td>
354
                <td >
3168 mandeep.dh 355
                    #if($ticket.isSetOrderId())
3519 mandeep.dh 356
                        <a alt="Show Order Details" title="Show Order Details" href="/crm?email=&orderId=$ticket.getOrderId()">
357
                                $ticket.getOrderId()
358
                        </a>
3106 mandeep.dh 359
                    #else
360
                        N/A
361
                    #end
362
                </td>
3090 mandeep.dh 363
            </tr>
364
            <tr >
365
                <td ><label>Assignee:</label></td>
3405 mandeep.dh 366
                #if($action.isAssigneeEditable())
3090 mandeep.dh 367
                    <td >
3106 mandeep.dh 368
                    <select name="assigneeEmailId" class="width10">
3090 mandeep.dh 369
                        #foreach( $agent in $action.getAllAgents() )
4020 mandeep.dh 370
                            #if(($agent.getId() == $ticket.getAssigneeId()))
3090 mandeep.dh 371
                                <option value="$agent.getEmailId()" selected="selected">$agent.getEmailId()</option>
372
                            #else
373
                                <option value="$agent.getEmailId()">$agent.getEmailId()</option>
374
                            #end
375
                        #end
376
                    </select>
377
                    </td>
3405 mandeep.dh 378
                #else
4020 mandeep.dh 379
                    <td >
380
                        <select name="assigneeEmailId" class="width10">                    
381
                            #if ($ticket.isSetAssigneeId())
382
                                #set($assigneeEmailId = $action.getAgent($ticket.getAssigneeId()).getEmailId())
383
                                <option value="$assigneeEmailId" selected="selected">$assigneeEmailId</option>
384
                            #else
385
                                <option value="" selected="selected">N/A</option>
386
                            #end
387
                            <option value="$action.getCurrentAgentEmailId()">$action.getCurrentAgentEmailId()</option>
388
                        </select>
389
                    </td>
3090 mandeep.dh 390
                #end
391
                <td ></td>
3106 mandeep.dh 392
                <td ><label>Created by:</label></td>
393
                <td >$action.getAgent($ticket.getCreatorId()).getEmailId()</td>
3090 mandeep.dh 394
            </tr>
395
            <tr >
396
                <td ><label>Status:</label></td>
397
                <td >
3106 mandeep.dh 398
                <select name="status" class="width10">
399
                    #foreach( $status in $action.getTicketStatuses() )
400
                        #if($status.name() == $ticket.getStatus().name())
401
                            <option value="$status.name()" selected="selected">$status.name()</option>
3090 mandeep.dh 402
                        #else
3106 mandeep.dh 403
                            <option value="$status.name()">$status.name()</option>
3090 mandeep.dh 404
                        #end
405
                    #end
406
                </select>
407
                </td>
408
                <td ></td>
409
                <td ><label>Priority:</label></td>
410
                <td >
3106 mandeep.dh 411
                <select name="priority" class="width10">
412
                    #foreach( $priority in $action.getTicketPriorities() )
413
                        #if($priority.name() == $ticket.getPriority().name())
414
                            <option value="$priority.name()" selected="selected">$priority.name()</option>
3090 mandeep.dh 415
                        #else
3106 mandeep.dh 416
                            <option value="$priority.name()">$priority.name()</option>
3090 mandeep.dh 417
                        #end
418
                    #end
419
                </select>
420
                </td>
421
            </tr>
422
            <tr >
3106 mandeep.dh 423
                <td ><label>Activity Type:</label></td>
424
                <td colspan="4">
3339 mandeep.dh 425
                <select id="activity-type" name="activityType" class="width-activity-type">
3106 mandeep.dh 426
                    #foreach( $type in $action.getActivityTypes() )
427
                        #if($type.name() == "OTHER")
428
                            <option value="$type.name()" selected="selected">$type.name()</option>
3090 mandeep.dh 429
                        #else
3106 mandeep.dh 430
                            <option value="$type.name()">$type.name()</option>
3090 mandeep.dh 431
                        #end
432
                    #end
433
                </select>
434
                </td>
3106 mandeep.dh 435
                </td>
3090 mandeep.dh 436
            </tr>
437
            <tr >
3106 mandeep.dh 438
                <td ><label>Activity description:</label></td>
3405 mandeep.dh 439
                <td colspan="4"><textarea class="required" name="activityDescription" rows="2" cols="90"></textarea></td>
3106 mandeep.dh 440
            </tr>
441
            <tr >
3090 mandeep.dh 442
                <td colspan="2"></td>
443
                <td colspan="2"><input type="submit" value="Save" /></td>
3405 mandeep.dh 444
                <td ><input type="hidden" name="userId" value="$ticket.getCustomerId()"/></td>
3090 mandeep.dh 445
            </tr>
446
        </table>
447
    </form>
448
</div>
3546 mandeep.dh 449
<br />
3090 mandeep.dh 450
</div>
3106 mandeep.dh 451
#end
3546 mandeep.dh 452
</div>
3106 mandeep.dh 453
<script >
3499 mandeep.dh 454
$(document).ready(
455
    function () {
456
        $(".truncated-text-for-activity-table").truncate({
457
            width : 65,
458
            addtitle : true
459
        });
3546 mandeep.dh 460
 
461
        $(".truncated-text-for-order-table").truncate({
3711 mandeep.dh 462
            width : 85,
3546 mandeep.dh 463
            addtitle : true
464
        });
3499 mandeep.dh 465
    }
466
);
3390 mandeep.dh 467
</script>