Subversion Repositories SmartDukaan

Rev

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

Rev 27723 Rev 28200
Line 1... Line 1...
1 
<script type="text/javascript">
 1 
<script type="text/javascript">
- 
 
 2 
	$(function() {
2
3 
 
- 
 
 4 
		var object = {
- 
 
 5 
			timePicker : true,
- 
 
 6 
			locale : {
- 
 
 7 
				format : 'DD/MM/YYYY hh A'
3
8 
			}
4 
  $(function() {
 9 
		};
5
10 
 
- 
 
 11 
		$('input[name="scheduleTime"]').daterangepicker(
- 
 
 12 
				$.extend(getSingleDatePicker(), object), dateRangeCallback);
6
13 
 
- 
 
 14 
		$('input[name="editScheduleTime"]').daterangepicker(
7 
    var object={timePicker: true,locale : {format : 'DD/MM/YYYY hh A'}};
 15 
				$.extend(getSingleDatePicker(), object), dateRangeCallback);
8
16 
	});
9
17 
 
10 
	$('input[name="scheduleTime"]').daterangepicker($.extend(getSingleDatePicker(),object),dateRangeCallback);
 18 
	$(".lead-request").click(function() {
- 
 
 19 
		$("#newEntryLeadModal").modal({
- 
 
 20 
			backdrop : false
- 
 
 21 
		});
11 
 
 22 
 
12
- 
 
13 
	$('input[name="editScheduleTime"]').daterangepicker($.extend(getSingleDatePicker(),object),dateRangeCallback);
 - 
 
14 
	});
 23 
	});
15
- 
 
16
- 
 
17 
	$(".lead-request").click(function(){
 - 
 
18 
        $("#newEntryLeadModal").modal({backdrop: false});
 - 
 
19
- 
 
20 
    });
 - 
 
21
- 
 
22 
    $(".lead-edit-request").click(function(){
 - 
 
23 
        $("#editLeadData").modal({backdrop: false});
 - 
 
24
- 
 
25 
    });
 - 
 
26
- 
 
27
- 
 
28 
      $('#statusFilter').multiselect({
 - 
 
29 
        		includeSelectAllOption: true,
 - 
 
30 
        		multiple:true,
 - 
 
31 
        		maxHeight: 200,
 - 
 
32 
        		buttonWidth: '180px',
 - 
 
33 
        		numberDisplayed: 1,
 - 
 
34 
	        	nonSelectedText: 'Status',
 - 
 
35 
	        	nSelectedText: ' - Status Selected',
 - 
 
36 
	        	allSelectedText: 'All Status Selected',
 - 
 
37 
	        	enableFiltering: true,
 - 
 
38 
	        	enableCaseInsensitiveFiltering : true
 - 
 
39 
        });
 - 
 
40
- 
 
41 
          $('#colorFilter').multiselect({
 - 
 
42 
        		includeSelectAllOption: true,
 - 
 
43 
        		multiple:true,
 - 
 
44 
        		maxHeight: 200,
 - 
 
45 
        		buttonWidth: '180px',
 - 
 
46 
        		numberDisplayed: 1,
 - 
 
47 
	        	nonSelectedText: 'Color Status',
 - 
 
48 
	        	nSelectedText: ' - Color Selected',
 - 
 
49 
	        	allSelectedText: 'All Status Selected',
 - 
 
50 
	        	enableFiltering: true,
 - 
 
51 
	        	enableCaseInsensitiveFiltering : true
 - 
 
52 
        });
 - 
 
53 
 
 24 
 
- 
 
 25 
	$(".lead-edit-request").click(function() {
- 
 
 26 
		$("#editLeadData").modal({
- 
 
 27 
			backdrop : false
- 
 
 28 
		});
- 
 
 29 
 
54
30 
	});
- 
 
 31 
 
- 
 
 32 
	$('#statusFilter').multiselect({
- 
 
 33 
		includeSelectAllOption : true,
- 
 
 34 
		multiple : true,
- 
 
 35 
		maxHeight : 200,
- 
 
 36 
		buttonWidth : '180px',
- 
 
 37 
		numberDisplayed : 1,
- 
 
 38 
		nonSelectedText : 'Status',
- 
 
 39 
		nSelectedText : ' - Status Selected',
- 
 
 40 
		allSelectedText : 'All Status Selected',
- 
 
 41 
		enableFiltering : true,
- 
 
 42 
		enableCaseInsensitiveFiltering : true
- 
 
 43 
	});
- 
 
 44 
 
