WebSVN – SmartDukaan – Diff – /trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/dashboard-readonly.vm

   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="description" content="Smart Dukaan FOCO Dashboard">
     <meta name="author" content="smartdukaan">
-    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
+	  <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
 	<link rel="shortcut icon" href="assets/images/icons/favicon.png">
     <title>Smart Dukaan - FOCO Dashboard</title>
-    <!-- Bootstrap CSS -->
+	  <!-- Bootstrap CSS -->
     <!-- bootstrap theme -->
     <!--external css-->
     <!-- font icon -->
     <link href="resources/css/elegant-icons-style.css" rel="stylesheet" />
-    <link href="resources/css/font-awesome.min.css" rel="stylesheet" />
+	  <link href="resources/css/font-awesome.min.css" rel="stylesheet"/>
     <!-- full calendar css-->
     <!-- owl carousel -->
     <link rel="stylesheet" href="resources/css/owl.carousel.css" type="text/css">
 	<link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
     <!-- Custom styles -->
 	<link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
     <link type="text/css" href="resources/css/bootstrap.css" rel="stylesheet">
 	<!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
     <link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
 	<link rel="stylesheet" type="text/css" href="resources/js/daterangepicker.css" />
 	<link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css" />
 	<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css"/>
 	<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
 	<style type="text/css">
 		.loading {
   			display: none;
+		}
 		.breadcrumb {
     		padding: 0 15px;
+    	}
     	.stars-outer {
 		  display: inline-block;
 		  position: relative;
 		  font-family: FontAwesome;
+		}
 		.stars-outer::before {
 		  content: "\f006 \f006 \f006 \f006 \f006";
+		}
 		.stars-inner {
 		  position: absolute;
 		  top: 0;
 		  left: 0;
 		  white-space: nowrap;
 		  overflow: hidden;
 		  width: 0;
+		}
 		.stars-inner::before {
 		  content: "\f005 \f005 \f005 \f005 \f005";
 		  color: #f8ce0b;
+		}
-	.table-striped > tbody > tr:nth-child(odd) > td{
+		.table-striped > tbody > tr:nth-child(odd) > td{
   		background: white;
   		background-color: #dae5f4;
+	}
 	.table-striped > tbody > tr:nth-child(even) > td{
   		background:  #f2f2f2;
   		background-color: #b8d1f3;
+	}
 	.btn:hover{
   		color: grey;
   		text-decoration: none;
+	}
 	.btn-primary:hover{
   		text-decoration: none;
+	}
 	.sale-details{
 		cursor:pointer;
+	}
 	.popover {
 		min-width:18%;
+	}
 	.fa-2x {
 		font-size:1.4em;
     float: none;
     text-align: center;
     padding-right: 0px;
     color:#768399;
+  }
 	#preview {
 	  position: relative;
 	  color: #fff;
 	  float: left;
 	  width: 100%;
 	#preview-textfield{
 	  position: absolute; top: -10px; left: 0; right: 0;
 	  text-align: center; font-size: 2em; font-weight: bold;
 	  color: white; font-family: 'Amaranth', sans-serif;
+	}
 	#descriptionMenu {
 	 list-style: desc !important
 	 list-style-type:square;
 	 text-align:left;
+	}
 	</style>
   </head>
   <body style="zoom:90%;background-color:#f7f7f7">
   <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
   <!-- container section start -->
   <section id="container">
-      <header class="header dark-bg">
+	  <header class="header dark-bg">
             <div class="toggle-nav">
                 <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
             </div>
             <a href="${rc.contextPath}/dashboard" class="logo">Smart Dukaan - $fofoStore.getCode()</a>
 	                            <a class="my-ticket" href="javascript:void(0);"><i class=""></i>View Tickets</a>
 	                        </li>
 	                        <li></li>
 	                    </ul>
 	                </li>
                     <li class="dropdown" style="margin-top:3px;">
                         <a href="javascript:void(0);"  id="" style="color:#D3181F" class="" data-toggle="popover">
                             <i title="third-party dashboards" class="glyphicon glyphicon-th fa-2x"></i>
                         </a>
-                    </li>
+					</li>
                     <li class="dropdown" style="margin-top:5px;">
                         <a href="javascript:void(0);"  class="download_reports btn btn-link" style="color:#D3181F">
                             <i title="reports" class="far fa-list-alt fa-2x"></i>
                         </a>
