Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
21627 kshitij.so 1
<!DOCTYPE html>
2
<html lang="en">
3
  <head>
4
    <meta charset="utf-8">
22095 kshitij.so 5
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
36080 aman 6
	  <meta name="description" content="Smart Dukaan Partner Dashboard">
23166 amit.gupta 7
    <meta name="author" content="smartdukaan">
25428 amit.gupta 8
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">--> 
24022 amit.gupta 9
	<link rel="shortcut icon" href="assets/images/icons/favicon.png">
21627 kshitij.so 10
 
36080 aman 11
	  <title>Smart Dukaan - Partner Dashboard</title>
21627 kshitij.so 12
 
13
    <!-- Bootstrap CSS -->    
14
    <!-- bootstrap theme -->
15
    <!--external css-->
16
    <!-- font icon -->
17
    <link href="resources/css/elegant-icons-style.css" rel="stylesheet" />
18
    <link href="resources/css/font-awesome.min.css" rel="stylesheet" />    
19
    <!-- full calendar css-->
20
    <!-- owl carousel -->
21
    <link rel="stylesheet" href="resources/css/owl.carousel.css" type="text/css">
22
	<link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
23
    <!-- Custom styles -->
24
	<link href="resources/css/widgets.css" rel="stylesheet">
24566 amit.gupta 25
    <link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
25143 amit.gupta 26
    <link href="resources/css/card.css?v=${cssVersion}" rel="stylesheet">
21627 kshitij.so 27
    <link href="resources/css/style-responsive.css" rel="stylesheet" />
28
	<link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
24066 amit.gupta 29
    <link type="text/css" href="resources/css/bootstrap.css" rel="stylesheet">
30
	<!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
31
    <link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
23884 amit.gupta 32
	<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
33
 
23026 ashik.ali 34
	<link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css" />
23405 amit.gupta 35
	<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css"/>
24976 amit.gupta 36
	<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
23343 ashik.ali 37
	<style type="text/css">
38
		.loading {
39
  			display: none;
40
		}
23884 amit.gupta 41
		.breadcrumb {
42
    		padding: 0 15px;
43
    	}
24098 tejbeer 44
 
25654 amit.gupta 45
    	.stars-outer {
46
		  display: inline-block;
47
		  position: relative;
48
		  font-family: FontAwesome;
49
		}
50
 
51
		.stars-outer::before {
25671 amit.gupta 52
		  content: "\f006 \f006 \f006 \f006 \f006";
25654 amit.gupta 53
		}
54
 
55
		.stars-inner {
56
		  position: absolute;
57
		  top: 0;
58
		  left: 0;
59
		  white-space: nowrap;
60
		  overflow: hidden;
61
		  width: 0;
62
		}
63
 
64
		.stars-inner::before {
25671 amit.gupta 65
		  content: "\f005 \f005 \f005 \f005 \f005";
25654 amit.gupta 66
		  color: #f8ce0b;
67
		}
24098 tejbeer 68
 
25654 amit.gupta 69
 
24098 tejbeer 70
	.table-striped > tbody > tr:nth-child(odd) > td{
71
  		background: white;
24144 tejbeer 72
  		background-color: #dae5f4;
24098 tejbeer 73
	}
74
	.table-striped > tbody > tr:nth-child(even) > td{
24144 tejbeer 75
  		background:  #f2f2f2;
76
  		background-color: #b8d1f3;
24098 tejbeer 77
	}
78
 
79
	.btn:hover{
80
  		color: grey;
81
  		text-decoration: none;
82
	}
83
	.btn-primary:hover{
84
  		color: grey;
85
  		text-decoration: none;
86
	}
87
	.sale-details{
88
		cursor:pointer;
89
	}
24895 amit.gupta 90
 
91
	.popover {
92
		min-width:18%;
93
	}
24976 amit.gupta 94
	.fa-2x {
95
		font-size:1.4em;
96
	}
25148 amit.gupta 97
	.cover {
98
	  object-fit: cover;
99
	  width: 100%;
100
	  height: 90px;
25150 amit.gupta 101
	  padding: 8px;
25148 amit.gupta 102
	}
25683 tejbeer 103
	.info-box .notifications i {
104
    display: inline-block;
105
    margin-top:0px;
106
    height: 25px;
107
    font-size: 16px;
108
    line-height: 25px;
109
    width: 25px;
110
    float: none;
111
    text-align: center;
112
    padding-right: 0px;
113
    color:#768399;
114
  }
