Subversion Repositories SmartDukaan

Rev

Rev 35571 | Rev 35594 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 35571 Rev 35592
Line 1... Line 1...
1
<script>
1
<script>
2
$('#myModal').on('hidden.bs.modal', function (e) {
2
    $('#myModal').on('hidden.bs.modal', function (e) {
3
  $(".activity-container .modal-body").empty();
3
        $(".activity-container .modal-body").empty();
4
});
4
    });
5
 $(function(){
5
    $(function () {
6
 	getPartnerAheadOptions($("#typeaheadpartnernameforassignee"),function(selectedPartner){
6
        getPartnerAheadOptions($("#typeaheadpartnernameforassignee"), function (selectedPartner) {
7
		$("#assignee-ticket-search-by-partner-name").data('id',selectedPartner.partnerId);
7
            $("#assignee-ticket-search-by-partner-name").data('id', selectedPartner.partnerId);
8
		$("#assignee-partner-name-input").val(selectedPartner.partnerId);
8
            $("#assignee-partner-name-input").val(selectedPartner.partnerId);
9
	});
9
        });
10
});
10
    });
11
 
11
 
12
 
12
 
13
   $(document).ready(function () {	
13
    $(document).ready(function () {
14
        
14
 
15
       $('#ticket-table thead tr').clone(true).appendTo('#ticket-table thead');
15
        $('#ticket-table thead tr').clone(true).appendTo('#ticket-table thead');
16
        $('#ticket-table thead tr:eq(1) th').each(function (i) {
16
        $('#ticket-table thead tr:eq(1) th').each(function (i) {
17
            var title = $(this).text();
17
            var title = $(this).text();
18
            $(this).html('<input type="text" style = "width:60%;" placeholder="Search ' + title + '" />');
18
            $(this).html('<input type="text" style = "width:60%;" placeholder="Search ' + title + '" />');
19
 
19
 
20
            $('input', this).on('keyup change', function () {
20
            $('input', this).on('keyup change', function () {
Line 25... Line 25...
25
                            .draw();
25
                            .draw();
26
                }
26
                }
27
            });
27
            });
28
        })
28
        })
29
 
29
 
30
       var table = $('#ticket-table').DataTable({
30
        var table = $('#ticket-table').DataTable({
31
            orderCellsTop: true,
31
            orderCellsTop: true,
32
            fixedHeader: true
32
            fixedHeader: true
33
        })
33
        })
34
        
34
 
35
  });
35
    });
36
</script>
36
</script>
37
#parse("activity-modal-styles.vm")
37
#parse("activity-modal-styles.vm")
38
<section class="wrapper">
38
<section class="wrapper">
39
	<div class="row">
39
    <div class="row">
40
		<div class="col-lg-12">
40
        <div class="col-lg-12">
41
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
41
            <h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
42
			<ol class="breadcrumb">
42
            <ol class="breadcrumb">
43
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
43
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
44
				<li><i class="icon_document_alt"></i>My Ticket</li>						  	
44
                <li><i class="icon_document_alt"></i>My Ticket</li>
45
			</ol>
45
            </ol>
46
		</div>
46
        </div>
47
	</div>
47
    </div>
48
	<div class = "row">
48
    <div class="row">
49
				<div class="col-lg-2 form-group">
49
        <div class="col-lg-2 form-group">
50
						<select class="form-control input-sm" id = "ticketStatus" name="ticketStatus" placeholder="Type">
50
            <select class="form-control input-sm" id="ticketStatus" name="ticketStatus" placeholder="Type">
51
						#foreach($ticketStatus in $ticketStatusValues)
51
                #foreach($ticketStatus in $ticketStatusValues)
52
							#if($ticketStatus=="RESOLVED")
52
                    #if($ticketStatus=="RESOLVED")
53
									#if($roleType)
53
                        #if($roleType)
54
											#if($selectedticketStatus==$ticketStatus)
54
                            #if($selectedticketStatus==$ticketStatus)
55
												<option value="$ticketStatus" selected>$ticketStatus</option>
55
                                <option value="$ticketStatus" selected>$ticketStatus</option>
56
											#else
56
                            #else
57
												<option value="$ticketStatus">$ticketStatus</option>
57
                                <option value="$ticketStatus">$ticketStatus</option>
58
											#end
58
                            #end
59
									#end
59
                        #end
60
							#else
60
                    #else
61
									#if($selectedticketStatus==$ticketStatus)
61
                        #if($selectedticketStatus==$ticketStatus)
62
												<option value="$ticketStatus" selected>$ticketStatus</option>
62
                            <option value="$ticketStatus" selected>$ticketStatus</option>
63
									#else
63
                        #else
64
												<option value="$ticketStatus">$ticketStatus</option>
