Subversion Repositories SmartDukaan

Rev

Rev 35606 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 35606 Rev 35626
Line 23... Line 23...
23 
    getPartnerAheadOptions($("#typeaheadpartnername"), function (selectedPartner) {
 23 
    getPartnerAheadOptions($("#typeaheadpartnername"), function (selectedPartner) {
24 
        $("#manager-ticket-search-by-partner-name").data('id', selectedPartner.partnerId);
 24 
        $("#manager-ticket-search-by-partner-name").data('id', selectedPartner.partnerId);
25 
        $("#partner-name-input").val(selectedPartner.partnerId);
 25 
        $("#partner-name-input").val(selectedPartner.partnerId);
26 
    });
 26 
    });
27 
 
 27 
 
28 
    $('#manager-ticket thead tr').clone(true).appendTo('#manager-ticket thead');
 - 
 
29 
        $('#manager-ticket thead tr:eq(1) th').each(function (i) {
 - 
 
30 
            var title = $(this).text();
 - 
 
31 
            $(this).html('<input type="text" style = "width:60%;" placeholder="Search ' + title + '" />');
 - 
 
32 
 
 - 
 
33 
            $('input', this).on('keyup change', function () {
 - 
 
34 
                if (table.column(i).search() !== this.value) {
 - 
 
35 
                    table
 - 
 
36 
                            .column(i)
 - 
 
37 
                            .search(this.value)
 - 
 
38 
                            .draw();
 - 
 
39 
                }
 - 
 
40 
            });
 - 
 
41 
        })
 - 
 
42 
 
 - 
 
43 
       var table = $('#manager-ticket').DataTable({
 - 
 
44 
            orderCellsTop: true,
 - 
 
45 
            fixedHeader: true
 - 
 
46 
        })
 - 
 
47
- 
 
48 
  });
 28 
  });
49 
 
 29 
 
50 
</script>
 30 
</script>
51 
<style>
 31 
<style>
52 
.incoming_msg_img {
 32 
.incoming_msg_img {
Line 129... Line 109...
129 
    color: black;
 109 
    color: black;
130 
    display: block;
 110 
    display: block;
131 
    padding:10px 10px;
 111 
    padding:10px 10px;
132 
    text-align: center
 112 
    text-align: center
133 
}
 113 
}
- 
 
 114 
.pagination-wrapper {
- 
 
 115 
    display: flex;
- 
 
 116 
    align-items: center;
- 
 
 117 
    justify-content: space-between;
- 
 
 118 
    padding: 10px 0;
- 
 
 119 
    flex-wrap: wrap;
- 
 
 120 
}
- 
 
 121 
.pagination-wrapper .pagination {
- 
 
 122 
    margin: 0;
- 
 
 123 
}
- 
 
 124 
.pagination-wrapper .page-size-select {
- 
 
 125 
    width: auto;
- 
 
 126 
    display: inline-block;
- 
 
 127 
}
- 
 
 128 
.pagination-info {
- 
 
 129 
    color: #666;
- 
 
 130 
}
- 
 
 131 
.search-form {
- 
 
 132 
    margin-bottom: 15px;
- 
 
 133 
}
- 
 
 134 
.search-form .form-group {
- 
 
 135 
    margin-bottom: 0;
- 
 
 136 
}
- 
 
 137 
tr.ticket-unread {
- 
 
 138 
    background-color: #f0f7ff !important;
- 
 
 139 
    font-weight: bold;
- 
 
 140 
}
- 
 
 141 
tr.ticket-unread td {
- 
 
 142 
    font-weight: bold;
- 
 
 143 
}
- 
 
 144 
.unread-badge {
- 
 
 145 
    display: inline-block;
- 
 
 146 
    width: 8px;
- 
 
 147 
    height: 8px;
- 
 
 148 
    background-color: #007bff;
- 
 
 149 
    border-radius: 50%;
- 
 
 150 
    margin-right: 4px;
- 
 
 151 
    vertical-align: middle;
- 
 
 152 
}
134 
</style>
 153 
</style>
135 
<section class="wrapper">
 154 
<section class="wrapper">
136 
	<div class="row">
 155 
	<div class="row">
137 
		<div class="col-lg-12">
 156 
		<div class="col-lg-12">
138 
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
 157 
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
139 
			<ol class="breadcrumb">
 158 
			<ol class="breadcrumb">
140 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
 159 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
141 
				<li><i class="icon_document_alt"></i>Manager Ticket</li>
160 
				<li><i class="icon_document_alt"></i>Manager Ticket</li>
142 
			</ol>
 161 
			</ol>
143 
		</div>
 162 
		</div>
144 
	</div>
 163 
	</div>
- 
 
 164 
 
- 
 
 165 
	## Search Form
- 
 
 166 
	<div class="row search-form">
- 
 
 167 
		<div class="col-lg-12">
- 
 
 168 
			<form id="manager-ticket-search-form" class="form-inline" onsubmit="return false;">