- 
 
 45 
	$('#colorFilter').multiselect({
- 
 
 46 
		includeSelectAllOption : true,
- 
 
 47 
		multiple : true,
- 
 
 48 
		maxHeight : 200,
- 
 
 49 
		buttonWidth : '180px',
- 
 
 50 
		numberDisplayed : 1,
- 
 
 51 
		nonSelectedText : 'Color Status',
- 
 
 52 
		nSelectedText : ' - Color Selected',
- 
 
 53 
		allSelectedText : 'All Status Selected',
- 
 
 54 
		enableFiltering : true,
- 
 
 55 
		enableCaseInsensitiveFiltering : true
- 
 
 56 
	});
55 
</script>
 57 
</script>
56 
 
 58 
 
57 
 
 59 
 
58 
 
 60 
 
59 
<section class="wrapper">
 61 
<section class="wrapper">
60 
	<div class="row">
 62 
	<div class="row">
61 
		<div class="col-lg-12">
 63 
		<div class="col-lg-12">
- 
 
 64 
			<h3 class="page-header">
62 
			<h3 class="page-header"><i class="icon_document_alt"></i>LEAD DASHBOARD</h3>
 65 
				<i class="icon_document_alt"></i>LEAD DASHBOARD
- 
 
 66 
			</h3>
63 
			<ol class="breadcrumb">
 67 
			<ol class="breadcrumb">
- 
 
 68 
				<li><i class="fa fa-home"></i><a
64 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
 69 
					href="${rc.contextPath}/dashboard">Home</a></li>
65 
				<li><i class="icon_document_alt"></i>Lead</li>
70 
				<li><i class="icon_document_alt"></i>Lead</li>
66 
				<li><button class="btn btn-primary newLead"  data-toggle="modal" data-target="#newEntryLeadModal"  type="button" >New</button>
 71 
				<li><button class="btn btn-primary newLead" data-toggle="modal"
67 
								     </li>
72 
						data-target="#newEntryLeadModal" type="button">New</button></li>
68 
			</ol>
 73 
			</ol>
69 
		</div>
 74 
		</div>
70 
	</div>
 75 
	</div>
71
76 
 
72 
	<table style="Width:100%">
 77 
	<table style="Width: 100%">
73 
		<tr>
 78 
		<tr>
74 
			<td align="left" style="Width:20%">
 79 
			<td align="left" style="Width: 20%">
75 
				<div class = "row">
 80 
				<div class="row">
76 
			      <div class="col-lg-2 form-group" style="width:12%;">
 81 
					<div class="col-lg-2 form-group" style="width: 12%;">
77 
					 <select id="statusFilter" name="statusFilter" placeholder="Status" class="form-control input-sm">
 82 
						<select id="statusFilter" name="statusFilter" placeholder="Status"
78 
				          <option value="" disabled selected>Status</option>
83 
							class="form-control input-sm">
79 
						   #foreach($ls in $leadStatus)
 84 
							<option value="" disabled selected>Status</option> #foreach($ls
80 
	                       #if($ls == $selectedLeadStatus)
 85 
							in $leadStatus) #if($ls == $selectedLeadStatus)
81 
		             		<option value="$ls" selected>$ls</option>
 86 
							<option value="$ls" selected>$ls</option> #else
82 
		             	   #else
 - 
 
83 
		             	 	<option value="$ls">$ls</option>
 87 
							<option value="$ls">$ls</option> #end #end
84 
		             	   #end
 - 
 
85 
		             	   #end
 - 
 
86 
					</select>
 88 
						</select>
87 
	             </div>
 89 
					</div>
88
90 
 
89 
	              	<div class="col-lg-2">
 91 
					<div class="col-lg-2">
90 
	      		      <button class="btn btn-primary show-lead"  type="button" style="width:25%; border-radius:0px;">Submit</button>
 92 
						<button class="btn btn-primary show-lead" type="button"
- 
 
 93 
							style="width: 25%; border-radius: 0px;">Submit</button>
91 
	      	       </div>
 94 
					</div>
92 
	            </div>
 95 
				</div>
93 
	        </td>
 96 
			</td>
94 
		</tr>
 97 
		</tr>
95
98 
 
96 
		<tr>
 99 
		<tr>
97 
			<td align="left" style="Width:20%">
 100 
			<td align="left" style="Width: 20%">
98 
				<div class = "row">
 101 
				<div class="row">
99 
			      <div class="col-lg-2 form-group" style="width:12%;">
 102 
					<div class="col-lg-2 form-group" style="width: 12%;">
100 
					 <select id="colorFilter" name="colorFilter" placeholder="Status" class="form-control input-sm">
 103 
						<select id="colorFilter" name="colorFilter" placeholder="Status"
- 
 
 104 
							class="form-control input-sm">
101 
				          <option value="" disabled selected>Status</option>
105 
							<option value="" disabled selected>Status</option>
102 
				          <option value="All">All</option>
 106 
							<option value="All">All</option>
103 
						   <option value="yellow">yellow</option>
 107 
							<option value="yellow">yellow</option>
