Subversion Repositories SmartDukaan

Rev

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

Rev 25651 Rev 25654
Line 40... Line 40...
40
		}
40
		}
41
		.breadcrumb {
41
		.breadcrumb {
42
    		padding: 0 15px;
42
    		padding: 0 15px;
43
    	}
43
    	}
44
    	
44
    	
-
 
45
    	.stars-outer {
-
 
46
		  display: inline-block;
-
 
47
		  position: relative;
-
 
48
		  font-family: FontAwesome;
-
 
49
		}
-
 
50
		 
-
 
51
		.stars-outer::before {
-
 
52
		  content: "\f006 \f006 \f006 \f006 \f006 \f006 \f006 \f006 \f006 \f006";
-
 
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 {
-
 
65
		  content: "\f005 \f005 \f005 \f005 \f005 \f005 \f005 \f005 \f005 \f005";
-
 
66
		  color: #f8ce0b;
-
 
67
		}
-
 
68
    	
45
    	
69
    	
46
	.table-striped > tbody > tr:nth-child(odd) > td{
70
	.table-striped > tbody > tr:nth-child(odd) > td{
47
  		background: white;
71
  		background: white;
48
  		background-color: #dae5f4;
72
  		background-color: #dae5f4;
49
	}
73
	}
Line 96... Line 120...
96
	  position: absolute; top: -10px; left: 0; right: 0;
120
	  position: absolute; top: -10px; left: 0; right: 0;
97
	  text-align: center; font-size: 2em; font-weight: bold;
121
	  text-align: center; font-size: 2em; font-weight: bold;
98
	  color: white; font-family: 'Amaranth', sans-serif;
122
	  color: white; font-family: 'Amaranth', sans-serif;
99
	}
123
	}
100
	
124
	
-
 
125
	
101
	</style>
126
	</style>
102
  </head>
127
  </head>
103
 
128
 
104
  <body style="zoom:90%;background-color:#f7f7f7">
129
  <body style="zoom:90%;background-color:#f7f7f7">
105
  <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
130
  <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
Line 111... Line 136...
111
            <div class="toggle-nav">
136
            <div class="toggle-nav">
112
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
137
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
113
            </div>
138
            </div>
114
 
139
 
115
            <a href="${rc.contextPath}/dashboard" class="logo">Smart Dukaan - $fofoStore.getCode()</a>
140
            <a href="${rc.contextPath}/dashboard" class="logo">Smart Dukaan - $fofoStore.getCode()</a>
116
            
-
 
117
            
-
 
118
             
-
 
119
            #if($partnerType == "NEW")
-
 
120
            <a href="#"><img src="resources/images/small_risingstar.png" width="60px" class="target-slide"></a>
-
 
121
            #end
-
 
122
            #if($partnerType == "BRONZE")
-
 
123
            <a href="#"><img src="resources/images/small_bronze.png" width="60px" class="target-slide"></a>
-
 
124
            #end
-
 
125
            #if($partnerType == "SILVER")
-
 
126
            <a href="#"><img src="resources/images/small_silver.png" width="60px" class="target-slide"></a>
-
 
127
            #end
-
 
128
               #if($partnerType == "GOLD")
-
 
129
            <a href="#"><img src="resources/images/small_gold.png" width="60px" class="target-slide"></a>
141
            <a href="#"><img src="${partnerTypeImage}" width="60px" class="target-slide"></a>
130
            #end
-
 
131
               #if($partnerType == "DIAMOND")
-
 
132
            <a href="#"><img src="resources/images/small_diamond.png" width="60px" class="target-slide"></a>
-
 
133
            #end
-
 
134
               #if($partnerType == "PLATINUM")
-
 
135
            <a href="#"><img src="resources/images/small_platnium.png" width="60px" class="target-slide"></a>
-
 
136
            #end
-
 
-
 
142
 
137
            <div class="top-nav notification-row">
143
            <div class="top-nav notification-row">
138
                <!-- notificatoin dropdown start-->
144
                <!-- notificatoin dropdown start-->
139
                <ul class="nav pull-right top-menu">
145
                <ul class="nav pull-right top-menu">
140
	                <li class="dropdown">
146
	                <li class="dropdown">
141
	            		<a data-toggle="dropdown" class="dropdown-toggle" href="#">
147
	            		<a data-toggle="dropdown" class="dropdown-toggle" href="#">