115
 
25234 amit.gupta 116
	#preview {
25235 amit.gupta 117
	  position: relative;
25234 amit.gupta 118
	  color: #fff;
119
	  float: left;
25235 amit.gupta 120
	  width: 100%;
25234 amit.gupta 121
	  -webkit-border-radius: 10px;
122
	  -moz-border-radius: 10px;
123
	  border-radius: 10px;
124
	  clear: both;
125
	}
126
	#canvas-preview{
25236 amit.gupta 127
	  width: 100%;
25234 amit.gupta 128
	  position: relative;
25238 amit.gupta 129
	  top:-15px;
25234 amit.gupta 130
	}
131
	#preview-textfield{
25239 amit.gupta 132
	  position: absolute; top: -10px; left: 0; right: 0;
25234 amit.gupta 133
	  text-align: center; font-size: 2em; font-weight: bold;
25235 amit.gupta 134
	  color: white; font-family: 'Amaranth', sans-serif;
25234 amit.gupta 135
	}
136
 
25654 amit.gupta 137
 
23343 ashik.ali 138
	</style>
21627 kshitij.so 139
  </head>
140
 
24436 amit.gupta 141
  <body style="zoom:90%;background-color:#f7f7f7">
23343 ashik.ali 142
  <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
21627 kshitij.so 143
  <!-- container section start -->
25739 amit.gupta 144
  <section id="container" class="sidebar-closed">
21627 kshitij.so 145
 
146
 
147
      <header class="header dark-bg">
148
            <div class="toggle-nav">
149
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
150
            </div>
151
 
26006 amit.gupta 152
            <a href="${rc.contextPath}/dashboard" class="logo">Smart Dukaan - $fofoStore.getDisplayName()</a>
25654 amit.gupta 153
            <a href="#"><img src="${partnerTypeImage}" width="60px" class="target-slide"></a>
154
 
22482 ashik.ali 155
            <div class="top-nav notification-row">
21627 kshitij.so 156
                <!-- notificatoin dropdown start-->
157
                <ul class="nav pull-right top-menu">
24523 amit.gupta 158
	                <li class="dropdown">
159
	            		<a data-toggle="dropdown" class="dropdown-toggle" href="#">
160
	                        <img style="height:38px" src="/resources/images/icons/care1.jpg" />
161
	                        <span class="username" style="font-size:15px">CARE</span>
162
	                        <b class="caret"></b>
163
	                    </a>
164
	                    <ul class="dropdown-menu extended logout">
165
	                        <div class="log-arrow-up"></div>
166
	                        <li class="eborder-top">
167
	                            <a class="create-ticket" href="javascript:void(0);"><i></i>Create Ticket</a>
168
	                            <a class="my-ticket" href="javascript:void(0);"><i class=""></i>View Tickets</a>
169
	                        </li>
170
	                        <li></li>
171
	                    </ul>
172
	                </li>
22551 ashik.ali 173
 
24976 amit.gupta 174
                    <li class="dropdown" style="margin-top:3px;">
175
                        <a href="javascript:void(0);"  id="links_bar" style="color:#D3181F" class="btn btn-link" data-toggle="popover">
176
                            <i title="third-party dashboards" class="glyphicon glyphicon-th fa-2x"></i>
24895 amit.gupta 177
                        </a>
178
                    </li> 
179
 
24976 amit.gupta 180
                    <li class="dropdown" style="margin-top:5px;">
25577 amit.gupta 181
                        <a href="javascript:void(0);"  class="download_reports btn btn-link" style="color:#D3181F">
24976 amit.gupta 182
                            <i title="reports" class="far fa-list-alt fa-2x"></i>
183
                        </a>
184
                    </li> 
185
 
186
 
22551 ashik.ali 187
                    <li id="wallet_bar" class="dropdown">
188
                        <a data-toggle="dropdown" class="dropdown-toggle wallet_icon_header" href="javascript:void(0);">
24976 amit.gupta 189
                            <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
22551 ashik.ali 190
                        </a>
191
                    </li> 
22482 ashik.ali 192
 
22601 ashik.ali 193
                    <li id="cart_bar" class="dropdown">
24976 amit.gupta 194
                        <a  class="cart_icon_header" href="javascript:void(0);">
195
                            <i class="fas fa-shopping-cart fa-2x" aria-hidden="true"></i>
