Subversion Repositories SmartDukaan

Rev

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

Rev 34128 Rev 35289
Line 1... Line -...
1
 
-
 
2
 
-
 
3
 
-
 
4
<script type="text/javascript">
1
<script type="text/javascript">
5
 
2
 
6
	$(document).ready(function() {
3
    $(document).ready(function () {
7
 
4
 
8
		var dtable = $('#lead-detail-table').DataTable({
5
        $('#trial-users').DataTable({
9
 
6
 
10
			"bPaginate" : true,
7
                    "bPaginate": true,
11
			"bLengthChange" : true,
8
                    "bLengthChange": true,
12
			"bFilter" : true,
9
                    "bFilter": true,
13
			"bInfo" : false,
10
                    "bInfo": false,
14
			"bAutoWidth" : false,
11
                    "bAutoWidth": false,
15
			"scrollX": true,
12
                    "scrollX": true,
16
 
13
 
17
		}
14
                }
18
 
-
 
19
		);
15
        );
20
	});
16
    });
21
</script>
17
</script>
22
 
18
 
23
<style>
19
<style>
24
 
20
 
25
 
21
 
26
img:target {
22
    img:target {
27
  border: 5px solid red;
23
        border: 5px solid red;
28
}
24
    }
29
 
25
 
30
.lightbox {
26
    .lightbox {
31
  /* Default to hidden */
27
        /* Default to hidden */
32
  display: none;
28
        display: none;
33
 
29
 
34
  /* Overlay entire screen */
30
        /* Overlay entire screen */
35
  position: fixed;
31
        position: fixed;
36
  z-index: 999;
32
        z-index: 999;
37
  top: 0;
33
        top: 0;
38
  left: 0;
34
        left: 0;
39
  right: 0;
35
        right: 0;
40
  bottom: 0;
36
        bottom: 0;
41
 
37
 
42
  /* A bit of padding around image */
38
        /* A bit of padding around image */
43
  padding: 1em;
39
        padding: 1em;
44
 
40
 
45
  /* Translucent background */
41
        /* Translucent background */
46
  background: rgba(0, 0, 0, 0.8);
42
        background: rgba(0, 0, 0, 0.8);
47
}
43
    }
48
 
44
 
49
/* Unhide the lightbox when it's the target */
45
    /* Unhide the lightbox when it's the target */
50
.lightbox:target {
46
    .lightbox:target {
51
  display: block;
47
        display: block;
52
}
48
    }
53
 
49
 
54
.lightbox span {
50
    .lightbox span {
55
  /* Full width and height */
51
        /* Full width and height */
56
  display: block;
52
        display: block;
57
  width: 100%;
53
        width: 100%;
58
  height: 100%;
54
        height: 100%;
59
 
55
 
60
  /* Size and position background image */
56
        /* Size and position background image */
61
  background-position: center;
57
        background-position: center;
62
  background-repeat: no-repeat;
58
        background-repeat: no-repeat;
63
  background-size: contain;
59
        background-size: contain;
64
}
60
    }
65
 
61
 
66
 
62
 
67
</style>
63
</style>
68
<section class="wrapper">
64
<section class="wrapper">
69
	<div class="row">
65
    <div class="row">
70
		<div class="col-lg-12">
66
        <div class="col-lg-12">
71
			<h3 class="page-header"><i class="icon_document_alt"></i>Lead Detail</h3>
67
            <h3 class="page-header"><i class="icon_document_alt"></i>Lead Detail</h3>
72
			<ol class="breadcrumb">
68
            <ol class="breadcrumb">
73
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
69
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
74
				<li><i class="icon_document_alt"></i>LEAD DETAIL</li>	
70
                <li><i class="icon_document_alt"></i>LEAD DETAIL</li>
75
				</ol>
71
            </ol>
76
		</div>
72
        </div>
77
	</div>
73
    </div>
78
	
74
 
79
	
75
 
80
		<div class="row">
76
    <div class="row">
81
	    	<div class="col-lg-12">
77
        <div class="col-lg-12">
82
	    	 <table class="table table-border table-condensed table-bordered" id="lead-detail-table">
78
            <table class="table table-border table-condensed table-bordered" id="trial-users">
83
               	 <thead>
79
                <thead>
84
	    				<tr>
80
                <tr>