64
                            <option value="$ticketStatus">$ticketStatus</option>
65
									#end
65
                        #end
66
							#end
66
                    #end
67
						#end
67
                #end
68
		             	</select>
68
            </select>
69
				</div>
69
        </div>
70
				<div class="col-lg-2 form-group">
70
        <div class="col-lg-2 form-group">
71
						<select class="form-control input-sm" id = "orderBy" name="orderBy" placeholder="Type">
71
            <select class="form-control input-sm" id="orderBy" name="orderBy" placeholder="Type">
72
						#foreach($orderby in $orderByValues)
72
                #foreach($orderby in $orderByValues)
73
							#if($orderby=="UNSORTED")
73
                    #if($orderby=="UNSORTED")
74
							#else
74
                    #else
75
									#if($selectedorderby==$orderby)
75
                        #if($selectedorderby==$orderby)
76
											#if($orderby=="ASCENDING")
76
                            #if($orderby=="ASCENDING")
77
												<option value="$orderby" selected>OLD TO NEW</option>
77
                                <option value="$orderby" selected>OLD TO NEW</option>
78
											#else
78
                            #else
79
												<option value="$orderby" selected>NEW TO OLD</option>
79
                                <option value="$orderby" selected>NEW TO OLD</option>
80
											#end
80
                            #end
81
									#else
81
                        #else
82
											#if($orderby=="ASCENDING")
82
                            #if($orderby=="ASCENDING")
83
												<option value="$orderby">OLD TO NEW</option>
83
                                <option value="$orderby">OLD TO NEW</option>
84
											#else
84
                            #else
85
												<option value="$orderby">NEW TO OLD</option>
85
                                <option value="$orderby">NEW TO OLD</option>
86
											#end
86
                            #end
87
									#end
87
                        #end
88
							#end
88
                    #end
89
						#end
89
                #end
90
		             	</select>
90
            </select>
91
				</div>
91
        </div>
92
				#if($roleType)
92
        #if($roleType)
93
				<div class="col-lg-6 form-group pull-right">
93
        <div class="col-lg-6 form-group pull-right">
94
					<div class="col-lg-6">
94
            <div class="col-lg-6">
95
        		<select class="form-control" id = "assigneesearchType" name = "assigneesearchType" placeholder="Search Type">
95
                <select class="form-control" id="assigneesearchType" name="assigneesearchType"
-
 
96
                        placeholder="Search Type">
96
					<option value="" disabled selected>Search Type</option>
97
                    <option value="" disabled selected>Search Type</option>
97
					#foreach($searchType1 in $ticketSearchTypes)
98
                    #foreach($searchType1 in $ticketSearchTypes)
98
					#if($ticketSearchType.getValue()==$searchType1.getValue())
99
                        #if($ticketSearchType.getValue()==$searchType1.getValue())
99
						<option value="$searchType1" selected>$ticketSearchType.getValue()</option>
100
                            <option value="$searchType1" selected>$ticketSearchType.getValue()</option>
100
						#else
101
                        #else
101
						<option value="$searchType1">$searchType1.getValue()</option>
102
                            <option value="$searchType1">$searchType1.getValue()</option>
102
						#end
103
                        #end
103
					#end
104
                    #end
104
             	</select>
105
                </select>
105
        	</div>
106
            </div>
106
        	
107
 
107
        	
108
 
108
        	<div class="col-lg-6">
109
            <div class="col-lg-6">
109
        	<input type="hidden" id="assignee-partner-name-input" name="assignee-partner-name-input" value="">
110
                <input type="hidden" id="assignee-partner-name-input" name="assignee-partner-name-input" value="">
110
        	<div class="assigneebyPartnerName" style="display: none;">
111
                <div class="assigneebyPartnerName" style="display: none;">
111
			  <div class="input-group">
112
                    <div class="input-group">
-
 
113
                        <input placeholder="Partner Name" type="text" class="typeahead form-control"
112
		    	<input placeholder="Partner Name" type="text" class="typeahead form-control" id="typeaheadpartnernameforassignee" value="" name="Item" data-provide="typeahead" autocomplete="off">
114
                               id="typeaheadpartnernameforassignee" value="" name="Item" data-provide="typeahead"
-
 
115
                               autocomplete="off">
113
	    		<span class="input-group-btn">
116
                        <span class="input-group-btn">
114
	      			<button class="btn btn-primary" id="assignee-ticket-search-by-partner-name" type="button" data-id="">Go!</button>
117
	      			<button class="btn btn-primary" id="assignee-ticket-search-by-partner-name" type="button"
-
 
118
                            data-id="">Go!</button>
115
	    		</span>
119
	    		</span>
116
	          </div>
120
                    </div>
117
	          </div>