21987 kshitij.so 196
                            <span class="badge bg-important"></span>
197
                        </a>
198
                    </li>
199
 
200
 
21627 kshitij.so 201
                    <!-- alert notification start-->
24976 amit.gupta 202
                    <!--<li id="alert_notificatoin_bar" class="dropdown">
21627 kshitij.so 203
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
204
 
205
                            <i class="icon-bell-l"></i>
21987 kshitij.so 206
                            <span class="badge bg-important">0</span>
21627 kshitij.so 207
                        </a>
208
                        <ul class="dropdown-menu extended notification">
209
                            <div class="notify-arrow notify-arrow-blue"></div>
210
                            <li>
211
                                <p class="blue">You have no new notifications</p>
212
                            </li>
213
                            <li>
214
                                <a href="#">
215
                                    <span class="label label-primary"><i class="icon_profile"></i></span> 
216
                                    Friend Request
217
                                    <span class="small italic pull-right">5 mins</span>
218
                                </a>
219
                            </li>
220
                            <li>
221
                                <a href="#">
222
                                    <span class="label label-warning"><i class="icon_pin"></i></span>  
223
                                    John location.
224
                                    <span class="small italic pull-right">50 mins</span>
225
                                </a>
226
                            </li>
227
                            <li>
228
                                <a href="#">
229
                                    <span class="label label-danger"><i class="icon_book_alt"></i></span> 
230
                                    Project 3 Completed.
231
                                    <span class="small italic pull-right">1 hr</span>
232
                                </a>
233
                            </li>
234
                            <li>
235
                                <a href="#">
236
                                    <span class="label label-success"><i class="icon_like"></i></span> 
237
                                    Mick appreciated your work.
238
                                    <span class="small italic pull-right"> Today</span>
239
                                </a>
240
                            </li>
241
                            <li>
242
                                <a href="#">See all notifications</a>
243
                            </li>
244
                        </ul>
245
                    </li>
24976 amit.gupta 246
                    -->
247
                    <!-- alert notification end -->
24478 amit.gupta 248
					<li class="dropdown">
249
                        <ul class="dropdown-menu extended">
250
                            <div class="log-arrow-up"></div>
251
                            <li class="eborder-top">
24523 amit.gupta 252
                                <a href="javascript:void(0);" class="create-ticket">Create Ticket</a>
24478 amit.gupta 253
                            </li>
254
                        </ul>
25455 amit.gupta 255
                    </li>
21627 kshitij.so 256
                    <!-- user login dropdown start-->
257
                    <li class="dropdown">
258
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
259
                            <span class="profile-ava">
260
                                <img class="avatar-custom" id="photo" alt="" src="">
261
                            </span>
262
                            <span class="username" id="fofo_name"></span>
263
                            <b class="caret"></b>
264
                        </a>
265
                        <ul class="dropdown-menu extended logout">
266
                            <div class="log-arrow-up"></div>
267
                            <li class="eborder-top">
23367 ashik.ali 268
                                <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My Profile</a>
24417 govind 269
                                 #if($isAdmin)
270
                                <a class="add-auth-user" href="javascript:void(0);"><i class=""></i>Add User</a>
271
                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change Password</a>
272
                            	#end
21627 kshitij.so 273
                            </li>
274
                            <li>
22163 amit.gupta 275
                                <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id = "logout"></i> Log Out</a>
21627 kshitij.so 276
                            </li>
277
                        </ul>
278
                    </li>
279
                    <!-- user login dropdown end -->
280
                </ul>
281
                <!-- notificatoin dropdown end-->
282
            </div>
283
      </header>      
284
      <!--header end-->
285
 
25148 amit.gupta 286
	<!--main content start-->
25772 amit.gupta 287
	<section id="main-content" style="margin-left:0">
25148 amit.gupta 288
		<section class="wrapper">
25136 amit.gupta 289
			<div class="row">
25159 amit.gupta 290
				<div class="col-lg-6">
291
					<div class="row">
25654 amit.gupta 292
						<div class="col-lg-7">
25159 amit.gupta 293
							<div class="info-box blue-bg">
25176 amit.gupta 294
								<i class="fa fa-chart-line"></i>
25182 amit.gupta 295
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
296
								<div class="row">
25289 amit.gupta 297
									<div class="col-lg-4 row">
