Subversion Repositories SmartDukaan

Rev

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

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