Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
24469 govind 1
<script>
2
$('#myModal').on('hidden.bs.modal', function (e) {
3
  $(".activity-container .modal-body").empty();
4
});
5
</script>
24467 govind 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
}
24530 amit.gupta 61
.modal-dialog {
24467 govind 62
    /* 80% of window height */
24530 amit.gupta 63
    max-height: 80%;
24467 govind 64
}
65
 
66
.modal-body {
24530 amit.gupta 67
    overflow-y: auto;
24467 govind 68
}
69
.outgoing_msg:after,.incoming_msg:after,.white_box:after {
70
  content: '\A';
71
    white-space: pre;
72
}
73
.incoming_msg:before,.white_box:before {
74
  content: '\A';
75
    white-space: pre;
76
}
77
.white_box span {
78
    background-color:#ebebeb;
79
     background-size: 5px 5px;
80
    word-break: break-all;
81
    color: black;
82
    display: block;
83
    padding:10px 10px;
84
    text-align: center
85
}
86
</style>
24439 govind 87
<section class="wrapper">
88
	<div class="row">
89
		<div class="col-lg-12">
90
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
91
			<ol class="breadcrumb">
92
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
93
				<li><i class="icon_document_alt"></i>My Ticket</li>						  	
94
			</ol>
95
		</div>
96
	</div>
24467 govind 97
<div id="manager-ticket-table">
24439 govind 98
		<div class="row">
99
	    	<div class="col-lg-12">
100
	    		<table class="table table-bordered">
101
	    			<tbody>
102
	    				<tr>
103
	    					<th>Partner</th>
104
	    					<th>SubCategory</th>
105
	    					<th>Assigned To</th>
106
	    					<th>Created TimeStamp</th>
24469 govind 107
	    					<th>Status</th>
24439 govind 108
	    					<th>Action</th>
109
	    				</tr>
110
	    				#if(!$tickets.isEmpty())
111
	 							#foreach($ticket in $tickets)
112
	 							<tr>
113
	 							<td>$fofoIdsAndCustomRetailer.get($ticket.getFofoId()).getBusinessName()</td>
24500 govind 114
								<td><a href="#" data-toggle="modal" data-target="#myModal" data-ticketid="$ticket.getId()" id="activities" data-assignee="$authUserListMap.get($ticket.getId()).get(0).getFirstName()">$subCategoryIdAndSubCategoryMap.get($ticket.getSubCategoryId()).getName()</a></td>			    				
115
								<td>#foreach($authUser in $authUserListMap.get($ticket.getId()))
116
										<span>$authUser.getFirstName()<span><br/>
117
								#end
118
								</td>
24439 govind 119
			    				<td>$ticket.getFormattedCreateTimestamp()</td>
120
			    				#if($ticket.getCloseTimestamp())
121
			    				<td>$ticket.getFormattedCloseTimestamp()</td>
122
			    				#else
24469 govind 123
			    						<td>Opened</td>
24439 govind 124
			    				#end
24469 govind 125
			    				<td><button class="btn btn-primary" id="edit-ticket" data-ticketid1="$ticket.getId()" data-target="#theModal" data-toggle="modal" data-backdrop="false">Edit</button></td>
24439 govind 126
			    				</tr>
127
			    				#end
128
			    				#else
129
			    				<tr>
130
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
131
		    				</tr>
132
			    				#end
133
	    			</tbody>
134
	    		</table>
24467 govind 135
 
24439 govind 136
	    	</div>
137
	    </div>
138
    </div>
139
    #if(!$tickets.isEmpty())
24467 govind 140
    	<div class="row" id="manager-tickets-paginated">
24439 govind 141
    		<div class="col-lg-9">
142
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
143
    		</div>
144
    		<div class="col-lg-3" style="text-align:right;">
145
				<div class="btn-group" style="width:40%">
146
					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
147
				</div>
148
				<div class="btn-group" style="width:40%">
149
					#if($end >= $size)
150
						<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
151
					#else
152
						<button class="btn btn-primary next" style="width:100%">Next</button>
153
					#end
154
				</div>
155
	    	</div>
156
	    </div>
157
    #end
158
    </section>
24467 govind 159
<div id="manager-ticket-details-container" style="background:white;background-color:white;">
24439 govind 160
</div>
24469 govind 161
<div class="edit-container">
24439 govind 162
<div class="modal fade text-center" id="theModal">
163
  <div class="modal-dialog">
164
    <div class="modal-content">
165
    </div>
166
  </div>
24467 govind 167
</div>
24469 govind 168
</div>
169
 
170
		<div class="activity-container">
24467 govind 171
         <div class="modal fade" id="myModal" role="dialog" >
172
            <div class="modal-dialog">
173
               <!-- Modal content-->
174
               <div class="modal-content">
175
                  <div class="modal-header">
176
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
177
                     <h4 class="modal-title">Message History</h4>
178
                  </div>
179
                  <div class="modal-body">
180
 
181
                   </div><br><br>
182
                   <div class="modal-footer">
183
         <div class="col-lg-10 form-group">
184
         <input type=number id="ticketIdforactivity" hidden>
185
          <input type=number id="assigneeUser" hidden>
186
		<textarea class="form-control rounded-0" id="activityMessage" rows="2"></textarea>
187
			</div>
188
			<div class="col-lg-2">
189
						<input class="btn btn-primary submit-message-button" type="button" value="Submit">	
190
					</div>
191
     		 </div>
192
               </div>
193
            </div>
194
         </div>
24469 govind 195
         </div>