-                    </li>
+					</li>
-                    <li id="wallet_bar" class="dropdown">
+					<li id="wallet_bar" class="dropdown">
                         <a data-toggle="dropdown" class=" " href="javascript:void(0);">
                             <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
                         </a>
-                    </li>
+					</li>
                     <li id="cart_bar" class="dropdown">
                         <a  class="" href="javascript:void(0);">
                             <i class="fas fa-shopping-cart fa-2x" aria-hidden="true"></i>
                             <span class="badge bg-important"></span>
                         </a>
                     </li>
-                    <!-- alert notification start-->
+					<!-- alert notification start-->
                     <!--<li id="alert_notificatoin_bar" class="dropdown">
                         <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                             <i class="icon-bell-l"></i>
                             <span class="badge bg-important">0</span>
                             <li>
                                 <p class="blue">You have no new notifications</p>
                             </li>
                             <li>
                                 <a href="#">
                                     <span class="label label-primary"><i class="icon_profile"></i></span>
                                     Friend Request
                                     <span class="small italic pull-right">5 mins</span>
                                 </a>
                             </li>
                             <li>
                                 <a href="#">
                                     <span class="label label-warning"><i class="icon_pin"></i></span>
                                     John location.
                                     <span class="small italic pull-right">50 mins</span>
                                 </a>
                             </li>
                             <li>
                                 <a href="#">
                                     <span class="label label-danger"><i class="icon_book_alt"></i></span>
                                     Project 3 Completed.
                                     <span class="small italic pull-right">1 hr</span>
                                 </a>
                             </li>
                             <li>
                                 <a href="#">
                                     <span class="label label-success"><i class="icon_like"></i></span>
                                     Mick appreciated your work.
                                     <span class="small italic pull-right"> Today</span>
                                 </a>
                             </li>
                             <li>
                         <ul class="dropdown-menu extended logout">
                             <div class="log-arrow-up"></div>
                             <li class="eborder-top">
                                 <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My Profile</a>
                                 <a class=" ">SD Mobile App</a>
+								<a class="user-manual" target="_blank"
+								   href="http://images.smartdukaan.com/uploads/campaigns/SD_Guide_Book_English.pdf">Sd
+									Policies(En)</a>
+								<a class="user-manual" target="_blank"
-                                <a class="user-manual" target="_blank"  href="http://www.smartdukaan.com/Dealer-Guideline.pdf">Franchise Manual Sd Policies</a>
+								   href="http://images.smartdukaan.com/uploads/campaigns/SD_Guide_Book_Hindi.pdf">Sd
-                                 #if($isAdmin)
+									Policies(Hi)</a>                                 #if($isAdmin)
                                 <a class="add-auth-user" href="javascript:void(0);"><i class=""></i>Add User</a>
                                 <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change Password</a>
                             	#end
                             </li>
                             <li>
                     </li>
                     <!-- user login dropdown end -->
                 </ul>
                 <!-- notificatoin dropdown end-->
             </div>
-      </header>
+	  </header>
       <!--header end-->
       <!--sidebar start-->
       <aside>
           <div id="sidebar"  class="nav-collapse ">
               <!-- sidebar menu start-->
-              <ul class="sidebar-menu">
+			  <ul class="sidebar-menu">
               	  <li class="active">
                       <a class="" href="${rc.contextPath}/dashboard">
                           <i class="icon_house_alt"></i>
                           <span>Dashboard</span>
                       </a>
 			              <a href="javascript:;" class="">
 		                       <i class="icon_document_alt"></i>
 		                       <span>Scheme</span>
 		                       <span class="menu-arrow arrow_carrot-right"></span>
 			              </a>
 			              <ul class="sub">
 					          <li><a class="create-scheme" href="javascript:void(0);">Create</a></li>
 		                  		<li><a class="schemes" href="javascript:void(0);">History</a></li>
 		                  		<li><a class="schemes-update" href="javascript:void(0);">Update Scheme</a></li>
 			                    <li><a class="schemes-download-page" href="javascript:void(0);">Export</a></li>
 			                     <li><a class="add-wallet-approve" href="javascript:void(0);">Approved Request</a></li>
 			                    <li><a class="add-wallet-rejected" href="javascript:void(0);">Rejected Request</a></li>
 			                    <li><a class="wallet-edit" href="javascript:void(0);">Wallet Edit</a></li>
 			                    <li><a class="scheme_offer" href="javascript:void(0);">Offers</a></li>
 			                     <li><a class="offer_history" href="javascript:void(0);">Offer History</a></li>
 		               	  </ul>
 		             </li>
 		             <li class="sub-menu">
 			              <a href="javascript:;" class="">
 		                       <i class="icon_document_alt"></i>
 			              	  <li><a class="delete-role" href="javascript:void(0);">Delete Role</a></li>
 					          <li><a class="add-remove-api" href="javascript:void(0);">Add/Remove Api</a></li>
 					          <li><a class="add-remove-role" href="javascript:void(0);">Add/Remove Role</a></li>
 		               	  </ul>
 		             </li>
