Subversion Repositories SmartDukaan

Rev

Rev 4142 | Rev 4267 | 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>
4105 mandeep.dh 108
#if($action.getOrders() && ($action.canVerifyCOD() || $action.canViewFailedPayments()))
3090 mandeep.dh 109
<div id="bottom-infopane-upper">
4142 mandeep.dh 110
    <br />
111
    <label class="heading">Orders</label><br />
4105 mandeep.dh 112
    <table id="order-table" class="display">
113
        <thead>
114
            <tr>
115
                <th>Order Id</th>
116
                <th>Product</th>
117
                <th>Created</th>
118
                <th>Amount</th>
119
                <th>Mobile No</th>
120
                <th>Shipping Address</th>
121
                <th>Expected delivery</th>
122
                #if($ticket.getCategory().name().equals("COD_VERIFICATION"))
123
                <th></th>
124
                <th></th>
125
                #elseif($ticket.getCategory().name().equals("DELAYED_DELIVERY"))
126
                <th>Promised delivery</th>
127
                <th>Delay reason</th>
128
                #end
129
            </tr>
130
        </thead>
131
        <tbody>
132
            #foreach($order in $action.getOrders())
133
            #set($orderId = $order.getId())
134
            #set($trClass = "table-tr-odd")
135
            #if($velocityCount % 2 == 0)
136
                #set($trClass = "table-tr-even")
137
            #end
138
            <tr id="order-row-$orderId" class="$trClass">
139
                <td>
140
                    <a alt="Show Order Details" title="Show Order Details" href="/crm?email=&orderId=$orderId">
141
                        $orderId
142
                    </a>
143
                </td>
144
                <td class="truncated-text-for-order-table">$action.getProductName($order.getLineitems().get(0))</td>
145
                <td class="truncated-text-for-order-table">$action.convertDate($order.getCreated_timestamp())</td>
146
                <td>$order.getTotal_amount()</td>
147
                <td>$order.getCustomer_mobilenumber()</td>
148
                <td class="truncated-text-for-order-table">$action.getAddress($order)</td>
149
                <td class="truncated-text-for-order-table">$action.convertDate($order.getExpected_delivery_time())</td>
150
                #if($ticket.getCategory().name().equals("COD_VERIFICATION"))
4241 anupam.sin 151
                <td ><input type="button" value="Verify COD" ticketId="$ticketId" orderId="$orderId" orderStatus="SUBMITTED_FOR_PROCESSING" class="update-order-status CODButton"/> </td>
152
                <td ><input type="button" value="Cancel order" ticketId="$ticketId" orderId="$orderId" orderStatus="CANCELED" class="display-cancel-order-popup CODButton"/> </td>
4105 mandeep.dh 153
                #elseif($ticket.getCategory().name().equals("DELAYED_DELIVERY"))
154
                <td class="truncated-text-for-order-table">$action.convertDate($order.getPromised_delivery_time())</td>
155
                <td class="truncated-text-for-order-table">$order.getDelayReason().name()</td>
156
                #end
157
            </tr>
158
            #end
159
        </tbody>
160
    </table>
161
</div>
162
#end
4142 mandeep.dh 163
<div id="bottom-infopane-lower">
164
    <br />
165
    <br />
166
    <label class="heading">Activities</label><br />
4241 anupam.sin 167
	<a name=currentActivity></a>
4142 mandeep.dh 168
    <table id="activity-table" class="display">
169
        <thead >
170
            <tr class="table-tr-header">
171
                <th >Activity Id</th>
172
                <th >Type</th>
173
                <th >Description</th>
174
                <th >Timestamp</th>
175
                <th >Created by</th>
176
                <th >Assignee</th>
177
                <th >Category</th>
178
                <th >Status</th>
179
                <th >Priority</th>
180
                <th >Ticket Description</th>
181
                <!--th >Customer Name</th>
182
                <th >Customer Email Id</th>
