| 34437 |
ranu |
1 |
<!DOCTYPE html>
|
|
|
2 |
<html lang="en">
|
|
|
3 |
<head>
|
|
|
4 |
<meta charset="UTF-8">
|
|
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
6 |
<meta name="description" content="Smart Dukaan FOCO Dashboard">
|
|
|
7 |
<meta name="author" content="smartdukaan">
|
|
|
8 |
|
|
|
9 |
<meta name="referer" content="no-referer">
|
|
|
10 |
<meta name="referrer" content="no-referrer">
|
|
|
11 |
|
|
|
12 |
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
|
|
|
13 |
<link rel="shortcut icon" href="assets/images/icons/favicon.png">
|
|
|
14 |
|
|
|
15 |
<title>Smart Dukaan - FOCO Dashboard</title>
|
|
|
16 |
|
|
|
17 |
<!-- Bootstrap CSS -->
|
|
|
18 |
<!-- bootstrap theme -->
|
|
|
19 |
<!--external css-->
|
|
|
20 |
<!-- font icon -->
|
|
|
21 |
<link href="resources/css/elegant-icons-style.css" rel="stylesheet"/>
|
|
|
22 |
<link href="resources/css/font-awesome.min.css" rel="stylesheet"/>
|
|
|
23 |
<!-- full calendar css-->
|
|
|
24 |
<!-- owl carousel -->
|
|
|
25 |
<link rel="stylesheet" href="resources/css/owl.carousel.css" type="text/css">
|
|
|
26 |
<link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
|
|
|
27 |
<!-- Custom styles -->
|
|
|
28 |
<link href="resources/css/widgets.css" rel="stylesheet">
|
|
|
29 |
<link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
|
|
|
30 |
<link href="resources/css/card.css?v=${cssVersion}" rel="stylesheet">
|
|
|
31 |
<link href="resources/css/brand-logo.css?v=${cssVersion}" rel="stylesheet">
|
|
|
32 |
<link href="resources/css/style-responsive.css?v=${cssVersion}" rel="stylesheet"/>
|
|
|
33 |
<link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
|
|
|
34 |
<link type="text/css" href="resources/css/bootstrap.css" rel="stylesheet">
|
|
|
35 |
<!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
|
|
|
36 |
<link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
|
|
|
37 |
<link rel="stylesheet" type="text/css" href="resources/js/daterangepicker/daterangepicker.css"/>
|
|
|
38 |
|
|
|
39 |
<link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css"/>
|
|
|
40 |
<link rel="stylesheet" type="text/css" href="resources/css/datatables.bootstrap.min.css"/>
|
|
|
41 |
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css'
|
|
|
42 |
integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
|
|
|
43 |
<link rel="stylesheet" type="text/css" href="resources/css/bootstrap-tagsinput.css">
|
|
|
44 |
<!-- Include the Toastify CSS file -->
|
|
|
45 |
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
|
|
|
46 |
<style>
|
|
|
47 |
|
|
|
48 |
<!--
|
|
|
49 |
Small desktops-- >
|
|
|
50 |
|
|
|
51 |
@media (max-width: 1920px) {
|
|
|
52 |
body {
|
|
|
53 |
zoom: 80% !important;
|
|
|
54 |
}
|
|
|
55 |
}
|
|
|
56 |
|
|
|
57 |
@media (max-width: 1280px) {
|
|
|
58 |
div.count {
|
|
|
59 |
font-size: 18px;
|
|
|
60 |
}
|
|
|
61 |
}
|
|
|
62 |
|
|
|
63 |
|
|
|
64 |
.current-margin {
|
|
|
65 |
cursor: pointer;
|
|
|
66 |
}
|
|
|
67 |
|
|
|
68 |
.margin-calculator {
|
|
|
69 |
cursor: pointer;
|
|
|
70 |
}
|
|
|
71 |
|
|
|
72 |
.Vivo:hover {
|
|
|
73 |
border-radius: 40px;
|
|
|
74 |
background: blue;
|
|
|
75 |
}
|
|
|
76 |
|
|
|
77 |
|
|
|
78 |
.Samsung:hover {
|
|
|
79 |
border-radius: 4px;
|
|
|
80 |
background: blue;
|
|
|
81 |
}
|
|
|
82 |
|
|
|
83 |
.Vivo:hover {
|
|
|
84 |
border-radius: 4px;
|
|
|
85 |
background: mediumblue;
|
|
|
86 |
}
|
|
|
87 |
|
|
|
88 |
.Oppo:hover {
|
|
|
89 |
border-radius: 4px;
|
|
|
90 |
background: green;
|
|
|
91 |
}
|
|
|
92 |
|
|
|
93 |
.Lava:hover {
|
|
|
94 |
border-radius: 4px;
|
|
|
95 |
background: salmon;
|
|
|
96 |
}
|
|
|
97 |
|
|
|
98 |
.Live:hover {
|
|
|
99 |
border-radius: 4px;
|
|
|
100 |
background: coral;
|
|
|
101 |
}
|
|
|
102 |
|
|
|
103 |
.Nokia:hover {
|
|
|
104 |
border-radius: 4px;
|
|
|
105 |
background: blue;
|
|
|
106 |
}
|
|
|
107 |
|
|
|
108 |
.Realme:hover {
|
|
|
109 |
border-radius: 4px;
|
|
|
110 |
background: yellow;
|
|
|
111 |
}
|
|
|
112 |
|
|
|
113 |
.Tecno:hover {
|
|
|
114 |
border-radius: 4px;
|
|
|
115 |
background: DarkTurquoise;
|
|
|
116 |
}
|
|
|
117 |
|
|
|
118 |
.Samsung {
|
|
|
119 |
|
|
|
120 |
-moz-border-radius: 4px;
|
|
|
121 |
border-radius: 4px;
|
|
|
122 |
border: solid 5px black;
|
|
|
123 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
|
|
|
124 |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
125 |
background-image: linear-gradient(#4682B4, #dae5f4);
|
|
|
126 |
color: #FFF;
|
|
|
127 |
padding: 8px 12px;
|
|
|
128 |
text-decoration: none;
|
|
|
129 |
cursor: pointer;
|
|
|
130 |
|
|
|
131 |
|
|
|
132 |
}
|
|
|
133 |
|
|
|
134 |
.Vivo {
|
|
|
135 |
-moz-border-radius: 4px;
|
|
|
136 |
border-radius: 4px;
|
|
|
137 |
border: solid 5px black;
|
|
|
138 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
|
|
|
139 |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
140 |
background-image: linear-gradient(#4682B4, #dae5f4);
|
|
|
141 |
color: #FFF;
|
|
|
142 |
padding: 8px 12px;
|
|
|
143 |
text-decoration: none;
|
|
|
144 |
cursor: pointer;
|
|
|
145 |
|
|
|
146 |
}
|
|
|
147 |
|
|
|
148 |
.Oppo {
|
|
|
149 |
-moz-border-radius: 4px;
|
|
|
150 |
border-radius: 4px;
|
|
|
151 |
border: solid 5px black;
|
|
|
152 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
|
|
|
153 |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
154 |
background-image: linear-gradient(#4682B4, #dae5f4);
|
|
|
155 |
color: #FFF;
|
|
|
156 |
padding: 8px 12px;
|
|
|
157 |
text-decoration: none;
|
|
|
158 |
cursor: pointer;
|
|
|
159 |
|
|
|
160 |
}
|
|
|
161 |
|
|
|
162 |
.Lava {
|
|
|
163 |
|
|
|
164 |
-moz-border-radius: 4px;
|
|
|
165 |
border-radius: 4px;
|
|
|
166 |
border: solid 5px black;
|
|
|
167 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
|
|
|
168 |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
169 |
background-image: linear-gradient(#4682B4, #dae5f4);
|
|
|
170 |
color: #FFF;
|
|
|
171 |
padding: 8px 12px;
|
|
|
172 |
text-decoration: none;
|
|
|
173 |
cursor: pointer;
|
|
|
174 |
|
|
|
175 |
}
|
|
|
176 |
|
|
|
177 |
.Realme {
|
|
|
178 |
-moz-border-radius: 4px;
|
|
|
179 |
border-radius: 4px;
|
|
|
180 |
border: solid 5px black;
|
|
|
181 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
|
|
|
182 |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
183 |
background-image: linear-gradient(#4682B4, #dae5f4);
|
|
|
184 |
color: #FFF;
|
|
|
185 |
padding: 8px 12px;
|
|
|
186 |
text-decoration: none;
|
|
|
187 |
cursor: pointer;
|
|
|
188 |
|
|
|
189 |
}
|
|
|
190 |
|
|
|
191 |
.Tecno {
|
|
|
192 |
-moz-border-radius: 4px;
|
|
|
193 |
border-radius: 4px;
|
|
|
194 |
border: solid 5px black;
|
|
|
195 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
|
|
|
196 |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
197 |
background-image: linear-gradient(#4682B4, #dae5f4);
|
|
|
198 |
color: #FFF;
|
|
|
199 |
padding: 8px 12px;
|
|
|
200 |
text-decoration: none;
|
|
|
201 |
cursor: pointer;
|
|
|
202 |
|
|
|
203 |
}
|
|
|
204 |
|
|
|
205 |
.Nokia {
|
|
|
206 |
-moz-border-radius: 4px;
|
|
|
207 |
border-radius: 4px;
|
|
|
208 |
border: solid 5px black;
|
|
|
209 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
|
|
|
210 |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
211 |
background-image: linear-gradient(#4682B4, #dae5f4);
|
|
|
212 |
color: #FFF;
|
|
|
213 |
padding: 8px 12px;
|
|
|
214 |
text-decoration: none;
|
|
|
215 |
cursor: pointer;
|
|
|
216 |
|
|
|
217 |
}
|
|
|
218 |
|
|
|
219 |
.Live {
|
|
|
220 |
|
|
|
221 |
-moz-border-radius: 4px;
|
|
|
222 |
border-radius: 4px;
|
|
|
223 |
border: solid 5px black;
|
|
|
224 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
|
|
|
225 |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
226 |
background-image: linear-gradient(#4682B4, #dae5f4);
|
|
|
227 |
color: #FFF;
|
|
|
228 |
padding: 8px 12px;
|
|
|
229 |
text-decoration: none;
|
|
|
230 |
cursor: pointer;
|
|
|
231 |
}
|
|
|
232 |
|
|
|
233 |
#accesoriesStock:hover {
|
|
|
234 |
cursor: pointer;
|
|
|
235 |
border-radius: 4px;
|
|
|
236 |
background: white;
|
|
|
237 |
}
|
|
|
238 |
|
|
|
239 |
#accesoriesStock {
|
|
|
240 |
|
|
|
241 |
-moz-border-radius: 4px;
|
|
|
242 |
border-radius: 4px;
|
|
|
243 |
border: solid 5px black;
|
|
|
244 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
|
|
|
245 |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
246 |
background-image: linear-gradient(#4682B4, #dae5f4);
|
|
|
247 |
color: #FFF;
|
|
|
248 |
padding: 14px 3px 18px 3px;
|
|
|
249 |
text-decoration: none;
|
|
|
250 |
object-fit: cover;
|
|
|
251 |
width: 100%;
|
|
|
252 |
height: 90px;
|
|
|
253 |
|
|
|
254 |
}
|
|
|
255 |
|
|
|
256 |
.loading {
|
|
|
257 |
display: none;
|
|
|
258 |
}
|
|
|
259 |
|
|
|
260 |
.breadcrumb {
|
|
|
261 |
padding: 0 15px;
|
|
|
262 |
}
|
|
|
263 |
|
|
|
264 |
.purple-bg {
|
|
|
265 |
|
|
|
266 |
background-image: linear-gradient(#800080, #DDA0DD);
|
|
|
267 |
box-shadow: 6px 5px 6px purple;
|
|
|
268 |
}
|
|
|
269 |
|
|
|
270 |
.stars-outer {
|
|
|
271 |
display: inline-block;
|
|
|
272 |
position: relative;
|
|
|
273 |
font-family: 'Mukta', FontAwesome;
|
|
|
274 |
}
|
|
|
275 |
|
|
|
276 |
.stars-outer::before {
|
|
|
277 |
content: "\f006 \f006 \f006 \f006 \f006";
|
|
|
278 |
}
|
|
|
279 |
|
|
|
280 |
.stars-inner {
|
|
|
281 |
position: absolute;
|
|
|
282 |
top: 0;
|
|
|
283 |
left: 0;
|
|
|
284 |
white-space: nowrap;
|
|
|
285 |
overflow: hidden;
|
|
|
286 |
width: 0;
|
|
|
287 |
}
|
|
|
288 |
|
|
|
289 |
.stars-inner::before {
|
|
|
290 |
content: "\f005 \f005 \f005 \f005 \f005";
|
|
|
291 |
color: #f8ce0b;
|
|
|
292 |
}
|
|
|
293 |
|
|
|
294 |
|
|
|
295 |
.table-striped > tbody > tr:nth-child(odd) > td {
|
|
|
296 |
background: white;
|
|
|
297 |
background-color: #dae5f4;
|
|
|
298 |
}
|
|
|
299 |
|
|
|
300 |
.table-striped > tbody > tr:nth-child(even) > td {
|
|
|
301 |
background: #f2f2f2;
|
|
|
302 |
background-color: #b8d1f3;
|
|
|
303 |
}
|
|
|
304 |
|
|
|
305 |
.btn:hover {
|
|
|
306 |
color: grey;
|
|
|
307 |
text-decoration: none;
|
|
|
308 |
}
|
|
|
309 |
|
|
|
310 |
.btn-primary:hover {
|
|
|
311 |
color: grey;
|
|
|
312 |
text-decoration: none;
|
|
|
313 |
}
|
|
|
314 |
|
|
|
315 |
.sale-details {
|
|
|
316 |
cursor: pointer;
|
|
|
317 |
}
|
|
|
318 |
|
|
|
319 |
.fa-2x {
|
|
|
320 |
font-size: 1.4em;
|
|
|
321 |
}
|
|
|
322 |
|
|
|
323 |
.cover {
|
|
|
324 |
object-fit: cover;
|
|
|
325 |
width: 92%;
|
|
|
326 |
height: 90px;
|
|
|
327 |
}
|
|
|
328 |
|
|
|
329 |
.info-box .notifications i {
|
|
|
330 |
display: inline-block;
|
|
|
331 |
margin-top: 0px;
|
|
|
332 |
height: 25px;
|
|
|
333 |
font-size: 16px;
|
|
|
334 |
line-height: 25px;
|
|
|
335 |
width: 25px;
|
|
|
336 |
float: none;
|
|
|
337 |
text-align: center;
|
|
|
338 |
padding-right: 0px;
|
|
|
339 |
color: #768399;
|
|
|
340 |
}
|
|
|
341 |
|
|
|
342 |
#preview {
|
|
|
343 |
position: relative;
|
|
|
344 |
color: #fff;
|
|
|
345 |
float: left;
|
|
|
346 |
width: 100%;
|
|
|
347 |
-webkit-border-radius: 10px;
|
|
|
348 |
-moz-border-radius: 10px;
|
|
|
349 |
border-radius: 10px;
|
|
|
350 |
clear: both;
|
|
|
351 |
}
|
|
|
352 |
|
|
|
353 |
#canvas-preview {
|
|
|
354 |
width: 100%;
|
|
|
355 |
position: relative;
|
|
|
356 |
top: -15px;
|
|
|
357 |
}
|
|
|
358 |
|
|
|
359 |
#preview-textfield {
|
|
|
360 |
position: absolute;
|
|
|
361 |
top: -10px;
|
|
|
362 |
left: 0;
|
|
|
363 |
right: 0;
|
|
|
364 |
text-align: center;
|
|
|
365 |
font-size: 2em;
|
|
|
366 |
font-weight: bold;
|
|
|
367 |
color: white;
|
|
|
368 |
font-family: 'Amaranth', sans-serif, Hind, 'Mukta';
|
|
|
369 |
}
|
|
|
370 |
|
|
|
371 |
#descriptionMenu {
|
|
|
372 |
list-style: desc !important;
|
|
|
373 |
list-style-type: square;
|
|
|
374 |
text-align: left;
|
|
|
375 |
}
|
|
|
376 |
|
|
|
377 |
.messagebutton {
|
|
|
378 |
margin-left: 1px;
|
|
|
379 |
|
|
|
380 |
}
|
|
|
381 |
|
|
|
382 |
.partnerTypeList a {
|
|
|
383 |
color: #1f1d1d;
|
|
|
384 |
border-bottom: none !important;
|
|
|
385 |
background-color: #efecec;
|
|
|
386 |
border: 1px solid #dad5d5 !important;
|
|
|
387 |
padding: 10px 15px !important;
|
|
|
388 |
}
|
|
|
389 |
|
|
|
390 |
.Partnerdropdiv {
|
|
|
391 |
background-color: #efecec !important;
|
|
|
392 |
padding: 0 !important;
|
|
|
393 |
}
|
|
|
394 |
|
|
|
395 |
.partnerGold:hover {
|
|
|
396 |
background-color: #D4AF37 !important;
|
|
|
397 |
background-image: unset !important;
|
|
|
398 |
}
|
|
|
399 |
|
|
|
400 |
.partnerBronz:hover {
|
|
|
401 |
background-color: #CD7F32 !important;
|
|
|
402 |
background-image: unset !important;
|
|
|
403 |
}
|
|
|
404 |
|
|
|
405 |
.partnerPlatinum:hover {
|
|
|
406 |
background-color: #799096 !important;
|
|
|
407 |
background-image: unset !important;
|
|
|
408 |
}
|
|
|
409 |
|
|
|
410 |
.partnerSilver:hover {
|
|
|
411 |
background-color: #BCC6CC !important;
|
|
|
412 |
background-image: unset !important;
|
|
|
413 |
}
|
|
|
414 |
|
|
|
415 |
.partnerDiamond:hover {
|
|
|
416 |
background-color: #B9F2FF !important;
|
|
|
417 |
background-image: unset !important;
|
|
|
418 |
}
|
|
|
419 |
|
|
|
420 |
/*Custom Css by Vikas*/
|
|
|
421 |
.info-box .row div, .info-box .row strong {
|
|
|
422 |
font-size: 16px !important;
|
|
|
423 |
}
|
|
|
424 |
|
|
|
425 |
.info-box.light-salmon-bg div.title {
|
|
|
426 |
font-size: 12px !important;
|
|
|
427 |
}
|
|
|
428 |
|
|
|
429 |
.info-box.orange-bg button div {
|
|
|
430 |
font-size: 10px !important;
|
|
|
431 |
}
|
|
|
432 |
|
|
|
433 |
</style>
|
|
|
434 |
</head>
|
|
|
435 |
|
|
|
436 |
<body style="background-color:#f7f7f7">
|
|
|
437 |
<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
|
|
|
438 |
<!-- container section start -->
|
|
|
439 |
<section id="container">
|
|
|
440 |
|
|
|
441 |
|
|
|
442 |
<header class="header dark-bg indian-flag">
|
|
|
443 |
<div class="toggle-nav">
|
|
|
444 |
<div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i
|
|
|
445 |
class="icon_menu"></i></div>
|
|
|
446 |
</div>
|
| 34505 |
ranu |
447 |
<a href="${rc.contextPath}/analysisDashboard?fofoId=$fofoId" class="logo" style="margin-top: 7px"> <img
|
| 34437 |
ranu |
448 |
src="resources/images/SmartDukaan-135x45.jpg" alt="smartDukaan" width="140"
|
|
|
449 |
height="45">$fofoStore.getCode()</a>
|
|
|
450 |
|
|
|
451 |
<ul class="nav pull-left top-menu">
|
|
|
452 |
<li class="dropdown">
|
|
|
453 |
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
|
|
|
454 |
<img src="${partnerTypeImage}" width="60px">
|
|
|
455 |
<span class="username" style="font-size:15px"> <span
|
|
|
456 |
style="color:red">$partnerType.getValue()</span></span>
|
|
|
457 |
<b class="caret"></b>
|
|
|
458 |
</a>
|
|
|
459 |
<ul class="dropdown-menu Partnerdropdiv">
|
|
|
460 |
<li class="eborder-top partnerTypeList">
|
|
|
461 |
<a href="javascript:void(0);" class="partnerGold">Rising Star - New</a>
|
|
|
462 |
<a href="javascript:void(0);" class="partnerBronze">Bronze+ - 0-2.99L</a>
|
|
|
463 |
<a href="javascript:void(0);" class="partnerSilver">Silver - 3L-7.99L</a>
|
|
|
464 |
<a href="javascript:void(0);" class="partnerGold">Gold - 8L-14.99L</a>
|
|
|
465 |
<a href="javascript:void(0);" class="partnerDiamond">Diamond - 15L-20.99L</a>
|
|
|
466 |
<a href="javascript:void(0);" class="partnerPlatinum">Platinum - 21L & ABOVE</a>
|
|
|
467 |
</li>
|
|
|
468 |
</ul>
|
|
|
469 |
</li>
|
|
|
470 |
</ul>
|
|
|
471 |
</header>
|
|
|
472 |
<!--header end-->
|
|
|
473 |
|
|
|
474 |
<!--sidebar start-->
|
|
|
475 |
<aside>
|
|
|
476 |
<div id="sidebar" class="nav-collapse ">
|
|
|
477 |
<!-- sidebar menu start-->
|
|
|
478 |
<ul class="sidebar-menu">
|
|
|
479 |
<li class="active">
|
| 34505 |
ranu |
480 |
<a href="${rc.contextPath}/analysisDashboard?fofoId=$fofoId">
|
| 34437 |
ranu |
481 |
<i class="icon_house_alt"></i>
|
|
|
482 |
<span>#springMessage("dashboard.dashboard")</span>
|
|
|
483 |
</a>
|
|
|
484 |
</li>
|
|
|
485 |
|
|
|
486 |
<li class="sub-menu">
|
|
|
487 |
<a href="javascript:void(0);" class="">
|
|
|
488 |
<i class="icon_table"></i>
|
|
|
489 |
<span>#springMessage("menu.reports")</span>
|
|
|
490 |
<span class="menu-arrow arrow_carrot-right"></span>
|
|
|
491 |
</a>
|
|
|
492 |
<ul class="sub">
|
| 34509 |
ranu |
493 |
<li><a class="analysis-partner-collection-summary" data-fofoid="$fofoId"
|
|
|
494 |
href="javascript:void(0);">#springMessage(
|
|
|
495 |
"submenu.reportsdailycollections")</a></li>
|
| 34505 |
ranu |
496 |
<li><a class="analysis-franchise-sales" data-fofoid="$fofoId"
|
|
|
497 |
href="javascript:void(0);">#springMessage(
|
| 34437 |
ranu |
498 |
"submenu.reportsmysales")</a></li>
|
| 34505 |
ranu |
499 |
<li><a class="analysis-wallet_statement" data-fofoid="$fofoId"
|
|
|
500 |
href="javascript:void(0);">#springMessage(
|
| 34437 |
ranu |
501 |
"submenu.reportswalletstatement")</a></li>
|
| 34505 |
ranu |
502 |
<li><a class="analysis-loan-statement" data-fofoid="$fofoId" href="javascript:void(0);">Loan
|
|
|
503 |
Statement</a></li>
|
|
|
504 |
<li><a class="analysis-account-statement" data-fofoid="$fofoId" href="javascript:void(0);">Account
|
|
|
505 |
Statement</a></li>
|
|
|
506 |
## <li><a class="pending-indent" href="javascript:void(0);">#springMessage(
|
| 34507 |
ranu |
507 |
## "submenu.reportsorderstatus")</a></li>
|
|
|
508 |
<li><a class="analysis-scheme-payout-report" href="javascript:void(0);"
|
|
|
509 |
data-fofoid="$fofoId">#springMessage(
|
|
|
510 |
"submenu.reportsschemespayout")</a></li>
|
| 34505 |
ranu |
511 |
## <li><a class="offer-payout-dump-report" href="javascript:void(0);">Offer Payout</a></li>
|
|
|
512 |
## <li><a class="smartdukaan-billing-statement" href="javascript:void(0);">#springMessage(
|
|
|
513 |
## "submenu.reportsbillingstatement")</a>
|
|
|
514 |
## </li>
|
| 34437 |
ranu |
515 |
|
| 34508 |
ranu |
516 |
<li><a class="analysis-price-drop-report" href="javascript:void(0);"
|
|
|
517 |
data-fofoid="$fofoId">#springMessage(
|
|
|
518 |
"submenu.reportspricedrop")</a></li>
|
| 34509 |
ranu |
519 |
|
|
|
520 |
<li><a class="analysis-credit-note" href="javascript:void(0);" data-fofoid="$fofoId">Credit
|
|
|
521 |
Note</a></li>
|
| 34505 |
ranu |
522 |
## <li><a class="item_aging" href="javascript:void(0);">#springMessage("submenu.reportsageing")</a>
|
|
|
523 |
## </li>
|
| 34437 |
ranu |
524 |
|
|
|
525 |
</ul>
|
|
|
526 |
</li>
|
| 34513 |
ranu |
527 |
<li class="sub-menu">
|
|
|
528 |
<a href="javascript:;">
|
|
|
529 |
<i class="icon_document_alt"></i>
|
|
|
530 |
<span>#springMessage("menu.margins")</span>
|
|
|
531 |
<span class="menu-arrow arrow_carrot-right"></span>
|
|
|
532 |
</a>
|
|
|
533 |
<ul class="sub">
|
|
|
534 |
<li><a class="schemes" href="javascript:void(0);">#springMessage(
|
|
|
535 |
"submenu.marginsmodelwisemargin")</a></li>
|
|
|
536 |
<li><a class="partner-price-circular" href="javascript:void(0);">#springMessage(
|
|
|
537 |
"submenu.marginsnlcpriccecircular")</a></li>
|
|
|
538 |
|
|
|
539 |
</ul>
|
|
|
540 |
</li>
|
| 34437 |
ranu |
541 |
</ul>
|
|
|
542 |
<!-- sidebar menu end-->
|
|
|
543 |
</div>
|
|
|
544 |
</aside>
|
|
|
545 |
<!--sidebar end-->
|
|
|
546 |
|
|
|
547 |
<!--main content start-->
|
|
|
548 |
<section id="main-content">
|
|
|
549 |
<section class="wrapper">
|
|
|
550 |
<!--overview start-->
|
|
|
551 |
<div class="row">
|
|
|
552 |
<div class="col-lg-12">
|
| 34490 |
ranu |
553 |
<h3 class="page-header" style="position:relative"><i class="fa fa-laptop"></i> Dashboard</h3>
|
| 34437 |
ranu |
554 |
|
|
|
555 |
<ol class="breadcrumb">
|
| 34505 |
ranu |
556 |
<li><i class="fa fa-home"></i><a
|
|
|
557 |
href="${rc.contextPath}/analysisDashboard?fofoId=$fofoId">Home</a></li>
|
| 34437 |
ranu |
558 |
<li><i class="fa fa-laptop"></i>Dashboard</li>
|
|
|
559 |
</ol>
|
|
|
560 |
|
|
|
561 |
|
|
|
562 |
</div>
|
|
|
563 |
</div>
|
|
|
564 |
<!-- overview end -->
|
|
|
565 |
<div class="row">
|
|
|
566 |
<div class="col-lg-6">
|
|
|
567 |
<div class="row">
|
|
|
568 |
<div class="col-lg-7">
|
|
|
569 |
<div class="info-box blue-bg">
|
|
|
570 |
<i class="fa fa-chart-line"></i>
|
|
|
571 |
<h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
|
|
|
572 |
"dashboard.sale")</strong>
|
|
|
573 |
<span> <a href="#videoModal" class="btn btn-danger" data-toggle="modal"
|
|
|
574 |
data-src="GQziSgeI3ZM"><span
|
|
|
575 |
class="glyphicon glyphicon-play-circle"></span> Play Video</a> </span>
|
|
|
576 |
|
|
|
577 |
|
|
|
578 |
</h4>
|
|
|
579 |
<div class="row">
|
|
|
580 |
<div class="col-lg-4 row">
|
|
|
581 |
<div style="margin-top:0px" class="count currency">$nf.format($salesMap.get(
|
|
|
582 |
"lmtdSale"))</div>
|
|
|
583 |
<div class="title">LMTD</div>
|
|
|
584 |
</div>
|
|
|
585 |
<div class="col-lg-4 row">
|
|
|
586 |
<div style="margin-top:0px" class="count currency">$nf.format($salesMap.get(
|
|
|
587 |
"mtdSale"))</div>
|
|
|
588 |
<div class="title">MTD</div>
|
|
|
589 |
</div>
|
|
|
590 |
<div class="col-lg-3 row">
|
|
|
591 |
<div style="margin-top:0px" class="count currency">$nf.format($salesMap.get(
|
|
|
592 |
"todaySale"))</div>
|
|
|
593 |
<div class="title">Today's</div>
|
|
|
594 |
</div>
|
|
|
595 |
|
|
|
596 |
<div class="col-lg-1 row" style="margin-left: -20px;margin-top: 20px;">
|
|
|
597 |
<i class="fk_more fa fa-angle-double-down" id="blue-dropdown"
|
|
|
598 |
style="cursor:pointer;font-size: 27px;width: 27px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 27px;"></i>
|
|
|
599 |
</div>
|
|
|
600 |
</div>
|
|
|
601 |
|
|
|
602 |
<div class="row monthsaleContainer" style="margin:5px">
|
|
|
603 |
</div>
|
|
|
604 |
</div>
|
|
|
605 |
</div>
|
|
|
606 |
|
|
|
607 |
<div class="col-lg-5 row">
|
|
|
608 |
<div class="info-box brown-bg">
|
|
|
609 |
|
|
|
610 |
<div class="row">
|
|
|
611 |
<div class="col-lg-6">
|
|
|
612 |
<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
|
|
|
613 |
<div style="margin-top:0px" class="count">
|
|
|
614 |
<span class="currency">$nf.format($salesMap.get("currentRate"))</span>/day
|
|
|
615 |
</div>
|
|
|
616 |
<img src="${salesMap.get('currentTypeImage')}" width="60px"
|
|
|
617 |
class="target-slide1">
|
|
|
618 |
</div>
|
|
|
619 |
<div class="col-lg-6">
|
|
|
620 |
<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
|
|
|
621 |
<div style="margin-top:0px" class="count currency">
|
|
|
622 |
<span class="currency">$nf.format($salesMap.get("requiredRate"))</span>/day
|
|
|
623 |
</div>
|
|
|
624 |
<img src="${salesMap.get('requiredTypeImage')}" width="60px"
|
|
|
625 |
class="target-slide1">
|
|
|
626 |
</div>
|
|
|
627 |
</div>
|
|
|
628 |
</div>
|
|
|
629 |
</div>
|
|
|
630 |
<div class="col-lg-7">
|
|
|
631 |
<div class="info-box purple-bg">
|
|
|
632 |
<div class="col-lg-12 row">
|
|
|
633 |
<i class="fa fa-coins"></i>
|
|
|
634 |
<h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
|
|
|
635 |
"dashboard.investment")</strong></h4>
|
|
|
636 |
<div class="row">
|
|
|
637 |
<div class="col-lg-3">
|
|
|
638 |
<div class="row">
|
|
|
639 |
<div style="margin-top:0px" class="count currency">$investments.get(
|
|
|
640 |
"today")</div>
|
|
|
641 |
<div class="title">#springMessage("dashboard.current")</div>
|
|
|
642 |
<div class="col-lg-1" style="margin-left: -20px;margin-top: -6px;">
|
|
|
643 |
<i class="fk_more fa fa-angle-double-down flash"
|
|
|
644 |
id="purple-dropdown"
|
|
|
645 |
style="cursor:pointer;font-size: 27px;width: 145px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 4px; margin-left: 25px;"></i>
|
|
|
646 |
</div>
|
|
|
647 |
</div>
|
|
|
648 |
</div>
|
|
|
649 |
|
|
|
650 |
<div class="col-lg-3">
|
|
|
651 |
<div style="margin-top:0px" class="count">$investments.get("minimum")</div>
|
|
|
652 |
<div class="title">min</div>
|
|
|
653 |
</div>
|
|
|
654 |
<div class="col-lg-3 row"
|
|
|
655 |
#if(!$isInvestmentOk)
|
|
|
656 |
style="color:red; background: white;"
|
|
|
657 |
#end
|
|
|
658 |
>
|
|
|
659 |
#if($investments.get("short")<=0)
|
|
|
660 |
<div style="margin-top:0px" class="count">100%</div>
|
|
|
661 |
<div class="title">OK</div>
|
|
|
662 |
#else
|
|
|
663 |
<div style="margin-top:0px" class="count">$investments.get("short")%
|
|
|
664 |
</div>
|
|
|
665 |
<div class="title">short</div>
|
|
|
666 |
#end
|
|
|
667 |
</div>
|
|
|
668 |
</div>
|
|
|
669 |
<div class="row investmentContainer" style="margin:5px">
|
|
|
670 |
</div>
|
|
|
671 |
</div>
|
|
|
672 |
</div>
|
|
|
673 |
</div>
|
|
|
674 |
<div class="col-lg-5 row">
|
|
|
675 |
#if($staticScheme)
|
|
|
676 |
<div class="info-box white-bg" style="padding:0;height: 159px">
|
|
|
677 |
<div class="col-lg-6"
|
|
|
678 |
style="background-size: 135px !important;background:url('/resources/images/super-retailer.jpg') no-repeat;height: 161px;"
|
|
|
679 |
>
|
|
|
680 |
<div
|
|
|
681 |
style="position: absolute;bottom: 4px;left: auto;width: 100%;left:-5px;
|
|
|
682 |
text-align: center;color: #333333;margin-bottom: 4px;font-size: 18px; font-weight: bold">
|
|
|
683 |
$schemeCategory</div>
|
|
|
684 |
</div>
|
|
|
685 |
<div class="col-lg-6 row">
|
|
|
686 |
<div class="row" style="margin-top:6px">
|
|
|
687 |
<div style="text-align: center;font-size: 13px;font-weight: bold;color: black;margin-top: 3px">
|
|
|
688 |
Aug 1 - Nov 30
|
|
|
689 |
</div>
|
|
|
690 |
<p style="margin: 0 0 8px"></p>
|
|
|
691 |
<div style="text-align: center;font-size: 13px;font-weight: bold;color: black">
|
|
|
692 |
TOTAL TARGET
|
|
|
693 |
</div>
|
|
|
694 |
<div class="rcurrency"
|
|
|
695 |
style="text-align: center;font-size: 20px;font-weight: bold;color: red">
|
|
|
696 |
$staticScheme.getTarget()
|
|
|
697 |
</div>
|
|
|
698 |
</div>
|
|
|
699 |
<hr style="margin-top:6px;margin-bottom: 6px"/>
|
|
|
700 |
<div class="row">
|
|
|
701 |
<div style="text-align: center;font-size: 13px;font-weight: bold;color: black">
|
|
|
702 |
TOTAL ACHIEVEMENT
|
|
|
703 |
</div>
|
|
|
704 |
<div class="rcurrency red"
|
|
|
705 |
style="text-align: center;font-size: 20px;font-weight: bold;color: red">
|
|
|
706 |
$nf.format($schemeAchievement)
|
|
|
707 |
</div>
|
|
|
708 |
</div>
|
|
|
709 |
</div>
|
|
|
710 |
</div>
|
|
|
711 |
#else
|
|
|
712 |
<div class="info-box orange-bg"
|
|
|
713 |
style="background-image: linear-gradient(#ff7f50 ,orange); box-shadow: 6px 5px 6px #ff7f50;">
|
|
|
714 |
<i class="fa fa-chart-line"></i>
|
|
|
715 |
<h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
|
|
|
716 |
"dashboard.onlinesale")</strong></h4>
|
|
|
717 |
<div class="row">
|
|
|
718 |
<div class="col-lg-3" style="margin:5px">
|
|
|
719 |
<div style="margin-top:0px; margin-left:24px;"
|
|
|
720 |
class="count currency">$countOrder</div>
|
|
|
721 |
<button class="btn-warning">
|
|
|
722 |
<div class="title pending_order_dashboard"
|
|
|
723 |
style="cursor: pointer; color:black;">
|
|
|
724 |
#springMessage("dashboard.pendingorder")
|
|
|
725 |
</div>
|
|
|
726 |
</button>
|
|
|
727 |
</div>
|
|
|
728 |
|
|
|
729 |
<div class="col-lg-4 row" style="margin:5px">
|
|
|
730 |
#if($onlineDeliveredOrderSum)
|
|
|
731 |
<div style="margin-top:0px; margin-left:37px;"
|
|
|
732 |
class="count currency">$onlineDeliveredOrderSum</div>
|
|
|
733 |
#else
|
|
|
734 |
<div style="margin-top:0px; margin-left:20px;" class="count currency">
|
|
|
735 |
|
|
|
736 |
</div>
|
|
|
737 |
#end
|
|
|
738 |
<button class="btn-warning">
|
|
|
739 |
<div class="title total_sale_dashboard"
|
|
|
740 |
style="cursor: pointer; color:black;">Online Sales
|
|
|
741 |
</div>
|
|
|
742 |
</button>
|
|
|
743 |
</div>
|
|
|
744 |
</div>
|
|
|
745 |
</div>
|
|
|
746 |
#end
|
|
|
747 |
</div>
|
|
|
748 |
</div>
|
|
|
749 |
|
|
|
750 |
|
|
|
751 |
<div class="row">
|
|
|
752 |
<div class="col-lg-9">
|
|
|
753 |
<div class="info-box pink-bg" style="height: 160px;">
|
|
|
754 |
<h4 style="margin-top:-2px;margin-bottom:12px"><strong>Order Summary</strong></h4>
|
|
|
755 |
|
|
|
756 |
<div class="col-lg-3 row">
|
|
|
757 |
<h4 style="margin-top:-2px;margin-bottom:12px;"><strong
|
|
|
758 |
style="font-size: 16px; cursor:pointer; margin-left: 9px;"
|
|
|
759 |
class="pndg-status">Pending</strong></h4>
|
|
|
760 |
#if($submittedCount && $submittedValue)
|
|
|
761 |
<div class="col-lg-3">
|
|
|
762 |
<div style="margin-top:0px" class="count currency">$submittedCount</div>
|
|
|
763 |
<div class="title">Qty</div>
|
|
|
764 |
</div>
|
|
|
765 |
<div class="col-lg-4">
|
|
|
766 |
<div style="margin-top:0px" class="count currency">$submittedValue</div>
|
|
|
767 |
<div class="title" style="margin-left:5px;">Value</div>
|
|
|
768 |
</div>
|
|
|
769 |
#else
|
|
|
770 |
<div class="col-lg-3">
|
|
|
771 |
<div style="margin-top:0px" class="count currency">0</div>
|
|
|
772 |
<div class="title">Qty</div>
|
|
|
773 |
</div>
|
|
|
774 |
<div class="col-lg-4">
|
|
|
775 |
<div style="margin-top:0px" class="count currency">0</div>
|
|
|
776 |
<div class="title" style="margin-left:5px;">Value</div>
|
|
|
777 |
</div>
|
|
|
778 |
|
|
|
779 |
#end
|
|
|
780 |
|
|
|
781 |
|
|
|
782 |
</div>
|
|
|
783 |
|
|
|
784 |
<div class="col-lg-3">
|
|
|
785 |
<h4 style="margin-top:-2px;margin-bottom:12px"><strong
|
|
|
786 |
style="font-size: 19px; cursor:pointer; margin-left: 15px;"
|
|
|
787 |
class="billed-status">#springMessage("dashboard.billed")</strong></h4>
|
|
|
788 |
|
|
|
789 |
#if($billedCount && $billedValue)
|
|
|
790 |
<div class="col-lg-3">
|
|
|
791 |
<div style="margin-top:0px" class="count currency">$billedCount</div>
|
|
|
792 |
<div class="title">Qty</div>
|
|
|
793 |
</div>
|
|
|
794 |
<div class="col-lg-4">
|
|
|
795 |
<div style="margin-top:0px" class="count currency">$billedValue</div>
|
|
|
796 |
<div class="title" style="margin-left:5px;">Value</div>
|
|
|
797 |
</div>
|
|
|
798 |
#else
|
|
|
799 |
<div class="col-lg-3">
|
|
|
800 |
<div style="margin-top:0px" class="count currency">0</div>
|
|
|
801 |
<div class="title">Qty</div>
|
|
|
802 |
</div>
|
|
|
803 |
<div class="col-lg-4">
|
|
|
804 |
<div style="margin-top:0px" class="count currency">0</div>
|
|
|
805 |
<div class="title" style="margin-left:5px;">Value</div>
|
|
|
806 |
</div>
|
|
|
807 |
|
|
|
808 |
#end
|
|
|
809 |
</div>
|
|
|
810 |
|
|
|
811 |
<div class="col-lg-3">
|
|
|
812 |
<h4 style="margin-top:-2px;margin-bottom:12px"><strong
|
|
|
813 |
style="font-size: 19px; cursor:pointer; margin-left: 15px;"
|
|
|
814 |
class="shipped-status">#springMessage("dashboard.dispatched")</strong></h4>
|
|
|
815 |
|
|
|
816 |
#if($shippedCount && $shippedValue)
|
|
|
817 |
<div class="col-lg-3">
|
|
|
818 |
<div style="margin-top:0px" class="count currency">$shippedCount</div>
|
|
|
819 |
<div class="title">Qty</div>
|
|
|
820 |
</div>
|
|
|
821 |
<div class="col-lg-4">
|
|
|
822 |
<div style="margin-top:0px" class="count currency">$shippedValue</div>
|
|
|
823 |
<div class="title" style="margin-left:5px;">Value</div>
|
|
|
824 |
</div>
|
|
|
825 |
#else
|
|
|
826 |
<div class="col-lg-3">
|
|
|
827 |
<div style="margin-top:0px" class="count">0</div>
|
|
|
828 |
<div class="title">Qty</div>
|
|
|
829 |
</div>
|
|
|
830 |
<div class="col-lg-4">
|
|
|
831 |
<div style="margin-top:0px" class="count">0</div>
|
|
|
832 |
<div class="title" style="margin-left:5px;">Value</div>
|
|
|
833 |
</div>
|
|
|
834 |
|
|
|
835 |
#end
|
|
|
836 |
</div>
|
|
|
837 |
|
|
|
838 |
<div class="col-lg-3">
|
|
|
839 |
<h4 style="margin-top:-2px;margin-bottom:12px"><strong
|
|
|
840 |
style="font-size: 19px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; cursor:pointer;"
|
|
|
841 |
class="grn-status">#springMessage("dashboard.grnpending")</strong></h4>
|
|
|
842 |
|
|
|
843 |
#if($grnPendingCount && $grnPendingValue )
|
|
|
844 |
<div class="col-lg-3">
|
|
|
845 |
<div style="margin-top:0px"
|
|
|
846 |
class="count currency">$grnPendingCount</div>
|
|
|
847 |
<div class="title">Qty</div>
|
|
|
848 |
</div>
|
|
|
849 |
<div class="col-lg-4">
|
|
|
850 |
<div style="margin-top:0px"
|
|
|
851 |
class="count currency">$grnPendingValue</div>
|
|
|
852 |
<div class="title" style="margin-left:5px;">Value</div>
|
|
|
853 |
</div>
|
|
|
854 |
#else
|
|
|
855 |
<div class="col-lg-3">
|
|
|
856 |
<div style="margin-top:0px" class="count currency">0</div>
|
|
|
857 |
<div class="title">Qty</div>
|
|
|
858 |
</div>
|
|
|
859 |
<div class="col-lg-4">
|
|
|
860 |
<div style="margin-top:0px" class="count currency">0</div>
|
|
|
861 |
<div class="title" style="margin-left:5px;">Value</div>
|
|
|
862 |
</div>
|
|
|
863 |
|
|
|
864 |
#end
|
|
|
865 |
</div>
|
|
|
866 |
</div>
|
|
|
867 |
</div>
|
|
|
868 |
<div class="col-lg-3 row" style="height: 190px;">
|
|
|
869 |
<div class="info-box green-bg" style="min-height: 160px;">
|
|
|
870 |
<i class="fa fa-cubes"></i>
|
|
|
871 |
<div class="count currency">$investments.get("inStock")</div>
|
|
|
872 |
<div class="title">#springMessage("dashboard.totalstock")</div>
|
|
|
873 |
</div>
|
|
|
874 |
</div>
|
|
|
875 |
</div>
|
|
|
876 |
<div class="row">
|
|
|
877 |
|
|
|
878 |
<div class="col-lg-8 partnerIncomeContainer"></div>
|
|
|
879 |
|
|
|
880 |
<div class="col-lg-4">
|
|
|
881 |
<div class="info-box green-bg" style="height: 145px;">
|
|
|
882 |
<h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
|
|
|
883 |
"dashboard.monthlytarget")</strong></h4>
|
|
|
884 |
|
|
|
885 |
<div class="col-lg-6">
|
|
|
886 |
<h4 style="margin-top:-2px;margin-bottom:12px;">
|
|
|
887 |
<strong style="cursor:pointer; margin-left: 9px;">Sale</strong>
|
|
|
888 |
</h4>
|
|
|
889 |
<div class="col-lg-6">
|
|
|
890 |
#if($monthlyTarget && $monthlyTarget.getSaleTarget() >0)
|
|
|
891 |
<div style="margin-top:0px"
|
|
|
892 |
class="count currency">$monthlyTarget.getSaleTarget()</div>
|
|
|
893 |
#else
|
|
|
894 |
<div style="margin-top:0px" class="count currency">-</div>
|
|
|
895 |
#end
|
|
|
896 |
</div>
|
|
|
897 |
</div>
|
|
|
898 |
|
|
|
899 |
<div class="col-lg-6">
|
|
|
900 |
<h4 style="margin-top:-2px;margin-bottom:12px;"><strong
|
|
|
901 |
style="font-size: 16px; cursor:pointer; margin-left: 9px;"
|
|
|
902 |
>#springMessage("dashboard.purchase")</strong></h4>
|
|
|
903 |
<div class="col-lg-6">
|
|
|
904 |
#if($monthlyTarget && $monthlyTarget.getPurchaseTarget() > 0)
|
|
|
905 |
<div style="margin-top:0px"
|
|
|
906 |
class="count currency">$monthlyTarget.getPurchaseTarget()</div>
|
|
|
907 |
|
|
|
908 |
#else
|
|
|
909 |
<div style="margin-top:0px" class="count currency"> -</div>
|
|
|
910 |
|
|
|
911 |
#end
|
|
|
912 |
</div>
|
|
|
913 |
</div>
|
|
|
914 |
</div>
|
|
|
915 |
|
|
|
916 |
</div>
|
|
|
917 |
</div>
|
|
|
918 |
|
|
|
919 |
<div class="row">
|
|
|
920 |
<div class="Mobile">
|
|
|
921 |
#foreach($brandStockPrice in $brandStockPrices)
|
|
|
922 |
|
|
|
923 |
<div class="col-lg-3">
|
|
|
924 |
<div class="card card-default">
|
|
|
925 |
<span class="card-body" style="padding-bottom:0px">
|
|
|
926 |
<table>
|
|
|
927 |
<thead>
|
|
|
928 |
<tr><td colspan="2">Current Stock</td></tr>
|
|
|
929 |
</thead>
|
|
|
930 |
<tbody>
|
|
|
931 |
<tr><th>Qty</th><td>$brandStockPrice.getTotalQty()pc</td></tr>
|
|
|
932 |
<tr><th>Value</th><td><span
|
|
|
933 |
class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
|
|
|
934 |
</tbody>
|
|
|
935 |
</table>
|
|
|
936 |
#if($brandStockPrice.getAgedValue()>0)
|
|
|
937 |
<p style="color:#d15a57;font-weight:700" title="Focus Stock">
|
|
|
938 |
<span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
|
|
|
939 |
</p>
|
|
|
940 |
#else
|
|
|
941 |
<p> </p>
|
|
|
942 |
#end
|
|
|
943 |
</span>
|
|
|
944 |
<span class="card-img" style="text-align:center">
|
|
|
945 |
<img src="${brandStockPrice.getBrandUrl()}" data-stockbrand="$brandStockPrice.getBrand()"
|
|
|
946 |
class="cover $brandStockPrice.getBrand()" id="stockcatalog"
|
|
|
947 |
class="$brandStockPrice.getBrand()">
|
|
|
948 |
</span></span>
|
|
|
949 |
</div>
|
|
|
950 |
</div>
|
|
|
951 |
#end
|
|
|
952 |
</div>
|
|
|
953 |
<div class="row">
|
|
|
954 |
|
|
|
955 |
<div class="col-lg-3">
|
|
|
956 |
<div class="card card-default">
|
|
|
957 |
<span class="card-body" style="padding-bottom:38px;">
|
|
|
958 |
<table>
|
|
|
959 |
<thead>
|
|
|
960 |
<tr><td colspan="2">Current Stock</td></tr>
|
|
|
961 |
</thead>
|
|
|
962 |
<tbody>
|
|
|
963 |
<tr><th>Value</th><td><span class="currency">$accesoriesStock</span></td></tr>
|
|
|
964 |
</tbody>
|
|
|
965 |
</table>
|
|
|
966 |
</span>
|
|
|
967 |
<span class="card-img">
|
|
|
968 |
<img src="resources/images/accessories.jpg" id="accesoriesStock"
|
|
|
969 |
class="accesoriesClass">
|
|
|
970 |
</span>
|
|
|
971 |
</div>
|
|
|
972 |
</div>
|
|
|
973 |
|
|
|
974 |
</div>
|
|
|
975 |
</div>
|
|
|
976 |
|
|
|
977 |
|
|
|
978 |
</div>
|
|
|
979 |
|
|
|
980 |
<div class="col-lg-6">
|
|
|
981 |
<div class="row">
|
|
|
982 |
|
|
|
983 |
<div class="form-group">
|
|
|
984 |
<label class="control-label col-lg-4" for="months">#springMessage(
|
|
|
985 |
"dashboard.offerforthemonth")</label>
|
|
|
986 |
<div class="col-lg-2">
|
|
|
987 |
<select class="form-control input-sm" id="mk_offer_brand_filter" name="offerBrandFilter"
|
|
|
988 |
placeholder="brand" style="margin:auto;">
|
|
|
989 |
<option value="" disabled selected>Select Brand</option>
|
|
|
990 |
<option value="">All</option>
|
|
|
991 |
#foreach($brand in $brands)
|
|
|
992 |
<option value="$brand">$brand</option>
|
|
|
993 |
#end
|
|
|
994 |
</select>
|
|
|
995 |
</div>
|
|
|
996 |
<div class="col-lg-4">
|
|
|
997 |
<select class="form-control input-sm" id="offer-months" name="months"
|
|
|
998 |
placeholder="months" style="margin:auto;">
|
|
|
999 |
<option value="" disabled selected>Month</option>
|
|
|
1000 |
#foreach($mVM in $monthValueMap.entrySet())
|
|
|
1001 |
#if($mVM.getKey()== $month )
|
|
|
1002 |
<option value="$mVM.getKey()" selected>$mVM.getValue()</option>
|
|
|
1003 |
#else
|
|
|
1004 |
<option value="$mVM.getKey()">$mVM.getValue()</option>
|
|
|
1005 |
#end
|
|
|
1006 |
#end
|
|
|
1007 |
</select>
|
|
|
1008 |
</div>
|
|
|
1009 |
<div class="col-lg-2">
|
|
|
1010 |
<!--Training Video -->
|
|
|
1011 |
<a href="#videoModal" class="btn btn-danger" data-toggle="modal"
|
|
|
1012 |
data-src="Nv7J2L_BPCU"><span
|
|
|
1013 |
class="glyphicon glyphicon-play-circle"></span> Play Video</a>
|
|
|
1014 |
</div>
|
|
|
1015 |
</div>
|
|
|
1016 |
</div>
|
|
|
1017 |
<div id="offer-container">
|
|
|
1018 |
#parse("published-offers.vm")
|
|
|
1019 |
</div>
|
|
|
1020 |
<div class="offer-margin-container">
|
|
|
1021 |
<div class="modal text-center" id="offerDescription">
|
|
|
1022 |
<div class="modal-dialog modal-lg modal-dialog-scrollable">
|
|
|
1023 |
<div class="modal-content">
|
|
|
1024 |
</div>
|
|
|
1025 |
</div>
|
|
|
1026 |
</div>
|
|
|
1027 |
</div>
|
|
|
1028 |
|
|
|
1029 |
<div class="row col-lg-12 info-box white-bg" id="performanceContainer">
|
|
|
1030 |
#parse("performance.vm")
|
|
|
1031 |
</div>
|
|
|
1032 |
<!--<div class="row col-lg-12 info-box white-bg" id="performanceContainer">
|
|
|
1033 |
##parse("performance-weekly.vm")
|
|
|
1034 |
</div>-->
|
|
|
1035 |
#if($activatedImeis > 0)
|
|
|
1036 |
<div class="row col-lg-12 info-box white-bg">
|
|
|
1037 |
#parse("dashboard-activated-imeis.vm")
|
|
|
1038 |
</div>
|
|
|
1039 |
#end
|
|
|
1040 |
#if($imeiActivationPendingCount > 0)
|
|
|
1041 |
<div class="row col-lg-12 info-box white-bg">
|
|
|
1042 |
#parse("dashboard-grn-pending-activated-imeis.vm")
|
|
|
1043 |
</div>
|
|
|
1044 |
#end
|
|
|
1045 |
<div class="row col-lg-12">
|
|
|
1046 |
<ul class="nav nav-tabs">
|
|
|
1047 |
<li class="bar_chart"><a class="ba">Sale</a></li>
|
|
|
1048 |
<li class="lms_line_chart"><a class="la">#springMessage("dashboard.monthlysale")</a></li>
|
|
|
1049 |
<li class="purchase_line_chart"><a class="pa">#springMessage(
|
|
|
1050 |
"dashboard.monthlypurchase")</a></li>
|
|
|
1051 |
<li class="priceDrop_chart"><a class="pd">#springMessage("dashboard.pricedrop")</a></li>
|
|
|
1052 |
<li class="pending_activation_chart"><a class="pac">Pending Activation</a></li>
|
|
|
1053 |
<li class="pending_upgrade_offer"><a class="puo"> #springMessage(
|
|
|
1054 |
"dashboard.upgradeoffer")</a></li>
|
|
|
1055 |
|
|
|
1056 |
</ul>
|
|
|
1057 |
<div style="float:left;margin-top: 2% ; font-size: 20px ;margin-left: 5%" id="dateRangeDiv">
|
|
|
1058 |
From:
|
|
|
1059 |
<input type="date" name="from" id="chartForm" value="">
|
|
|
1060 |
To:
|
|
|
1061 |
<input type="date" name="to" id="chartTo" value="">
|
|
|
1062 |
|
|
|
1063 |
<select name="quantityType" id="quantity_type_id">
|
|
|
1064 |
<option value="false" selected>Value</option>
|
|
|
1065 |
<option value="true">Quantity</option>
|
|
|
1066 |
</select>
|
|
|
1067 |
<button id="viewSaleBarChart" class="btn-success">
|
|
|
1068 |
Veiw Chart
|
|
|
1069 |
</button>
|
|
|
1070 |
</div>
|
|
|
1071 |
<br>
|
|
|
1072 |
<div class="row ChartContainer" style="margin:5px;margin-top: 4%">
|
|
|
1073 |
|
|
|
1074 |
</div>
|
|
|
1075 |
|
|
|
1076 |
|
|
|
1077 |
</div>
|
|
|
1078 |
<div class="clearfix"></div>
|
|
|
1079 |
<div class="model_charbar_container">
|
|
|
1080 |
|
|
|
1081 |
</div>
|
|
|
1082 |
|
|
|
1083 |
|
|
|
1084 |
</div>
|
|
|
1085 |
</div>
|
|
|
1086 |
</div>
|
|
|
1087 |
</section>
|
|
|
1088 |
<div class="text-center">
|
|
|
1089 |
<div id="like_button_container"></div>
|
|
|
1090 |
<div class="credits">
|
|
|
1091 |
<p>All rights reserved.©2017, Smart Dukaan</p>
|
|
|
1092 |
</div>
|
|
|
1093 |
</div>
|
|
|
1094 |
|
|
|
1095 |
</section>
|
|
|
1096 |
|
|
|
1097 |
<script type="text/javascript">
|
|
|
1098 |
context = "${rc.contextPath}";
|
|
|
1099 |
webApiScheme = "$webApiScheme";
|
|
|
1100 |
webApiRoot = "$webApiRoot";
|
|
|
1101 |
webApiHost = "$webApiHost";
|
|
|
1102 |
webApiPort = "$webApiPort";
|
|
|
1103 |
</script>
|
|
|
1104 |
#parse("include-scripts.vm")
|
|
|
1105 |
|
|
|
1106 |
<script type="text/javascript">
|
|
|
1107 |
$(document).ready(function () {
|
|
|
1108 |
$("#offerDescription").modal({backdrop: "static", keyboard: true, focus: true, show: false});
|
|
|
1109 |
var salesCloseFlag = true;
|
|
|
1110 |
$("#blue-dropdown").click(function () {
|
|
|
1111 |
// console.log("clicked");
|
|
|
1112 |
if (salesCloseFlag) {
|
|
|
1113 |
var containerWidth = $(".blue-bg").width()
|
|
|
1114 |
doGetAjaxRequestHandler(context + "/getMonthSale", function (response) {
|
|
|
1115 |
$('.monthsaleContainer').html(response);
|
|
|
1116 |
|
|
|
1117 |
$(".blue-bg").css({"position": "absolute", "z-index": "10"}).width(containerWidth);
|
|
|
1118 |
});
|
|
|
1119 |
} else {
|
|
|
1120 |
$(".blue-bg").removeAttr('style');
|
|
|
1121 |
$('.monthsaleContainer').html('');
|
|
|
1122 |
}
|
|
|
1123 |
salesCloseFlag = !salesCloseFlag;
|
|
|
1124 |
});
|
|
|
1125 |
|
|
|
1126 |
$(".bar_chart").click();
|
|
|
1127 |
|
|
|
1128 |
var month = 0;
|
|
|
1129 |
doGetAjaxRequestHandler(context + "/partnerTotalIncomeByMonth/" + month, function (response) {
|
|
|
1130 |
console.log(response);
|
|
|
1131 |
$(".partnerIncomeContainer").html(response);
|
|
|
1132 |
});
|
|
|
1133 |
|
|
|
1134 |
var investmentCloseFlag = true;
|
|
|
1135 |
$("#purple-dropdown").click(function () {
|
|
|
1136 |
console.log('hello');
|
|
|
1137 |
$(".flash").stop();
|
|
|
1138 |
// console.log("clicked");
|
|
|
1139 |
if (investmentCloseFlag) {
|
|
|
1140 |
var containerWidth = $(".purple-bg").width()
|
|
|
1141 |
doGetAjaxRequestHandler(context + "/investmentDetails", function (response) {
|
|
|
1142 |
$('.investmentContainer').html(response);
|
|
|
1143 |
$(".purple-bg").css({"position": "absolute", "z-index": "10"}).width(containerWidth);
|
|
|
1144 |
});
|
|
|
1145 |
} else {
|
|
|
1146 |
$(".purple-bg").removeAttr('style');
|
|
|
1147 |
$('.investmentContainer').html('');
|
|
|
1148 |
}
|
|
|
1149 |
investmentCloseFlag = !investmentCloseFlag;
|
|
|
1150 |
});
|
|
|
1151 |
});
|
|
|
1152 |
|
|
|
1153 |
function sleep(delay) {
|
|
|
1154 |
var start = new Date().getTime();
|
|
|
1155 |
while (new Date().getTime() < start + delay) ;
|
|
|
1156 |
}
|
|
|
1157 |
|
|
|
1158 |
$(document).on("click", ".priceDrop_chart",
|
|
|
1159 |
function () {
|
|
|
1160 |
$(".pd").css("color", "blue");
|
|
|
1161 |
$(".pd").css("background-color", "white");
|
|
|
1162 |
$(".ba").css("color", "white");
|
|
|
1163 |
$(".ba").css("background-color", "#C0C0C0");
|
|
|
1164 |
$(".pa").css("color", "white");
|
|
|
1165 |
$(".pa").css("background-color", "#C0C0C0");
|
|
|
1166 |
$(".la").css("color", "white");
|
|
|
1167 |
$(".la").css("background-color", "#C0C0C0");
|
|
|
1168 |
|
|
|
1169 |
$(".pac").css("color", "white");
|
|
|
1170 |
$(".pac").css("background-color", "#C0C0C0");
|
|
|
1171 |
|
|
|
1172 |
|
|
|
1173 |
$(".puo").css("color", "white");
|
|
|
1174 |
$(".puo").css("background-color", "#C0C0C0");
|
|
|
1175 |
|
|
|
1176 |
|
|
|
1177 |
sleep(500);
|
|
|
1178 |
doGetAjaxRequestHandler(context + "/getMonthlyPriceDrop", function (response) {
|
|
|
1179 |
|
|
|
1180 |
$('.ChartContainer').html(response);
|
|
|
1181 |
});
|
|
|
1182 |
});
|
|
|
1183 |
|
|
|
1184 |
|
|
|
1185 |
$(document).on("click", ".pending_activation_chart",
|
|
|
1186 |
function () {
|
|
|
1187 |
$(".pac").css("color", "blue");
|
|
|
1188 |
$(".pac").css("background-color", "white");
|
|
|
1189 |
|
|
|
1190 |
$(".pd").css("color", "white");
|
|
|
1191 |
$(".pd").css("background-color", "#C0C0C0");
|
|
|
1192 |
$(".ba").css("color", "white");
|
|
|
1193 |
$(".ba").css("background-color", "#C0C0C0");
|
|
|
1194 |
$(".pa").css("color", "white");
|
|
|
1195 |
$(".pa").css("background-color", "#C0C0C0");
|
|
|
1196 |
$(".la").css("color", "white");
|
|
|
1197 |
$(".la").css("background-color", "#C0C0C0");
|
|
|
1198 |
|
|
|
1199 |
$(".puo").css("color", "white");
|
|
|
1200 |
$(".puo").css("background-color", "#C0C0C0");
|
|
|
1201 |
|
|
|
1202 |
sleep(500);
|
|
|
1203 |
doGetAjaxRequestHandler(context + "/getMonthlyActivation", function (response) {
|
|
|
1204 |
|
|
|
1205 |
$('.ChartContainer').html(response);
|
|
|
1206 |
});
|
|
|
1207 |
});
|
|
|
1208 |
|
|
|
1209 |
$(document).on("click", ".purchase_line_chart",
|
|
|
1210 |
function () {
|
|
|
1211 |
$(".pa").css("color", "blue");
|
|
|
1212 |
$(".pa").css("background-color", "white");
|
|
|
1213 |
$(".ba").css("color", "white");
|
|
|
1214 |
$(".ba").css("background-color", "#C0C0C0");
|
|
|
1215 |
$(".pd").css("color", "white");
|
|
|
1216 |
$(".pd").css("background-color", "#C0C0C0");
|
|
|
1217 |
$(".la").css("color", "white");
|
|
|
1218 |
$(".la").css("background-color", "#C0C0C0");
|
|
|
1219 |
|
|
|
1220 |
$(".pac").css("color", "white");
|
|
|
1221 |
$(".pac").css("background-color", "#C0C0C0");
|
|
|
1222 |
|
|
|
1223 |
$(".puo").css("color", "white");
|
|
|
1224 |
$(".puo").css("background-color", "#C0C0C0");
|
|
|
1225 |
|
|
|
1226 |
doGetAjaxRequestHandler(context + "/getMonthlyPurchaseLineChart", function (response) {
|
|
|
1227 |
$('.ChartContainer').html(response);
|
|
|
1228 |
});
|
|
|
1229 |
});
|
|
|
1230 |
|
|
|
1231 |
$(document).on("click", ".lms_line_chart",
|
|
|
1232 |
function () {
|
|
|
1233 |
|
|
|
1234 |
$(".ba").css("color", "white");
|
|
|
1235 |
$(".ba").css("background-color", "#C0C0C0");
|
|
|
1236 |
$(".pa").css("color", "white");
|
|
|
1237 |
$(".pa").css("background-color", "#C0C0C0");
|
|
|
1238 |
$(".la").css("color", "blue");
|
|
|
1239 |
$(".la").css("background-color", "white");
|
|
|
1240 |
$(".pd").css("color", "white");
|
|
|
1241 |
$(".pd").css("background-color", "#C0C0C0");
|
|
|
1242 |
|
|
|
1243 |
$(".pac").css("color", "white");
|
|
|
1244 |
$(".pac").css("background-color", "#C0C0C0");
|
|
|
1245 |
|
|
|
1246 |
$(".puo").css("color", "white");
|
|
|
1247 |
$(".puo").css("background-color", "#C0C0C0");
|
|
|
1248 |
|
|
|
1249 |
doGetAjaxRequestHandler(context + "/getlmsLineChart", function (response) {
|
|
|
1250 |
$('.ChartContainer').html(response);
|
|
|
1251 |
});
|
|
|
1252 |
});
|
|
|
1253 |
|
|
|
1254 |
$(document).on("click", ".bar_chart",
|
|
|
1255 |
function () {
|
|
|
1256 |
$(".ba").css("color", "blue");
|
|
|
1257 |
$(".ba").css("background-color", "white");
|
|
|
1258 |
$(".la").css("color", "white");
|
|
|
1259 |
$(".la").css("background-color", "#C0C0C0");
|
|
|
1260 |
$(".pa").css("color", "white");
|
|
|
1261 |
$(".pa").css("background-color", "#C0C0C0");
|
|
|
1262 |
$(".pd").css("color", "white");
|
|
|
1263 |
$(".pd").css("background-color", "#C0C0C0");
|
|
|
1264 |
|
|
|
1265 |
$(".pac").css("color", "white");
|
|
|
1266 |
$(".pac").css("background-color", "#C0C0C0");
|
|
|
1267 |
|
|
|
1268 |
$(".puo").css("color", "white");
|
|
|
1269 |
$(".puo").css("background-color", "#C0C0C0");
|
|
|
1270 |
|
|
|
1271 |
|
|
|
1272 |
doGetAjaxRequestHandler(context + "/getBarChart", function (response) {
|
|
|
1273 |
$('.ChartContainer').html(response);
|
|
|
1274 |
});
|
|
|
1275 |
});
|
|
|
1276 |
|
|
|
1277 |
|
|
|
1278 |
$(document).on("click", ".pending_upgrade_offer",
|
|
|
1279 |
function () {
|
|
|
1280 |
|
|
|
1281 |
$(".puo").css("color", "blue");
|
|
|
1282 |
$(".puo").css("background-color", "white");
|
|
|
1283 |
|
|
|
1284 |
$(".ba").css("color", "white");
|
|
|
1285 |
$(".ba").css("background-color", "#C0C0C0");
|
|
|
1286 |
$(".la").css("color", "white");
|
|
|
1287 |
$(".la").css("background-color", "#C0C0C0");
|
|
|
1288 |
$(".pa").css("color", "white");
|
|
|
1289 |
$(".pa").css("background-color", "#C0C0C0");
|
|
|
1290 |
$(".pd").css("color", "white");
|
|
|
1291 |
$(".pd").css("background-color", "#C0C0C0");
|
|
|
1292 |
|
|
|
1293 |
$(".pac").css("color", "white");
|
|
|
1294 |
$(".pac").css("background-color", "#C0C0C0");
|
|
|
1295 |
|
|
|
1296 |
doGetAjaxRequestHandler(context + "/getMonthlySamsungUpgradeOffer", function (response) {
|
|
|
1297 |
$('.ChartContainer').html(response);
|
|
|
1298 |
});
|
|
|
1299 |
});
|
|
|
1300 |
|
|
|
1301 |
|
|
|
1302 |
$(document).on("click", "p.description-offer",
|
|
|
1303 |
function (e) {
|
|
|
1304 |
var offerid = $(this).data('offerid');
|
|
|
1305 |
console.log(offerid);
|
|
|
1306 |
doGetAjaxRequestHandler(context + "/getOfferMargins?offerId="
|
|
|
1307 |
+ offerid, function (response) {
|
|
|
1308 |
$('.offer-margin-container .modal-content').html(response);
|
|
|
1309 |
$("#offerDescription").modal('handleUpdate');
|
|
|
1310 |
$("#offerDescription").modal('show');
|
|
|
1311 |
});
|
|
|
1312 |
});
|
|
|
1313 |
|
|
|
1314 |
|
|
|
1315 |
$(document).on("click", ".cancel-description",
|
|
|
1316 |
function (e) {
|
|
|
1317 |
$("#descriptionMenu").empty();
|
|
|
1318 |
});
|
|
|
1319 |
|
|
|
1320 |
|
|
|
1321 |
$(document).on("click", "#cancel-model", function (e) {
|
|
|
1322 |
$("#descriptionMenu").empty();
|
|
|
1323 |
});
|
|
|
1324 |
|
|
|
1325 |
$(document).on('change', "#month-wise-total-income", function () {
|
|
|
1326 |
|
|
|
1327 |
var month = $(this).val();
|
|
|
1328 |
console.log(month);
|
|
|
1329 |
|
|
|
1330 |
doGetAjaxRequestHandler(context + "/partnerTotalIncomeByMonth/" + month, function (response) {
|
|
|
1331 |
console.log(response);
|
|
|
1332 |
$(".partnerIncomeContainer").html(response);
|
|
|
1333 |
});
|
|
|
1334 |
});
|
|
|
1335 |
|
|
|
1336 |
|
|
|
1337 |
$(document).on('change', "#performance-months", function () {
|
|
|
1338 |
|
|
|
1339 |
var month = $("#performance-months").val();
|
|
|
1340 |
console.log(month);
|
|
|
1341 |
|
|
|
1342 |
doGetAjaxRequestHandler(context + "/getMonthsInvestment?month=" + month, function (response) {
|
|
|
1343 |
console.log(response);
|
|
|
1344 |
$("#performanceContainer").html(response);
|
|
|
1345 |
|
|
|
1346 |
});
|
|
|
1347 |
});
|
|
|
1348 |
|
|
|
1349 |
|
|
|
1350 |
$(document).on('change', "#offer-months,#mk_offer_brand_filter", function () {
|
|
|
1351 |
var monthSearch = $('#offer-months').val();
|
|
|
1352 |
var brandFilter = $('#mk_offer_brand_filter').val();
|
|
|
1353 |
console.log("monthSearch - ", monthSearch)
|
|
|
1354 |
console.log("brandFilter - ", brandFilter)
|
|
|
1355 |
var url;
|
|
|
1356 |
if (!brandFilter) {
|
|
|
1357 |
url = `${context}/published-offers?yearMonth=${monthSearch}`;
|
|
|
1358 |
} else {
|
|
|
1359 |
url = `${context}/published-offers?yearMonth=${monthSearch}&brandFilter=${brandFilter}`;
|
|
|
1360 |
}
|
|
|
1361 |
console.log("url - ", url);
|
|
|
1362 |
doGetAjaxRequestHandler(url, function (response) {
|
|
|
1363 |
$("#offer-container").html(response);
|
|
|
1364 |
});
|
|
|
1365 |
});
|
|
|
1366 |
|
|
|
1367 |
|
|
|
1368 |
$(document).on("click", ".pndg-status", function () {
|
|
|
1369 |
console.log("Hello");
|
|
|
1370 |
pendingOrderStatus("main-content");
|
|
|
1371 |
});
|
|
|
1372 |
|
|
|
1373 |
function pendingOrderStatus(domId) {
|
|
|
1374 |
doGetAjaxRequestHandler(context + "/getPendingOrderStatus", function (response) {
|
|
|
1375 |
console.log(response);
|
|
|
1376 |
$('#' + domId).html(response);
|
|
|
1377 |
});
|
|
|
1378 |
}
|
|
|
1379 |
|
|
|
1380 |
$(document).on("click", ".billed-status", function () {
|
|
|
1381 |
console.log("Hello");
|
|
|
1382 |
billedOrderStatus("main-content");
|
|
|
1383 |
});
|
|
|
1384 |
|
|
|
1385 |
function billedOrderStatus(domId) {
|
|
|
1386 |
doGetAjaxRequestHandler(context + "/getBilledOrderStatus", function (response) {
|
|
|
1387 |
console.log(response);
|
|
|
1388 |
$('#' + domId).html(response);
|
|
|
1389 |
});
|
|
|
1390 |
}
|
|
|
1391 |
|
|
|
1392 |
$(document).on("click", ".shipped-status", function () {
|
|
|
1393 |
console.log("Hello");
|
|
|
1394 |
shippedOrderStatus("main-content");
|
|
|
1395 |
});
|
|
|
1396 |
|
|
|
1397 |
function shippedOrderStatus(domId) {
|
|
|
1398 |
doGetAjaxRequestHandler(context + "/getShippedOrderStatus", function (response) {
|
|
|
1399 |
console.log(response);
|
|
|
1400 |
$('#' + domId).html(response);
|
|
|
1401 |
});
|
|
|
1402 |
}
|
|
|
1403 |
|
|
|
1404 |
$(document).on("click", ".grn-status", function () {
|
|
|
1405 |
console.log("Hello");
|
|
|
1406 |
grnOrderStatus("main-content");
|
|
|
1407 |
});
|
|
|
1408 |
|
|
|
1409 |
function grnOrderStatus(domId) {
|
|
|
1410 |
doGetAjaxRequestHandler(context + "/getGrnPendingOrderStatus", function (response) {
|
|
|
1411 |
console.log(response);
|
|
|
1412 |
$('#' + domId).html(response);
|
|
|
1413 |
});
|
|
|
1414 |
}
|
|
|
1415 |
|
|
|
1416 |
function lastMonthCreditIncome(domId) {
|
|
|
1417 |
let monthVal = $("#month-wise-total-income").val();
|
|
|
1418 |
doGetAjaxRequestHandler(`${context}/monthWisePartnerIncome/${monthVal}`, function (response) {
|
|
|
1419 |
console.log(response);
|
|
|
1420 |
$('#' + domId).html(response);
|
|
|
1421 |
});
|
|
|
1422 |
}
|
|
|
1423 |
|
|
|
1424 |
$(document).on("click", ".pending-income", function () {
|
|
|
1425 |
console.log("Hello");
|
|
|
1426 |
lastMonthCreditIncome("main-content");
|
|
|
1427 |
});
|
|
|
1428 |
|
|
|
1429 |
$(document).on("click", ".total-income-calc", function () {
|
|
|
1430 |
console.log("Hello");
|
|
|
1431 |
lastMonthCreditIncome("main-content");
|
|
|
1432 |
});
|
|
|
1433 |
|
|
|
1434 |
|
|
|
1435 |
</script>
|
|
|
1436 |
<script>
|
|
|
1437 |
|
|
|
1438 |
//knob
|
|
|
1439 |
$(function () {
|
|
|
1440 |
/*$(".knob").knob({
|
|
|
1441 |
'draw' : function () {
|
|
|
1442 |
$(this.i).val(this.cv + '%')
|
|
|
1443 |
}
|
|
|
1444 |
});*/
|
|
|
1445 |
$.fn.dataTable.moment('DD/MM/YYYY');
|
|
|
1446 |
$.fn.dataTable.moment('DD/MM/YYYY hh:mm');
|
|
|
1447 |
$('.currency').each(function (index, ele) {
|
|
|
1448 |
if (!isNaN(parseInt($(ele).html()))) {
|
|
|
1449 |
$(ele).html(numberToComma($(ele).html()));
|
|
|
1450 |
}
|
|
|
1451 |
});
|
|
|
1452 |
});
|
|
|
1453 |
|
|
|
1454 |
$(function () {
|
|
|
1455 |
var profile = localStorage.getItem('profile');
|
|
|
1456 |
if (profile) {
|
|
|
1457 |
$("#photo").attr("src", JSON.parse(profile).image_url);
|
|
|
1458 |
$("#fofo_name").text(JSON.parse(profile).name);
|
|
|
1459 |
} else {
|
|
|
1460 |
$("#photo").attr("src", "");
|
|
|
1461 |
$("#fofo_name").text("Welcome, User");
|
|
|
1462 |
}
|
|
|
1463 |
});
|
|
|
1464 |
|
|
|
1465 |
$(function () {
|
|
|
1466 |
var bag = localStorage.getItem('bag');
|
|
|
1467 |
console.log(bag);
|
|
|
1468 |
if (bag) {
|
|
|
1469 |
console.log("yes");
|
|
|
1470 |
//$("#cart_bar").find('span').text(10);
|
|
|
1471 |
$("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
|
|
|
1472 |
} else {
|
|
|
1473 |
$("#cart_bar").find('span').text(0);
|
|
|
1474 |
}
|
|
|
1475 |
});
|
|
|
1476 |
|
|
|
1477 |
$("#logout").click(function () {
|
|
|
1478 |
localStorage.profile = undefined;
|
|
|
1479 |
});
|
|
|
1480 |
#set($partnerInvestment = $investments.get("investment"))
|
|
|
1481 |
saleAmount = numberToComma($partnerInvestment.getSalesAmount());
|
|
|
1482 |
minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
|
|
|
1483 |
totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
|
|
|
1484 |
shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
|
|
|
1485 |
grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
|
|
|
1486 |
unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
|
|
|
1487 |
inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
|
|
|
1488 |
walletAmount = numberToComma($partnerInvestment.getWalletAmount());
|
|
|
1489 |
shortAmount = numberToComma($partnerInvestment.getShortInvestment());
|
|
|
1490 |
minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
|
|
|
1491 |
isInvestmentOk = $isInvestmentOk;
|
|
|
1492 |
starTotal = 5;
|
|
|
1493 |
/*ratings = {
|
|
|
1494 |
current: $currentMonthRating,
|
|
|
1495 |
last: $lastMonthRating,
|
|
|
1496 |
tilldate: $ratingTillDate
|
|
|
1497 |
};
|
|
|
1498 |
for (const rating in ratings) {
|
|
|
1499 |
// 2
|
|
|
1500 |
const starPercentage = (ratings[rating] / starTotal) * 100;
|
|
|
1501 |
// 3
|
|
|
1502 |
const starPercentageRounded = `${starPercentage}%`;
|
|
|
1503 |
// 4
|
|
|
1504 |
document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
|
|
|
1505 |
}*/
|
|
|
1506 |
|
|
|
1507 |
hasGift =$hasGift;
|
|
|
1508 |
giftItemId = $giftItemId;
|
|
|
1509 |
monthDays =$monthDays;
|
|
|
1510 |
dayOfMonth = $dayOfMonth;
|
|
|
1511 |
$(function () {
|
|
|
1512 |
$('#links_bar').popover({
|
|
|
1513 |
container: ".notification-row",
|
|
|
1514 |
template: `<div class="popover" style="min-width: 18%;">
|
|
|
1515 |
<div class="arrow"></div>
|
|
|
1516 |
<div class="popover-inner">
|
|
|
1517 |
<h4 class="popover-title">
|
|
|
1518 |
</h4>
|
|
|
1519 |
<div class="popover-content"><p></p></div>
|
|
|
1520 |
</div>
|
|
|
1521 |
</div>`,
|
|
|
1522 |
html: true,
|
|
|
1523 |
content: `<div class="container-fluid">
|
|
|
1524 |
<div class="row"><h5 class="page-header" style="color:#333;margin:6px 0 3px">Quick Links</h5></div>
|
|
|
1525 |
<div class="row">
|
|
|
1526 |
<div class="col-lg-3">
|
|
|
1527 |
<a href="/spicemoney/getToken" target="_blank" href="">
|
|
|
1528 |
<img title="Spice Money" src="/resources/images/icons/provider-logos/spicemoney.jpg" style="width:40px"></img>
|
|
|
1529 |
</a>
|
|
|
1530 |
</div>
|
|
|
1531 |
</div>
|
|
|
1532 |
</div>`,
|
|
|
1533 |
placement: "bottom",
|
|
|
1534 |
trigger: "focus"
|
|
|
1535 |
});
|
|
|
1536 |
});
|
|
|
1537 |
|
|
|
1538 |
function showAttendanceModal() {
|
|
|
1539 |
var today = new Date().getTime();
|
|
|
1540 |
if ($.cookie("punchIn") == undefined) {
|
|
|
1541 |
document.cookie = "punchIn=" + today;
|
|
|
1542 |
}
|
|
|
1543 |
if (today >= parseInt($.cookie("punchIn"))) {
|
|
|
1544 |
doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function (response) {
|
|
|
1545 |
if (response == 'true') {
|
|
|
1546 |
$('#punchInOutModal').modal('hide');
|
|
|
1547 |
clearInterval(stopInterval);
|
|
|
1548 |
} else {
|
|
|
1549 |
$("#punch-in-out-model").html(response);
|
|
|
1550 |
$('#punchInOutModal').modal('show');
|
|
|
1551 |
var time = today + 30 * 60 * 1000
|
|
|
1552 |
document.cookie = "punchIn=" + time;
|
|
|
1553 |
}
|
|
|
1554 |
});
|
|
|
1555 |
}
|
|
|
1556 |
}
|
|
|
1557 |
|
|
|
1558 |
var stopInterval;
|
|
|
1559 |
$(document).ready(function () {
|
|
|
1560 |
stopInterval = setInterval(showAttendanceModal, 100000000);
|
|
|
1561 |
|
|
|
1562 |
$('div.message-filter').on('click', 'button', function () {
|
|
|
1563 |
|
|
|
1564 |
messageType = $(this).data("messagetype");
|
|
|
1565 |
notifyTypeChange(messageType, $(this));
|
|
|
1566 |
|
|
|
1567 |
});
|
|
|
1568 |
});
|
|
|
1569 |
|
|
|
1570 |
|
|
|
1571 |
$(function () {
|
|
|
1572 |
if (navigator.geolocation) {
|
|
|
1573 |
navigator.geolocation.getCurrentPosition(showPosition);
|
|
|
1574 |
} else {
|
|
|
1575 |
console.log("Geolocation is not supported by browser.");
|
|
|
1576 |
}
|
|
|
1577 |
loaderDialogObj = bootbox.dialog({
|
|
|
1578 |
message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
|
|
|
1579 |
show: false
|
|
|
1580 |
});
|
|
|
1581 |
|
|
|
1582 |
/* Assign empty url value to the iframe src attribute when
|
|
|
1583 |
modal hide, which stop the video playing */
|
|
|
1584 |
$("#videoModal").on('hide.bs.modal', function () {
|
|
|
1585 |
$("#trainingVideo").attr('src', '');
|
|
|
1586 |
});
|
|
|
1587 |
|
|
|
1588 |
/* Assign the initially stored url back to the iframe src
|
|
|
1589 |
attribute when modal is displayed again */
|
|
|
1590 |
$("#videoModal").on('show.bs.modal', function (event) {
|
|
|
1591 |
let button = $(event.relatedTarget);
|
|
|
1592 |
let youtubeUrl = button.data("src");
|
|
|
1593 |
$("#trainingVideo").attr('src', `//www.youtube.com/embed/${youtubeUrl}?autoplay=1`);
|
|
|
1594 |
});
|
|
|
1595 |
|
|
|
1596 |
});
|
|
|
1597 |
</script>
|
|
|
1598 |
<div id="punchInOutModal" class="modal" role="dialog">
|
|
|
1599 |
<div class="modal-dialog">
|
|
|
1600 |
|
|
|
1601 |
<!-- Modal content-->
|
|
|
1602 |
<div class="modal-content">
|
|
|
1603 |
<div class="modal-header">
|
|
|
1604 |
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
|
1605 |
<h4 class="modal-title">Punch In Out</h4>
|
|
|
1606 |
</div>
|
|
|
1607 |
<div class="modal-body">
|
|
|
1608 |
<div id="punch-in-out-model">
|
|
|
1609 |
|
|
|
1610 |
</div>
|
|
|
1611 |
</div>
|
|
|
1612 |
</div>
|
|
|
1613 |
</div>
|
|
|
1614 |
</div>
|
|
|
1615 |
</section>
|
|
|
1616 |
</body>
|
|
|
1617 |
|
|
|
1618 |
<!-- Modal HTML -->
|
|
|
1619 |
<div id="videoModal" class="modal fade">
|
|
|
1620 |
<div class="modal-dialog">
|
|
|
1621 |
<div class="modal-content">
|
|
|
1622 |
<div class="modal-body">
|
|
|
1623 |
<div class="embed-responsive embed-responsive-16by9">
|
|
|
1624 |
<iframe id="trainingVideo" class="embed-responsive-item" width="560" height="315"
|
|
|
1625 |
allowfullscreen allow="autoplay"></iframe>
|
|
|
1626 |
</div>
|
|
|
1627 |
</div>
|
|
|
1628 |
</div>
|
|
|
1629 |
</div>
|
|
|
1630 |
</div>
|
|
|
1631 |
</html>
|
|
|
1632 |
<style>
|
|
|
1633 |
|
|
|
1634 |
|
|
|
1635 |
.popover2 {
|
|
|
1636 |
min-width: 30em;
|
|
|
1637 |
height: 410px;
|
|
|
1638 |
overflow: auto;
|
|
|
1639 |
padding: 8px 5px;
|
|
|
1640 |
overflow-x: hidden;
|
|
|
1641 |
|
|
|
1642 |
}
|
|
|
1643 |
|
|
|
1644 |
.popover1 {
|
|
|
1645 |
min-width: 30em;
|
|
|
1646 |
|
|
|
1647 |
|
|
|
1648 |
}
|
|
|
1649 |
|
|
|
1650 |
.mark {
|
|
|
1651 |
font-size: 13px;
|
|
|
1652 |
padding: 5px 6px;
|
|
|
1653 |
border: solid 3px red;
|
|
|
1654 |
margin-bottom: -14px;
|
|
|
1655 |
color: red;
|
|
|
1656 |
|
|
|
1657 |
}
|
|
|
1658 |
|
|
|
1659 |
.mark.btn-pressed {
|
|
|
1660 |
color: black;
|
|
|
1661 |
background: white;
|
|
|
1662 |
font-size: 17px;
|
|
|
1663 |
border-radius: 3px;
|
|
|
1664 |
border: solid 2px black;
|
|
|
1665 |
}
|
|
|
1666 |
|
|
|
1667 |
.price {
|
|
|
1668 |
padding: 5px 6px;
|
|
|
1669 |
font-size: 13px;
|
|
|
1670 |
border: solid 1px black;
|
|
|
1671 |
border: solid 3px red;
|
|
|
1672 |
margin-bottom: -14px;
|
|
|
1673 |
color: red;
|
|
|
1674 |
|
|
|
1675 |
}
|
|
|
1676 |
|
|
|
1677 |
.price.btn-pressed {
|
|
|
1678 |
color: black;
|
|
|
1679 |
background: white;
|
|
|
1680 |
font-size: 17px;
|
|
|
1681 |
border: solid 2px black;
|
|
|
1682 |
}
|
|
|
1683 |
|
|
|
1684 |
.schem {
|
|
|
1685 |
color: red;
|
|
|
1686 |
padding: 5px 6px;
|
|
|
1687 |
font-size: 13px;
|
|
|
1688 |
border: solid 3px red;
|
|
|
1689 |
margin-bottom: -14px;
|
|
|
1690 |
|
|
|
1691 |
}
|
|
|
1692 |
|
|
|
1693 |
.schem.btn-pressed {
|
|
|
1694 |
color: black;
|
|
|
1695 |
background: white;
|
|
|
1696 |
font-size: 17px;
|
|
|
1697 |
border: solid 2px black;
|
|
|
1698 |
}
|
|
|
1699 |
|
|
|
1700 |
.notify-messages {
|
|
|
1701 |
min-height: 65px;
|
|
|
1702 |
}
|
|
|
1703 |
|
|
|
1704 |
.notifi {
|
|
|
1705 |
padding: 5px 6px;
|
|
|
1706 |
font-size: 13px;
|
|
|
1707 |
margin-bottom: -14px;
|
|
|
1708 |
|
|
|
1709 |
color: red;
|
|
|
1710 |
border: solid 3px red;
|
|
|
1711 |
}
|
|
|
1712 |
|
|
|
1713 |
.notifi.btn-pressed {
|
|
|
1714 |
color: black;
|
|
|
1715 |
font-size: 17px;
|
|
|
1716 |
border: solid 2px black;
|
|
|
1717 |
background: white;
|
|
|
1718 |
}
|
|
|
1719 |
|
|
|
1720 |
#offer-container {
|
|
|
1721 |
overflow-y: auto;
|
|
|
1722 |
max-height: 367px;
|
|
|
1723 |
}
|
|
|
1724 |
|
|
|
1725 |
|
|
|
1726 |
canvas {
|
|
|
1727 |
-moz-user-select: none;
|
|
|
1728 |
-webkit-user-select: none;
|
|
|
1729 |
-ms-user-select: none;
|
|
|
1730 |
}
|
|
|
1731 |
</style>
|
|
|
1732 |
</script>
|
|
|
1733 |
|
|
|
1734 |
|
|
|
1735 |
<script type="text/javascript">
|
|
|
1736 |
window.onload = function () {
|
|
|
1737 |
if (window.innerWidth < 1920) document.body.style.zoom = "80%";
|
|
|
1738 |
var options = $chartMap;
|
|
|
1739 |
var ctx = document.getElementById('barchart').getContext('2d');
|
|
|
1740 |
window.bar = new Chart1(ctx, options);
|
|
|
1741 |
};
|
|
|
1742 |
</script>
|
|
|
1743 |
|
|
|
1744 |
|
|
|
1745 |
<script>
|
|
|
1746 |
function makeAjaxRequest() {
|
|
|
1747 |
$.ajax({
|
|
|
1748 |
url: 'https://partners.smartdukaan.com/psi/auth-endpoint',
|
|
|
1749 |
method: 'GET',
|
|
|
1750 |
dataType: 'xml', // Assuming the response is in XML format
|
|
|
1751 |
success: function (responseXml) {
|
|
|
1752 |
var responseUrl = $(responseXml).find('response').text();
|
|
|
1753 |
if (responseUrl) {
|
|
|
1754 |
// Open a new tab with the response URL
|
|
|
1755 |
window.open(responseUrl, '_blank');
|
|
|
1756 |
} else {
|
|
|
1757 |
console.error('Response URL not found in the XML');
|
|
|
1758 |
}
|
|
|
1759 |
},
|
|
|
1760 |
error: function (jqXHR, textStatus, errorThrown) {
|
|
|
1761 |
console.error('AJAX Request Failed:', textStatus, errorThrown);
|
|
|
1762 |
}
|
|
|
1763 |
});
|
|
|
1764 |
}
|
|
|
1765 |
|
|
|
1766 |
|
|
|
1767 |
$(document).on('click', '#viewSaleBarChart', function () {
|
|
|
1768 |
let from = $('#chartForm').val();
|
|
|
1769 |
let to = $('#chartTo').val();
|
|
|
1770 |
let quantity_type = $('select[name="quantityType"]').val();
|
|
|
1771 |
console.log("from - ", from);
|
|
|
1772 |
console.log("to - ", to);
|
|
|
1773 |
console.log("tquantity_typeo - ", quantity_type);
|
|
|
1774 |
|
|
|
1775 |
doGetAjaxRequestHandler(`${context}/getBarChart?from=${from}&to=${to}&isQuantity=${quantity_type}`, function (response) {
|
|
|
1776 |
console.log("res - ", response);
|
|
|
1777 |
$('.model_charbar_container').html("");
|
|
|
1778 |
$('.ChartContainer').html(response);
|
|
|
1779 |
});
|
|
|
1780 |
});
|
|
|
1781 |
</script>
|