Subversion Repositories SmartDukaan

Rev

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