Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
24747 govind 1 
<script type="text/javascript">
35606 amit 2 
$(document).ready(function () {
3 
    // Cleanup for myModal (activity/message modal)
4 
    $('#myModal').on('hidden.bs.modal', function (e) {
5 
        $(".activity-container .modal-body").empty();
6 
    });
24747 govind 7 
 
35606 amit 8 
    // Cleanup for theModal (edit ticket modal)
9 
    $('#theModal').on('hidden.bs.modal', function (e) {
10 
        $("#theModal .modal-content").empty();
35602 amit 11 
        $('body').removeClass('modal-open');
12 
        $('.modal-backdrop').remove();
35606 amit 13 
    });
35602 amit 14 
 
35606 amit 15 
    // Ensure backdrop is removed on any modal close
16 
    $(document).on('hidden.bs.modal', '.modal', function () {
17 
        if ($('.modal:visible').length === 0) {
18 
            $('body').removeClass('modal-open');
19 
            $('.modal-backdrop').remove();
20 
        }
21 
    });
24747 govind 22 
 
35606 amit 23 
    getPartnerAheadOptions($("#typeaheadpartnername"), function (selectedPartner) {
24 
        $("#manager-ticket-search-by-partner-name").data('id', selectedPartner.partnerId);
25 
        $("#partner-name-input").val(selectedPartner.partnerId);
26 
    });
27 
 
31762 tejbeer 28 
  });
29 
 
24469 govind 30 
</script>
24467 govind 31 
<style>
32 
.incoming_msg_img {
33 
	display: inline-block;
34 
	width: 6%;
35 
}
36 
 
37 
.incoming_msg_img img {
38 
	width: 100%;
39 
}
40 
.sent_msg p {
41 
	background:#b8d1f3;
42 
	border-radius: 12px 15px 15px 0;
43 
	font-size: 14px;
44 
	margin: 0;
45 
	color: black;
46 
	padding: 5px 10px 5px 12px;
24569 govind 47 
	word-break: break-all;
24467 govind 48 
	width: 100%;
49 
}
50 
 
51 
.outgoing_msg {
52 
	overflow: hidden;
53 
	margin: 26px 0 26px;
54 
}
55 
 
56 
.sent_msg {
57 
	float: right;
58 
	width: 46%;
59 
}
60 
.received_msg {
61 
	display: inline-block;
62 
	padding: 0 0 0 10px;
63 
	vertical-align: top;
64 
	width: 50%;
65 
}
66 
 
67 
.received_withd_msg p {
68 
	background: #dae5f4 none repeat scroll 0 0;
69 
	border-radius: 0 15px 15px 15px;
70 
	color: #646464;
71 
	font-size: 14px;
72 
	margin: 0;
73 
	padding: 5px 10px 5px 12px;
24569 govind 74 
	word-break: break-all;
24467 govind 75 
	width: 100%;
76 
}
77 
 
78 
.time_date {
79 
	color: black;
80 
	display: block;
81 
	font-size: 12px;
82 
	margin: 8px 0 0;
83 
}
84 
.blue_box, .green_box,.white_box {
85 
    display: block;
86 
    clear:both;
87 
}
24530 amit.gupta 88 
.modal-dialog {
24467 govind 89 
    /* 80% of window height */
24530 amit.gupta 90 
    max-height: 80%;
24467 govind 91 
}
92 
 
93 
.modal-body {
24640 govind 94 
	max-height:70vh;
24530 amit.gupta 95 
    overflow-y: auto;
24467 govind 96 
}
97 
.outgoing_msg:after,.incoming_msg:after,.white_box:after {
98 
  content: '\A';
99 
    white-space: pre;
100 
}
101 
.incoming_msg:before,.white_box:before {
102 
  content: '\A';
103 
    white-space: pre;
104 
}
105 
.white_box span {
106 
    background-color:#ebebeb;
107 
     background-size: 5px 5px;
108 
    word-break: break-all;
109 
    color: black;
110 
    display: block;
111 
    padding:10px 10px;
112 
    text-align: center
113 
}
35626 amit 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 
}
24467 govind 153 
</style>
24439 govind 154 
<section class="wrapper">
155 
	<div class="row">
156 
		<div class="col-lg-12">
157 
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
158 
			<ol class="breadcrumb">
159 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
35626 amit 160 
				<li><i class="icon_document_alt"></i>Manager Ticket</li>
24439 govind 161 
			</ol>
162 
		</div>
163 
	</div>
35626 amit 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 
 
24699 govind 181 
	<div class = "row">
182 
				<div class="col-lg-2 form-group">
183 
						<select class="form-control input-sm" id = "managerTicketStatus" name="managerTicketStatus" placeholder="Type">
184 
						#foreach($ticketStatus in $ticketStatusValues)
185 
						#if($selectedticketStatus==$ticketStatus)
186 
						<option value="$ticketStatus" selected>$ticketStatus</option>
187 
						#else
188 
						<option value="$ticketStatus">$ticketStatus</option>
189 
						#end
190 
						#end
191 
		             	</select>
192 
				</div>
