Subversion Repositories SmartDukaan

Rev

Rev 5918 | Rev 18341 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<div id="bottom-infopane">
#set($messages = $action.getActionErrors())
#if($messages && $messages.size() != 0)
    #foreach($message in $messages)
        $message <br/>
    #end
#else
#set($ticket = $action.getTicket())
#set($ticketId = $ticket.getId())
<div >
<div id="mail-div" class="hidden">
    <form id="mail-form">
        <table >
            <colgroup >
                <col width="10%"/>
                <col width="90%"/>
            </colgroup>
            <tbody >
                #if($ticket.isSetCustomerId())
                #set($customerEmailId = $action.getUser($ticket.getCustomerId()).getCommunicationEmail())
                #else
                #set($customerEmailId = $ticket.getCustomerEmailId())
                #end
                <tr >
                    <td ><span >Reply to:</span></td>
                    <td >$customerEmailId</td>
                </tr>
                <tr >
                    <td ><span >Subject:</span></td>
                    <td ><textarea name="subject" rows="1" class="required" cols="80">$action.getSubject()</textarea></td>
                </tr>
                <tr >
                    <td ><span >Body:</span></td>
                    <td ><textarea name="body" rows="12" class="required" cols="80" id="mail-body"></textarea></td>
                </tr>
                <tr >
                    <td ><input type="hidden" name="customerEmailId" value="$customerEmailId"/></td>
                    <td ><input type="submit" value="Send mail and save ticket"/></td>
                </tr>
            </tbody>
        </table>
    </form>
</div>
<div id="escalation-div" class="hidden">
    <form id="escalation-form">
        <table class="display">
            #foreach($item in $action.getEscalationMatrix())
                #if($velocityCount % 2 != 0)
                    <tr >
                #end
                <td>
                #if($item.name().equals("SHIPPING_AND_DELIVERY"))
                    <input type="radio" name="escalate" value="$item.name()" checked />
                #else
                    <input type="radio" name="escalate" value="$item.name()" />
                #end
                <label title="$item.getDescription()">$item.name()</label> 
                </td>
                #if($velocityCount % 2 == 0)
                    </ tr>
                #end
            #end
            <tr >
                <td colspan="2">
                    <textarea name="body" rows="5" class="required" cols="80" id="escalation-mail-body"></textarea>
                </td>
            </tr>
            <tr >
                <td colspan="2">
                    <input type="submit" value="Escalate"/>
                </td>
            </tr>
        </table>
    </form>
</div>
<div id="cancel-div" class="hidden">
    <form id="cancel-form">
        <table class="display">
            #foreach($item in $action.getCODCancelMatrix())
                #if($velocityCount % 2 != 0)
                    <tr >
                #end
                <td>
                #if($item.name().equals("INVALID_CONTACT_DETAILS"))
                    <input type="radio" name="cancelReason" id ="$item.name()" class = "cancelReason" value="$item.name()" checked />
                #else
                    <input type="radio" name="cancelReason" id ="$item.name()" class = "cancelReason" value="$item.name()" />
                #end
                <label title="$item.getDescription()">$item.name()</label> 
                </td>
                #if($velocityCount % 2 == 0)
                    </ tr>
                #end
            #end
            <tr >
                <td id ="cancelReasonBox" colspan="2">
                    <textarea name="body" rows="5" cols="80" id="cancel-body"></textarea>
                </td>
            </tr>
            <tr >
                <td colspan="2">
                    <input type="submit" value="Cancel COD"/>
                </td>
            </tr>
        </table>
    </form>
</div>
<div id='store-return-auth' style='display:none;text-align:center;font-size: 15px;'>
        <form id='store-return-form'>
        Case closure : <input type="radio" checked='checked' name="closureType" value="reship">Reship</input>
                           <input type="radio" name="closureType" value="refund">Refund</input>
        <br>
        <br>
        Premises : <input type="radio" checked='checked' name="premises" value="store">Store</input>
                       <input type="radio" name="premises" value="home">Customer premises</input>
        <br><br>
        <input id='auth-return-button' type='button' value='AUTHORIZE'>
        </form>