-		               <li class="sub-menu">
+					  <li class="sub-menu">
 			              <a href="javascript:;" class="hygiene">
 		                       <i class="icon_document_alt"></i>
 		                       <span>Hygiene</span>
 		                       <span></span>
 			              </a>
 		             </li>
                	   #end
 		              <li class="sub-menu">
 			              <a href="javascript:;" class="">
 		                       <i class="icon_document_alt"></i>
 		                       Fin Services</span>
 		                       <span class="menu-arrow arrow_carrot-right"></span>
 	                         <li><a class="send-notification" href="javascript:void(0);">Send Notification</a></li>
 	                          <li><a class="send-message" href="javascript:void(0);">Send Message</a></li>
 	                           <li><a class="notification-panel" href="javascript:void(0);">Notification Panel</a></li>
 	                     </ul>
                   	</li>
-                  	             <li class="sub-menu">
+					  <li class="sub-menu">
 			              <a href="javascript:;" class="">
 		                       <i class="icon_document_alt"></i>
 		                       <span>Refferals</span>
 		                       <span class="menu-arrow arrow_carrot-right"></span>
 			              </a>
 			              <ul class="sub">
 			                    <li><a class="pending-refferal" href="javascript:void(0);">Pending Referral</a></li>
 			                     <li><a class="validate-refferal" href="javascript:void(0);">Validate Referral</a></li>
 			                    <li><a class="refferal-approve" href="javascript:void(0);">Approve Referral</a></li>
 			                    <li><a class="refferal-transferred" href="javascript:void(0);">Transferred Referral</a></li>
 		               	  </ul>
         	                  	<li><a class="recharge-commissions" href="javascript:void(0);">Commissions</a></li>
         	                  	<li><a class="recharge-provider-balance" href="javascript:void(0);">Provider Balance</a></li>
         	                  	<li><a class="recharge-provider-wallet-add-money" href="javascript:void(0);">Provider Add Money</a></li>
         	                  	<li><a class="recharge-provider-wallet-add-moneys" href="javascript:void(0);">Provider Wallet History</a></li>
         	                  	<li><a class="daily-recharges" href="javascript:void(0);">Daily Recharges</a></li>
-        	                #end
+							#end
-	                        <li><a class=" " href="javascript:void(0);">Mobile Recharge</a></li>
+							<li><a class=" " href="javascript:void(0);">Mobile Recharge</a></li>
 	                        <li><a class=" " href="javascript:void(0);">Dth Recharge</a></li>
 	                        <li><a class=" " href="javascript:void(0);">Mob Recharge History</a></li>
 	                     	<li><a class=" " href="javascript:void(0);">DTH Recharge History</a></li>
 	                  	</ul>
 	                </li> y
                           <i class="icon_document_alt"></i>
                           <span>Stock Allocation</span>
                           <span class="menu-arrow arrow_carrot-right"></span>
                       </a>
                        <ul class="sub">
-                           <li><a class="notify_order" href="javascript:void(0);">Notified Order</a></li>
+						   <li><a class="notify_order" href="javascript:void(0);">Notified Order</a></li>
-                            <li><a class="notify_cancel" href="javascript:void(0);">Notified Cancel Order</a></li>
+						   <li><a class="notify_cancel" href="javascript:void(0);">Notified Cancel Order</a></li>
-                           <li><a class="review_order" href="javascript:void(0);">Review Order</a></li>
+						   <li><a class="review_order" href="javascript:void(0);">Review Order</a></li>
                            <li><a class="create_indent" href="javascript:void(0);">Edit Allocation</a></li>
                             <li><a class="focused_model" href="javascript:void(0);">Focused Model</a></li>
                              <li><a class="partners_allocation" href="javascript:void(0);">Partner Allocation</a></li>
                                <li><a class="partner-po" href="javascript:void(0);">Create PO</a></li>
                       </ul>
 	                  <a href="javascript:;" class="">
                           <i class="icon_document_alt"></i>
                           <span>Monthly Planning</span>
 	                  </a>
                   </li>
