Subversion Repositories SmartDukaan

Rev

Rev 24439 | Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
24417 govind 1 
<script>
2 
$('#myModal').on('hidden.bs.modal', function (e) {
3 
  $(".modal-body").empty();
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;
22 
	width: 100%;
23 
}
24 
 
25 
.outgoing_msg {
26 
	overflow: hidden;
27 
	margin: 26px 0 26px;
28 
}
29 
 
30 
.sent_msg {
31 
	float: right;
32 
	width: 46%;
33 
}
34 
.received_msg {
35 
	display: inline-block;
36 
	padding: 0 0 0 10px;
37 
	vertical-align: top;
38 
	width: 50%;
39 
}
40 
 
41 
.received_withd_msg p {
42 
	background: #dae5f4 none repeat scroll 0 0;
43 
	border-radius: 0 15px 15px 15px;
44 
	color: #646464;
45 
	font-size: 14px;
46 
	margin: 0;
47 
	padding: 5px 10px 5px 12px;
48 
	width: 100%;
49 
}
50 
 
51 
.time_date {
52 
	color: black;
53 
	display: block;
54 
	font-size: 12px;
55 
	margin: 8px 0 0;
56 
}
57 
.blue_box, .green_box,.white_box {
58 
    display: block;
59 
    clear:both;
60 
}
61 
.modal-dialog,
62 
.modal-content {
63 
    /* 80% of window height */
64 
    height: 80%;
65 
}
66 
 
67 
.modal-body {
68 
    /* 100% = dialog height, 120px = header + footer */
69 
    max-height: calc(100% - 120px);
70 
    overflow-y: scroll;
71 
}
72 
.outgoing_msg:after,.incoming_msg:after,.white_box:after {
73 
  content: '\A';
74 
    white-space: pre;
75 
}
76 
.incoming_msg:before,.white_box:before {
77 
  content: '\A';
78 
    white-space: pre;
79 
}
80 
.white_box span {
81 
    background-color:#ebebeb;
82 
     background-size: 5px 5px;
83 
    word-break: break-all;
84 
    color: black;
85 
    display: block;
86 
    padding:10px 10px;
87 
    text-align: center
88 
}
89 
</style>
90 
<section class="wrapper">
91 
	<div class="row">
92 
		<div class="col-lg-12">
93 
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
94 
			<ol class="breadcrumb">
95 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
96 
				<li><i class="icon_document_alt"></i>My Ticket</li>
97 
			</ol>
98 
		</div>
99 
	</div>
100 
<div id="my-ticket-table">
101 
		<div class="row">
102 
	    	<div class="col-lg-12">
103 
	    		<table class="table table-bordered">
104 
	    			<tbody>
105 
	    				<tr>
106 
	    					#if($roleType)
107 
	    					<th>Partner</th>
108 
	    					#end
109 
	    					<th>SubCategory</th>
110 
	    					#if(!$roleType)
111 
	    					<th>Assigned To</th>
112 
	    					#end
113 
	    					<th>Created TimeStamp</th>
114 
	    					#if($roleType)
115 
	    					<th>Action</th>
116 
	    					#else
117 
	    					<th>Status</th>
118 
	    					#end
119 
	    				</tr>
120 
	    				#if(!$tickets.isEmpty())
121 
	 							#foreach($ticket in $tickets)
122 
	 							<tr>
123 
	 							#if($roleType)
124 
	 							<td>$fofoIdsAndCustomRetailer.get($ticket.getFofoId()).getBusinessName()</td>
125 
	    						#end
126 
			    				<td  data-toggle="modal" data-target="#myModal" data-ticketid="$ticket.getId()" class="activities" data-assignee="$authUserIdAndAuthUserMap.get($ticket.getAssigneeId()).getFirstName()"><a href="#">$subCategoryIdAndSubCategoryMap.get($ticket.getSubCategoryId()).getName()</a></td>
127 
			    				#if(!$roleType)
128 
			    					<td>$authUserIdAndAuthUserMap.get($ticket.getAssigneeId()).getFirstName()</td>
129 
			    					#end
130 
			    					<td>$ticket.getFormattedCreateTimestamp()</td>
131 
			    					#if($roleType)
132 
			    						#if($ticket.getCloseTimestamp())
133 
			    							<td>$ticket.getFormattedCloseTimestamp()</td>
134 
			    						#else
135 
			    							<td><button class="btn btn-primary" id="close-ticket" data-ticketid="$ticket.getId()">Close</button></td>
136 
			    						#end
137 
	    							#else
138 
	    								#if($ticket.getCloseTimestamp())
139 
	    									<td>Closed</td>
140 
	    								#else
141 
	    								<td>Opened</td>
142 
	    								#end
143 
	    							#end
144 
			    				</tr>
145 
			    				#end
146 
			    				#else
147 
			    				<tr>
148 
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
149 
		    				</tr>
150 
			    				#end
151 
	    			</tbody>
152 
	    		</table>
153 
	    	</div>
154 
	    </div>
155 
    </div>
156 
    #if(!$tickets.isEmpty())
157 
    	<div class="row" id="tickets-paginated">
158 
    		<div class="col-lg-9">
159 
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
160 
    		</div>
161 
    		<div class="col-lg-3" style="text-align:right;">
162 
				<div class="btn-group" style="width:40%">
163 
					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
164 
				</div>
165 
				<div class="btn-group" style="width:40%">
166 
					#if($end >= $size)
167 
						<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
168 
					#else
169 
						<button class="btn btn-primary next" style="width:100%">Next</button>
170 
					#end
171 
				</div>
172 
	    	</div>
173 
	    </div>
174 
    #end
175 
    </section>
176 
<div id="ticket-details-container" style="background:white;background-color:white;">
177 
</div>
178 
<div class="container">
179 
         <div class="modal fade" id="myModal" role="dialog" >
180 
            <div class="modal-dialog">
181 
               <!-- Modal content-->
182 
               <div class="modal-content">
183 
                  <div class="modal-header">
184 
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
185 
                     <h4 class="modal-title">Message History</h4>
186 
                  </div>
187 
                  <div class="modal-body">
188 
 
189 
                   </div><br><br>
190 
                   <div class="modal-footer">
191 
         <div class="col-lg-10 form-group">
192 
         <input type=number id="ticketIdforactivity" hidden>
193 
          <input type=number id="assigneeUser" hidden>
194 
		<textarea class="form-control rounded-0" id="activityMessage" rows="2"></textarea>
195 
			</div>
196 
			<div class="col-lg-2">
197 
						<input class="btn btn-primary submit-message-button" type="button" value="Submit">
198 
					</div>
199 
     		 </div>
200 
               </div>
201 
            </div>
202 
         </div>
203 
      </div>
204