Line 504... Line 510...
504
                           <li><a class="notify_order" href="javascript:void(0);">Notified Order</a></li>   
510
                           <li><a class="notify_order" href="javascript:void(0);">Notified Order</a></li>   
505
                           <li><a class="review_order" href="javascript:void(0);">Review Order</a></li>   
511
                           <li><a class="review_order" href="javascript:void(0);">Review Order</a></li>   
506
                           <li><a class="create_indent" href="javascript:void(0);">Edit Allocation</a></li>
512
                           <li><a class="create_indent" href="javascript:void(0);">Edit Allocation</a></li>
507
                      </ul>
513
                      </ul>
508
                  </li>
514
                  </li>
-
 
515
                  #else
-
 
516
                  <li>
-
 
517
	                  <a href="javascript:;" class="create_indent">
-
 
518
                          <i class="icon_document_alt"></i>
-
 
519
                          <span>Monthly Planning</span>
-
 
520
	                  </a>
-
 
521
                  </li>
509
                  #end       
522
                  #end       
510
				  <li class="sub-menu">
523
				  <li class="sub-menu">
511
                      <a href="javascript:;" class="">
524
                      <a href="javascript:;" class="">
512
                          <i class="icon_document_alt"></i>
525
                          <i class="icon_document_alt"></i>
513
                          <span>GRN</span>
526
                          <span>GRN</span>
Line 640... Line 653...
640
			</div>
653
			</div>
641
			<!-- overview end -->
654
			<!-- overview end -->
642
			<div class="row">
655
			<div class="row">
643
				<div class="col-lg-6">
656
				<div class="col-lg-6">
644
					<div class="row">
657
					<div class="row">
645
						<div class="col-lg-6">
658
						<div class="col-lg-7">
646
							<div class="info-box blue-bg">
659
							<div class="info-box blue-bg">
647
								<i class="fa fa-chart-line"></i>
660
								<i class="fa fa-chart-line"></i>
648
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
661
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
649
								<div class="row">
662
								<div class="row">
650
									<div class="col-lg-4 row">
663
									<div class="col-lg-4 row">
651
										<div style="margin-top:0px" class="count currency">$salesMap.get("todaySale")</div>
664
										<div style="margin-top:0px" class="count currency">$salesMap.get("lmtdSale")</div>
652
										<div class="title">Today&apos;s</div>
665
										<div class="title">LMTD</div>						
653
									</div>
666
									</div>						
654
									<div class="col-lg-4">
667
									<div class="col-lg-4 row">
655
										<div style="margin-top:0px" class="count currency">$salesMap.get("mtdSale")</div>
668
										<div style="margin-top:0px" class="count currency">$salesMap.get("mtdSale")</div>
656
										<div class="title">MTD</div>						
669
										<div class="title">MTD</div>						
657
									</div>						
670
									</div>						
-
 
671
									<div class="col-lg-3 row">
-
 
672
										<div style="margin-top:0px" class="count currency">$salesMap.get("todaySale")</div>
-
 
673
										<div class="title">Today&apos;s</div>
-
 
674
									</div>
658
								</div>
675
								</div>
659
							</div>
676
							</div>
660
						</div>
677
						</div>
661
						<div class="col-lg-6">
678
						<div class="col-lg-5 row">
662
							<div class="info-box brown-bg">
679
							<div class="info-box brown-bg">
-
 
680
								
-
 
681
								<div class="col-lg-12">
-
 
682
									<div class="col-lg-6">
-
 
683
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
-
 
684
										<div style="margin-top:0px" class="count">
-
 
685
											<span class="currency">$salesMap.get("currentRate")</span>/day
-
 
686
										</div>
-
 
687
										<img src="${salesMap.get('currentTypeImage')}" width="60px" class="target-slide">
-
 
688
									</div>
-
 
689
									<div class="col-lg-6 row">
-
 
690
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
-
 
691
										<div style="margin-top:0px" class="count currency">
-
 
692
											<span class="currency">$salesMap.get("requiredRate")</span>/day
-
 
693
										</div>
-
 
694
										<img src="${salesMap.get('requiredTypeImage')}" width="60px" class="target-slide">
-
 
695
									</div>						
-
 
696
								</div>
-
 
697
							</div>
-
 
698
						</div>
-
 
699
						<div class="col-lg-8">
-
 
700
						<div class="info-box purple-bg">
-
 