</div>
<div id='store-doa-auth' style='display:none;text-align:center;font-size: 15px;'>
        <form id='store-doa-form' action='/crm/tickets!authorizeDOA'>
        Case closure : <input type="radio" checked='checked' name="closureType" value="reship">Reship</input>
                           <input type="radio" name="closureType" value="refund">Refund</input>
        <br>
        <br>
        Premises : <input type="radio" checked='checked' name="premises" value="store">Store</input>
                       <input type="radio" name="premises" value="home">Customer premises</input>
        <br><br>
        <input id='auth-doa-button' type='button' value='AUTHORIZE'>
        </form>
</div>
#if($action.getPayments() && $action.canViewFlaggedPayments())
<div id="payment-pane">
        <br />
    <label class="heading">Payments</label><br />
    <table id="payment-table" class="display">
        <thead>
            <tr>
                <th>Payment Id</th>
                <th>Gateway Payment Id</th>
                <th>Gateway Id</th>
                <th>Amount</th>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            #foreach($payment in $action.getPayments())
            #set($paymentId = $payment.getPaymentId())
            #set($trClass = "table-tr-odd")
            #if($velocityCount % 2 == 0)
                #set($trClass = "table-tr-even")
            #end
            <tr id="payment-row-$paymentId" class="$trClass">
                <td>
                        $paymentId
                </td>
                                #if($payment.getGatewayPaymentId())
                <td class="truncated-text-for-order-table">$payment.getGatewayPaymentId()</td>
                                #else
                                <td>N/A</td>
                                #end
                <td class="truncated-text-for-order-table">$payment.getGatewayId()</td>
                <td>$payment.getAmount()</td>
                <td class="center-aligned"><input id="block-payment" type="button" transactionId="$payment.getMerchantTxnId()" paymentId = "$paymentId" ticketId="$ticketId" value="Block Payment" class="CODButton"/> </td>
                <td class="center-aligned"><input id="allow-payment" type="button" transactionId="$payment.getMerchantTxnId()" paymentId = "$paymentId" ticketId="$ticketId" value="Allow Payment" class="CODButton"/> </td>
            </tr>
            #end
        </tbody>
    </table>