25654 amit.gupta 298
										<div style="margin-top:0px" class="count currency">$salesMap.get("lmtdSale")</div>
299
										<div class="title">LMTD</div>						
300
									</div>						
301
									<div class="col-lg-4 row">
302
										<div style="margin-top:0px" class="count currency">$salesMap.get("mtdSale")</div>
303
										<div class="title">MTD</div>						
304
									</div>						
305
									<div class="col-lg-3 row">
25182 amit.gupta 306
										<div style="margin-top:0px" class="count currency">$salesMap.get("todaySale")</div>
307
										<div class="title">Today&apos;s</div>
308
									</div>
25654 amit.gupta 309
								</div>
310
							</div>
311
						</div>
312
						<div class="col-lg-5 row">
313
							<div class="info-box brown-bg">
314
 
315
								<div class="col-lg-12">
316
									<div class="col-lg-6">
317
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
318
										<div style="margin-top:0px" class="count">
319
											<span class="currency">$salesMap.get("currentRate")</span>/day
320
										</div>
321
										<img src="${salesMap.get('currentTypeImage')}" width="60px" class="target-slide">
322
									</div>
323
									<div class="col-lg-6 row">
324
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
325
										<div style="margin-top:0px" class="count currency">
326
											<span class="currency">$salesMap.get("requiredRate")</span>/day
327
										</div>
328
										<img src="${salesMap.get('requiredTypeImage')}" width="60px" class="target-slide">
25182 amit.gupta 329
									</div>						
330
								</div>
25159 amit.gupta 331
							</div>
25136 amit.gupta 332
						</div>
25654 amit.gupta 333
						<div class="col-lg-8">
334
						<div class="info-box purple-bg">
335
							<div class="col-lg-12 row">
336
								<i class="fa fa-coins"></i>
337
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
25214 amit.gupta 338
								<div class="row">
25289 amit.gupta 339
									<div class="col-lg-4 row">
25654 amit.gupta 340
										<div  style="margin-top:0px" class="count currency">$investments.get("today")</div>
341
										<div class="title">current</div>						
25214 amit.gupta 342
									</div>
25654 amit.gupta 343
									<div class="col-lg-3">
344
										<div  style="margin-top:0px" class="count">$investments.get("minimum")</div>
345
										<div class="title">min</div>						
346
									</div>
347
									<div class="col-lg-3 row" 
348
									#if(!$isInvestmentOk)
349
									style="color:mediumvioletred"
350
									#end
351
									>
352
										#if($investments.get("short")<=0)
353
										<div style="margin-top:0px" class="count">&gt;100%</div>
354
										<div class="title">OK</div>
355
										#else						
356
										<div style="margin-top:0px" class="count currency">$investments.get("short")%</div>
357
										<div class="title">short</div>
358
										#end
359
									</div>
25214 amit.gupta 360
								</div>
361
							</div>
362
						</div>
25654 amit.gupta 363
					</div>
25680 amit.gupta 364
					<div class="col-lg-4 row">
365
						<div class="info-box green-bg">
366
							<i class="fa fa-cubes"></i>
367
							<div class="count currency">$investments.get("inStock")</div>
368
							<div class="title">Total Stock</div>						
25140 amit.gupta 369
						</div>
370
					</div>
25680 amit.gupta 371
				</div>
372
				<div class="row">
373
					#foreach($brandStockPrice in $brandStockPrices)
374
					<div class="col-lg-3">
375
						<div class="card card-default">
376
							<span class="card-body" style="padding-bottom:0px">
377
								<table>
25214 amit.gupta 378
									<thead>
379
										<tr><td colspan="2">Current Stock</td></tr>
380
									</thead>
381
									<tbody>
25219 amit.gupta 382
										<tr><th>Qty</th><td>$brandStockPrice.getTotalQty()pc</td></tr>
383
										<tr><th>Value</th><td><span class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
25214 amit.gupta 384
									</tbody>
25680 amit.gupta 385
								</table>
386
								#if($brandStockPrice.getAgedValue()>0)
387
								<p style="color:#d15a57;font-weight:700" title="Focus Stock">
388
									<span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
389
								</p>
390
								#else
391
								<p>&nbsp;</p>
392
								#end
393
							</span>
394
							<span class="card-img">
25160 amit.gupta 395
								<img src="${brandStockPrice.getBrandUrl()}" class="cover">
25680 amit.gupta 396
							</span>