701
							<div class="col-lg-12 row">
663
								<i class="fa fa-chart-line"></i>
702
								<i class="fa fa-coins"></i>
664
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Targets</strong></h3>
703
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
665
								<div class="row">
704
								<div class="row">
666
									<div class="col-lg-4 row">
705
									<div class="col-lg-4 row">
667
										<div style="margin-top:0px" class="count currency">$salesMap.get("todayTarget")</div>
706
										<div  style="margin-top:0px" class="count currency">$investments.get("today")</div>
-
 
707
										<div class="title">current</div>						
-
 
708
									</div>
-
 
709
									<div class="col-lg-3">
-
 
710
										<div  style="margin-top:0px" class="count">$investments.get("minimum")</div>
-
 
711
										<div class="title">min</div>						
-
 
712
									</div>
-
 
713
									<div class="col-lg-3 row" 
-
 
714
									#if(!$isInvestmentOk)
-
 
715
									style="color:mediumvioletred"
-
 
716
									#end
-
 
717
									>
-
 
718
										#if($investments.get("short")<=0)
-
 
719
										<div style="margin-top:0px" class="count">&gt;100%</div>
-
 
720
										<div class="title">OK</div>
-
 
721
										#else						
-
 
722
										<div style="margin-top:0px" class="count currency">$investments.get("short")%</div>
668
										<div class="title">Today&apos;s</div>
723
										<div class="title">short</div>
-
 
724
										#end
669
									</div>
725
									</div>
670
									<div class="col-lg-4">
-
 
671
										<div style="margin-top:0px" class="count">$salesMap.get("monthTarget")</div>
-
 
672
										<div class="title">Monthly</div>						
-
 
673
									</div>						
-
 
674
								</div>
726
								</div>
675
							</div>
727
							</div>
676
						</div>
728
						</div>
-
 
729
					</div>
677
						<div class="col-lg-4">
730
						<div class="col-lg-4 row">
678
							<div class="info-box green-bg">
731
							<div class="info-box green-bg">
679
								<i class="fa fa-cubes"></i>
732
								<i class="fa fa-cubes"></i>
680
								<div class="count currency">$investments.get("inStock")</div>
733
								<div class="count currency">$investments.get("inStock")</div>
681
								<div class="title">Total Stock</div>						
734
								<div class="title">Total Stock</div>						
682
							</div>
735
							</div>
Line 723... Line 776...
723
						</div>
776
						</div>
724
						#end
777
						#end
725
					</div>
778
					</div>
726
				</div>
779
				</div>
727
				<div class="col-lg-6">
780
				<div class="col-lg-6">
728
					<div class="row col-lg-8">
-
 
729
						<div class="info-box purple-bg">
-
 
730
							<div class="col-lg-12 row">
-
 
731
								<i class="fa fa-coins"></i>
-
 
732
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
-
 
733
								<div class="row">
-
 
734
									<div class="col-lg-4 row">
-
 
735
										<div  style="margin-top:0px" class="count currency">$investments.get("today")</div>
-
 
736
										<div class="title">current</div>						
-
 
737
									</div>
-
 
738
									<div class="col-lg-3">
-
 
739
										<div  style="margin-top:0px" class="count">$investments.get("minimum")</div>
-
 
740
										<div class="title">min</div>						
-
 
741
									</div>
-
 
742
									<div class="col-lg-3 row" 
-
 
743
									#if(!$isInvestmentOk)
781
						#parse("performance.vm")
744
									style="color:mediumvioletred"
-
 
745
									#end
-
 
746
									>
-
 
747
										#if($investments.get("short")<=0)
-
 
748
										<div style="margin-top:0px" class="count">&gt;100%</div>
-
 
749
										<div class="title">OK</div>
-
 
750
										#else						
-
 
751
										<div style="margin-top:0px" class="count currency">$investments.get("short")%</div>
-
 
752
										<div class="title">short</div>
-
 
753
										#end
-
 
754
									</div>
-
 
755
								</div>
-
 
756
							</div>
-
 
757
						</div>
-
 
758
					</div>
-
 
759
					<div class="col-lg-4">
-
 
760
						<div class="info-box purple-bg">
-
 
761
							<div id="preview">
-
 
762
								<canvas style="width=110%" id="canvas-preview"></canvas>
-
 
763
							  	<div id="preview-textfield">$investments.get("okDays")/$dayOfMonth</div>
