Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
24417 govind 1 
<script>
2 
$('#myModal').on('hidden.bs.modal', function (e) {
24469 govind 3 
  $(".activity-container .modal-body").empty();
24417 govind 4 
});
5 
</script>
6 
<style>
7 
.incoming_msg_img {
8 
	display: inline-block;
9 
	width: 6%;
10 
}
11 
 
12 
.incoming_msg_img img {
13 
	width: 100%;
14 
}
15 
.sent_msg p {
16 
	background:#b8d1f3;
17 
	border-radius: 12px 15px 15px 0;
18 
	font-size: 14px;
19 
	margin: 0;
20 
	color: black;
21 
	padding: 5px 10px 5px 12px;
24569 govind 22 
	word-break: break-all;
24417 govind 23 
	width: 100%;
24 
}
25 
 
26 
.outgoing_msg {
27 
	overflow: hidden;
28 
	margin: 26px 0 26px;
29 
}
30 
 
31 
.sent_msg {
32 
	float: right;
33 
	width: 46%;
34 
}
35 
.received_msg {
36 
	display: inline-block;
37 
	padding: 0 0 0 10px;
38 
	vertical-align: top;
39 
	width: 50%;
40 
}
41 
 
42 
.received_withd_msg p {
43 
	background: #dae5f4 none repeat scroll 0 0;
44 
	border-radius: 0 15px 15px 15px;
45 
	color: #646464;
46 
	font-size: 14px;
47 
	margin: 0;
48 
	padding: 5px 10px 5px 12px;
24569 govind 49 
	word-break: break-all;
24417 govind 50 
	width: 100%;
51 
}
52 
 
53 
.time_date {
54 
	color: black;
55 
	display: block;
56 
	font-size: 12px;
57 
	margin: 8px 0 0;
58 
}
59 
.blue_box, .green_box,.white_box {
60 
    display: block;
61 
    clear:both;
62 
}
63 
.modal-dialog,
24530 amit.gupta 64 
 {
24417 govind 65 
    /* 80% of window height */
24530 amit.gupta 66 
    max-height: 80%;
24417 govind 67 
}
68 
 
69 
.modal-body {
70 
    /* 100% = dialog height, 120px = header + footer */
24638 govind 71 
    max-height:70vh;
24530 amit.gupta 72 
    overflow-y: auto;
24417 govind 73 
}
74 
.outgoing_msg:after,.incoming_msg:after,.white_box:after {
75 
  content: '\A';
76 
    white-space: pre;
77 
}
78 
.incoming_msg:before,.white_box:before {
79 
  content: '\A';
80 
    white-space: pre;
81 
}
82 
.white_box span {
83 
    background-color:#ebebeb;
84 
     background-size: 5px 5px;
85 
    word-break: break-all;
86 
    color: black;
87 
    display: block;
88 
    padding:10px 10px;
89 
    text-align: center
90 
}
91 
</style>
92 
<section class="wrapper">
93 
	<div class="row">
94 
		<div class="col-lg-12">
95 
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
96 
			<ol class="breadcrumb">
97 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
98 
				<li><i class="icon_document_alt"></i>My Ticket</li>
99 
			</ol>
100 
		</div>
101 
	</div>
24699 govind 102 
	<div class = "row">
103 
				<div class="col-lg-2 form-group">
104 
						<select class="form-control input-sm" id = "ticketStatus" name="ticketStatus" placeholder="Type">
105 
						#foreach($ticketStatus in $ticketStatusValues)
106 
						#if($selectedticketStatus==$ticketStatus)
107 
						<option value="$ticketStatus" selected>$ticketStatus</option>
108 
						#else
109 
						<option value="$ticketStatus">$ticketStatus</option>
110 
						#end
111 
						#end
112 
		             	</select>
113 
				</div>
114 
				<div class="col-lg-2 form-group">
115 
						<select class="form-control input-sm" id = "orderBy" name="orderBy" placeholder="Type">
116 
						#foreach($orderby in $orderByValues)
117 
						#if($orderby=="UNSORTED")
118 
						#else
119 
						#if($selectedorderby==$orderby)
120 
						#if($orderby=="ASCENDING")
121 
						<option value="$orderby" selected>OLD TO NEW</option>
122 
						#else
123 
						<option value="$orderby" selected>NEW TO OLD</option>
124 
						#end
125 
						#else
126 
						#if($orderby=="ASCENDING")
127 
						<option value="$orderby">OLD TO NEW</option>
128 
						#else
129 
						<option value="$orderby">NEW TO OLD</option>
130 
						#end
131 
						#end
132 
						#end
133 
						#end
134 
		             	</select>
135 
				</div>
136 
				</div>
24417 govind 137 
<div id="my-ticket-table">
138 
		<div class="row">
139 
	    	<div class="col-lg-12">
140 
	    		<table class="table table-bordered">
141 
	    			<tbody>
142 
	    				<tr>