104 
		             	 	 <option value="green">green</option>
 108 
							<option value="green">green</option>
105
109 
 
106 
					</select>
 110 
						</select>
107 
	             </div>
 111 
					</div>
108
112 
 
109 
	              	<div class="col-lg-2">
 113 
					<div class="col-lg-2">
110 
	      		      <button class="btn btn-primary show-colowise-lead"  type="button" style="width:25%; border-radius:0px;">Submit</button>
 114 
						<button class="btn btn-primary show-colowise-lead" type="button"
- 
 
 115 
							style="width: 25%; border-radius: 0px;">Submit</button>
111 
	      	       </div>
 116 
					</div>
112 
	            </div>
 117 
				</div>
113 
	        </td>
 118 
			</td>
114 
		</tr>
 119 
		</tr>
115 
    </table>
 120 
	</table>
116
121 
 
117 
	<div id="lead-request-table">
 122 
	<div id="lead-request-table">
118 
		<div class="row">
 123 
		<div class="row">
119 
	    	<div class="col-lg-12">
 124 
			<div class="col-lg-12">
120 
	    		<table class="table table-border table-condensed table-bordered" id="lead-table">
 125 
				<table class="table table-border table-condensed table-bordered"
- 
 
 126 
					id="lead-table">
121 
	    		<thead>
 127 
					<thead>
122 
	    				<tr>
 128 
						<tr>
123 
	    				    <th>Source</th>
 129 
							<th>Source</th>
124 
	    					<th>First Name </th>
 130 
							<th>First Name</th>
125 
	    					<th>Last Name</th>
 131 
							<th>Last Name</th>
126 
	    					<th>Mobile</th>
 132 
							<th>Mobile</th>
127 
	    					<th>Address</th>
 133 
							<th>Address</th>
128 
	    					<th>City</th>
 134 
							<th>City</th>
129 
	    					<th>State</th>
 135 
							<th>State</th>
130 
	    					<th>Created By</th>
 136 
							<th>Created By</th>
131 
	    					<th>Status</th>
 137 
							<th>Status</th>
132 
	    					<th>Created On</th>
 138 
							<th>Created On</th>
133 
	    					<th>Updated On </th>
 139 
							<th>Updated On</th>
134 
	    					<th>ScheduleTimestamp</th>
 140 
							<th>ScheduleTimestamp</th>
135 
	    					<th>Closure Timestamp</th>
 141 
							<th>Closure Timestamp</th>
136 
	    					<th>Assign To </th>
 142 
							<th>Assign To</th>
137 
	    					<th>view</th>
 143 
							<th>view</th>
138 
	    					<th>Action</th>
 144 
							<th>Action</th>
139 
	    				</tr>
 145 
						</tr>
140 
	    		</thead>
 146 
					</thead>
141 
	    		<tbody>
147 
					<tbody>
142 
	    					#if(!$lead.isEmpty())
 - 
 
143 
			    			#foreach( $request in $lead )
 148 
						#if(!$lead.isEmpty()) #foreach( $request in $lead )
144 
			    			#if($request.getColor() == "Green")
 149 
						#if($request.getColor() == "Green")
145 
			    				<tr class="open-lead"  bgcolor="#98FB98" data="$request.getId()">
 150 
						<tr class="open-lead" bgcolor="#98FB98" data="$request.getId()">
146 
			    			#else
 151 
							#else
147 
			    			   <tr class="open-lead"  bgcolor="$request.getColor()" data="$request.getId()">
 152 
						<tr class="open-lead" bgcolor="$request.getColor()"
148 
			    			#end
 153 
							data="$request.getId()">
149 
			    				#if($request.getSource())
 154 
							#end #if($request.getSource())
150 
			    				<td>$request.getSource()</td>
 155 
							<td>$request.getSource()</td> #else
151 
			    				#else
 - 
 
152 
			    				<td></td>
 156 
							<td></td> #end
153 
			    				#end
 - 
 
154 
			    				<td>$request.getFirstName()</td>
 157 
							<td>$request.getFirstName()</td>
155 
			    				<td>$request.getLastName()</td>
 158 
							<td>$request.getLastName()</td>
156 
			    				<td>$request.getLeadMobile()</td>
 159 
							<td>$request.getLeadMobile()</td>
157 
			    				<td>$request.getAddress()</td>
 160 
							<td>$request.getAddress()</td>
158 
			    				<td>$request.getCity()</td>
 161 
							<td>$request.getCity()</td>
159 
			    				<td>$request.getState()</td>
 162 
							<td>$request.getState()</td>
160 
			    				<td>$request.getCreatedBy()</td>
 163 
							<td>$request.getCreatedBy()</td>
161 
			    				<td>$request.getStatus()</td>
 164 
							<td>$request.getStatus()</td>