183
                <th >Customer Mobile No</th-->
184
            </tr>
185
        </thead>
186
        <tbody >
187
        #foreach($activity in $action.getActivities())
188
            #set($date = $action.convertDate($activity.getCreationTimestamp()))
189
            #set($trClass = "table-tr-odd")
190
            #if($velocityCount % 2 == 0)
191
                #set($trClass = "table-tr-even")
192
            #end
193
            <tr class="$trClass">
4241 anupam.sin 194
				<td>
195
					<a alt="Show Activity Description" title="Show Activity Description" href="#currentActivity" activityId="$activity.getId()" class="show-activity-description">
196
                        $activity.getId()
197
                    </a>
198
				</td>
199
                <!--<td class="truncated-text-for-activity-table">$activity.getId()</td>
200
				-->
4142 mandeep.dh 201
                <td class="truncated-text-for-activity-table">$activity.getType().name()</td>
4241 anupam.sin 202
                <td id="activity-description" class="truncated-text-for-activity-table"><pre>$activity.getDescription()</pre></td>
4142 mandeep.dh 203
                <td class="truncated-text-for-activity-table">$date</td>
204
                <td class="truncated-text-for-activity-table">$action.getAgent($activity.getCreatorId()).getEmailId()</td>
205
                #if($activity.isSetTicketAssigneeId())
206
                    <td class="truncated-text-for-activity-table">$action.getAgent($activity.getTicketAssigneeId()).getEmailId()</td>
207
                #else
208
                    <td class="truncated-text-for-activity-table">N/A</td>
209
                #end
210
                <td class="truncated-text-for-activity-table">$activity.getTicketCategory().name()</td>
211
                <td class="truncated-text-for-activity-table">$activity.getTicketStatus().name()</td>
212
                <td class="truncated-text-for-activity-table">$activity.getTicketPriority().name()</td>
213
                <td class="truncated-text-for-activity-table">$activity.getTicketDescription()</td>
214
                <!--td class="truncated-text-for-activity-table">
215
                #if($activity.getCustomerName())
216
                    $activity.getCustomerName()
217
                #else
218
                    N/A
219
                #end
220
                </td>
221
                <td class="truncated-text-for-activity-table">
222
                #if($activity.getCustomerEmailId())
223
                    $activity.getCustomerEmailId()
224
                #else
225
                    N/A
226
                #end
227
                </td>
228
                <td class="truncated-text-for-activity-table">
229
                #if($activity.getCustomerMobileNumber())
230
                    $activity.getCustomerMobileNumber()
231
                #else
232
                    N/A
233
                #end
234
                </td-->
235
            </tr>
236
        #end
237
        </tbody>
238
    </table>
239
</div>
4241 anupam.sin 240
<div id="activity-description-pane" class="activity-description-bg">
241
</div>
4105 mandeep.dh 242
<div id="bottom-infopane-middle">
4142 mandeep.dh 243
    <br />
244
    <br />
245
    <label class="heading">Ticket details</label><br />
3090 mandeep.dh 246
    <form id="update-ticket-form" ticketId="$ticketId" _method="put" method="post" action="">
247
        <table>
248
            <colgroup>
249
                <col width="200px"/>
250
                <col width="250px"/>
3106 mandeep.dh 251
                <col width="120px"/>
3090 mandeep.dh 252
                <col width="200px"/>
3106 mandeep.dh 253
                <col width="300px"/>
3090 mandeep.dh 254
            </colgroup>
3405 mandeep.dh 255
            #if($ticket.isSetCustomerId())
3546 mandeep.dh 256
            #set($user = $action.getUser())
257
                <tr >
4142 mandeep.dh 258
                    <td class="bold">Customer Name: </td>
3546 mandeep.dh 259
                    <td >$user.getName()</td>
260
                    <td ></td>
4142 mandeep.dh 261
                    <td class="bold">Customer Mobile No: </td>