121
                </div>
118
	          <div class="assigneebyTicketId" style="display: none;">
122
                <div class="assigneebyTicketId" style="display: none;">
119
			  <div class="input-group">
123
                    <div class="input-group">
120
		    	<input placeholder="Ticket Id" type="text" class="form-control" id="assignee-search-by-ticketId" value="">
124
                        <input placeholder="Ticket Id" type="text" class="form-control" id="assignee-search-by-ticketId"
-
 
125
                               value="">
121
	    		<span class="input-group-btn">
126
                        <span class="input-group-btn">
122
	      			<button class="btn btn-primary" id="assignee-retailer-details-search-button-by-ticketId" type="button">Go!</button>
127
	      			<button class="btn btn-primary" id="assignee-retailer-details-search-button-by-ticketId"
-
 
128
                            type="button">Go!</button>
123
	    		</span>
129
	    		</span>
124
	          </div>
130
                    </div>
125
	          </div>
131
                </div>
126
			</div>
132
            </div>
127
			#end
133
        #end
128
			</div>
134
    </div>
129
				</div>
135
    </div>
130
<div id="my-ticket-table">
136
    <div id="my-ticket-table">
131
		<div class="row">
137
        <div class="row">
132
	    	<div class="col-lg-12">
138
            <div class="col-lg-12">
133
	    		<table class="table table-border table-condensed table-bordered" id="ticket-table">
139
                <table class="table table-border table-condensed table-bordered" id="ticket-table">
134
	    		<thead>
140
                    <thead>
135
	    		
-
 
136
	    			
-
 
137
	    				<tr>
141
                    <tr>
138
	    					<th>Ticket Id</th>
142
                        <th>Ticket Id</th>
139
	    					#if($roleType)
143
                        #if($roleType)
140
	    					<th>Partner</th>
144
                            <th>Partner</th>
141
	    					#end
145
                        #end
142
	    					<th>Category</th>
146
                        <th>Category</th>
143
	    					<th>SubCategory</th>
147
                        <th>SubCategory</th>
144
	    				    <th>Message</th>
148
                        <th>Message</th>
145
							<th>Created By</th>
149
                        <th>Created By</th>
146
	    					<th>Created TimeStamp</th>
150
                        <th>Created TimeStamp</th>
147
	    					#if($roleType)
151
                        #if($roleType)
148
	    					<th>Action</th>
152
                            <th>Action</th>
149
	    					#else
153
                        #else
150
	    					<th>Action</th>
154
                            <th>Action</th>
151
	    					#end
155
                        #end
152
	    				</tr>
156
                    </tr>
153
	    			</thead>	
157
                    </thead>
154
	    				<tbody>
158
                    <tbody>
155
	    				#if($tickets.size()>0)
159
                        #if($tickets.size()>0)
156
	 							#foreach($ticket in $tickets)
160
                            #foreach($ticket in $tickets)
157
	 							<tr>
161
                            <tr>
158
	 							<td>$ticket.getId()</td>
162
                                <td>$ticket.getId()</td>
159
	 							#if($roleType)
163
                                #if($roleType)
160
	 							<td>$fofoIdsAndCustomRetailer.get($ticket.getFofoId()).getBusinessName()</td>
164
                                    <td>$fofoIdsAndCustomRetailer.get($ticket.getFofoId()).getBusinessName()</td>
161
	    						#end
165
                                #end
162
	    					    <td>$subCategoryIdAndCategoryMap.get($ticket.getSubCategoryId()).getName()</td>
166
                                <td>$subCategoryIdAndCategoryMap.get($ticket.getSubCategoryId()).getName()</td>
163
	    			
167
 
164
			    				<td><a href="#" data-toggle="modal" data-target="#myModal" data-ticketid="$ticket.getId()" data-internal="true" data-role="$roleType" data-crm="$isCrmUser" id="activities" data-assignee="$authUserIdAndAuthUserMap.get($ticket.getId()).getFirstName()">$subCategoryIdAndSubCategoryMap.get($ticket.getSubCategoryId()).getName()</a></td>
168
                                <td><a href="#" data-toggle="modal" data-target="#myModal"
165
									<td>$activityMap.get($ticket.getId()).get(0).getMessage()</td>
169
                                       data-ticketid="$ticket.getId()" data-internal="true" data-role="$roleType"
-
 
170
                                       data-crm="$isCrmUser" class="activities-link"
-
 
171
                                       data-assignee="#if($authUserIdAndAuthUserMap.get($ticket.getId()))$authUserIdAndAuthUserMap.get($ticket.getId()).getFirstName()#end">$subCategoryIdAndSubCategoryMap.get($ticket.getSubCategoryId()).getName()</a>
-
 
172
                                </td>
-
 