162 
			    				<td>$request.getCreatedTimestamp().format($dateTimeFormatter)</td>
 165 
							<td>$request.getCreatedTimestamp().format($dateTimeFormatter)</td>
163 
			    				<td>$request.getUpdatedTimestamp().format($dateTimeFormatter)</td>
 166 
							<td>$request.getUpdatedTimestamp().format($dateTimeFormatter)</td>
164 
			    				#if($leadActivityMap.get($request.getId()).getSchelduleTimestamp())
 167 
							#if($leadActivityMap.get($request.getId()).getSchelduleTimestamp())
165 
			    			    <td>$leadActivityMap.get($request.getId()).getSchelduleTimestamp().format($dateTimeFormatter)</td>
 168 
							<td>$leadActivityMap.get($request.getId()).getSchelduleTimestamp().format($dateTimeFormatter)</td>
166 
			    			    #else
 169 
							#else
167 
			    			    <td>00/00/0000 00:00</td>
 170 
							<td>00/00/0000 00:00</td> #end
168 
			    			    #end
 - 
 
169 
			    				#if($request.getClosureTimestamp())
 171 
							#if($request.getClosureTimestamp())
170 
			    				<td>$request.getClosureTimestamp().format($dateTimeFormatter)</td>
 172 
							<td>$request.getClosureTimestamp().format($dateTimeFormatter)</td>
171 
			    				#else
 173 
							#else
172 
			    				<td>00/00/0000 00:00</td>
 174 
							<td>00/00/0000 00:00</td> #end
173 
			    				#end
 - 
 
174 
			    				#if($authIdAndAuthUserMap.get($request.getAssignTo()))
 175 
							#if($authIdAndAuthUserMap.get($request.getAssignTo()))
175 
			    				<td>$authIdAndAuthUserMap.get($request.getAssignTo()).getFirstName()</td>
 176 
							<td>$authIdAndAuthUserMap.get($request.getAssignTo()).getFirstName()</td>
176 
			    				#else
 177 
							#else
177 
			    				<td></td>
 178 
							<td></td> #end
178 
			    				#end
 - 
 
179 
			    				<td><button class="btn btn-primary view"  data-requestid="$request.getId()" data-toggle="modal" data-target="#fetchLeadActivityData"  type="button" >View</button></td>
 - 
 
180 
			    					<td><button class="btn btn-primary editLead"  data-leadid="$request.getId()" data-toggle="modal" data-target="#editLeadData"  type="button" >Edit</button></td>
 - 
 
181 
			    				</tr>
- 
 
182 
			    	   #end
 - 
 
183 
		    			#else
 - 
 
184 
		    				<tr>
 - 
 
185 
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
 - 
 
186 
		    				</tr>
 - 
 
187 
		    			#end
 - 
 
188 
	    			</tbody>
 - 
 
189 
	    		</table>
 - 
 
190 
	    	</div>
 - 
 
191 
	    </div>
 - 
 
192 
    </div>
 - 
 
193
- 
 
194
- 
 
195 
    <div id="fetchLeadActivityData" class="modal" role="dialog">
 - 
 
196 
	  <div class="modal-dialog">
 179 
							<td><button class="btn btn-primary view"
197 
	    <div class="modal-content">
 - 
 
198
- 
 
199 
    </div>
 - 
 
200 
   </div>
 - 
 
201 
 </div>
 - 
 
202
- 
 
203
- 
 
204
- 
 
205 
    <div id="editLeadData" class="modal" role="dialog">
 180 
									data-requestid="$request.getId()" data-toggle="modal"
206 
	  <div class="modal-dialog">
 - 
 
207 
	    <div class="modal-content">
 - 
 
208 
	       <div class="modal-header">
 - 
 
209 
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
 181 
									data-target="#fetchLeadActivityData" type="button">View</button></td>
210 
	        <h4 class="modal-title">Edit Lead</h4>
 182 
							<td><button class="btn btn-primary editLead"
211 
	      </div>
 - 
 
212 
        <div class="modal-body">
 - 
 
213 
	       <div id="lead-edit-request">
 - 
 
214 
	            <div class="row">
 - 
 
215 
	    	      <div class="col-lg-3">
 - 
 
216 
				  <div class="input-group">
 - 
 
217 
			    	<select class="form-control input-sm" id = "assignTo" name = "assignTo" placeholder="Assign">
 - 
 
218 
						<option value="" disabled selected>Assign To</option>
 183 
									data-leadid="$request.getId()" data-toggle="modal"
219 
						#foreach($authUser in $authUsers)
 - 
 
220 
						<option value="$authUser.getId()">$authUser.getFirstName()</option>
184 
									data-target="#editLeadData" type="button">Edit</button></td>
221 
					#end
 185 
						</tr>
222 
		        </select>
 186 
						#end #else
223 
	              </div>
 - 
 
