Subversion Repositories SmartDukaan

Rev

Rev 35606 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<script type="text/javascript">
$(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 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($("#typeaheadpartnername"), function (selectedPartner) {
        $("#manager-ticket-search-by-partner-name").data('id', selectedPartner.partnerId);
        $("#partner-name-input").val(selectedPartner.partnerId);
    });

  });

</script>
<style>
.incoming_msg_img {
        display: inline-block;
        width: 6%;
}

.incoming_msg_img img {
        width: 100%;
}
.sent_msg p {
        background:#b8d1f3;
        border-radius: 12px 15px 15px 0;
        font-size: 14px;
        margin: 0;
        color: black;
        padding: 5px 10px 5px 12px;
        word-break: break-all;
        width: 100%;
}

.outgoing_msg {
        overflow: hidden;
        margin: 26px 0 26px;
}

.sent_msg {
        float: right;
        width: 46%;
}
.received_msg {
        display: inline-block;
        padding: 0 0 0 10px;
        vertical-align: top;
        width: 50%;
}

.received_withd_msg p {
        background: #dae5f4 none repeat scroll 0 0;
        border-radius: 0 15px 15px 15px;
        color: #646464;
        font-size: 14px;
        margin: 0;
        padding: 5px 10px 5px 12px;
        word-break: break-all;
        width: 100%;
}

.time_date {
        color: black;
        display: block;
        font-size: 12px;
        margin: 8px 0 0;
}
.blue_box, .green_box,.white_box {
    display: block;
    clear:both;
}
.modal-dialog {
    /* 80% of window height */
    max-height: 80%;
}

.modal-body {
        max-height:70vh;
    overflow-y: auto;
}
.outgoing_msg:after,.incoming_msg:after,.white_box:after {
  content: '\A';
    white-space: pre;
}
.incoming_msg:before,.white_box:before {
  content: '\A';
    white-space: pre;
}
.white_box span {
    background-color:#ebebeb;
     background-size: 5px 5px;
    word-break: break-all;
    color: black;
    display: block;
    padding:10px 10px;
    text-align: center
}
.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;
}
</style>
<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>Manager Ticket</li>
                        </ol>
                </div>
        </div>

        ## Search Form
        <div class="row search-form">
                <div class="col-lg-12">
                        <form id="manager-ticket-search-form" class="form-inline" onsubmit="return false;">
                                <div class="form-group">
                                        <input type="text" id="manager-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="manager-ticket-search-btn">Search</button>
                                <a href="javascript:void(0)" class="btn btn-default" id="manager-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 = "managerTicketStatus" name="managerTicketStatus" placeholder="Type">
                                                #foreach($ticketStatus in $ticketStatusValues)
                                                #if($selectedticketStatus==$ticketStatus)
                                                <option value="$ticketStatus" selected>$ticketStatus</option>
                                                #else
                                                <option value="$ticketStatus">$ticketStatus</option>
                                                #end
                                                #end
                                </select>
                                </div>
                                <div class="col-lg-2 form-group">
                                                <select class="form-control input-sm" id = "managerTicketorderBy" name="managerTicketorderBy" 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>
                                        <div class="col-lg-6 form-group pull-right">
                                        <div class="col-lg-6">
                        <select class="form-control" id = "managersearchType" name = "managersearchType" 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="partner-name-input" name="partner-name-input" value="">
                <div class="byPartnerName" style="display: none;">
                  <div class="input-group">
                <input placeholder="Partner Name" type="text" class="typeahead form-control" id="typeaheadpartnername" value="" name="Item" data-provide="typeahead" autocomplete="off">
                <span class="input-group-btn">
                        <button class="btn btn-primary" id="manager-ticket-search-by-partner-name" type="button" data-id="">Go!</button>
                </span>
          </div>
          </div>
          <div class="byTicketId" style="display: none;">
                  <div class="input-group">
                <input placeholder="Ticket Id" type="text" class="form-control" id="search-by-ticketId" value="">
                <span class="input-group-btn">
                        <button class="btn btn-primary" id="retailer-details-search-button-by-ticketId" type="button">Go!</button>
                </span>
          </div>
          </div>
                </div>
                </div>
</div>

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

    </section>
<div id="manager-ticket-details-container" style="background:white;background-color:white;">
</div>
<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>

                <div class="activity-container">
         <div class="modal" id="myModal" role="dialog" >
            <div class="modal-dialog">
               <!-- Modal content-->
               <div class="modal-content">
                  <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
                     <h4 class="modal-title">Message History</h4>
                  </div>
                  <div class="modal-body">
                   </div><br><br>
                   <div class="modal-footer">
         <div class="col-lg-8 form-group">
         <input type="hidden" id="ticketIdforactivity">
          <input type="hidden" id="assigneeUser">
          <input type="hidden" id="role" value="">
          <input type="hidden" id="crmUser" value="">
                <textarea class="form-control rounded-0" id="activityMessage" rows="2"></textarea>
                        </div>
                        <div class="col-lg-4">
                                        <div class="col-lg-7 internalCheckBox">
                                                <input type="checkbox" name="internalCommunication" id="internalCommunication">&nbsp;&nbsp;<span style="font-size:12px;font-weight:bold">INTERNAL</b>
                                                </div>
                                                <div class="col-lg-5">
                                                <input class="btn btn-primary submit-message-button" type="button" value="Submit">
                                                </div>
                                        </div>
                 </div>
               </div>
            </div>
         </div>
      </div>