85
	    					<th>Outlet Name</th>
81
                    <th>Outlet Name</th>
86
	    					<th>Mobile</th>
82
                    <th>Email</th>
87
	    					<th>Counter size</th>
83
                    <th>Mobile</th>
88
	    					<th>Source</th>
84
                    <th>Name</th>
89
	    					<th>Front</th>
85
                    <th>City</th>
90
	    					<th>Front With Market</th>
86
                    <th>State</th>
91
	    					<th>Internal Long shot</th>
87
                    <th>Address</th>
92
	    					<th>Internal Left Wall </th>
88
                    <th>Pin Code</th>
93
	    					<th>Internal Right Wall</th>
89
                    <th>Pan Document</th>
94
		    				<th> Brand </th>
90
                    <th>Aadhaar Document</th>
95
				    		
91
                    <th>Action</th>
96
	    					<th>Created By</th>
92
                </tr>
97
	    					<th>Assign To</th>
93
                </thead>
98
	    					<th>Status</th>
94
                <tbody>
99
	    					<th>Schedule Timestamp</th>
95
                    #if($trialForms.size() > 0)
100
	    				     <th>Comment</th>
96
                        #foreach( $trialForm in $trialForms )
101
	    				
97
                        <tr data-id="$trialForm.getId()">
102
	    					<th>History</th>
98
                            <td>$trialForm.getBusinessName()</td>
103
	    				</tr>
99
                            <td>$trialForm.getEmail()</td>
104
	    			</thead>
100
                            <td>$trialForm.getMobile()</td>
105
	    			
101
                            <td>$trialForm.getFirstName() $trialForm.getLastName()</td>
106
	    			       <tbody>
102
                            <td>$trialForm.getCity()</td>
107
	    					#if(!$leadDetails.isEmpty())
103
                            <td>$trialForm.getState()</td>
108
 
104
                            <td>$trialForm.getAddressLine1() $trialForm.getAddressLine2()</td>
109
								#foreach( $leadDetailsModel in $leadDetails )
105
                            <td>$trialForm.getPincode()</td>
110
								<tr class="lead-detail-edit" data="$leadDetailsModel.getId()">
106
                            <td>
111
									<td>$leadDetailsModel.getOutletName()</td>
107
                                <a href="#pan-id$trialForm.getId()">
112
									<td>$leadMap.get($leadDetailsModel.getLeadId()).getLeadMobile()</td>
108
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()"
113
 
109
                                         width="100">
114
									<td>$leadDetailsModel.getCounterSize()</td>
110
                                </a>
115
									#if($leadMap.get($leadDetailsModel.getLeadId()).getSource())
111
                                <a href="#" class="lightbox" id="pan-id$trialForm.getId()">
116
										<td>$leadMap.get($leadDetailsModel.getLeadId()).getSource()</td>
112
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()')"></span>
117
			    					#else 
113
                                </a>
118
			    					<td></td>
114
                            </td>
119
			    					
115
                            <td>
120
			    					#end
116
                                <a href="#aadhaar-id$trialForm.getId()">
121
			    					<td> 
117
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()"
122
			    					
118
                                         width="100">
123
							            <a href="#front-id$leadDetailsModel.getId()">
119
                                </a>
124
											<img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontp()"
120
                                <a href="#" class="lightbox" id="aadhaar-id$trialForm.getId()">
125
												 width="100">
121
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()')"></span>
126
										</a>
122
                                </a>
127
										
123
                            </td>
128
								    	<a href="#" class="lightbox" id="front-id$leadDetailsModel.getId()">
124
 
129
											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontp()')"></span>
125
                            <td class="text-center">
130
										</a>
126
                                <button class="btn btn-success btn-xs mk_trial_create"
131
			    					 
127
                                        style="margin-bottom: 5px;margin-right: 5px;">
132
			    					 
128
                                    <i class="fa fa-check-circle"></i> Create Code
133
			    				    </td>
129
                                </button>
134
			    					<td>  			
130
                                <button class="btn btn-danger btn-xs mk_cancel mk_trial_cancel">
135
							            <a href="#front-market-id$leadDetailsModel.getId()">
131
                                    <i class="fa fa-times-circle"></i> Cancel Trial
136
											<img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontWithMarket()"
132
                                </button>