224 
	             </div>
 - 
 
225
- 
 
226 
			      <div class="col-lg-3 form-group">
 - 
 
227 
					<input placeholder="Remark" id="remark" name="remark" type="text" value="" class="form-control input-sm">
 - 
 
228 
				  </div>
 187 
						<tr>
229
- 
 
230 
				   <div class="col-lg-3 form-group">
 - 
 
231 
				    <select id="editStatus" name="editStatus" placeholder="Status" class="form-control input-sm" onchange="editStatusAction()">
 - 
 
232 
				          <option value="" disabled selected>Status</option>
 - 
 
233 
						  <option value="followUp">Follow Up</option>
 - 
 
234 
						  <option value="notInterested">Not Interested</option>
 188 
							<td colspan="12" style="text-align: center;">NO MATCHING
235 
						  <option value="finalized">Finalized</option>
 189 
								DATA FOUND FOR CRITERIA</td>
236 
					</select>
 190 
						</tr>
237 
		          </div>
 191 
						#end
238
- 
 
239 
		    <div class="col-lg-3 form-group">
 - 
 
240 
			 <input id="editScheduleTime" placeholder = "scheduleTime" name="editScheduleTime" type="text" value="" class="form-control input-sm">
 - 
 
241 
			 </div>
 192 
					</tbody>
242 
		      </div>
 193 
				</table>
243 
		 </div>
 194 
			</div>
244 
		</div>
 195 
		</div>
245
196 
	</div>
246 
		    <div class="modal-footer">
 - 
 
247 
		        <button type="button" data-dismiss="modal" class="btn btn-default cancel-lead-request">Cancel</button>
 - 
 
248 
		        <button type="button"   class="btn btn-default lead-edit-request">Submit</button>
 - 
 
249
197 
 
250 
	      </div>
 - 
 
251
198 
 
- 
 
 199 
	<div id="fetchLeadActivityData" class="modal" role="dialog">
252 
    </div>
 200 
		<div class="modal-dialog">
- 
 
 201 
			<div class="modal-content"></div>
253 
   </div>
 202 
		</div>
254 
 </div>
 203 
	</div>
255
- 
 
256
- 
 
257
204 
 
258
205 
 
259
206 
 
260 
 	 <div id="newEntryLeadModal" class="modal">
 207 
	<div id="editLeadData" class="modal" role="dialog">
261 
	  <div class="modal-dialog">
 208 
		<div class="modal-dialog">
262
- 
 
263 
	    <!-- Modal content-->
 - 
 
264 
	    <div class="modal-content">
 209 
			<div class="modal-content">
265 
	      <div class="modal-header">
 210 
				<div class="modal-header">
266 
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
 211 
					<button type="button" class="close" data-dismiss="modal">&times;</button>
267 
	        <h4 class="modal-title">Create Lead</h4>
 212 
					<h4 class="modal-title">Edit Lead</h4>
268 
	      </div>
 213 
				</div>
269 
 <div class="modal-body">
 214 
				<div class="modal-body">
270 
	<div id="lead-request">
 215 
					<div id="lead-edit-request">
271 
    	<div class="row">
 216 
						<div class="row">
272 
    	  <div class="col-lg-3">
 217 
							<div class="col-lg-3">
273 
			  <div class="input-group">
 218 
								<div class="input-group">
- 
 
 219 
									<select class="form-control input-sm" id="assignTo"
- 
 
 220 
										name="assignTo" placeholder="Assign">
- 
 
 221 
										<option value="" disabled selected>Assign To</option>
- 
 
 222 
										#foreach($authUser in $authUsers)
274 
		    	<input placeholder="First Name" name = "firstName" id = "firstName" type="text" class="form-control input-sm">
 223 
										<option value="$authUser.getId()">$authUser.getFirstName()</option>
- 
 
 224 
										#end
275 
               </div>
 225 
									</select>
276 
          </div>
 226 
								</div>
277
227 
							</div>
- 
 
 228 
 
278 
          <div class="col-lg-3 form-group">
 229 
							<div class="col-lg-3 form-group">
- 
 
 230 
								<input placeholder="Remark" id="remark" name="remark"
279 
			<input placeholder="Last Name" id="lastName" name="lastName" type="text" value="" class="form-control input-sm">
 231 
									type="text" value="" class="form-control input-sm">
280 
		  </div>
 232 
							</div>
281
233 
 
282 
		  <div class="col-lg-3 form-group">
 234 
							<div class="col-lg-3 form-group">
283 
			<input placeholder="mobile" id="mobile" name="mobile" type="number" value="" class="form-control input-sm">
 235 
								<select id="reason" name="reason" placeholder="Reason"
284 
	       </div>
 236 
									class="form-control input-sm">
- 
 
 237 
									<option value="" disabled selected>Reason</option>