</div>
#end
#if($action.getOrders() && ($action.canVerifyCOD() || $action.canViewFailedPayments() || ($action.canViewDoaRequests())))
<div id="bottom-infopane-upper">
    <br />
    <label class="heading">Orders</label><br />
    <table id="order-table" class="display">
        <thead>
            <tr>
                <th>Order Id</th>
                <th>Product</th>
                <th>Created</th>
                <th>Amount</th>
                <th>Mobile No</th>
                <th>Shipping Address</th>
                <th>Expected delivery</th>
                #if($ticket.getCategory().name().equals("COD_VERIFICATION"))
                                <th>Trust Level</th>    
                <th></th>
                <th></th>
                                #elseif($ticket.getCategory().name().equals("STORE_PICKUP"))
                                <th>Pickup Expiry</th>  
                <th></th>
                <th></th>
                                #elseif($ticket.getCategory().name().equals("ORDER_CANCELLATION") || $ticket.getCategory().name().equals("DOA_RECEIVED") || $ticket.getCategory().name().equals("RETURN_FORM"))
                                <th></th>
                <th></th>
                #elseif($ticket.getCategory().name().equals("DELAYED_DELIVERY"))
                <th>Promised delivery</th>
                <th>Delay reason</th>
                #end
            </tr>
        </thead>
        <tbody>
            #foreach($order in $action.getOrders())
            #set($orderId = $order.getId())
            #set($trClass = "table-tr-odd")
            #if($velocityCount % 2 == 0)
                #set($trClass = "table-tr-even")
                        #end
                        #if($order.getPickupStoreId() != 0)
                                <tr id="order-row-$orderId" class="$trClass" style="color:red">
                        #else
                                <tr id="order-row-$orderId" class="$trClass">
                        #end
                <td>
                    <a alt="Show Order Details" title="Show Order Details" href="/crm?email=&orderId=$orderId">
                        $orderId
                    </a>
                </td>
                <td class="truncated-text-for-order-table">$action.getProductName($order.getLineitems().get(0))</td>
                <td class="truncated-text-for-order-table">$action.convertDate($order.getCreated_timestamp())</td>
                <td>$order.getTotal_amount()</td>
                <td>$order.getCustomer_mobilenumber()</td>
                <td class="truncated-text-for-order-table">$action.getAddress($order)</td>
                <td class="truncated-text-for-order-table">$action.convertDate($order.getExpected_delivery_time())</td>
                #if($ticket.getCategory().name().equals("COD_VERIFICATION"))
                <td class="center-aligned">$action.getCustomerTrustLevel($order.getCustomer_id())</td>
                <td class="center-aligned"><input type="button" value="Verify COD" ticketId="$ticketId" orderId="$orderId" orderStatus="SUBMITTED_FOR_PROCESSING" class="update-order-status CODButton"/> </td>
                <td class="center-aligned"><input type="button" value="Cancel order" ticketId="$ticketId" orderId="$orderId" orderStatus="COD_VERIFICATION_FAILED" class="display-cancel-order-popup CODButton"/> </td>
                                #elseif($ticket.getCategory().name().equals("ORDER_CANCELLATION"))
                                <td class="center-aligned"><input type="button" value="Confirm" ticketId="$ticketId" orderId="$orderId" orderStatus="CANCEL_REQUEST_CONFIRMED" class="update-order-status CODButton"/> </td>
                <td class="center-aligned"><input type="button" value="Deny" ticketId="$ticketId" orderId="$orderId" orderStatus="DENY_CANCEL_REQUEST" class="update-order-status CODButton"/> </td>
                                #elseif(($ticket.getCategory().name().equals("RETURN_FORM")) && ($action.canViewDoaRequests()))
                                        #set($storeAuthId = "authorize-return")
                                        #if($order.getSource() == 2)
                                                #set($storeAuthId = "display-store-ret-auth-options")
                                        #end
                                <td class="center-aligned"><input id="deny-return" type="button" value="Deny" ticketId="$ticketId" orderId="$orderId" class="CODButton"/> </td>
                <td class="center-aligned"><input id="$storeAuthId" type="button" value="Authorize" ticketId="$ticketId" orderId="$orderId"class="CODButton"/> </td>
                #elseif(($ticket.getCategory().name().equals("DOA_RECEIVED")) && ($action.canViewDoaRequests()))
                                        #set($storeAuthId = "authorize-doa")
                                        #if($order.getSource() == 2)
                                                #set($storeAuthId = "display-store-doa-auth-options")
                                        #end
                                <td class="center-aligned"><input id="deny-doa" type="button" value="Deny" ticketId="$ticketId" orderId="$orderId" class="CODButton"/> </td>
                <td class="center-aligned"><input id="$storeAuthId" type="button" value="Authorize" ticketId="$ticketId" orderId="$orderId"class="CODButton"/> </td>
                                #elseif($ticket.getCategory().name().equals("DELAYED_DELIVERY"))
                <td class="truncated-text-for-order-table">$action.convertDate($order.getPromised_delivery_time())</td>
                <td class="truncated-text-for-order-table">$order.getDelayReason().name()</td>
                                #elseif($ticket.getCategory().name().equals("STORE_PICKUP"))
                                <td class="center-aligned truncated-text-for-order-table">$action.getPickupExpiryDate($orderId, $order.getDelivery_timestamp())</td>
                                #if(!$ticket.getStatus().name().equals("CLOSED"))
                                <td class="center-aligned" id="pickupExtensionContainer">
                                        <select id="pickupExtension" name="pickupExtension" class="pickupExtension" style="width:50px">
                                <option value="0" selected="selected">0</option>
                                <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                        </select>
                                </td>
                                <td class="center-aligned"><input type="button" value="Extend" ticketId="$ticketId" orderId="$orderId" class="extend-expiry CODButton"/> </td>
                                        #else
                                        <td></td>
                                        <td></td>
                                        #end
                                        
                #end
            </tr>
            #end
        </tbody>
    </table>