-
 
764
								<div class="title" style="text-align:center;position:relative;top:-24px">Investometer</div>
-
 
765
							</div>
-
 
766
						</div>
-
 
767
					</div>
-
 
768
				</div>
782
				</div>
769
			</div>
783
			</div>
770
			
784
			
771
			
785
			
772
			<div class="row">
786
			<div class="row">
Line 798... Line 812...
798
          	<p>All rights reserved.&copy;2017, Smart Dukaan</p>
812
          	<p>All rights reserved.&copy;2017, Smart Dukaan</p>
799
          </div>
813
          </div>
800
		</div>
814
		</div>
801
	</section>
815
	</section>
802
 
816
 
803
    <!-- javascripts -->
817
	#parse("include-scripts.vm")
804
    <script src="resources/js/jquery.js"></script>
-
 
805
	<script src="resources/js/jquery-ui-1.10.4.min.js"></script>
-
 
806
    <script src="resources/js/jquery-1.8.3.min.js"></script>
-
 
807
    <script type="text/javascript" src="resources/js/jquery-ui-1.9.2.custom.min.js"></script>
-
 
808
    <!-- bootstrap -->
-
 
809
    <script src="resources/js/bootstrap.min.js"></script>
-
 
810
    <!-- nice scroll -->
-
 
811
    <script src="resources/js/jquery.scrollTo.min.js"></script>
-
 
812
    <script src="resources/js/jquery.nicescroll.js" type="text/javascript"></script>
-
 
813
 
-
 
814
	<script src="resources/js/jquery.rateit.min.js"></script>
-
 
815
    <!-- custom select -->
-
 
816
    <script src="resources/js/jquery.customSelect.min.js" ></script>
-
 
817
   
-
 
818
    <!--custome script for all page-->
-
 
819
    <script src="resources/js/scripts.js"></script>
-
 
820
    <!-- custom script for this page-->
-
 
821
	<!--<script src="resources/js/jquery-jvectormap-1.2.2.min.js"></script>-->
-
 
822
	<!--<script src="resources/js/jquery-jvectormap-world-mill-en.js"></script>-->
-
 
823
	<!--<script src="resources/js/jquery.autosize.min.js"></script>-->
-
 
824
	<script src="resources/js/jquery.placeholder.min.js"></script>
-
 
825
	<!--<script src="resources/js/gdp-data.js"></script>-->	
-
 
826
	<!--<script src="resources/js/morris.min.js"></script>-->
-
 
827
	<!--<script src="resources/js/sparklines.js"></script>-->	
-
 
828
	<script src="resources/js/jquery.slimscroll.min.js"></script>
-
 
829
	<script src="resources/js/jquery.validate.min.js"></script>
-
 
830
	<script src="resources/js/bootstrap-multiselect.js"></script>
-
 
831
	
-
 
832
	
-
 
833
	<script type="text/javascript">
818
	<script type="text/javascript">
834
		context="${rc.contextPath}";
819
		context="${rc.contextPath}";
835
		webApiScheme="$webApiScheme";
820
		webApiScheme="$webApiScheme";
836
		webApiRoot="$webApiRoot";
821
		webApiRoot="$webApiRoot";
837
		webApiHost="$webApiHost";
822
		webApiHost="$webApiHost";
Line 839... Line 824...
839
		/*setTimeout(()=>Notification.requestPermission(function(status) {
824
		/*setTimeout(()=>Notification.requestPermission(function(status) {
840
			alert(status);
825
			alert(status);
841
    		console.log('Notification permission status:', status);
826
    		console.log('Notification permission status:', status);
842
		}, 5000);*/
827
		}, 5000);*/
843
	</script>
828
	</script>
844
	<script type="text/javascript" src="resources/js/bootstrap3-typeahead.min.js"></script>
-
 
845
	<script type="text/javascript" src="resources/js/moment.min.js"></script>
-
 
846
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
-
 
847
	<script type="text/javascript" src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
-
 
848
	<script type="text/javascript" src="//cdn.datatables.net/1.10.16/js/dataTables.bootstrap.min.js"></script>
-
 
849
	<script type="text/javascript" src="resources/js/datetime-moment.js"></script>
-
 
850
	
-
 
851
	<script type="text/javascript" src="resources/js/bootbox.min.js"></script>
-
 
852
	
-
 
853
	<script type="text/javascript" src="resources/js/common.js?v=${version}"></script>