- 
 
 169 
				<div class="form-group">
- 
 
 170 
					<input type="text" id="manager-ticket-search-input" class="form-control" style="width: 300px;"
- 
 
 171 
						   placeholder="Search ticket ID, partner, category, creator..."
- 
 
 172 
						   value="$!searchText">
- 
 
 173 
				</div>
- 
 
 174 
				<button type="submit" class="btn btn-primary" id="manager-ticket-search-btn">Search</button>
- 
 
 175 
				<a href="javascript:void(0)" class="btn btn-default" id="manager-ticket-search-clear"
- 
 
 176 
				   style="#if(!$searchText || $searchText == '')display:none;#end">Clear</a>
- 
 
 177 
			</form>
- 
 
 178 
		</div>
- 
 
 179 
	</div>
- 
 
 180 
 
145 
	<div class = "row">
 181 
	<div class = "row">
146 
				<div class="col-lg-2 form-group">
 182 
				<div class="col-lg-2 form-group">
147 
						<select class="form-control input-sm" id = "managerTicketStatus" name="managerTicketStatus" placeholder="Type">
 183 
						<select class="form-control input-sm" id = "managerTicketStatus" name="managerTicketStatus" placeholder="Type">
148 
						#foreach($ticketStatus in $ticketStatusValues)
 184 
						#foreach($ticketStatus in $ticketStatusValues)
149 
						#if($selectedticketStatus==$ticketStatus)
 185 
						#if($selectedticketStatus==$ticketStatus)
Line 187... Line 223...
187 
						<option value="$searchType1">$searchType1.getValue()</option>
 223 
						<option value="$searchType1">$searchType1.getValue()</option>
188 
						#end
 224 
						#end
189 
					#end
 225 
					#end
190 
             	</select>
 226 
             	</select>
191 
        	</div>
 227 
        	</div>
192
228 
 
193 
        	<div class="col-lg-6">
 229 
        	<div class="col-lg-6">
194 
        	<input type="hidden" id="partner-name-input" name="partner-name-input" value="">
 230 
        	<input type="hidden" id="partner-name-input" name="partner-name-input" value="">
195 
        	<div class="byPartnerName" style="display: none;">
 231 
        	<div class="byPartnerName" style="display: none;">
196 
			  <div class="input-group">
 232 
		  <div class="input-group">
197 
		    	<input placeholder="Partner Name" type="text" class="typeahead form-control" id="typeaheadpartnername" value="" name="Item" data-provide="typeahead" autocomplete="off">
 233 
	    	<input placeholder="Partner Name" type="text" class="typeahead form-control" id="typeaheadpartnername" value="" name="Item" data-provide="typeahead" autocomplete="off">
198 
	    		<span class="input-group-btn">
 234 
    		<span class="input-group-btn">
199 
	      			<button class="btn btn-primary" id="manager-ticket-search-by-partner-name" type="button" data-id="">Go!</button>
 235 
      			<button class="btn btn-primary" id="manager-ticket-search-by-partner-name" type="button" data-id="">Go!</button>
200 
	    		</span>
 236 
    		</span>
201 
	          </div>
 237 
          </div>
202 
	          </div>
 238 
          </div>
203 
	          <div class="byTicketId" style="display: none;">
 239 
          <div class="byTicketId" style="display: none;">
204 
			  <div class="input-group">
 240 
		  <div class="input-group">
205 
		    	<input placeholder="Ticket Id" type="text" class="form-control" id="search-by-ticketId" value="">
 241 
	    	<input placeholder="Ticket Id" type="text" class="form-control" id="search-by-ticketId" value="">
206 
	    		<span class="input-group-btn">
 242 
    		<span class="input-group-btn">
207 
	      			<button class="btn btn-primary" id="retailer-details-search-button-by-ticketId" type="button">Go!</button>
 243 
      			<button class="btn btn-primary" id="retailer-details-search-button-by-ticketId" type="button">Go!</button>
208 
	    		</span>
 244 
    		</span>
209 
	          </div>
 245 
          </div>
210 
	          </div>
 246 
          </div>
211 
			</div>
 247 
		</div>
212 
			</div>
 248 
		</div>
213 
</div>
 249 
</div>
214 
<div id="manager-ticket-table">
 - 
 
215 
		<div class="row">
 - 
 
216 
	    	<div class="col-lg-12">
 - 
 
217 
	    	<table class="table table-border table-condensed table-bordered" id="manager-ticket">
 - 
 
218 
	    		<thead>
- 
 
219 
	    				<tr>
 - 
 
220 
	    					<th>Ticket Id</th>
 - 
 
221 
	    					<th>Partner</th>
 - 
 
222 
	    					<th>Category</th>
 - 
 
223 
	    					<th>SubCategory</th>
 - 
 
224 
							<th>Message</th>
 - 
 
225 
							<th>Created By</th>
 - 
 
226 
	    				    <th>Assigned To</th>
 - 
 
227 
	    					<th>Created TimeStamp</th>
 - 
 
