Subversion Repositories SmartDukaan

Rev

Rev 24439 | Rev 24469 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 24439 Rev 24467
Line -... Line 1...
- 
 
 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>
1 
<section class="wrapper">
 85 
<section class="wrapper">
2 
	<div class="row">
 86 
	<div class="row">
3 
		<div class="col-lg-12">
 87 
		<div class="col-lg-12">
4 
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
 88 
			<h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3>
5 
			<ol class="breadcrumb">
 89 
			<ol class="breadcrumb">
6 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
 90 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
7 
				<li><i class="icon_document_alt"></i>My Ticket</li>
91 
				<li><i class="icon_document_alt"></i>My Ticket</li>
8 
			</ol>
 92 
			</ol>
9 
		</div>
 93 
		</div>
10 
	</div>
 94 
	</div>
11 
<div id="my-ticket-table">
 95 
<div id="manager-ticket-table">
12 
		<div class="row">
 96 
		<div class="row">
13 
	    	<div class="col-lg-12">
 97 
	    	<div class="col-lg-12">
14 
	    		<table class="table table-bordered">
 98 
	    		<table class="table table-bordered">
15 
	    			<tbody>
 99 
	    			<tbody>
16 
	    				<tr>
 100 
	    				<tr>
Line 23... Line 107...
23 
	    				</tr>
 107 
	    				</tr>
24 
	    				#if(!$tickets.isEmpty())
 108 
	    				#if(!$tickets.isEmpty())
25 
	 							#foreach($ticket in $tickets)
 109 
	 							#foreach($ticket in $tickets)
26 
	 							<tr>
 110 
	 							<tr>
27 
	 							<td>$fofoIdsAndCustomRetailer.get($ticket.getFofoId()).getBusinessName()</td>
 111 
	 							<td>$fofoIdsAndCustomRetailer.get($ticket.getFofoId()).getBusinessName()</td>
28 
			    				<td >$subCategoryIdAndSubCategoryMap.get($ticket.getSubCategoryId()).getName()</td>
 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>
29 
			    				<td>$authUserIdAndAuthUserMap.get($ticket.getAssigneeId()).getFirstName()</td>
 113 
								<td>$authUserIdAndAuthUserMap.get($ticket.getAssigneeId()).getFirstName()</td>
30 
			    				<td>$ticket.getFormattedCreateTimestamp()</td>
 114 
			    				<td>$ticket.getFormattedCreateTimestamp()</td>
31 
			    				#if($ticket.getCloseTimestamp())
 115 
			    				#if($ticket.getCloseTimestamp())
32 
			    				<td>$ticket.getFormattedCloseTimestamp()</td>
 116 
			    				<td>$ticket.getFormattedCloseTimestamp()</td>
33 
			    				#else
 117 
			    				#else
34 
			    						<td><button class="btn btn-primary" id="close-ticket" data-ticketid="$ticket.getId()">Close</button></td>
 118 
			    						<td><button class="btn btn-primary" id="close-ticket" data-ticketid="$ticket.getId()">Close</button></td>
35 
			    				#end
 119 
			    				#end
36 
			    				<td><button class="btn btn-primary" id="edit-ticket" data-ticketid="$ticket.getId()" data-target="#theModal" data-toggle="modal">Edit</button></td>
 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>
37 
			    				</tr>
 121 
			    				</tr>
38 
			    				#end
 122 
			    				#end
39 
			    				#else
 123 
			    				#else
40 
			    				<tr>
 124 
			    				<tr>
41 
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
 125 
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
42 
		    				</tr>
 126 
		    				</tr>
43 
			    				#end
 127 
			    				#end
44 
	    			</tbody>
 128 
	    			</tbody>
45 
	    		</table>
 129 
	    		</table>
- 
 
 130
46 
	    	</div>
 131 
	    	</div>
47 
	    </div>
 132 
	    </div>
48 
    </div>
 133 
    </div>
49 
    #if(!$tickets.isEmpty())
 134 
    #if(!$tickets.isEmpty())
50 
    	<div class="row" id="tickets-paginated">
 135 
    	<div class="row" id="manager-tickets-paginated">
51 
    		<div class="col-lg-9">
 136 
    		<div class="col-lg-9">
52 
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
 137 
    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
53 
    		</div>
 138 
    		</div>
54 
    		<div class="col-lg-3" style="text-align:right;">
 139 
    		<div class="col-lg-3" style="text-align:right;">
55 
				<div class="btn-group" style="width:40%">
 140 
				<div class="btn-group" style="width:40%">
Line 64... Line 149...
64 
				</div>
 149 
				</div>
65 
	    	</div>
 150 
	    	</div>
66 
	    </div>
 151 
	    </div>
67 
    #end
 152 
    #end
68 
    </section>
 153 
    </section>
69 
<div id="ticket-details-container" style="background:white;background-color:white;">
 154 
<div id="manager-ticket-details-container" style="background:white;background-color:white;">
70 
</div>
 155 
</div>
71 
<div class="modal fade text-center" id="theModal">
 156 
<div class="modal fade text-center" id="theModal">
72 
  <div class="modal-dialog">
 157 
  <div class="modal-dialog">
73 
    <div class="modal-content">
 158 
    <div class="modal-content">
74 
    </div>
 159 
    </div>
75 
  </div>
 160 
  </div>
76 
</div>
 - 
 
77 

            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>

          

          

            -
            
 

            188
            

          

          

            78
            

            189