-
 
854
 
-
 
855
	<script type="text/javascript" src="resources/js/cart.js?v=${version}"></script>
-
 
856
	<script type="text/javascript" src="resources/js/gauge.min.js"></script>
-
 
857
	<script type="text/javascript" src="resources/js/contact.js?v=${version}"></script>
-
 
858
	<script type="text/javascript" src="resources/js/inventory.js?v=${version}"></script>
-
 
859
	<script type="text/javascript" src="resources/js/order.js?v=${version}"></script>
-
 
860
	<script type="text/javascript" src="resources/js/purchase.js?v=${version}"></script>
-
 
861
	<script type="text/javascript" src="resources/js/retailer.js?v=${version}"></script>
-
 
862
	<script type="text/javascript" src="resources/js/service.js?v=${version}"></script>
-
 
863
	<script type="text/javascript" src="resources/js/sale.js?v=${version}"></script>
-
 
864
	<script type="text/javascript" src="resources/js/partner-target.js?v=${version}"></script>
-
 
865
	<script type="text/javascript" src="resources/js/scheme.js?v=${version}"></script>
-
 
866
	<script type="text/javascript" src="resources/js/add-wallet-request.js?v=${version}"></script>
-
 
867
	<script type="text/javascript" src="resources/js/wallet.js?v=${version}"></script>
-
 
868
	<script type="text/javascript" src="resources/js/user-profile.js?v=${version}"></script>
-
 
869
	<script type="text/javascript" src="resources/js/prebooking.js?v=${version}"></script>
-
 
870
	<script type="text/javascript" src="resources/js/recharge.js?v=${version}"></script>
-
 
871
	<script type="text/javascript" src="resources/js/vendor.js?v=${version}"></script>
-
 
872
	<script type="text/javascript" src="resources/js/item.js?v=${version}"></script>
-
 
873
	<script type="text/javascript" src="resources/js/role.js?v=${version}"></script>
-
 
874
	<script type="text/javascript" src="resources/js/cs.js?v=${version}"></script>
-
 
875
	<script type="text/javascript" src="resources/js/authUser.js?v=${version}"></script>
-
 
876
	<script type="text/javascript" src="resources/js/warehouse.js?v=${version}"></script>
-
 
877
	<script type="text/javascript" src="resources/js/punch-in-out.js?v=${version}"></script>
-
 
878
	<script type="text/javascript" src="resources/js/send-notification.js?v=${version}"></script>
-
 
879
	<script type="text/javascript" src="resources/js/business/indent.js?v=${version}"></script>
-
 
880
	<script type="text/javascript" src="resources/js/ckeditor/ckeditor.js"></script>
-
 
881
	<script type="text/javascript" src="resources/js/business/return.js?v=${version}"></script>
-
 
882
	<script type="text/javascript" src="resources/js/send-message.js?v=${version}"></script>
-
 
883
    <script type="text/javascript" src="resources/js/unsettled-payments.js?v=${version}"></script>
-
 
884
    <script type="text/javascript" src="resources/js/create-order.js?v=${version}"></script>
-
 
885
    <!--<script type="text/javascript" src="resources/js/dashboard.js?v=${version}"></script>-->
-
 
886
	<script type="text/javascript" src="resources/js/price-drop.js?v=${version}"></script>
-
 
887
	<script type="text/javascript" src="resources/js/refferal.js?v=${version}"></script>
-
 
888
	<script type="text/javascript" src="resources/js/hygiene.js?v=${version}"></script>
-
 
889
	<script type="text/javascript" src="resources/js/notification-panel.js?v=${version}"></script>
-
 
890
	<script type="text/javascript" src="resources/js/feature.js?v=${version}"></script>
-
 
891
	<script type="text/javascript" src="resources/js/promoter-info.js?v=${version}"></script>
-
 
892
	<script type="text/javascript" src="resources/js/wallet-edit.js?v=${version}"></script>
-
 
893
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment-range/4.0.1/moment-range.js"></script>
-
 
894
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
-
 
895
	<script type="text/javascript" src="resources/js/live_demo_billing.js?v=${version}"></script>
-
 
896
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
-
 
897
 
-
 
898
	
-
 
899
  <script>
829
  <script>
900
 
830
 
901
      //knob
831
      //knob