</div>
#end
<div id="bottom-infopane-lower">
    <br />
    <br />
    <label class="heading">Activities</label><br />
        <a name=currentActivity></a>
    <table id="activity-table" class="display">
        <thead >
            <tr class="table-tr-header">
                <th >Activity Id</th>
                <th >Type</th>
                <th >Description</th>
                <th >Timestamp</th>
                <th >Created by</th>
                <th >Assignee</th>
                <th >Category</th>
                <th >Status</th>
                <th >Priority</th>
                <th >Ticket Description</th>
                <!--th >Customer Name</th>
                <th >Customer Email Id</th>
                <th >Customer Mobile No</th-->
            </tr>
        </thead>
        <tbody >
        #foreach($activity in $action.getActivities())
            #set($date = $action.convertDate($activity.getCreationTimestamp()))
            #set($trClass = "table-tr-odd")
            #if($velocityCount % 2 == 0)
                #set($trClass = "table-tr-even")
            #end
            <tr class="$trClass">
                                <td>
                                        <a alt="Show Activity Description" title="Show Activity Description" href="#currentActivity" activityId="$activity.getId()" isRead="$activity.isIsRead()"class="show-activity-description">
                        $activity.getId()
                    </a>
                                </td>
                <!--<td class="truncated-text-for-activity-table">$activity.getId()</td>
                                -->
                <td class="truncated-text-for-activity-table">$activity.getType().name()</td>
                <td id="activity-description" class="truncated-text-for-activity-table"><pre>$activity.getDescription()</pre></td>
                <td class="truncated-text-for-activity-table">$date</td>
                <td class="truncated-text-for-activity-table">$action.getAgent($activity.getCreatorId()).getEmailId()</td>
                #if($activity.isSetTicketAssigneeId())
                    <td class="truncated-text-for-activity-table">$action.getAgent($activity.getTicketAssigneeId()).getEmailId()</td>
                #else
                    <td class="truncated-text-for-activity-table">N/A</td>
                #end
                <td class="truncated-text-for-activity-table">$activity.getTicketCategory().name()</td>
                <td class="truncated-text-for-activity-table">$activity.getTicketStatus().name()</td>
                <td class="truncated-text-for-activity-table">$activity.getTicketPriority().name()</td>
                <td class="truncated-text-for-activity-table">$activity.getTicketDescription()</td>
                <!--td class="truncated-text-for-activity-table">
                #if($activity.getCustomerName())
                    $activity.getCustomerName()
                #else
                    N/A
                #end
                </td>
                <td class="truncated-text-for-activity-table">
                #if($activity.getCustomerEmailId())
                    $activity.getCustomerEmailId()
                #else
                    N/A
                #end
                </td>
                <td class="truncated-text-for-activity-table">
                #if($activity.getCustomerMobileNumber())
                    $activity.getCustomerMobileNumber()
                #else
                    N/A
                #end
                </td-->
            </tr>
        #end
        </tbody>
    </table>
        <label class="bold">Attachments: </label>
        #set($map = $action.getAllAttachmentsForTicket())
                #foreach($key in $map.keySet())
           <br/>
                   <a alt="Download Attachment" title="Download Attachment" href="/crm/activity-info!downloadAttachment?attachment=$map.get($key)" attachment="$map.get($key)" target="_blank">
                        $key
                   </a>
                #end
                <br/>
