Subversion Repositories SmartDukaan

Rev

Rev 36080 | 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="#">
36566 amit 160 
	                        <img class="header-icon" src="/resources/images/icons/care1.jpg" />
161 
	                        <span class="username">CARE</span>
24523 amit.gupta 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 
 
36566 amit 174 
                    <li class="dropdown">
175 
                        <a href="javascript:void(0);" id="links_bar" class="btn btn-link" data-toggle="popover">
24976 amit.gupta 176 
                            <i title="third-party dashboards" class="glyphicon glyphicon-th fa-2x"></i>
24895 amit.gupta 177 
                        </a>
36566 amit 178 
                    </li>
179 
                    <li class="dropdown">
180 
                        <a href="javascript:void(0);" class="download_reports btn btn-link">
24976 amit.gupta 181 
                            <i title="reports" class="far fa-list-alt fa-2x"></i>
182 
                        </a>
183 
                    </li>
184 
 
185 
 
22551 ashik.ali 186 
                    <li id="wallet_bar" class="dropdown">
187 
                        <a data-toggle="dropdown" class="dropdown-toggle wallet_icon_header" href="javascript:void(0);">
24976 amit.gupta 188 
                            <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
22551 ashik.ali 189 
                        </a>
190 
                    </li>
22482 ashik.ali 191 
 
22601 ashik.ali 192 
                    <li id="cart_bar" class="dropdown">
24976 amit.gupta 193 
                        <a  class="cart_icon_header" href="javascript:void(0);">
194 
                            <i class="fas fa-shopping-cart fa-2x" aria-hidden="true"></i>
21987 kshitij.so 195 
                            <span class="badge bg-important"></span>
196 
                        </a>
197 
                    </li>
198 
 
199 
 
24478 amit.gupta 200 
					<li class="dropdown">
201 
                        <ul class="dropdown-menu extended">
202 
                            <div class="log-arrow-up"></div>
203 
                            <li class="eborder-top">
24523 amit.gupta 204 
                                <a href="javascript:void(0);" class="create-ticket">Create Ticket</a>
24478 amit.gupta 205 
                            </li>
206 
                        </ul>
25455 amit.gupta 207 
                    </li>
21627 kshitij.so 208 
                    <!-- user login dropdown start-->
209 
                    <li class="dropdown">
210 
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
211 
                            <span class="profile-ava">
212 
                                <img class="avatar-custom" id="photo" alt="" src="">
213 
                            </span>
214 
                            <span class="username" id="fofo_name"></span>
215 
                            <b class="caret"></b>
216 
                        </a>
217 
                        <ul class="dropdown-menu extended logout">
218 
                            <div class="log-arrow-up"></div>
219 
                            <li class="eborder-top">
23367 ashik.ali 220 
                                <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My Profile</a>
24417 govind 221 
                                 #if($isAdmin)
222 
                                <a class="add-auth-user" href="javascript:void(0);"><i class=""></i>Add User</a>
223 
                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change Password</a>
224 
                            	#end
21627 kshitij.so 225 
                            </li>
226 
                            <li>
22163 amit.gupta 227 
                                <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id = "logout"></i> Log Out</a>
21627 kshitij.so 228 
                            </li>
229 
                        </ul>
230 
                    </li>
231 
                    <!-- user login dropdown end -->
232 
                </ul>
233 
                <!-- notificatoin dropdown end-->
234 
            </div>
235 
      </header>
236 
      <!--header end-->
237 
 
25148 amit.gupta 238 
	<!--main content start-->
25772 amit.gupta 239 
	<section id="main-content" style="margin-left:0">
25148 amit.gupta 240 
		<section class="wrapper">
25136 amit.gupta 241 
			<div class="row">
25159 amit.gupta 242 
				<div class="col-lg-6">
243 
					<div class="row">
25654 amit.gupta 244 
						<div class="col-lg-7">
25159 amit.gupta 245 
							<div class="info-box blue-bg">
25176 amit.gupta 246 
								<i class="fa fa-chart-line"></i>
25182 amit.gupta 247 
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
248 
								<div class="row">
25289 amit.gupta 249 
									<div class="col-lg-4 row">
25654 amit.gupta 250 
										<div style="margin-top:0px" class="count currency">$salesMap.get("lmtdSale")</div>
251 
										<div class="title">LMTD</div>
252 
									</div>
253 
									<div class="col-lg-4 row">
254 
										<div style="margin-top:0px" class="count currency">$salesMap.get("mtdSale")</div>