3853 mandeep.dh 262
                    <td >
263
                        #if($user.isSetMobileNumber())
264
                            $user.getMobileNumber()
265
                        #else
266
                            N/A
267
                        #end
268
                    </td>
3546 mandeep.dh 269
                </tr>
3405 mandeep.dh 270
            #else
271
                <tr >
4142 mandeep.dh 272
                    <td class="bold">Customer Name: </td>
3405 mandeep.dh 273
                    <td >
274
                        #if($ticket.isSetCustomerName())
275
                            <input type="text" name="customerName" value="$ticket.getCustomerName()"/>
276
                        #else
277
                            <input type="text" name="customerName"/>
278
                        #end
279
                    </td>
280
                    <td ></td>
4142 mandeep.dh 281
                    <td class="bold">Customer Mobile No: </td>
3405 mandeep.dh 282
                    <td >
283
                        #if($ticket.isSetCustomerMobileNumber())
284
                            <input type="text" name="customerMobileNumber" value="$ticket.getCustomerMobileNumber()"/>
285
                        #else
286
                            <input type="text" name="customerMobileNumber"/>
287
                        #end
288
                    </td>
289
                </tr>
290
            #end
3090 mandeep.dh 291
            <tr >
3106 mandeep.dh 292
                <td ><label>Description:</label></td>
3578 mandeep.dh 293
                <td colspan="4"><textarea id="description" class="required" name="description" rows="10" cols="90">$ticket.getDescription()</textarea></td>
3106 mandeep.dh 294
            </tr>
295
            <tr >
3090 mandeep.dh 296
                <td ><label>Category:</label></td>
297
                <td >
3106 mandeep.dh 298
                <select name="category" class="width10">
299
                    #foreach( $category in $action.getTicketCategories() )
300
                        #if($category.name() == $ticket.getCategory().name())
301
                            <option value="$category.name()" selected="selected">$category.name()</option>
3090 mandeep.dh 302
                        #else
3106 mandeep.dh 303
                            <option value="$category.name()">$category.name()</option>
3090 mandeep.dh 304
                        #end
305
                    #end
306
                </select>
307
                </td>
308
                <td></td>
3106 mandeep.dh 309
                <td ><label>Order Id:</label></td>
310
                <td >
3168 mandeep.dh 311
                    #if($ticket.isSetOrderId())
3519 mandeep.dh 312
                        <a alt="Show Order Details" title="Show Order Details" href="/crm?email=&orderId=$ticket.getOrderId()">
313
                                $ticket.getOrderId()
314
                        </a>
3106 mandeep.dh 315
                    #else
316
                        N/A
317
                    #end
318
                </td>
3090 mandeep.dh 319
            </tr>
320
            <tr >
321
                <td ><label>Assignee:</label></td>
3405 mandeep.dh 322
                #if($action.isAssigneeEditable())
3090 mandeep.dh 323
                    <td >
3106 mandeep.dh 324
                    <select name="assigneeEmailId" class="width10">
3090 mandeep.dh 325
                        #foreach( $agent in $action.getAllAgents() )
4020 mandeep.dh 326
                            #if(($agent.getId() == $ticket.getAssigneeId()))
3090 mandeep.dh 327
                                <option value="$agent.getEmailId()" selected="selected">$agent.getEmailId()</option>
328
                            #else
329
                                <option value="$agent.getEmailId()">$agent.getEmailId()</option>
330
                            #end
331
                        #end
332
                    </select>
333
                    </td>
3405 mandeep.dh 334
                #else
4020 mandeep.dh 335
                    <td >
336
                        <select name="assigneeEmailId" class="width10">                    
337
                            #if ($ticket.isSetAssigneeId())
338
                                #set($assigneeEmailId = $action.getAgent($ticket.getAssigneeId()).getEmailId())
339
                                <option value="$assigneeEmailId" selected="selected">$assigneeEmailId</option>