</div>
<div id="activity-description-pane" class="activity-description-bg">
</div>
<div id="bottom-infopane-middle">
    <br />
    <br />
    <label class="heading">Ticket details</label><br />
    <form id="update-ticket-form" ticketId="$ticketId" _method="put" method="post" action="">
        <table>
            <colgroup>
                <col width="200px"/>
                <col width="250px"/>
                <col width="120px"/>
                <col width="200px"/>
                <col width="300px"/>
            </colgroup>
            #if($ticket.isSetCustomerId())
            #set($user = $action.getUser())
                <tr >
                    <td class="bold">Customer Name: </td>
                    <td >$user.getName()</td>
                    <td ></td>
                    <td class="bold">Customer Mobile No: </td>
                    <td >
                        #if($user.isSetMobileNumber())
                            $user.getMobileNumber()
                        #else
                            N/A
                        #end
                    </td>
                </tr>
            #else
                <tr >
                    <td class="bold">Customer Name: </td>
                    <td >
                        #if($ticket.isSetCustomerName())
                            <input type="text" name="customerName" value="$ticket.getCustomerName()"/>
                        #else
                            <input type="text" name="customerName"/>
                        #end
                    </td>
                    <td ></td>
                    <td class="bold">Customer Mobile No: </td>
                    <td >
                        #if($ticket.isSetCustomerMobileNumber())
                            <input type="text" name="customerMobileNumber" value="$ticket.getCustomerMobileNumber()"/>
                        #else
                            <input type="text" name="customerMobileNumber"/>
                        #end
                    </td>
                </tr>
            #end
            <tr >
                <td ><label>Description:</label></td>
                <td colspan="4"><textarea id="description" class="required" name="description" rows="10" cols="90">$ticket.getDescription()</textarea></td>
            </tr>
            <tr >
                <td ><label>Category:</label></td>
                <td >
                <select name="category" class="width10">
                    #foreach( $category in $action.getTicketCategories() )
                        #if($category.name() == $ticket.getCategory().name())
                            <option value="$category.name()" selected="selected">$category.name()</option>
                        #else
                            <option value="$category.name()">$category.name()</option>
                        #end
                    #end
                </select>
                </td>
                <td></td>
                <td ><label>Order Id:</label></td>
                <td >
                    #if($ticket.isSetOrderId())
                        <a alt="Show Order Details" title="Show Order Details" href="/crm?email=&orderId=$ticket.getOrderId()">
                                $ticket.getOrderId()
                        </a>
                    #else
                        N/A
                    #end
                </td>
            </tr>
            <tr >
                <td ><label>Assignee:</label></td>
                #if($action.isAssigneeEditable())
                    <td >
                    <select name="assigneeEmailId" class="width10">
                        #foreach( $agent in $action.getAllAgents() )
                            #if(($agent.getId() == $ticket.getAssigneeId()))
                                <option value="$agent.getEmailId()" selected="selected">$agent.getEmailId()</option>
                            #else
                                <option value="$agent.getEmailId()">$agent.getEmailId()</option>
                            #end
                        #end
                    </select>
                    </td>
                #else
                    <td >
                        <select name="assigneeEmailId" class="width10">                    
                            #if ($ticket.isSetAssigneeId())
                                #set($assigneeEmailId = $action.getAgent($ticket.getAssigneeId()).getEmailId())
                                <option value="$assigneeEmailId" selected="selected">$assigneeEmailId</option>
                            #else
                                <option value="" selected="selected">N/A</option>
                            #end
                            <option value="$action.getCurrentAgentEmailId()">$action.getCurrentAgentEmailId()</option>
                        </select>
                    </td>
                #end
                <td ></td>
                <td ><label>Created by:</label></td>
                <td >$action.getAgent($ticket.getCreatorId()).getEmailId()</td>
            </tr>
            <tr >
                <td ><label>Status:</label></td>
                <td >
                <select name="status" class="width10">
                    #foreach( $status in $action.getTicketStatuses() )
                        #if($status.name() == $ticket.getStatus().name())
                            <option value="$status.name()" selected="selected">$status.name()</option>
                        #else
                            <option value="$status.name()">$status.name()</option>
                        #end
                    #end
                </select>
                </td>
                <td ></td>
                <td ><label>Priority:</label></td>
                <td >
                <select name="priority" class="width10">
                    #foreach( $priority in $action.getTicketPriorities() )
                        #if($priority.name() == $ticket.getPriority().name())
                            <option value="$priority.name()" selected="selected">$priority.name()</option>
                        #else
                            <option value="$priority.name()">$priority.name()</option>
                        #end
                    #end
                </select>
                </td>
            </tr>
            <tr >
                <td ><label>Activity Type:</label></td>
                <td colspan="4">
                <select id="activity-type" name="activityType" class="width-activity-type">
                    #foreach( $type in $action.getActivityTypes() )
                        #if($type.name() == "OTHER")
                            <option value="$type.name()" selected="selected">$type.name()</option>
                        #else
                            <option value="$type.name()">$type.name()</option>
                        #end
                    #end
                </select>
                </td>
                </td>
            </tr>
            <tr >
                <td ><label>Activity description:</label></td>
                <td colspan="4"><textarea class="required" name="activityDescription" rows="2" cols="90"></textarea></td>
            </tr>
            <tr >
                <td colspan="2"></td>
                <td colspan="2"><input type="submit" value="Save" /></td>
                <td ><input type="hidden" name="userId" value="$ticket.getCustomerId()"/></td>
            </tr>
        </table>
    </form>
</div>
<br />
</div>
#end
</div>
<script >
$(document).ready(
    function () {
        $(".truncated-text-for-activity-table").truncate({
            width : 65,
            addtitle : true
        });

        $(".truncated-text-for-order-table").truncate({
            width : 85,
            addtitle : true
        });
    }
);
</script>