255 
										<div class="title">MTD</div>
256 
									</div>
257 
									<div class="col-lg-3 row">
25182 amit.gupta 258 
										<div style="margin-top:0px" class="count currency">$salesMap.get("todaySale")</div>
259 
										<div class="title">Today&apos;s</div>
260 
									</div>
25654 amit.gupta 261 
								</div>
262 
							</div>
263 
						</div>
264 
						<div class="col-lg-5 row">
265 
							<div class="info-box brown-bg">
266 
 
267 
								<div class="col-lg-12">
268 
									<div class="col-lg-6">
269 
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
270 
										<div style="margin-top:0px" class="count">
271 
											<span class="currency">$salesMap.get("currentRate")</span>/day
272 
										</div>
273 
										<img src="${salesMap.get('currentTypeImage')}" width="60px" class="target-slide">
274 
									</div>
275 
									<div class="col-lg-6 row">
276 
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
277 
										<div style="margin-top:0px" class="count currency">
278 
											<span class="currency">$salesMap.get("requiredRate")</span>/day
279 
										</div>
280 
										<img src="${salesMap.get('requiredTypeImage')}" width="60px" class="target-slide">
25182 amit.gupta 281 
									</div>
282 
								</div>
25159 amit.gupta 283 
							</div>
25136 amit.gupta 284 
						</div>
25654 amit.gupta 285 
						<div class="col-lg-8">
286 
						<div class="info-box purple-bg">
287 
							<div class="col-lg-12 row">
288 
								<i class="fa fa-coins"></i>
289 
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
25214 amit.gupta 290 
								<div class="row">
25289 amit.gupta 291 
									<div class="col-lg-4 row">
25654 amit.gupta 292 
										<div  style="margin-top:0px" class="count currency">$investments.get("today")</div>
293 
										<div class="title">current</div>
25214 amit.gupta 294 
									</div>
25654 amit.gupta 295 
									<div class="col-lg-3">
296 
										<div  style="margin-top:0px" class="count">$investments.get("minimum")</div>
297 
										<div class="title">min</div>
298 
									</div>
299 
									<div class="col-lg-3 row"
300 
									#if(!$isInvestmentOk)
301 
									style="color:mediumvioletred"
302 
									#end
303 
									>
304 
										#if($investments.get("short")<=0)
305 
										<div style="margin-top:0px" class="count">&gt;100%</div>
306 
										<div class="title">OK</div>
307 
										#else
308 
										<div style="margin-top:0px" class="count currency">$investments.get("short")%</div>
309 
										<div class="title">short</div>
310 
										#end
311 
									</div>
25214 amit.gupta 312 
								</div>
313 
							</div>
314 
						</div>
25654 amit.gupta 315 
					</div>
25680 amit.gupta 316 
					<div class="col-lg-4 row">
317 
						<div class="info-box green-bg">
318 
							<i class="fa fa-cubes"></i>
319 
							<div class="count currency">$investments.get("inStock")</div>
320 
							<div class="title">Total Stock</div>
25140 amit.gupta 321 
						</div>
322 
					</div>
25680 amit.gupta 323 
				</div>
324 
				<div class="row">
325 
					#foreach($brandStockPrice in $brandStockPrices)
326 
					<div class="col-lg-3">
327 
						<div class="card card-default">
328 
							<span class="card-body" style="padding-bottom:0px">
329 
								<table>
25214 amit.gupta 330 
									<thead>
331 
										<tr><td colspan="2">Current Stock</td></tr>
332 
									</thead>
333 
									<tbody>
25219 amit.gupta 334 
										<tr><th>Qty</th><td>$brandStockPrice.getTotalQty()pc</td></tr>
335 
										<tr><th>Value</th><td><span class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
25214 amit.gupta 336 
									</tbody>
25680 amit.gupta 337 
								</table>
338 
								#if($brandStockPrice.getAgedValue()>0)
339 
								<p style="color:#d15a57;font-weight:700" title="Focus Stock">
340 
									<span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
341 
								</p>
342 
								#else
343 
								<p>&nbsp;</p>
344 
								#end
345 
							</span>
346 
							<span class="card-img">
25160 amit.gupta 347 
								<img src="${brandStockPrice.getBrandUrl()}" class="cover">
25680 amit.gupta 348 
							</span>
25160 amit.gupta 349 
						</div>
350 
					</div>
25680 amit.gupta 351 
					#end
25136 amit.gupta 352 
				</div>
25680 amit.gupta 353 
			</div>
354 
			<div class="col-lg-6">
