Subversion Repositories SmartDukaan

Rev

Rev 35594 | Rev 35606 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
24747 govind 1 
<script type="text/javascript">
24469 govind 2 
$('#myModal').on('hidden.bs.modal', function (e) {
3 
  $(".activity-container .modal-body").empty();
35602 amit 4 
});
24747 govind 5 
 
35602 amit 6 
// Cleanup for theModal (edit ticket modal)
7 
$('#theModal').on('hidden.bs.modal', function (e) {
8 
    $("#theModal .modal-content").empty();
9 
    $('body').removeClass('modal-open');
10 
    $('.modal-backdrop').remove();
24469 govind 11 
});
24747 govind 12 
 
35602 amit 13 
// Ensure backdrop is removed on any modal close
14 
$(document).on('hidden.bs.modal', '.modal', function () {
15 
    if ($('.modal:visible').length === 0) {
16 
        $('body').removeClass('modal-open');
17 
        $('.modal-backdrop').remove();
18 
    }
19 
});
20 
 
24747 govind 21 
 $(function(){
24748 govind 22 
 	getPartnerAheadOptions($("#typeaheadpartnername"),function(selectedPartner){
23 
		$("#manager-ticket-search-by-partner-name").data('id',selectedPartner.partnerId);
24747 govind 24 
		$("#partner-name-input").val(selectedPartner.partnerId);
25 
	});
26 
});
27 
 
31762 tejbeer 28 
$(document).ready(function () {
29 
 
30 
    $('#manager-ticket thead tr').clone(true).appendTo('#manager-ticket thead');
31 
        $('#manager-ticket thead tr:eq(1) th').each(function (i) {
32 
            var title = $(this).text();
33 
            $(this).html('<input type="text" style = "width:60%;" placeholder="Search ' + title + '" />');
34 
 
35 
            $('input', this).on('keyup change', function () {
36 
                if (table.column(i).search() !== this.value) {
37 
                    table
38 
                            .column(i)
39 
                            .search(this.value)
40 
                            .draw();
41 
                }
42 
            });
43 
        })
44 
 
45 
       var table = $('#manager-ticket').DataTable({
46 
            orderCellsTop: true,
47 
            fixedHeader: true
48 
        })
49 
 
50 
  });
51 
 
24469 govind 52 
</script>
24467 govind 53 
<style>
54 
.incoming_msg_img {
55 
	display: inline-block;
56 
	width: 6%;
57 
}
58 
 
59 
.incoming_msg_img img {
60 
	width: 100%;
61 
}
62 
.sent_msg p {
63 
	background:#b8d1f3;
64 
	border-radius: 12px 15px 15px 0;
65 
	font-size: 14px;
66 
	margin: 0;
67 
	color: black;
68 
	padding: 5px 10px 5px 12px;
24569 govind 69 
	word-break: break-all;
24467 govind 70 
	width: 100%;
71 
}
72 
 
73 
.outgoing_msg {
74 
	overflow: hidden;
75 
	margin: 26px 0 26px;
76 
}
77 
 
78 
.sent_msg {
79 
	float: right;
80 
	width: 46%;
81 
}
82 
.received_msg {
83 
	display: inline-block;
84 
	padding: 0 0 0 10px;
85 
	vertical-align: top;
86 
	width: 50%;
87 
}
88 
 
89 
.received_withd_msg p {
90 
	background: #dae5f4 none repeat scroll 0 0;
91 
	border-radius: 0 15px 15px 15px;
92 
	color: #646464;
93 
	font-size: 14px;
94 
	margin: 0;
95 
	padding: 5px 10px 5px 12px;
24569 govind 96 
	word-break: break-all;
24467 govind 97 
	width: 100%;
98 
}
99 
 
100 
.time_date {
101 
	color: black;
102 
	display: block;
103 
	font-size: 12px;
104 
	margin: 8px 0 0;
105 
}
106 
.blue_box, .green_box,.white_box {
107 
    display: block;
108 
    clear:both;
109 
}
24530 amit.gupta 110 
.modal-dialog {
24467 govind 111 
    /* 80% of window height */
24530 amit.gupta 112 
    max-height: 80%;
24467 govind 113 
}
114 
 
115 
.modal-body {
24640 govind 116 
	max-height:70vh;
24530 amit.gupta 117 
    overflow-y: auto;
24467 govind 118 
}
119 
.outgoing_msg:after,.incoming_msg:after,.white_box:after {
120 
  content: '\A';
121 
    white-space: pre;
122 
}
123 
.incoming_msg:before,.white_box:before {
124 
  content: '\A';
125 
    white-space: pre;
126 
}
127 
.white_box span {
128 
    background-color:#ebebeb;
129 
     background-size: 5px 5px;
130 
    word-break: break-all;
131 
    color: black;
132 
    display: block;
133 
    padding:10px 10px;
134 
    text-align: center
135 
}
136 
</style>
24439 govind 137 
<section class="wrapper">
138 
	<div class="row">