24569 govind 143 
	    					<th>Ticket Id</th>
24417 govind 144 
	    					#if($roleType)
145 
	    					<th>Partner</th>
146 
	    					#end
147 
	    					<th>SubCategory</th>
148 
	    					<th>Created TimeStamp</th>
149 
	    					#if($roleType)
150 
	    					<th>Action</th>
151 
	    					#else
24638 govind 152 
	    					<th>Action</th>
24417 govind 153 
	    					#end
154 
	    				</tr>
24569 govind 155 
	    				#if($tickets.size()>0)
24417 govind 156 
	 							#foreach($ticket in $tickets)
157 
	 							<tr>
24569 govind 158 
	 							<td>$ticket.getId()</td>
24417 govind 159 
	 							#if($roleType)
160 
	 							<td>$fofoIdsAndCustomRetailer.get($ticket.getFofoId()).getBusinessName()</td>
161 
	    						#end
24500 govind 162 
			    				<td><a href="#" data-toggle="modal" data-target="#myModal" data-ticketid="$ticket.getId()" id="activities" data-assignee="$authUserIdAndAuthUserMap.get($ticket.getId()).getFirstName()">$subCategoryIdAndSubCategoryMap.get($ticket.getSubCategoryId()).getName()</a></td>
24417 govind 163 
			    					<td>$ticket.getFormattedCreateTimestamp()</td>
164 
			    					#if($roleType)
165 
			    						#if($ticket.getCloseTimestamp())
166 
			    							<td>$ticket.getFormattedCloseTimestamp()</td>
167 
			    						#else
24620 govind 168 
			    						#if($ticket.getLastActivity()=="RESOLVED")
169 
			    							<td><button class="btn btn-primary" id="ticket-last-activity" data-ticketid="$ticket.getId()" disabled>Resolved</button></td>
170 
			    							#else
171 
			    							<td><button class="btn btn-primary" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved">Resolved</button></td>
172 
			    							#end
24417 govind 173 
			    						#end
174 
	    							#else
175 
	    								#if($ticket.getCloseTimestamp())
176 
	    									<td>Closed</td>
177 
	    								#else
24620 govind 178 
	    								#if($ticket.getLastActivity()=="RESOLVED")
24638 govind 179 
			    							<td><button class="btn btn-primary" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved-accepted">Resolved</button>
180 
			    							<button class="btn btn-danger" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved-rejected">Reopen</button></td>
24620 govind 181 
			    							#else
24638 govind 182 
			    							<td><button class="btn btn-primary" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved-accepted" disabled>Resolved</button>
183 
			    							<button class="btn btn-danger" id="ticket-last-activity" data-ticketid="$ticket.getId()" data-activity="$resolved-rejected" disabled>Reopen</button></td>
24620 govind 184 
			    							#end
185 
			    							#end
186 
			    						#end
24417 govind 187 
			    				</tr>
188 
			    				#end
189 
			    				#else
190 
			    				<tr>
191 
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
24569 govind 192 
		    					</tr>
24417 govind 193 
			    				#end
194 
	    			</tbody>
195 
	    		</table>
196 
	    	</div>
197 
	    </div>
198 
    </div>
199 
    #if(!$tickets.isEmpty())
200 
    	<div class="row" id="tickets-paginated">
201 
    		<div class="col-lg-9">
202 
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
203 
    		</div>
204 
    		<div class="col-lg-3" style="text-align:right;">
205 
				<div class="btn-group" style="width:40%">
206 
					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
207 
				</div>
208 
				<div class="btn-group" style="width:40%">
209 
					#if($end >= $size)
210 
						<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
211 
					#else
212 
						<button class="btn btn-primary next" style="width:100%">Next</button>
213 
					#end
214 
				</div>
215 
	    	</div>
216 
	    </div>
217 
    #end
218 
    </section>
219 
<div id="ticket-details-container" style="background:white;background-color:white;">
220 
</div>
24469 govind 221 
<div class="activity-container">
24417 govind 222 
         <div class="modal fade" id="myModal" role="dialog" >
223 
            <div class="modal-dialog">
224 
               <!-- Modal content-->
225 
               <div class="modal-content">
226 
                  <div class="modal-header">
227 
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
228 
                     <h4 class="modal-title">Message History</h4>
229 
                  </div>
230 
                  <div class="modal-body">
231 
 
232 
                   </div><br><br>
233 
                   <div class="modal-footer">
234 
         <div class="col-lg-10 form-group">
235 
         <input type=number id="ticketIdforactivity" hidden>
236 
          <input type=number id="assigneeUser" hidden>
237 
		<textarea class="form-control rounded-0" id="activityMessage" rows="2"></textarea>
238 
			</div>
239 
			<div class="col-lg-2">
240 
						<input class="btn btn-primary submit-message-button" type="button" value="Submit">
241 
					</div>
242 
     		 </div>
243 
               </div>
244 
            </div>
245 
         </div>
246 
      </div>
247