355 
				<div class="row col-lg-12 info-box white-bg">
356 
					#parse("performance.vm")
357 
				</div>
358 
				<div class="row col-lg-12 info-box white-bg">
25683 tejbeer 359 
					<div class="col-lg-4">
25680 amit.gupta 360 
					<h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
361 
					</h3>
25658 amit.gupta 362 
					</div>
25683 tejbeer 363 
					<div class="col-lg-4">
25680 amit.gupta 364 
						<div class="btn-group message-filter">
365 
							<button data-messagetype="notification" type="button" class="btn btn-default" aria-label="Notifications" title="Notifications">
366 
							<span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button>
367 
							<button data-messagetype="announcement" type="button" class="btn btn-default" aria-label="Announcements" title="Announcements">
368 
							<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button>
369 
							<button data-messagetype="scheme" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
370 
								<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
371 
							</button>
25658 amit.gupta 372 
						</div>
373 
					</div>
25680 amit.gupta 374 
				    <div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
375 
					</div>
24995 amit.gupta 376 
				</div>
377 
			</div>
25680 amit.gupta 378 
		</div>
25148 amit.gupta 379 
		</section>
380 
    	<div class="text-center">
21627 kshitij.so 381 
          <div class="credits">
23166 amit.gupta 382 
          	<p>All rights reserved.&copy;2017, Smart Dukaan</p>
21627 kshitij.so 383 
          </div>
22956 ashik.ali 384 
		</div>
25148 amit.gupta 385 
	</section>
21627 kshitij.so 386 
 
22073 ashik.ali 387 
	<script type="text/javascript">
25140 amit.gupta 388 
		context="${rc.contextPath}";
24072 amit.gupta 389 
		webApiScheme="$webApiScheme";
24077 amit.gupta 390 
		webApiRoot="$webApiRoot";
23419 ashik.ali 391 
		webApiHost="$webApiHost";
392 
		webApiPort="$webApiPort";
22073 ashik.ali 393 
	</script>
25657 amit.gupta 394 
	#parse("include-scripts.vm")
395 
 
21627 kshitij.so 396 
  <script>
397 
 
398 
      //knob
399 
      $(function() {
24303 amit.gupta 400 
        /*$(".knob").knob({
21627 kshitij.so 401 
          'draw' : function () {
402 
            $(this.i).val(this.cv + '%')
403 
          }
24303 amit.gupta 404 
        });*/
24019 amit.gupta 405 
        $.fn.dataTable.moment( 'DD/MM/YYYY' );
406 
        $.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
25145 amit.gupta 407 
        $('.currency').each(function(index, ele) {
408 
			if (!isNaN(parseInt($(ele).html()))) {
409 
				$(ele).html(numberToComma($(ele).html()));
410 
			}
411 
		});
21627 kshitij.so 412 
      });
413 
 
414 
      $(function() {
415 
    	 	var profile = localStorage.getItem('profile');
416 
    	 	if (profile){
417 
    			$("#photo").attr("src",JSON.parse(profile).image_url);
418 
    			$("#fofo_name").text(JSON.parse(profile).name);
419 
    	 	}
420 
    	 	else{
421 
    	 		$("#photo").attr("src","");
422 
    			$("#fofo_name").text("Welcome, User");
423 
    	 	}
424 
    	});
21987 kshitij.so 425 
 