-                  #end
+				  #end
 				  <li class="sub-menu">
                       <a href="javascript:;" class="">
                           <i class="icon_document_alt"></i>
                           <span>GRN</span>
                           <span class="menu-arrow arrow_carrot-right"></span>
                       </a>
                       <ul class="sub">
                           <li><a class="" href="javascript:void(0);">Good</a></li>
                           <li><a class="" href="javascript:void(0);">Bad</a></li>
                           <li><a class="" href="javascript:void(0);">Raise PO</a></li>
-                      </ul>
+					  </ul>
                   </li>
                   <li  class="sub-menu">
                     <a href="javascript:;" class="">
                           <i class="icon_genius"></i>
                           <span>Catalog</span>
                           <span class="menu-arrow arrow_carrot-right"></span>
                       </a>
                   <ul class="sub">
                   <li><a class="" href="javascript:void(0);">Catalog</a></li>
                   #if($isAdmin)
                   <li><a class="product-detail" href="javascript:void(0);">Product Detail</a></li>
                   <li><a class="feature" href="javascript:void(0);">Feature</a></li>
                   <li><a class="content" href="javascript:void(0);">Content</a></li>
                   <li><a class="live_demo_billing" href="javascript:void(0);">Live Demo Billing</a></li>
                   		<li><a class="download_reports" href="javascript:void(0);">Download Reports</a></li>
                   		<li><a class="download_aging_report" href="javascript:void(0);">Download</a></li>
                   		<li><a class="item_aging" href="javascript:void(0);">View</a></li>
                   	</ul>
                   </li>
                   <li class="sub-menu">
                   	<a href="javascript:;" class="">
                   		<i class="icon_table"></i>
                   		<span>Item Ledger</span>
                   		<span class="menu-arrow arrow_carrot-right"><span>
                   	</a>
                   	<ul class="sub">
                   		<li><a class="item-ledger-report-download-page" href="javascript:void(0);">Download</a></li>
                   	</ul>
                   </li>
                  	<li class="sub-menu">
                   		<a href="javascript:;" class="">
                       		<i class="icon_table"></i>
                           	<span>Sale</span>
                           	<span class="menu-arrow arrow_carrot-right"></span>
 		                    <li><a class="search-order" href="javascript:void(0);">Search Order</a></li>
 		                       <li><a class="upload-target" href="javascript:void(0);">Create Partner Target</a></li>
 		                        <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
         	             #end
         	                <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
                           <li><a class="sale-history" href="javascript:void(0);">History</a></li>
                            <li><a class="target-slide" href="javascript:void(0);">Outlet Categories</a></li>
                            <li><a class="insurance-policy-details" href="javascript:void(0);">Insurance History</a></li>
                       </ul>
                   </li>
                    #if($isAdmin)
-		             <li class="sub-menu">
+					   <li class="sub-menu">
 			              <a href="javascript:;" class="">
 		                       <i class="icon_document_alt"></i>
 		                       <span>Lead</span>
 		                        <span class="menu-arrow arrow_carrot-right"></span>
 			              </a>
-			             <ul class="sub">
+						   <ul class="sub">
                           <li><a class="lead" href="#">Lead</a></li>
                           <li><a class="lead-close" href="#">Closed Lead</a></li>
                          </ul>
 		             </li>
                    <li class="sub-menu">
                       <a href="javascript:;" class="">
                           <i class="icon_documents_alt"></i>
                           <span>Ticket</span>
                           <span class="menu-arrow arrow_carrot-right"></span>
                       </a>
-                      <ul class="sub">
+					   <ul class="sub">
                           <li><a class="create-ticket-category" href="#">Create Category</a></li>
                            <li><a class="create-ticket-sub-category" href="#">Create Sub Category</a></li>
                            <li><a class="create-region" href="#">Create Region</a></li>
                            <li><a class="create-partner-region" href="#">Add Partner Region</a></li>
                            <li><a class="create-position" href="#">Create Position</a></li>
                       <a href="javascript:;" class="">
                           <i class="icon_documents_alt"></i>
                           <span>Support</span>
                           <span class="menu-arrow arrow_carrot-right"></span>
                       </a>