173
                                <td>#if($activityMap.get($ticket.getId()) && $activityMap.get($ticket.getId()).size() > 0)$activityMap.get($ticket.getId()).get(0).getMessage()#else
-
 
174
                                    -#end</td>
166
									#if($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy() > 0)
175
                                #if($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy() > 0)
167
										<td>$authUserMap.get($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy()).getFirstName() $authUserMap.get($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy()).getLastName()</td>
176
                                    <td>$authUserMap.get($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy()).getFirstName() $authUserMap.get($activityMapWithActivityId.get($ticket.getFirstActivityId()).get(0).getCreatedBy()).getLastName()</td>
168
									#else
177
                                #else
169
										<td>Partner</td>
178
                                    <td>Partner</td>
170
									#end
179
                                #end
171
			    					
180
 
172
			    					<td>$ticket.getFormattedCreateTimestamp()</td>
181
                                <td>$ticket.getFormattedCreateTimestamp()</td>
173
			    					#if($roleType)
182
                                #if($roleType)
174
			    						#if($ticket.getCloseTimestamp())
183
                                    #if($ticket.getCloseTimestamp())
175
			    							<td>$ticket.getFormattedCloseTimestamp()</td>
184
                                        <td>$ticket.getFormattedCloseTimestamp()</td>
176
			    						#else
185
                                    #else
177
			    						#if($ticket.getLastActivity()=="RESOLVED")
186
                                        #if($ticket.getLastActivity()=="RESOLVED")
178
			    							<td>Resolved</td>
187
                                            <td>Resolved</td>
179
			    							#else
188
                                        #else
-
 
189
                                            ## Only CRM users can mark tickets as resolved
-
 
190
                                            #if($isCrmUser)
-
 
191
                                                <td>
-
 
192
                                                    <button class="btn btn-primary ticket-last-activity"
180
			    							<td><button class="btn btn-primary" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved">Resolved</button></td>
193
                                                            data-ticketid="$ticket.getId()" data-activity="$resolved">
-
 
194
                                                        Resolved
-
 
195
                                                    </button>
-
 
196
                                                </td>
-
 
197
                                            #else
-
 
198
                                                <td><span class="label label-warning">Pending Resolution</span></td>
-
 
199
                                            #end
181
			    							#end
200
                                        #end
182
			    						#end
201
                                    #end
183
	    							#else
202
                                #else
184
	    								#if($ticket.getCloseTimestamp())
203
                                    #if($ticket.getCloseTimestamp())
185
	    									<td>Closed</td>
204
                                        <td>Closed</td>
186
	    								#else
205
                                    #else
187
	    								#if($ticket.getLastActivity()=="RESOLVED")
206
                                        #if($ticket.getLastActivity()=="RESOLVED")
-
 
207
                                            <td>
-
 
208
                                                <button class="btn btn-primary ticket-last-activity"
188
			    							<td><button class="btn btn-primary" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved-accepted">Resolved</button>
209
                                                        data-ticketid="$ticket.getId()"
189
			    							<button class="btn btn-danger" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved-rejected">Reopen</button></td>
210
                                                        data-activity="$resolved-accepted">Accept
190
			    							#else
211
                                                </button>
-
 
212
                                                <button class="btn btn-danger ticket-last-activity"
191
			    							<td><button class="btn btn-primary" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved-accepted" disabled>Resolved</button>
213
                                                        data-ticketid="$ticket.getId()"
192
			    							<button class="btn btn-danger" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved-rejected" disabled>Reopen</button></td>
214
                                                        data-activity="$resolved-rejected">Reopen
-
 
215
                                                </button>
-
 
216
                                            </td>
-
 
217
                                        #else
-
 
218
                                            <td><span class="label label-info">In Progress</span></td>
193
			    							#end
219
                                        #end
194
			    							#end
220
                                    #end
195
			    						#end
221
                                #end
196
			    				</tr>
222
                            </tr>
197
			    				#end
223
                            #end
198
			    				#else
224
                        #else
199
			    				<tr>
225
                        <tr>
200
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
226
                            <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
201
		    					</tr>
227
                        </tr>
202
			    				#end
228
                        #end
203
	    			</tbody>
229
                    </tbody>
204
	    		</table>
230
                </table>
205
	    	</div>
231
            </div>
206
	    </div>
232
        </div>
207
    </div>
233
    </div>
208
 
234
 
209
    </section>
235
</section>
210
<div id="ticket-details-container" style="background:white;background-color:white;">
236
<div id="ticket-details-container" style="background:white;background-color:white;">
211
</div>
237
</div>
212
#set($showFileUpload = true)
238
#set($showFileUpload = true)
213
#parse("activity-modal.vm")
239
#parse("activity-modal.vm")