285 
	       </div>
 238 
									<option value="No budget">No budget</option>
286
- 
 
287 
         <div class="row">
 239 
									<option value="No authority to take decision">No
288 
		  	 <div class="col-lg-3 form-group">
 240 
										authority to take decision</option>
289 
		        <input id="address" name="address" placeholder="address"  id = "address" type="text" value="" class="form-control input-sm">
 241 
									<option value="No need for new business">No need for
290 
		    </div>
 242 
										new business</option>
- 
 
 243 
									<option value="Not ready in near future">Not ready in
291 
		  	<div class="col-lg-3 form-group">
 244 
										near future</option>
292 
		       <input id="city" name="city" placeholder="city"  type="text" value="" class="form-control input-sm">
 245 
									<option value="No store availability">No store
- 
 
 246 
										availability</option>
- 
 
 247 
								</select>
293 
		    </div>
 248 
							</div>
- 
 
 249 
 
294 
		  <div class="col-lg-3 form-group">
 250 
							<div class="col-lg-3 form-group">
- 
 
 251 
								<select id="editStatus" name="editStatus" placeholder="Status"
295 
			<select class="form-control input-sm" id = "state" name = "state" placeholder="State">
 252 
									class="form-control input-sm" onchange="editStatusAction()">
296 
						<option value="" disabled selected>State</option>
 253 
									<option value="" disabled selected>Status</option>
- 
 
 254 
									<option value="followUp">Follow Up</option>
297 
						#foreach($stateName in $stateNames)
 255 
									<option value="notInterested">Not Interested</option>
298 
						<option value="$stateName">$stateName</option>
256 
									<option value="finalized">Finalized</option>
299 
					#end
 257 
								</select>
300 
		   </select>
 258 
							</div>
- 
 
 259 
 
- 
 
 260 
							<div class="col-lg-3 form-group">
- 
 
 261 
								<input id="editScheduleTime" placeholder="scheduleTime"
- 
 
 262 
									name="editScheduleTime" type="text" value=""
- 
 
 263 
									class="form-control input-sm">
301 
		</div>
264 
							</div>
302 
      </div>
 265 
						</div>
303
266 
					</div>
304 
       <div class="row">
 267 
				</div>
305
268 
 
306 
         <div class="col-lg-3 form-group">
 269 
				<div class="modal-footer">
307 
		    <select id="status" name="status" placeholder="Status" class="form-control input-sm" onchange="statusAction()">
 - 
 
308 
		          <option value="" disabled selected>Status</option>
 270 
					<button type="button" data-dismiss="modal"
309 
				  <option value="followUp">Follow Up</option>
 271 
						class="btn btn-default cancel-lead-request">Cancel</button>
310 
				  <option value="notInterested">Not Interested</option>
 272 
					<button type="button" class="btn btn-default lead-edit-request">Submit</button>
- 
 
 273 
 
311 
				  <option value="finalized">Finalized</option>
 274 
				</div>
- 
 
 275 
 
312 
			</select>
 276 
			</div>
313 
		</div>
 277 
		</div>
- 
 
 278 
	</div>
- 
 
 279 
 
- 
 
 280 
 
- 
 
 281 
 
314
282 
 
- 
 
 283 
 
- 
 
 284 
	<div id="newEntryLeadModal" class="modal">
- 
 
 285 
		<div class="modal-dialog">
- 
 
 286 
 
- 
 
 287 
			<!-- Modal content-->
- 
 
 288 
			<div class="modal-content">
- 
 
 289 
				<div class="modal-header">
- 
 
 290 
					<button type="button" class="close" data-dismiss="modal">&times;</button>
- 
 
 291 
					<h4 class="modal-title">Create Lead</h4>
- 
 
 292 
				</div>
- 
 
 293 
				<div class="modal-body">
- 
 
 294 
					<div id="lead-request">
- 
 
 295 
						<div class="row">
- 
 
 296 
							<div class="col-lg-3">
- 
 
 297 
								<div class="input-group">
- 
 
 298 
									<input placeholder="First Name" name="firstName" id="firstName"
- 
 
 299 
										type="text" class="form-control input-sm">
- 
 
 300 
								</div>
- 
 
 301 
							</div>
- 
 
 302 
 
315 
	   <div class="col-lg-3 form-group">
 303 
							<div class="col-lg-3 form-group">
- 
 
 304 
								<input placeholder="Last Name" id="lastName" name="lastName"
316 
		 <input id="scheduleTime" placeholder = "scheduleTime" name="scheduleTime" type="text" value="" class="form-control input-sm">
 305 
									type="text" value="" class="form-control input-sm">
- 
 
 306 
							</div>
- 
 
 307 
 
- 
 
 308 
							<div class="col-lg-3 form-group">
- 
 
 309 
								<input placeholder="mobile" id="mobile" name="mobile"