340
                            #else
341
                                <option value="" selected="selected">N/A</option>
342
                            #end
343
                            <option value="$action.getCurrentAgentEmailId()">$action.getCurrentAgentEmailId()</option>
344
                        </select>
345
                    </td>
3090 mandeep.dh 346
                #end
347
                <td ></td>
3106 mandeep.dh 348
                <td ><label>Created by:</label></td>
349
                <td >$action.getAgent($ticket.getCreatorId()).getEmailId()</td>
3090 mandeep.dh 350
            </tr>
351
            <tr >
352
                <td ><label>Status:</label></td>
353
                <td >
3106 mandeep.dh 354
                <select name="status" class="width10">
355
                    #foreach( $status in $action.getTicketStatuses() )
356
                        #if($status.name() == $ticket.getStatus().name())
357
                            <option value="$status.name()" selected="selected">$status.name()</option>
3090 mandeep.dh 358
                        #else
3106 mandeep.dh 359
                            <option value="$status.name()">$status.name()</option>
3090 mandeep.dh 360
                        #end
361
                    #end
362
                </select>
363
                </td>
364
                <td ></td>
365
                <td ><label>Priority:</label></td>
366
                <td >
3106 mandeep.dh 367
                <select name="priority" class="width10">
368
                    #foreach( $priority in $action.getTicketPriorities() )
369
                        #if($priority.name() == $ticket.getPriority().name())
370
                            <option value="$priority.name()" selected="selected">$priority.name()</option>
3090 mandeep.dh 371
                        #else
3106 mandeep.dh 372
                            <option value="$priority.name()">$priority.name()</option>
3090 mandeep.dh 373
                        #end
374
                    #end
375
                </select>
376
                </td>
377
            </tr>
378
            <tr >
3106 mandeep.dh 379
                <td ><label>Activity Type:</label></td>
380
                <td colspan="4">
3339 mandeep.dh 381
                <select id="activity-type" name="activityType" class="width-activity-type">
3106 mandeep.dh 382
                    #foreach( $type in $action.getActivityTypes() )
383
                        #if($type.name() == "OTHER")
384
                            <option value="$type.name()" selected="selected">$type.name()</option>
3090 mandeep.dh 385
                        #else
3106 mandeep.dh 386
                            <option value="$type.name()">$type.name()</option>
3090 mandeep.dh 387
                        #end
388
                    #end
389
                </select>
390
                </td>
3106 mandeep.dh 391
                </td>
3090 mandeep.dh 392
            </tr>
393
            <tr >
3106 mandeep.dh 394
                <td ><label>Activity description:</label></td>
3405 mandeep.dh 395
                <td colspan="4"><textarea class="required" name="activityDescription" rows="2" cols="90"></textarea></td>
3106 mandeep.dh 396
            </tr>
397
            <tr >
3090 mandeep.dh 398
                <td colspan="2"></td>
399
                <td colspan="2"><input type="submit" value="Save" /></td>
3405 mandeep.dh 400
                <td ><input type="hidden" name="userId" value="$ticket.getCustomerId()"/></td>
3090 mandeep.dh 401
            </tr>
402
        </table>
403
    </form>
404
</div>
3546 mandeep.dh 405
<br />
3090 mandeep.dh 406
</div>
3106 mandeep.dh 407
#end
3546 mandeep.dh 408
</div>
3106 mandeep.dh 409
<script >
3499 mandeep.dh 410
$(document).ready(
411
    function () {
412
        $(".truncated-text-for-activity-table").truncate({
413
            width : 65,
414
            addtitle : true
415
        });
3546 mandeep.dh 416
 
417
        $(".truncated-text-for-order-table").truncate({
3711 mandeep.dh 418
            width : 85,
3546 mandeep.dh 419
            addtitle : true
420
        });
3499 mandeep.dh 421
    }
422
);
3390 mandeep.dh 423
</script>