139 
		<div class="col-lg-12">
140 
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
141 
			<ol class="breadcrumb">
142 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
24569 govind 143 
				<li><i class="icon_document_alt"></i>Manager Ticket</li>
24439 govind 144 
			</ol>
145 
		</div>
146 
	</div>
24699 govind 147 
	<div class = "row">
148 
				<div class="col-lg-2 form-group">
149 
						<select class="form-control input-sm" id = "managerTicketStatus" name="managerTicketStatus" placeholder="Type">
150 
						#foreach($ticketStatus in $ticketStatusValues)
151 
						#if($selectedticketStatus==$ticketStatus)
152 
						<option value="$ticketStatus" selected>$ticketStatus</option>
153 
						#else
154 
						<option value="$ticketStatus">$ticketStatus</option>
155 
						#end
156 
						#end
157 
		             	</select>
158 
				</div>
159 
				<div class="col-lg-2 form-group">
160 
						<select class="form-control input-sm" id = "managerTicketorderBy" name="managerTicketorderBy" placeholder="Type">
161 
						#foreach($orderby in $orderByValues)
162 
						#if($orderby=="UNSORTED")
163 
						#else
164 
						#if($selectedorderby==$orderby)
165 
						#if($orderby=="ASCENDING")
166 
						<option value="$orderby" selected>OLD TO NEW</option>
167 
						#else
168 
						<option value="$orderby" selected>NEW TO OLD</option>
169 
						#end
170 
						#else
171 
						#if($orderby=="ASCENDING")
172 
						<option value="$orderby">OLD TO NEW</option>
173 
						#else
174 
						<option value="$orderby">NEW TO OLD</option>
175 
						#end
176 
						#end
177 
						#end
178 
						#end
179 
		             	</select>
180 
				</div>
24747 govind 181 
					<div class="col-lg-6 form-group pull-right">
182 
					<div class="col-lg-6">
183 
        		<select class="form-control" id = "managersearchType" name = "managersearchType" placeholder="Search Type">
184 
					<option value="" disabled selected>Search Type</option>
185 
					#foreach($searchType1 in $ticketSearchTypes)
186 
					#if($ticketSearchType.getValue()==$searchType1.getValue())
187 
						<option value="$searchType1" selected>$ticketSearchType.getValue()</option>
188 
						#else
189 
						<option value="$searchType1">$searchType1.getValue()</option>
190 
						#end
191 
					#end
192 
             	</select>
193 
        	</div>
194 
 
195 
        	<div class="col-lg-6">
196 
        	<input type="hidden" id="partner-name-input" name="partner-name-input" value="">
197 
        	<div class="byPartnerName" style="display: none;">
198 
			  <div class="input-group">
24748 govind 199 
		    	<input placeholder="Partner Name" type="text" class="typeahead form-control" id="typeaheadpartnername" value="" name="Item" data-provide="typeahead" autocomplete="off">
24747 govind 200 
	    		<span class="input-group-btn">
24748 govind 201 
	      			<button class="btn btn-primary" id="manager-ticket-search-by-partner-name" type="button" data-id="">Go!</button>
24747 govind 202 
	    		</span>
203 
	          </div>
204 
	          </div>
205 
	          <div class="byTicketId" style="display: none;">
206 
			  <div class="input-group">
207 
		    	<input placeholder="Ticket Id" type="text" class="form-control" id="search-by-ticketId" value="">
208 
	    		<span class="input-group-btn">
24748 govind 209 
	      			<button class="btn btn-primary" id="retailer-details-search-button-by-ticketId" type="button">Go!</button>
24747 govind 210 
	    		</span>
211 
	          </div>
212 
	          </div>
213 
			</div>
214 
			</div>
215 
</div>
24467 govind 216 
<div id="manager-ticket-table">
24439 govind 217 
		<div class="row">
218 
	    	<div class="col-lg-12">
31762 tejbeer 219 
	    	<table class="table table-border table-condensed table-bordered" id="manager-ticket">
220 
	    		<thead>
24439 govind 221 
	    				<tr>
24569 govind 222 
	    					<th>Ticket Id</th>
24439 govind 223 
	    					<th>Partner</th>
31762 tejbeer 224 
	    					<th>Category</th>
24439 govind 225 
	    					<th>SubCategory</th>
33778 ranu 226 
							<th>Message</th>
227 
							<th>Created By</th>
31762 tejbeer 228 
	    				    <th>Assigned To</th>
24439 govind 229 
	    					<th>Created TimeStamp</th>
24469 govind 230 
	    					<th>Status</th>
24439 govind 231 
	    					<th>Action</th>
232 
	    				</tr>
31762 tejbeer 233 
	    				</thead>
234 
 
235 
	    				<tbody>
24569 govind 236 
	    				#if($tickets.size()>0)
24439 govind 237 
	 							#foreach($ticket in $tickets)
238 
	 							<tr>
24569 govind 239 
	 							<td>$ticket.getId()</td>