- 
 
 310 
									type="number" value="" class="form-control input-sm">
- 
 
 311 
							</div>
317 
		 </div>
 312 
						</div>
318
313 
 
- 
 
 314 
						<div class="row">
319 
       <div class="col-lg-3 form-group">
 315 
							<div class="col-lg-3 form-group">
- 
 
 316 
								<input id="address" name="address" placeholder="address"
320 
		 <input id="createRemark" name="createRemark"  placeholder = "Remark" type="text" value="" class="form-control input-sm">
 317 
									id="address" type="text" value="" class="form-control input-sm">
- 
 
 318 
							</div>
- 
 
 319 
							<div class="col-lg-3 form-group">
- 
 
 320 
								<input id="city" name="city" placeholder="city" type="text"
- 
 
 321 
									value="" class="form-control input-sm">
- 
 
 322 
							</div>
- 
 
 323 
							<div class="col-lg-3 form-group">
- 
 
 324 
								<select class="form-control input-sm" id="state" name="state"
- 
 
 325 
									placeholder="State">
- 
 
 326 
									<option value="" disabled selected>State</option>
- 
 
 327 
									#foreach($stateName in $stateNames)
- 
 
 328 
									<option value="$stateName">$stateName</option> #end
- 
 
 329 
								</select>
- 
 
 330 
							</div>
321 
		  </div>
 331 
						</div>
- 
 
 332 
 
- 
 
 333 
						<div class="row">
- 
 
 334 
 
- 
 
 335 
							<div class="col-lg-3 form-group">
- 
 
 336 
								<select id="status" name="status" placeholder="Status"
- 
 
 337 
									class="form-control input-sm" onchange="statusAction()">
- 
 
 338 
									<option value="" disabled selected>Status</option>
- 
 
 339 
									<option value="followUp">Follow Up</option>
- 
 
 340 
									<option value="notInterested">Not Interested</option>
- 
 
 341 
									<option value="finalized">Finalized</option>
- 
 
 342 
								</select>
- 
 
 343 
							</div>
- 
 
 344 
 
- 
 
 345 
							<div class="col-lg-3 form-group">
- 
 
 346 
								<input id="scheduleTime" placeholder="scheduleTime"
- 
 
 347 
									name="scheduleTime" type="text" value=""
- 
 
 348 
									class="form-control input-sm">
- 
 
 349 
							</div>
- 
 
 350 
 
- 
 
 351 
							<div class="col-lg-3 form-group">
- 
 
 352 
								<input id="createRemark" name="createRemark"
- 
 
 353 
									placeholder="Remark" type="text" value=""
- 
 
 354 
									class="form-control input-sm">
- 
 
 355 
							</div>
322 
		 </div>
356 
						</div>
323
357 
 
324 
	  <div class="row">
 358 
						<div class="row">
325 
		  <div class="col-lg-3 form-group">
 359 
							<div class="col-lg-3 form-group">
326 
			<select class="form-control input-sm" id = "createAssignTo" name = "createAssignTo" placeholder="Assign">
 360 
								<select class="form-control input-sm" id="createAssignTo"
- 
 
 361 
									name="createAssignTo" placeholder="Assign">
327 
						<option value="" disabled selected>Assign To</option>
 362 
									<option value="" disabled selected>Assign To</option>
328 
						#foreach($authUser in $authUsers)
 363 
									#foreach($authUser in $authUsers)
329 
						<option value="$authUser.getId()">$authUser.getFirstName()</option>
364 
									<option value="$authUser.getId()">$authUser.getFirstName()</option>
330 
					#end
 365 
									#end
331 
		   </select>
 366 
								</select>
332 
		  </div>
 367 
							</div>
333
368 
 
334 
		    <div class="col-lg-3 form-group">
 369 
							<div class="col-lg-3 form-group">
335 
			<select class="form-control input-sm" id = "leadSource" name = "leadSource" placeholder="Source">
 370 
								<select class="form-control input-sm" id="leadSource"
- 
 
 371 
									name="leadSource" placeholder="Source">
336 
						   <option value="" disabled selected>Source</option>
 372 
									<option value="" disabled selected>Source</option>
337 
				  <option value="SELF">SELF</option>
 373 
									<option value="SELF">SELF</option>
338 
				  <option value="NEWSPAPER">NEWSPAPER</option>
 374 
									<option value="NEWSPAPER">NEWSPAPER</option>
339 
				  <option value="INTERNET">INTERNET</option>
 375 
									<option value="INTERNET">INTERNET</option>
340 
				   <option value="PARTNER">PARTNER</option>
 376 
									<option value="PARTNER">PARTNER</option>
341 
		   </select>
 377 
								</select>
342 
		  </div>
 378 
							</div>
343 
	   </div>
 379 
						</div>