-                      <ul class="sub" style = "margin-bottom:20px">
+					  <ul class="sub" style="margin-bottom:20px">
                           <li><a class="contact-us" href="#">Contact Us</a></li>
                       </ul>
                   </li>
-              </ul>
+			  </ul>
               <!-- sidebar menu end-->
           </div>
       </aside>
       <!--sidebar end-->
 			<div class="row">
 				<div class="col-lg-12">
 					<h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
 					<ol class="breadcrumb">
 						<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
 						<li><i class="fa fa-laptop"></i>Dashboard</li>
 					</ol>
 				</div>
 			</div>
 			<!-- overview end -->
 			<div class="row">
 								<i class="fa fa-chart-line"></i>
 								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
 								<div class="row">
 									<div class="col-lg-4 row">
 										<div style="margin-top:0px" class="count currency">$salesMap.get("lmtdSale")</div>
 										<div class="title">LMTD</div>
 									</div>
 									<div class="col-lg-4 row">
 										<div style="margin-top:0px" class="count currency">$salesMap.get("mtdSale")</div>
 										<div class="title">MTD</div>
 									</div>
 									<div class="col-lg-3 row">
 										<div style="margin-top:0px" class="count currency">$salesMap.get("todaySale")</div>
 										<div class="title">Today&apos;s</div>
 									</div>
 								</div>
 							</div>
 						</div>
 						<div class="col-lg-5 row">
 							<div class="info-box brown-bg">
 								<div class="col-lg-12">
 									<div class="col-lg-6">
 									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
 										<div style="margin-top:0px" class="count">
 											<span class="currency">$salesMap.get("currentRate")</span>/day
 									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
 										<div style="margin-top:0px" class="count currency">
 											<span class="currency">$salesMap.get("requiredRate")</span>/day
 										</div>
 										<img src="${salesMap.get('requiredTypeImage')}" width="60px" class="target-slide">
 									</div>
 								</div>
 							</div>
 						</div>
 						<div class="col-lg-8">
 						<div class="info-box purple-bg">
 								<i class="fa fa-coins"></i>
 								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
 								<div class="row">
 									<div class="col-lg-4 row">
 										<div  style="margin-top:0px" class="count currency">$investments.get("today")</div>
 										<div class="title">current</div>
 									</div>
 									<div class="col-lg-3">
 										<div  style="margin-top:0px" class="count">$investments.get("minimum")</div>
 										<div class="title">min</div>
 									</div>
 									<div class="col-lg-3 row"
 									#if(!$isInvestmentOk)
 									style="color:mediumvioletred"
 									#end
+									>
 										#if($investments.get("short")<=0)
 										<div style="margin-top:0px" class="count">&gt;100%</div>
 										<div class="title">OK</div>
 										#else
 										<div style="margin-top:0px" class="count currency">$investments.get("short")%</div>
 										<div class="title">short</div>
 										#end
 									</div>
 								</div>
 					</div>
 					<div class="col-lg-4 row">
 						<div class="info-box green-bg">
 							<i class="fa fa-cubes"></i>
 							<div class="count currency">$investments.get("inStock")</div>
 							<div class="title">Total Stock</div>
 						</div>
 					</div>
 				</div>
 				<div class="row">
 					#foreach($brandStockPrice in $brandStockPrices)
 							</span>
 						</div>
 					</div>
 					#end
 				</div>
-			<div class="row">
+					<div class="row">
 					<div class="col-lg-3">
 						<div class="card card-default">
 							<span class="card-body" style="padding-bottom:0px">
 								<table>
 									<thead>
 							<span class="card-img">
 								<img src="resources/images/accessories.jpg" style = "padding:8px">
 							</span>
 						</div>
 					</div>
-				</div>
+					</div>
-				<div class="row">
+					<div class="row">
 					<div class="col-lg-8">
 					<canvas id="bar-chart" width="518" height="420"></canvas>
 					</div>
-				</div>
+					</div>
 			</div>
-			<div class="col-lg-6">
+				<div class="col-lg-6">
 				#if($activatedImeis > 0)
 					<div class="row col-lg-12 info-box white-bg">
 						#parse("dashboard-activated-imeis.vm")
 					</div>
 				#end
 						<h3 style="margin-top:-2px;font-size:17px; margin-bottom:3px;color:#c70db8;font-weight:bold">
 							$offer.getName() - $offer.getStartDateTime() to $offer.getEndDateTime()
 						</h3>
 						    #if($offer.getShortAmount() == 0 && $offer.getAmountType() == "amount" )
 						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have earn Rs. <span class="currency">$offer.getMargin()</span>. Happy Selling!</h4>