426 
    	$(function() {
427 
    	 	var bag = localStorage.getItem('bag');
428 
    	 	console.log(bag);
429 
    	 	if (bag){
430 
    	 	console.log("yes");
431 
    	 		//$("#cart_bar").find('span').text(10);
432 
    	 		$("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
433 
    	 	}
434 
    	 	else{
435 
    	 		$("#cart_bar").find('span').text(0);
436 
    	 	}
437 
    	});
22071 ashik.ali 438 
 
439 
    	$("#logout").click(function(){
440 
    		localStorage.profile = undefined;
441 
    	});
21627 kshitij.so 442 
 
25190 amit.gupta 443 
	#if($isAdmin)
444 
	#else
25140 amit.gupta 445 
	#set($partnerInvestment = $investments.get("investment"))
446 
	saleAmount = numberToComma($partnerInvestment.getSalesAmount());
447 
	minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
448 
	totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
449 
	shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
450 
	grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
451 
	unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
452 
	inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
453 
	walletAmount = numberToComma($partnerInvestment.getWalletAmount());
454 
	shortAmount = numberToComma($partnerInvestment.getShortInvestment());
455 
	minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
456 
 	isInvestmentOk = $isInvestmentOk;
30601 amit.gupta 457 
	$(function () {
24056 amit.gupta 458 
		if (navigator.geolocation) {
30601 amit.gupta 459 
			navigator.geolocation.getCurrentPosition(showPosition);
460 
		} else {
461 
			console.log("Geolocation is not supported by browser.");
462 
		}
463 
		//dateRangeCallback(moment(),moment());
24016 amit.gupta 464 
		loaderDialogObj = bootbox.dialog({
30601 amit.gupta 465 
			message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
466 
			show: false
24016 amit.gupta 467 
		});
25666 amit.gupta 468 
		starTotal = 5;
25654 amit.gupta 469 
		ratings = {
30601 amit.gupta 470 
			current: $currentMonthRating,
25675 amit.gupta 471 
			last: $lastMonthRating,
472 
			tilldate: $ratingTillDate
25654 amit.gupta 473 
		};
474 
		for(const rating in ratings) {
475 
		  // 2
476 
		  const starPercentage = (ratings[rating] / starTotal) * 100;
477 
		  // 3
25673 amit.gupta 478 
		  const starPercentageRounded = `${starPercentage}%`;
25654 amit.gupta 479 
		  // 4
480 
		  document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
481 
		}
24016 amit.gupta 482 
	});
25140 amit.gupta 483 
 
24203 amit.gupta 484 
	hasGift=$hasGift;
25140 amit.gupta 485 
	giftItemId = $giftItemId;
25214 amit.gupta 486 
	monthDays=$monthDays;
487 
	dayOfMonth = $dayOfMonth;
25182 amit.gupta 488 
	$(function(){
25140 amit.gupta 489 
		$('#links_bar').popover({
490 
			container:".notification-row",
491 
			template:`<div class="popover">
492 
							<div class="arrow"></div>
493 
							<div class="popover-inner">
494 
								<h4 class="popover-title">
495 
								</h4>
496 
								<div class="popover-content"><p></p></div>
497 
							</div>
498 
						</div>`,
499 
		    html: true,
500 
		    content: `<div class="container-fluid">
501 
		    				<div class="row"><h5 class="page-header" style="color:#333;margin:6px 0 3px">Quick Links</h5></div>
502 
		    				<div class="row">
503 
							    <div class="col-lg-3">
504 
								    <a href="//www.wiseappsadmin.com/store" target="_blank" href="">
505 
								    	<img title="WiseApp Admin" src="/resources/images/icons/provider-logos/wiseapp.jpg"></img></a>
506 
								    </div>
507 
							</div>
508 
		    			</div>`,
509 
		    placement: "bottom",
510 
		    trigger: "focus"
511 
		});
512 
	});
25215 amit.gupta 513 
 
25140 amit.gupta 514 
	function showAttendanceModal() {
515 
		var today = new Date().getTime();
516 
		if ($.cookie("punchIn") == undefined) {
517 
			document.cookie = "punchIn=" + today;
518 
		}
519 
		if (today >= parseInt($.cookie("punchIn"))) {
25215 amit.gupta 520 
			doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function(response) {
521 
				if(response == 'true'){
522 
					$('#punchInOutModal').modal('hide');
523 
					clearInterval(stopInterval);
524 
				} else{
525 
			      	$("#punch-in-out-model").html(response);
526 
					$('#punchInOutModal').modal('show');
527 
					var time = today + 30 * 60 * 1000
528 
					document.cookie = "punchIn=" + time;
529 
				}
25140 amit.gupta 530 
			});
531 
		}
24649 tejbeer 532 
	}
25215 amit.gupta 533 
	var stopInterval;
534 
	$(document).ready(function(){
535 
		 stopInterval = setInterval(showAttendanceModal, 100000000);
536 
	});
24649 tejbeer 537 
 #end
25140 amit.gupta 538 
</script>
24595 tejbeer 539 
    <div id="punchInOutModal" class="modal fade" role="dialog">
540 
	  <div class="modal-dialog">
541 
 
542 
	    <!-- Modal content-->
543 
	    <div class="modal-content">
544 
	      <div class="modal-header">
545 
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
546 
	        <h4 class="modal-title">Punch In Out</h4>
547 
	      </div>
548 
	   <div class="modal-body">
549 
	   <div id="punch-in-out-model">
550 
 
551 
      </div>
552 
      </div>
553 
    </div>
554 
   </div>
555 
 </div>
556 
 
21627 kshitij.so 557 
  </body>
24387 amit.gupta 558 
</html>