344
380 
 
345
381 
 
346
382 
 
347 
 
 383 
 
348
384 
 
349
385 
 
350 
      </div>
 386 
					</div>
351 
      </div>
 387 
				</div>
352
388 
 
353 
       <div class="modal-footer">
 389 
				<div class="modal-footer">
- 
 
 390 
					<button type="button" data-dismiss="modal"
354 
		        <button type="button" data-dismiss="modal" class="btn btn-default cancel-lead-request">Cancel</button>
 391 
						class="btn btn-default cancel-lead-request">Cancel</button>
355 
		        <button type="button"   class="btn btn-default lead-request">Submit</button>
 392 
					<button type="button" class="btn btn-default lead-request">Submit</button>
356
393 
 
357 
	   </div>
 394 
				</div>
358 
    </div>
 395 
			</div>
359 
   </div>
 396 
		</div>
360 
 </div>
 397 
	</div>
361 
	</section>
 398 
</section>
362
399 
 
363
400 
 
364 
<script type="text/javascript">
 401 
<script type="text/javascript">
365 
 var editor;
402 
	var editor;
- 
 
 403 
	$(document)
- 
 
 404 
			.ready(
366 
 $(document).ready(function() {
 405 
					function() {
367 
 console.log($('#lead-table tbody tr').length)
 406 
						console.log($('#lead-table tbody tr').length)
368 
   if($('#lead-table tbody tr').length > 1){
 407 
						if ($('#lead-table tbody tr').length > 1) {
369 
    $('#lead-table thead tr').clone(true).appendTo( '#lead-table thead' );
 408 
							$('#lead-table thead tr').clone(true).appendTo(
- 
 
 409 
									'#lead-table thead');
370 
    $('#lead-table thead tr:eq(1) th').each( function (i) {
 410 
							$('#lead-table thead tr:eq(1) th')
- 
 
 411 
									.each(
- 
 
 412 
											function(i) {
371 
        var title = $(this).text();
 413 
												var title = $(this).text();
- 
 
 414 
												$(this).html(
372 
        $(this).html( '<input type="text" style = "width:60%;" placeholder="Search '+title+'" />' );
 415 
														'<input type="text" style = "width:60%;" placeholder="Search '
- 
 
 416 
																+ title
- 
 
 417 
																+ '" />');
373
418 
 
- 
 
 419 
												$('input', this)
- 
 
 420 
														.on(
374 
        $( 'input', this ).on( 'keyup change', function () {
 421 
																'keyup change',
- 
 
 422 
																function() {
- 
 
 423 
																	if (table
- 
 
 424 
																			.column(
- 
 
 425 
																					i)
375 
            if ( table.column(i).search() !== this.value ) {
 426 
																			.search() !== this.value) {
376 
                table
 427 
																		table
377 
                    .column(i)
 428 
																				.column(
- 
 
 429 
																						i)
- 
 
 430 
																				.search(
378 
                    .search( this.value )
 431 
																						this.value)
379 
                    .draw();
 432 
																				.draw();
380 
            }
 433 
																	}
381 
        } );
 434 
																});
382 
    } )
 435 
											})
383 
    var table = $('#lead-table').DataTable( {
 436 
							var table = $('#lead-table').DataTable({
384 
        orderCellsTop: true,
 437 
								orderCellsTop : true,
385 
        fixedHeader: true,
438 
								fixedHeader : true,
386 
        "bPaginate": true,
 439 
								"bPaginate" : true,
387 
        "bLengthChange": true,
 440 
								"bLengthChange" : true,
388 
        "bFilter": true,
 441 
								"bFilter" : true,
389 
        "bInfo": false,
 442 
								"bInfo" : false,
390 
        "bAutoWidth": false ,
 443 
								"bAutoWidth" : false,
391
- 
 
392
444 
 
393 
           "columnDefs": [
 445 
								"columnDefs" : [ {
394 
              { type: 'date-euro', targets: 12 },
 446 
									type : 'date-euro',
- 
 
 447 
									targets : 12
- 
 
 448 
								}, {
395 
             { type: 'date-euro', targets: 11 },
 449 
									type : 'date-euro',
- 
 
 450 
									targets : 11
- 
 
 451 
								}, {
396 
                   { type: 'date-euro', targets: 10 },
 452 
									type : 'date-euro',
- 
 
 453 
									targets : 10
- 
 
 454 
								}, {
397 
                   { type: 'date-euro', targets: 9 }
 455 
									type : 'date-euro',
398
456 
									targets : 9
399 
            ]
 457 
								}
- 
 
 458 
 
400
459 
								]
- 
 
 460 
 
401 
    } );
 461 
							});
402 
  }
 462 
						}
403
463 
 
404 
} );
 464 
					});
405 
</script>
 465 
</script>
406
- 
 
407 

            466