35594 amit 240 
	 							<td><a href="#" class="partner-link" data-fofoid="$ticket.getFofoId()">$fofoIdsAndCustomRetailer.get($ticket.getFofoId()).getBusinessName()</a></td>
31762 tejbeer 241 
	 							<td>$subCategoryIdAndCategoryMap.get($ticket.getSubCategoryId()).getName()</td>
242 
 
243 
 
35594 amit 244 
								<td><a href="#" data-toggle="modal" data-target="#myModal" data-ticketid="$ticket.getId()" data-internal="true" data-role="true" data-crm="$isCrmUser" class="activities-link" data-assignee="#if($authUserListMap.get($ticket.getId()) && $authUserListMap.get($ticket.getId()).size() > 0)$authUserListMap.get($ticket.getId()).get(0).getFirstName()#end">$subCategoryIdAndSubCategoryMap.get($ticket.getSubCategoryId()).getName()</a></td>
33778 ranu 245 
									<td>$activityMap.get($ticket.getId()).get(0).getMessage()</td>
246 
									#if($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy() > 0)
247 
										<td>$authUserMap.get($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy()).getFirstName() $authUserMap.get($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy()).getLastName()</td>
248 
									#else
33779 ranu 249 
										<td>Partner</td>
33778 ranu 250 
									#end
24500 govind 251 
								<td>#foreach($authUser in $authUserListMap.get($ticket.getId()))
33653 ranu 252 
								<span>$authUser.getFirstName() $authUser.getLastName() ($authUser.getEmployeeCode())
253 
								<span><br/>
24500 govind 254 
								#end
255 
								</td>
24439 govind 256 
			    				<td>$ticket.getFormattedCreateTimestamp()</td>
257 
			    				#if($ticket.getCloseTimestamp())
24620 govind 258 
			    				<td>Closed</td>
35594 amit 259 
			    				<td><button class="btn btn-primary edit-ticket" data-ticketid1="$ticket.getId()" disabled>Edit</button></td>
24439 govind 260 
			    				#else
24788 govind 261 
			    				#if($ticket.getLastActivity()=="RESOLVED")
262 
			    				<td>Resolved</td>
263 
			    				#else
264 
			    				<td>Opened</td>
24439 govind 265 
			    				#end
35594 amit 266 
			    				<td><button class="btn btn-primary edit-ticket" data-ticketid1="$ticket.getId()">Edit</button></td>
24788 govind 267 
			    				#end
24439 govind 268 
			    				</tr>
269 
			    				#end
270 
			    				#else
271 
			    				<tr>
272 
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
273 
		    				</tr>
274 
			    				#end
275 
	    			</tbody>
276 
	    		</table>
24467 govind 277 
 
24439 govind 278 
	    	</div>
279 
	    </div>
280 
    </div>
31762 tejbeer 281 
 
24439 govind 282 
    </section>
24467 govind 283 
<div id="manager-ticket-details-container" style="background:white;background-color:white;">
24439 govind 284 
</div>
24469 govind 285 
<div class="edit-container">
35602 amit 286 
<div class="modal fade text-center" id="theModal" tabindex="-1" role="dialog" data-backdrop="true" data-keyboard="true">
287 
  <div class="modal-dialog" role="document">
24439 govind 288 
    <div class="modal-content">
289 
    </div>
290 
  </div>
24467 govind 291 
</div>
24469 govind 292 
</div>
293 
 
294 
		<div class="activity-container">
26318 tejbeer 295 
         <div class="modal" id="myModal" role="dialog" >
24467 govind 296 
            <div class="modal-dialog">
297 
               <!-- Modal content-->
298 
               <div class="modal-content">
299 
                  <div class="modal-header">
300 
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
301 
                     <h4 class="modal-title">Message History</h4>
302 
                  </div>
303 
                  <div class="modal-body">
304 
                   </div><br><br>
305 
                   <div class="modal-footer">
24824 govind 306 
         <div class="col-lg-8 form-group">
307 
         <input type="hidden" id="ticketIdforactivity">
308 
          <input type="hidden" id="assigneeUser">
309 
          <input type="hidden" id="role" value="">
35592 amit 310 
          <input type="hidden" id="crmUser" value="">
24467 govind 311 
		<textarea class="form-control rounded-0" id="activityMessage" rows="2"></textarea>
312 
			</div>
24824 govind 313 
			<div class="col-lg-4">
314 
					<div class="col-lg-7 internalCheckBox">
315 
						<input type="checkbox" name="internalCommunication" id="internalCommunication">&nbsp;&nbsp;<span style="font-size:12px;font-weight:bold">INTERNAL</b>
316 
						</div>
317 
						<div class="col-lg-5">
318 
						<input class="btn btn-primary submit-message-button" type="button" value="Submit">
319 
						</div>
24467 govind 320 
					</div>
321 
     		 </div>
322 
               </div>
323 
            </div>
324 
         </div>
24824 govind 325 
      </div>
326