137
												 width="100">
133
                            </td>
138
										</a>
134
 
139
										
135
                        </tr>
140
								    	<a href="#" class="lightbox" id="front-market-id$leadDetailsModel.getId()">
136
                        #end
141
											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getFrontWithMarket()')"></span>
137
                    #else
142
										</a>
138
                    <tr>
143
			    				    </td>
139
                        <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
144
			    					<td>  
140
                    </tr>
145
			    					      <a href="#lont-shot-id$leadDetailsModel.getId()">
141
                    #end
146
											  <img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLongShot()"
142
                </tbody>
147
												   width="100">
143
            </table>
148
										</a>
144
        </div>
149
										
145
    </div>
150
								    	<a href="#" class="lightbox" id="lont-shot-id$leadDetailsModel.getId()">
146
 
151
											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLongShot()')"></span>
-
 
152
										</a>
-
 
153
			    				
-
 
154
			    				    </td>
-
 
155
			    					<td> 
-
 
156
			    					    <a href="#left-wall-id$leadDetailsModel.getId()">
-
 
157
											<img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLeftWall()"
-
 
158
												 width="100">
-
 
159
										</a>
-
 
160
										
-
 
161
								    	<a href="#" class="lightbox" id="left-wall-id$leadDetailsModel.getId()">
-
 
162
											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalLeftWall()')"></span>
-
 
163
										</a>
-
 
164
									</td>
-
 
165
			    					
-
 
166
			    					<td>  
-
 
167
			    					
-
 
168
			    					      <a href="#internal-right-id$leadDetailsModel.getId()">
-
 
169
											  <img src="${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalRightWall()"
-
 
170
												   width="100">
-
 
171
										</a>
-
 
172
										
-
 
173
								    	<a href="#" class="lightbox" id="internal-right-id$leadDetailsModel.getId()">
-
 
174
											<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$leadDetailsModel.getInternalRightWall()')"></span>
-
 
175
										</a>
-
 
176
			    				  </td>
-
 
177
 
-
 
178
									#if($leadDetailBrandValue.get($leadDetailsModel.getId()))
-
 
179
										<th>$leadDetailBrandValue.get($leadDetailsModel.getId())</th>
-
 
180
									#else
-
 
181
										<th>-</th>
-
 
182
									#end
-
 
183
 
-
 
184
 
-
 
185
									<td>$authIdAndAuthUserMap.get($leadDetailsModel.getCreatedBy()).getFullName()</td>
-
 
186
 
-
 
187
									<td>$authIdAndAuthUserMap.get($leadMap.get($leadDetailsModel.getLeadId()).getAssignTo()).getFullName() </td>
-
 
188
									<td
-
 
189
										$leadMap.get($leadDetailsModel.getLeadId()).getStatus()</td>
-
 
190
									<td>$leadActivityMap.get($leadDetailsModel.getLeadId()).get().getSchelduleTimestamp().format($dateTimeFormatter) </td>
-
 
191
									<td>$leadActivityMap.get($leadDetailsModel.getLeadId()).get().getRemark()</td>
-
 
192
			    					<td><button class="btn btn-primary view"
-
 
193
												data-requestid="$leadDetailsModel.getLeadId()" data-toggle="modal"
-
 
194
									data-target="#fetchLeadActivityData" type="button">View</button></td>
-
 
195
			    			
-
 
196
			    				</tr>	
-
 
197
			    	   #end
-
 
198
		    			#else
-
 
199
		    				<tr>
-
 
200
		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
-
 
201
		    				</tr>
-
 
202
		    			#end
-
 
203
	    			</tbody>
-
 
204
	    		</table>
-
 
205
	    	</div>
-
 
206
	    </div>
-
 
207
    
-
 
208
    
-
 
209
 
147
 
210
      <div id="fetchLeadActivityData" class="modal" role="dialog">
148
    <div id="fetchLeadActivityData" class="modal" role="dialog">
211
        <div class="modal-dialog">
149
        <div class="modal-dialog">
212
            <div class="modal-content"></div>
150
            <div class="modal-content"></div>
213
        </div>
151
        </div>
214
    </div>
152
    </div>
215
 </section>
153
</section>
216
 
154
 
217
   
155
   
218
 
156
 
219
 
157
 
220
 
158