228 
	    					<th>Status</th>
 - 
 
229 
	    					<th>Action</th>
 - 
 
230 
	    				</tr>
 - 
 
231 
	    				</thead>
 - 
 
232
- 
 
233 
	    				<tbody>
 - 
 
234 
	    				#if($tickets.size()>0)
 - 
 
235 
	 							#foreach($ticket in $tickets)
 - 
 
236 
	 							<tr>
 - 
 
237 
	 							<td>$ticket.getId()</td>
 - 
 
238 
	 							<td><a href="#" class="partner-link" data-fofoid="$ticket.getFofoId()">$fofoIdsAndCustomRetailer.get($ticket.getFofoId()).getBusinessName()</a></td>
 - 
 
239 
	 							<td>$subCategoryIdAndCategoryMap.get($ticket.getSubCategoryId()).getName()</td>
 - 
 
240
- 
 
241
- 
 
242 
								<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>
 250 
 
243 
									<td>$activityMap.get($ticket.getId()).get(0).getMessage()</td>
 - 
 
244 
									#if($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy() > 0)
 - 
 
245 
										<td>$authUserMap.get($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy()).getFirstName() $authUserMap.get($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy()).getLastName()</td>
 - 
 
246 
									#else
 - 
 
247 
										<td>Partner</td>
 - 
 
248 
									#end
 - 
 
249 
								<td>#foreach($authUser in $authUserListMap.get($ticket.getId()))
 - 
 
250 
								<span>$authUser.getFirstName() $authUser.getLastName() ($authUser.getEmployeeCode())
 - 
 
251 
								<span><br/>
 - 
 
252 
								#end
 - 
 
253 
								</td>
 - 
 
254 
			    				<td>$ticket.getFormattedCreateTimestamp()</td>
 251 
<div id="manager-ticket-content-area">
255 
			    				#if($ticket.getCloseTimestamp())
 252 
#parse("managerTicket-content.vm")
256 
			    				<td>Closed</td>
 - 
 
257 
			    				<td><button class="btn btn-primary edit-ticket" data-ticketid1="$ticket.getId()" disabled>Edit</button></td>
 - 
 
258 
			    				#else
 - 
 
259 
			    				#if($ticket.getLastActivity()=="RESOLVED")
 - 
 
260 
			    				<td>Resolved</td>
 - 
 
261 
			    				#else
 - 
 
262 
			    				<td>Opened</td>
 - 
 
263 
			    				#end
 - 
 
264 
			    				<td><button class="btn btn-primary edit-ticket" data-ticketid1="$ticket.getId()">Edit</button></td>
 - 
 
265 
			    				#end
 - 
 
266 
			    				</tr>
 - 
 
267 
			    				#end
 - 
 
268 
			    				#else
 - 
 
269 
			    				<tr>
 - 
 
270 
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
 - 
 
271 
		    				</tr>
 - 
 
272 
			    				#end
 - 
 
273 
	    			</tbody>
 - 
 
274 
	    		</table>
 - 
 
275
- 
 
276 
	    	</div>
 - 
 
277 
	    </div>
 - 
 
278 
    </div>
 253 
</div>
279
254 
 
280 
    </section>
 255 
    </section>
281 
<div id="manager-ticket-details-container" style="background:white;background-color:white;">
 256 
<div id="manager-ticket-details-container" style="background:white;background-color:white;">
282 
</div>
 257 
</div>
283 
<div class="edit-container">
 258 
<div class="edit-container">
284 
<div class="modal fade text-center" id="theModal" tabindex="-1" role="dialog" data-backdrop="true" data-keyboard="true">
 259 
<div class="modal fade text-center" id="theModal" tabindex="-1" role="dialog" data-backdrop="true" data-keyboard="true">
Line 312... Line 287...
312 
					<div class="col-lg-7 internalCheckBox">
 287 
					<div class="col-lg-7 internalCheckBox">
313 
						<input type="checkbox" name="internalCommunication" id="internalCommunication">&nbsp;&nbsp;<span style="font-size:12px;font-weight:bold">INTERNAL</b>
 288 
						<input type="checkbox" name="internalCommunication" id="internalCommunication">&nbsp;&nbsp;<span style="font-size:12px;font-weight:bold">INTERNAL</b>
314 
						</div>
 289 
						</div>
315 
						<div class="col-lg-5">
 290 
						<div class="col-lg-5">
316 
						<input class="btn btn-primary submit-message-button" type="button" value="Submit">
 291 
						<input class="btn btn-primary submit-message-button" type="button" value="Submit">
317 
						</div>
292 
						</div>
318 
					</div>
 293 
					</div>
319 
     		 </div>
 294 
     		 </div>
320 
               </div>
 295 
               </div>
321 
            </div>
 296 
            </div>
322 
         </div>
 297 
         </div>
323 
      </div>
 298 
      </div>
324
- 
 
325 

            299
            
 

          

          

            -
            
 

            300