902
      $(function() {
832
      $(function() {
903
        /*$(".knob").knob({
833
        /*$(".knob").knob({
Line 966... Line 896...
966
		dateRangeCallback(moment(),moment());
896
		dateRangeCallback(moment(),moment());
967
		loaderDialogObj = bootbox.dialog({
897
		loaderDialogObj = bootbox.dialog({
968
		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
898
		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
969
		    show: false	
899
		    show: false	
970
		});
900
		});
-
 
901
		starTotal = 10;
-
 
902
		ratings = {
-
 
903
			current : $currentMonthRating,
-
 
904
			last: $lastMonthRating,
-
 
905
			tilldate: $tillDateRating
-
 
906
		}; 
-
 
907
		for(const rating in ratings) {  
-
 
908
		  // 2
-
 
909
		  const starPercentage = (ratings[rating] / starTotal) * 100;
-
 
910
		  // 3
-
 
911
		  const starPercentageRounded = `${(Math.round(starPercentage / 10) * 10)}%`;
-
 
912
		  // 4
-
 
913
		  document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded; 
-
 
914
		}
971
	});
915
	});
972
	
916
	
973
	hasGift=$hasGift;
917
	hasGift=$hasGift;
974
	giftItemId = $giftItemId;
918
	giftItemId = $giftItemId;
975
	monthDays=$monthDays;
919
	monthDays=$monthDays;
976
	dayOfMonth = $dayOfMonth;
920
	dayOfMonth = $dayOfMonth;
977
 	function initGauge(){
-
 
978
		var opts = {
-
 
979
		  angle: 0, // The span of the gauge arc
-
 
980
		  lineWidth: 0.1, // The line thickness
-
 
981
		  radiusScale: 0.5, // Relative radius
-
 
982
		  pointer: {
-
 
983
		    length: 0.6, // // Relative to gauge radius
-
 
984
		    strokeWidth: 0.035, // The thickness
-
 
985
		    color: '#000000' // Fill color
-
 
986
		  },
-
 
987
		  limitMax: true,     // If false, max value increases automatically if value > maxValue
-
 
988
		  limitMin: true,     // If true, the min value of the gauge will be fixed
-
 
989
		  colorStart: '#6FADCF',   // Colors
-
 
990
		  colorStop: '#8FC0DA',    // just experiment with them
-
 
991
		  strokeColor: '#E0E0E0',  // to see which ones work best for you
-
 
992
		  generateGradient: true,
-
 
993
		  highDpiSupport: true,     // High resolution support
-
 
994
		  staticZones: [
-
 
995
			   {strokeStyle: "#F03E3E", min: 0, max: 8/monthDays}, // Red from 100 to 130
-
 
996
			   {strokeStyle: "#FFDD00", min: 8/monthDays, max: 12/monthDays}, // Yellow
-
 
997
			   {strokeStyle: "#30B32D", min: 12/monthDays, max: 1}, // Green
-
 
998
			],
-
 
999
			/*staticLabels: {
-
 
1000
			  font: "10px sans-serif",  // Specifies font
-
 
1001
			  labels: [0, 8/$monthDays, 12/$monthDays, 1],  // Print labels at these values
-
 
1002
			  color: "#000000",  // Optional: Label text color
-
 
1003
			  fractionDigits: 2  // Optional: Numerical precision. 0=round off.
-
 
1004
			},*/
-
 
1005
				  
-
 
1006
		  
-
 
1007
		};
-
 
1008
		var target = document.getElementById('canvas-preview'); // your canvas element
-
 
1009
		var gauge = new Gauge(target).setOptions(opts); // create sexy gauge!
-
 
1010
		gauge.maxValue = 1; // set max gauge value
-
 
1011
		gauge.setMinValue(0);  // Prefer setter over gauge.minValue = 0
-
 
1012
		gauge.animationSpeed = 32; // set animation speed (32 is default value)
-
 
1013
		gauge.set($investments.get("okDays")/$dayOfMonth); // set actual value
-
 
1014
	}
-
 
1015
	$(function(){
921
	$(function(){
1016
		initGauge();
-
 
1017
		$('#links_bar').popover({
922
		$('#links_bar').popover({
1018
			container:".notification-row",
923
			container:".notification-row",
1019
			template:`<div class="popover">
924
			template:`<div class="popover">
1020
							<div class="arrow"></div>
925
							<div class="arrow"></div>
1021
							<div class="popover-inner">
926
							<div class="popover-inner">