Subversion Repositories SmartDukaan

<script>
    $(document).ready(function () {
        // Cleanup for myModal (activity/message modal)
        $('#myModal').on('hidden.bs.modal', function (e) {
            $(".activity-container .modal-body").empty();
        });

        // Cleanup for theModal (edit/assign ticket modal)
        $('#theModal').on('hidden.bs.modal', function (e) {
            $("#theModal .modal-content").empty();
            $('body').removeClass('modal-open');
            $('.modal-backdrop').remove();
        });

        // Ensure backdrop is removed on any modal close
        $(document).on('hidden.bs.modal', '.modal', function () {
            if ($('.modal:visible').length === 0) {
                $('body').removeClass('modal-open');
                $('.modal-backdrop').remove();
            }
        });

        getPartnerAheadOptions($("#typeaheadpartnernameforassignee"), function (selectedPartner) {
            $("#assignee-ticket-search-by-partner-name").data('id', selectedPartner.partnerId);
            $("#assignee-partner-name-input").val(selectedPartner.partnerId);
        });

    });
</script>
<style>
    .pagination-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        flex-wrap: wrap;
    }
    .pagination-wrapper .pagination {
        margin: 0;
    }
    .pagination-wrapper .page-size-select {
        width: auto;
        display: inline-block;
    }
    .pagination-info {
        color: #666;
    }
    .search-form {
        margin-bottom: 15px;
    }
    .search-form .form-group {
        margin-bottom: 0;
    }
    tr.ticket-unread {
        background-color: #f0f7ff !important;
        font-weight: bold;
    }
    tr.ticket-unread td {
        font-weight: bold;
    }
    .unread-badge {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #007bff;
        border-radius: 50%;
        margin-right: 4px;
        vertical-align: middle;
    }
    .last-activity-preview {
        font-size: 11px;
        color: #666;
        font-weight: normal;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
    }
</style>
#parse("activity-modal-styles.vm")
<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="icon_document_alt"></i>My Ticket</li>
            </ol>
        </div>
    </div>

    ## Search Form
    <div class="row search-form">
        <div class="col-lg-12">
            <form id="ticket-search-form" class="form-inline" onsubmit="return false;">
                <div class="form-group">
                    <input type="text" id="ticket-search-input" class="form-control" style="width: 300px;"
                           placeholder="Search ticket ID, partner, category, creator..."
                           value="$!searchText">
                </div>
                <button type="submit" class="btn btn-primary" id="ticket-search-btn">Search</button>
                <a href="javascript:void(0)" class="btn btn-default" id="ticket-search-clear"
                   style="#if(!$searchText || $searchText == '')display:none;#end">Clear</a>
            </form>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-2 form-group">
            <select class="form-control input-sm" id="ticketStatus" name="ticketStatus" placeholder="Type">
                #foreach($ticketStatus in $ticketStatusValues)
                    #if($ticketStatus=="RESOLVED")
                        #if($roleType)
                            #if($selectedticketStatus==$ticketStatus)
                                <option value="$ticketStatus" selected>$ticketStatus</option>
                            #else
                                <option value="$ticketStatus">$ticketStatus</option>
                            #end
                        #end
                    #else
                        #if($selectedticketStatus==$ticketStatus)
                            <option value="$ticketStatus" selected>$ticketStatus</option>
                        #else
                            <option value="$ticketStatus">$ticketStatus</option>
                        #end
                    #end
                #end
            </select>
        </div>
        <div class="col-lg-2 form-group">
            <select class="form-control input-sm" id="orderBy" name="orderBy" placeholder="Type">
                #foreach($orderby in $orderByValues)
                    #if($orderby=="UNSORTED")
                    #else
                        #if($selectedorderby==$orderby)
                            #if($orderby=="ASCENDING")
                                <option value="$orderby" selected>OLD TO NEW</option>
                            #else
                                <option value="$orderby" selected>NEW TO OLD</option>
                            #end
                        #else
                            #if($orderby=="ASCENDING")
                                <option value="$orderby">OLD TO NEW</option>
                            #else
                                <option value="$orderby">NEW TO OLD</option>
                            #end
                        #end
                    #end
                #end
            </select>
        </div>
        #if($roleType)
        <div class="col-lg-6 form-group pull-right">
            <div class="col-lg-6">
                <select class="form-control" id="assigneesearchType" name="assigneesearchType"
                        placeholder="Search Type">
                    <option value="" disabled selected>Search Type</option>
                    #foreach($searchType1 in $ticketSearchTypes)
                        #if($ticketSearchType.getValue()==$searchType1.getValue())
                            <option value="$searchType1" selected>$ticketSearchType.getValue()</option>
                        #else
                            <option value="$searchType1">$searchType1.getValue()</option>
                        #end
                    #end
                </select>
            </div>


            <div class="col-lg-6">
                <input type="hidden" id="assignee-partner-name-input" name="assignee-partner-name-input" value="">
                <div class="assigneebyPartnerName" style="display: none;">
                    <div class="input-group">
                        <input placeholder="Partner Name" type="text" class="typeahead form-control"
                               id="typeaheadpartnernameforassignee" value="" name="Item" data-provide="typeahead"
                               autocomplete="off">
                        <span class="input-group-btn">
                                <button class="btn btn-primary" id="assignee-ticket-search-by-partner-name" type="button"
                            data-id="">Go!</button>
                        </span>
                    </div>
                </div>
                <div class="assigneebyTicketId" style="display: none;">
                    <div class="input-group">
                        <input placeholder="Ticket Id" type="text" class="form-control" id="assignee-search-by-ticketId"
                               value="">
                        <span class="input-group-btn">
                                <button class="btn btn-primary" id="assignee-retailer-details-search-button-by-ticketId"
                            type="button">Go!</button>
                        </span>
                    </div>
                </div>
            </div>
        #end
    </div>
    </div>

    <div id="ticket-content-area">
    #parse("ticket-content.vm")
    </div>

</section>
<div id="ticket-details-container" style="background:white;background-color:white;">
</div>
#set($showFileUpload = true)
#parse("activity-modal.vm")

## Edit ticket modal for CRM users to assign tickets
#if($isCrmUser)
<div class="edit-container">
    <div class="modal fade text-center" id="theModal" tabindex="-1" role="dialog" data-backdrop="true" data-keyboard="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
            </div>
        </div>
    </div>
</div>
#end