193 
				<div class="col-lg-2 form-group">
194 
						<select class="form-control input-sm" id = "managerTicketorderBy" name="managerTicketorderBy" placeholder="Type">
195 
						#foreach($orderby in $orderByValues)
196 
						#if($orderby=="UNSORTED")
197 
						#else
198 
						#if($selectedorderby==$orderby)
199 
						#if($orderby=="ASCENDING")
200 
						<option value="$orderby" selected>OLD TO NEW</option>
201 
						#else
202 
						<option value="$orderby" selected>NEW TO OLD</option>
203 
						#end
204 
						#else
205 
						#if($orderby=="ASCENDING")
206 
						<option value="$orderby">OLD TO NEW</option>
207 
						#else
208 
						<option value="$orderby">NEW TO OLD</option>
209 
						#end
210 
						#end
211 
						#end
212 
						#end
213 
		             	</select>
214 
				</div>
24747 govind 215 
					<div class="col-lg-6 form-group pull-right">
216 
					<div class="col-lg-6">
217 
        		<select class="form-control" id = "managersearchType" name = "managersearchType" placeholder="Search Type">
218 
					<option value="" disabled selected>Search Type</option>
219 
					#foreach($searchType1 in $ticketSearchTypes)
220 
					#if($ticketSearchType.getValue()==$searchType1.getValue())
221 
						<option value="$searchType1" selected>$ticketSearchType.getValue()</option>
222 
						#else
223 
						<option value="$searchType1">$searchType1.getValue()</option>
224 
						#end
225 
					#end
226 
             	</select>
227 
        	</div>
35626 amit 228 
 
24747 govind 229 
        	<div class="col-lg-6">
230 
        	<input type="hidden" id="partner-name-input" name="partner-name-input" value="">
231 
        	<div class="byPartnerName" style="display: none;">
35626 amit 232 
		  <div class="input-group">
233 
	    	<input placeholder="Partner Name" type="text" class="typeahead form-control" id="typeaheadpartnername" value="" name="Item" data-provide="typeahead" autocomplete="off">
234 
    		<span class="input-group-btn">
235 
      			<button class="btn btn-primary" id="manager-ticket-search-by-partner-name" type="button" data-id="">Go!</button>
236 
    		</span>
237 
          </div>
238 
          </div>
239 
          <div class="byTicketId" style="display: none;">
240 
		  <div class="input-group">
241 
	    	<input placeholder="Ticket Id" type="text" class="form-control" id="search-by-ticketId" value="">
242 
    		<span class="input-group-btn">
243 
      			<button class="btn btn-primary" id="retailer-details-search-button-by-ticketId" type="button">Go!</button>
244 
    		</span>
245 
          </div>
246 
          </div>
247 
		</div>
248 
		</div>
24747 govind 249 
</div>
35626 amit 250 
 
251 
<div id="manager-ticket-content-area">
252 
#parse("managerTicket-content.vm")
253 
</div>
254 
 
24439 govind 255 
    </section>
24467 govind 256 
<div id="manager-ticket-details-container" style="background:white;background-color:white;">
24439 govind 257 
</div>
24469 govind 258 
<div class="edit-container">
35602 amit 259 
<div class="modal fade text-center" id="theModal" tabindex="-1" role="dialog" data-backdrop="true" data-keyboard="true">
260 
  <div class="modal-dialog" role="document">
24439 govind 261 
    <div class="modal-content">
262 
    </div>
263 
  </div>
24467 govind 264 
</div>
24469 govind 265 
</div>
266 
 
267 
		<div class="activity-container">
26318 tejbeer 268 
         <div class="modal" id="myModal" role="dialog" >
24467 govind 269 
            <div class="modal-dialog">
270 
               <!-- Modal content-->
271 
               <div class="modal-content">
272 
                  <div class="modal-header">
273 
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
274 
                     <h4 class="modal-title">Message History</h4>
275 
                  </div>
276 
                  <div class="modal-body">
277 
                   </div><br><br>
278 
                   <div class="modal-footer">
24824 govind 279 
         <div class="col-lg-8 form-group">
280 
         <input type="hidden" id="ticketIdforactivity">
281 
          <input type="hidden" id="assigneeUser">
282 
          <input type="hidden" id="role" value="">
35592 amit 283 
          <input type="hidden" id="crmUser" value="">
24467 govind 284 
		<textarea class="form-control rounded-0" id="activityMessage" rows="2"></textarea>
285 
			</div>
24824 govind 286 
			<div class="col-lg-4">
287 
					<div class="col-lg-7 internalCheckBox">
288 
						<input type="checkbox" name="internalCommunication" id="internalCommunication">&nbsp;&nbsp;<span style="font-size:12px;font-weight:bold">INTERNAL</b>
289 
						</div>
290 
						<div class="col-lg-5">
291 
						<input class="btn btn-primary submit-message-button" type="button" value="Submit">
35626 amit 292 
						</div>
24467 govind 293 
					</div>
294 
     		 </div>
295 
               </div>
296 
            </div>
297 
         </div>
24824 govind 298 
      </div>
35626 amit 299