-						     #elseif($offer.getShortAmount() == 0 && $offer.getAmountType() == "percentage" )
+							#elseif($offer.getShortAmount() == 0 && $offer.getAmountType() == "percentage" )
 						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have secured $offer.getMargin()%. Happy Selling!</h4>
-						     #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
+							#elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
 						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
 						      Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> to earn additional Rs. <span class="currency">$offer.getMargin()</span>
 						    </h4>
-						     #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() == $offer.getValue())
+							#elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() == $offer.getValue())
 						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
 						      Sell  <span class="currency">$offer.getShortAmount()</span> units  to earn additional Rs. <span class="currency">$offer.getMargin()</span>
 						    </h4>
-						     #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount()== $offer.getValue())
+							#elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount()== $offer.getValue())
 						       <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
 							     Sell  <span class="currency">$offer.getShortAmount()</span> units to earn additional $offer.getMargin()%
-							  </h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+							   </h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
 						     #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
 					         <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
 							   Sell stock worth Rs <span class="currency">$offer.getShortAmount()</span>  to earn additional $offer.getMargin()%
 					         </h4>
 							#elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
 							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
 						    Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
 						    </h4>
 						    #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
 						    Sell <span class="currency">$offer.getShortAmount()</span> unit more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
 						    </h4>
 						    #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
 							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
 							Sell  <span class="currency">$offer.getShortAmount()</span> unit more to earn additional $offer.getMargin()%
 							</h4>
 							 #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
 							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
 							Sell stock worth Rs<span class="currency">$offer.getShortAmount()</span> more to earn additional $offer.getMargin()%
 							</h4>
-						   #end
+							#end
-                              <p style="float:right;font-size:15px; margin:0px 0px 0px; " id="description-offer" data-offerid = "$offer.getId()" data-toggle="modal" data-target="#offerDescription"  data-backdrop="static" data-keyboard="false"><a href="#">All terms & conditions</a></p>
+						<p style="float:right;font-size:15px; margin:0px 0px 0px; " id="description-offer" data-offerid = "$offer.getId()" data-toggle="modal" data-target="#offerDescription"  data-backdrop="static" data-keyboard="false"><a href="#">All terms & conditions</a></p>
 					</div>
 					#end
 				#end
 				#end
 			<div class="offer-margin-container">
 									aria-label="Announcements" title="Announcements">
 								<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button>
 							<button data-messagetype="scheme" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
 								<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
 							</button>
 							<button data-messagetype="marketing" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
 								 <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
 							</button>
 						</div>
 					</div>
 		webApiRoot="$webApiRoot";
 		webApiHost="$webApiHost";
 		webApiPort="$webApiPort";
 	</script>
 	#parse("include-scripts.vm")
-	<script type="text/javascript">
+	  <script type="text/javascript">
-	$(document).on("click", "p.description-offer",
+		  $(document).on("click", "p.description-offer",
 			function(e) {
 			var offerid = $(this).data('offerid');
 			console.log(offerid);
 			doGetAjaxRequestHandler(context + "/getOfferMargins?offerId="
 					+ offerid, function(response) {
 				$('.offer-margin-container .modal-content').html(response);
 			});
-	});
+			});
-			$(document).on("click", ".cancel-description",
+		  $(document).on("click", ".cancel-description",
 			function(e) {
 	    		$("#descriptionMenu").empty();
 			});
-				$(document).on("click", "#cancel-model",
+		  $(document).on("click", "#cancel-model",
 			function(e) {
 	    		$("#descriptionMenu").empty();
 			});
-</script>
+	  </script>
   <script>
       //knob
       $(function() {
         /*$(".knob").knob({
           'draw' : function () {
             $(this.i).val(this.cv + '%')
+          }
         });*/
         $.fn.dataTable.moment( 'DD/MM/YYYY' );
         $.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
 			if (!isNaN(parseInt($(ele).html()))) {
 				$(ele).html(numberToComma($(ele).html()));
+			}
 		});
       });