25160 amit.gupta 397
						</div>
398
					</div>
25680 amit.gupta 399
					#end
25136 amit.gupta 400
				</div>
25680 amit.gupta 401
			</div>
402
			<div class="col-lg-6">
403
				<div class="row col-lg-12 info-box white-bg">
404
					#parse("performance.vm")
405
				</div>
406
				<div class="row col-lg-12 info-box white-bg">
25683 tejbeer 407
					<div class="col-lg-4">
25680 amit.gupta 408
					<h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
409
					</h3>
25658 amit.gupta 410
					</div>
25683 tejbeer 411
					<div class="col-lg-4">
25680 amit.gupta 412
						<div class="btn-group message-filter"> 
413
							<button data-messagetype="notification" type="button" class="btn btn-default" aria-label="Notifications" title="Notifications">
414
							<span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button> 
415
							<button data-messagetype="announcement" type="button" class="btn btn-default" aria-label="Announcements" title="Announcements">
416
							<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button> 
417
							<button data-messagetype="scheme" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
418
								<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
419
							</button>
25658 amit.gupta 420
						</div>
421
					</div>
25680 amit.gupta 422
				    <div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
423
					</div>
24995 amit.gupta 424
				</div>
425
			</div>
25680 amit.gupta 426
		</div>
25148 amit.gupta 427
		</section>
428
    	<div class="text-center">
21627 kshitij.so 429
          <div class="credits">
23166 amit.gupta 430
          	<p>All rights reserved.&copy;2017, Smart Dukaan</p>
21627 kshitij.so 431
          </div>
22956 ashik.ali 432
		</div>
25148 amit.gupta 433
	</section>
21627 kshitij.so 434
 
22073 ashik.ali 435
	<script type="text/javascript">
25140 amit.gupta 436
		context="${rc.contextPath}";
24072 amit.gupta 437
		webApiScheme="$webApiScheme";
24077 amit.gupta 438
		webApiRoot="$webApiRoot";
23419 ashik.ali 439
		webApiHost="$webApiHost";
440
		webApiPort="$webApiPort";
22073 ashik.ali 441
	</script>
25657 amit.gupta 442
	#parse("include-scripts.vm")
443
 
21627 kshitij.so 444
  <script>
445
 
446
      //knob
447
      $(function() {
24303 amit.gupta 448
        /*$(".knob").knob({
21627 kshitij.so 449
          'draw' : function () { 
450
            $(this.i).val(this.cv + '%')
451
          }
24303 amit.gupta 452
        });*/
24019 amit.gupta 453
        $.fn.dataTable.moment( 'DD/MM/YYYY' );
454
        $.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
25145 amit.gupta 455
        $('.currency').each(function(index, ele) {
456
			if (!isNaN(parseInt($(ele).html()))) {
457
				$(ele).html(numberToComma($(ele).html()));
458
			}
459
		});
21627 kshitij.so 460
      });
461
 
462
      $(function() {
463
    	 	var profile = localStorage.getItem('profile');
464
    	 	if (profile){
465
    			$("#photo").attr("src",JSON.parse(profile).image_url);
466
    			$("#fofo_name").text(JSON.parse(profile).name);
467
    	 	}
468
    	 	else{
469
    	 		$("#photo").attr("src","");
470
    			$("#fofo_name").text("Welcome, User");
471
    	 	}
472
    	});
21987 kshitij.so 473
 
474
    	$(function() {
475
    	 	var bag = localStorage.getItem('bag');
476
    	 	console.log(bag);
477
    	 	if (bag){
478
    	 	console.log("yes");
479
    	 		//$("#cart_bar").find('span').text(10);
480
    	 		$("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
481
    	 	}
482
    	 	else{
483
    	 		$("#cart_bar").find('span').text(0);
484
    	 	}
485
    	});
22071 ashik.ali 486
 
487
    	$("#logout").click(function(){
488
    		localStorage.profile = undefined;
489
    	});
21627 kshitij.so 490
 
25190 amit.gupta 491
	#if($isAdmin)
492
	#else
25140 amit.gupta 493
	#set($partnerInvestment = $investments.get("investment"))	
494
	saleAmount = numberToComma($partnerInvestment.getSalesAmount());
495
	minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
496
	totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
497
	shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
498
	grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
499
	unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
500
	inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
501
	walletAmount = numberToComma($partnerInvestment.getWalletAmount());
502
	shortAmount = numberToComma($partnerInvestment.getShortInvestment());
503
	minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
504
 	isInvestmentOk = $isInvestmentOk;
30601 amit.gupta 505
	$(function () {
24056 amit.gupta 506
		if (navigator.geolocation) {
30601 amit.gupta 507
			navigator.geolocation.getCurrentPosition(showPosition);
508
		} else {
509
			console.log("Geolocation is not supported by browser.");
510
		}
511
		//dateRangeCallback(moment(),moment());
24016 amit.gupta 512
		loaderDialogObj = bootbox.dialog({
30601 amit.gupta 513
			message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
514
			show: false
24016 amit.gupta 515
		});
25666 amit.gupta 516
		starTotal = 5;
25654 amit.gupta 517
		ratings = {
30601 amit.gupta 518
			current: $currentMonthRating,
25675 amit.gupta 519
			last: $lastMonthRating,
520
			tilldate: $ratingTillDate
25654 amit.gupta 521
		}; 
522
		for(const rating in ratings) {  
523
		  // 2
524
		  const starPercentage = (ratings[rating] / starTotal) * 100;
525
		  // 3
25673 amit.gupta 526
		  const starPercentageRounded = `${starPercentage}%`;
25654 amit.gupta 527
		  // 4
528
		  document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded; 
529
		}
24016 amit.gupta 530
	});
25140 amit.gupta 531
 
24203 amit.gupta 532
	hasGift=$hasGift;
25140 amit.gupta 533
	giftItemId = $giftItemId;
25214 amit.gupta 534
	monthDays=$monthDays;
535
	dayOfMonth = $dayOfMonth;
25182 amit.gupta 536
	$(function(){
25140 amit.gupta 537
		$('#links_bar').popover({
538
			container:".notification-row",
539
			template:`<div class="popover">
540
							<div class="arrow"></div>
541
							<div class="popover-inner">
542
								<h4 class="popover-title">
543
								</h4>
544
								<div class="popover-content"><p></p></div>
545
							</div>
546
						</div>`,
547
		    html: true,
548
		    content: `<div class="container-fluid">
549
		    				<div class="row"><h5 class="page-header" style="color:#333;margin:6px 0 3px">Quick Links</h5></div>
550
		    				<div class="row">
551
							    <div class="col-lg-3">
552
								    <a href="//www.wiseappsadmin.com/store" target="_blank" href="">
553
								    	<img title="WiseApp Admin" src="/resources/images/icons/provider-logos/wiseapp.jpg"></img></a>
554
								    </div>
555
							</div>
556
		    			</div>`,
557
		    placement: "bottom",
558
		    trigger: "focus"
559
		});
560
	});
25215 amit.gupta 561
 
25140 amit.gupta 562
	function showAttendanceModal() {
563
		var today = new Date().getTime();
564
		if ($.cookie("punchIn") == undefined) {
565
			document.cookie = "punchIn=" + today;
566
		}
567
		if (today >= parseInt($.cookie("punchIn"))) {
25215 amit.gupta 568
			doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function(response) {
569
				if(response == 'true'){
570
					$('#punchInOutModal').modal('hide');
571
					clearInterval(stopInterval);
572
				} else{
573
			      	$("#punch-in-out-model").html(response);
574
					$('#punchInOutModal').modal('show');
575
					var time = today + 30 * 60 * 1000
576
					document.cookie = "punchIn=" + time;
577
				}
25140 amit.gupta 578
			});	
579
		}
24649 tejbeer 580
	}
25215 amit.gupta 581
	var stopInterval;
582
	$(document).ready(function(){
583
		 stopInterval = setInterval(showAttendanceModal, 100000000);
584
	});
24649 tejbeer 585
 #end
25140 amit.gupta 586
</script>
24595 tejbeer 587
    <div id="punchInOutModal" class="modal fade" role="dialog">
588
	  <div class="modal-dialog">
589
 
590
	    <!-- Modal content-->
591
	    <div class="modal-content">
592
	      <div class="modal-header">
593
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
594
	        <h4 class="modal-title">Punch In Out</h4>
595
	      </div>
596
	   <div class="modal-body">
597
	   <div id="punch-in-out-model">
598
 
599
      </div>
600
      </div>
601
    </div>
602
   </div>
603
 </div>
604
 
21627 kshitij.so 605
  </body>
24387 amit.gupta 606
</html>