-      $(function() {
+	  $(function() {
     	 	var profile = localStorage.getItem('profile');
     	 	if (profile){
     			$("#photo").attr("src",JSON.parse(profile).image_url);
     			$("#fofo_name").text(JSON.parse(profile).name);
+    	 	}
     	 	else{
     	 		$("#photo").attr("src","");
     			$("#fofo_name").text("Welcome, User");
+    	 	}
     	});
-    	$(function() {
+	  $(function() {
     	 	var bag = localStorage.getItem('bag');
     	 	console.log(bag);
     	 	if (bag){
     	 	console.log("yes");
     	 		//$("#cart_bar").find('span').text(10);
+    	 	}
     	 	else{
     	 		$("#cart_bar").find('span').text(0);
+    	 	}
     	});
-    	$("#logout").click(function(){
+	  $("#logout").click(function(){
     		localStorage.profile = undefined;
     	});
-	#set($partnerInvestment = $investments.get("investment"))
+		  #set($partnerInvestment = $investments.get("investment"))
 	saleAmount = numberToComma($partnerInvestment.getSalesAmount());
 	minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
 	totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
 	shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
 	grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
 	starTotal = 5;
 	ratings = {
 		current : $currentMonthRating,
 		last: $lastMonthRating,
 		tilldate: $ratingTillDate
 	};
-	for(const rating in ratings) {
+	  for (const rating in ratings) {
 	  // 2
 	  const starPercentage = (ratings[rating] / starTotal) * 100;
 	  // 3
 	  const starPercentageRounded = `${starPercentage}%`;
 	  // 4
-	  document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
+		  document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
+	}
-	hasGift=$hasGift;
+	  hasGift=$hasGift;
 	giftItemId = $giftItemId;
 	monthDays=$monthDays;
 	dayOfMonth = $dayOfMonth;
 	$(function(){
 		$('#links_bar').popover({
 		    			</div>`,
 		    placement: "bottom",
 		    trigger: "focus"
 		});
 	});
-	function showAttendanceModal() {
+	  function showAttendanceModal() {
 		var today = new Date().getTime();
 		if ($.cookie("punchIn") == undefined) {
 			document.cookie = "punchIn=" + today;
+		}
 		if (today >= parseInt($.cookie("punchIn"))) {
 			      	$("#punch-in-out-model").html(response);
 					$('#punchInOutModal').modal('show');
 					var time = today + 30 * 60 * 1000
 					document.cookie = "punchIn=" + time;
+				}
 			});
+		}
+	}
 	var stopInterval;
 	$(document).ready(function(){
 		 stopInterval = setInterval(showAttendanceModal, 100000000);
-		 $('div.message-filter').on('click', 'button', function() {
+		$('div.message-filter').on('click', 'button', function() {
 			messageType = $(this).data("messagetype");
 			if($(this).hasClass('btn-pressed')) {
 				messageType="";
 				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
 			} else {
 				$(this).addClass('btn-pressed').removeClass('btn-default');
+			}
 			notifyTypeChange(messageType);
 		});
 		notifyTypeChange("");
 	});
 	$(function(){
 		if (navigator.geolocation) {
 	        navigator.geolocation.getCurrentPosition(showPosition);
-	    } else {
+		} else {
 	        console.log("Geolocation is not supported by browser.");
+	    }
 		loaderDialogObj = bootbox.dialog({
 		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
-		    show: false
+			show: false
 		});
 		messageType = $(this).data("messagetype");
 		if($(this).hasClass('btn-pressed')) {
 			messageType="";
 			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
 		} else {
 			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
 			$(this).addClass('btn-pressed').removeClass('btn-default');
+		}
 		notifyTypeChange(messageType);
 	});
-new Chart(document.getElementById("bar-chart"),
+	  new Chart(document.getElementById("bar-chart"),
  $chartMap
 );
 </script>
     <div id="punchInOutModal" class="modal" role="dialog">
 	  <div class="modal-dialog">
-	    <!-- Modal content-->
+		  <!-- Modal content-->
 	    <div class="modal-content">
 	      <div class="modal-header">
 	        <button type="button" class="close" data-dismiss="modal">&times;</button>
 	        <h4 class="modal-title">Punch In Out</h4>
 	      </div>
 	   <div class="modal-body">
 	   <div id="punch-in-out-model">
-      </div>
+	   </div>
       </div>
     </div>
    </div>
  </div>

Subversion Repositories SmartDukaan

(root)/trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/dashboard-readonly.vm – Rev 32779 → 33624