Subversion Repositories SmartDukaan

Rev

Rev 27676 | Rev 27732 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html>
<html lang="en">
  <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">--> 
        <link rel="shortcut icon" href="assets/images/icons/favicon.png">

    <title>Smart Dukaan - FOCO Dashboard</title>

    <!-- 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" />    
    <!-- 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/widgets.css" rel="stylesheet">
    <link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
    <link href="resources/css/card.css?v=${cssVersion}" rel="stylesheet">
    <link href="resources/css/style-responsive.css" rel="stylesheet" />
        <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="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
        
        <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css" />
        <link rel="stylesheet" type="text/css" href="resources/css/multi.min.css"/>
        <link rel="stylesheet" type="text/css" href="resources/css/slimselect.min.css"/>
        <link rel="stylesheet" type="text/css" href="resources/js/chosen.min.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'>
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
        
        <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{
                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{
                color: grey;
                text-decoration: none;
        }
        .sale-details{
                cursor:pointer;
        }
        
        .popover {
                min-width:18%;
        }
        .fa-2x {
                font-size:1.4em;
        }
        .cover {
          object-fit: cover;
          width: 100%;
          height: 90px;
          padding: 8px;
        }
        .info-box .notifications i {
    display: inline-block;
    margin-top:0px;
    height: 25px;
    font-size: 16px;
    line-height: 25px;
    width: 25px;
    float: none;
    text-align: center;
    padding-right: 0px;
    color:#768399;
  }
    
        #preview {
          position: relative;
          color: #fff;
          float: left;
          width: 100%;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          clear: both;
        }
        #canvas-preview{
          width: 100%;
          position: relative;
          top:-15px;
        }
        #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;
        }
        
        
        </style>
        <script type="text/javascript">
        function getWarehousePartners(warehouseId){
        
                doGetAjaxRequestHandler(context + "/getWarehousePartners?warehouseId="+warehouseId,
                        function(response) {
                                $('#' + "main-content").html(response);
                                console.log(response)
                        });
        }
        
                function getWarehouseBrandStock(warehouseId){
        
                doGetAjaxRequestHandler(context + "/getWarehouseWiseBrandStock?warehouseId="+warehouseId,
                        function(response) {
                                $('#' + "main-content").html(response);
                                console.log(response)
                        });
        }
        
        
        function getWarehouseWiseBrandPartnerSale(brand){
        
                doGetAjaxRequestHandler(context + "/getWarehouseWiseBrandPartnerSale?brand="+brand,
                        function(response) {
                                $('#' + "main-content").html(response);
                                console.log(response)
                        });
        }
        
        function getWarehouseWiseAccessoriesBrandPartnerSale(brand){
        doGetAjaxRequestHandler(context + "/getWarehouseWiseAccesoriesBrandPartnerSale?brand="+brand,
                        function(response) {
                                $('#' + "main-content").html(response);
                                console.log(response)
                        });
        }
        
        
</script>
        
        
<script type="text/javascript">
        function getWarehouseWiseData(){
                doGetAjaxRequestHandler(context + "/getWarehouseWiseData",
                        function(response) {
                                $('#' + "main-content").html(response);
                                console.log(response)
                                if(response == 'true'){
                        
                                  window.location.href = $('.dashboardload').attr('href');
                                 }
                        });
        }
        
   function     getPartnersStat(){
      doGetAjaxRequestHandler(context + "/getPartnersStatData",
                        function(response) {
                                $('#' + "main-content").html(response);
                                console.log(response)
                                if(response == 'true'){
                                        console.log("hello 2")
                                
                                  window.location.href = $('.dashboardload').attr('href');
                                 }
                });
   }
        

</script>

        

  </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">
            <div class="toggle-nav">
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
            </div>
            <div class="top-nav notification-row">
                <!-- notificatoin dropdown start-->
                <ul class="nav pull-right top-menu">
                    <!-- user login dropdown start-->
                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="profile-ava">
                                <img class="avatar-custom" id="photo" alt="" src="">
                            </span>
                            <span class="username" id="fofo_name"></span>
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu extended logout">
                            <div class="log-arrow-up"></div>
                            <li class="eborder-top">
                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change Password</a>
                            </li>
                            <li>
                                <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id = "logout"></i> Log Out</a>
                            </li>
                        </ul>
                    </li>
                    <!-- user login dropdown end -->
                </ul>
                <!-- notificatoin dropdown end-->
            </div>
      </header>      
      <!--header end-->

      <!--sidebar start-->
      <aside>
          <div id="sidebar"  class="nav-collapse ">
              <!-- sidebar menu start-->
              <ul class="sidebar-menu">                
                  <li class="active">
                      <a class="dashboardload" href="${rc.contextPath}/dashboard">
                          <i class="icon_house_alt"></i>
                          <span>Dashboard</span>
                      </a>
                  </li>
                  <li><a class="product-compare-info" href="javascript:void(0);">Product Compare</a></li>
                  <li><a class="web-listing" href="javascript:void(0);">Web Listing</a></li>
                  <li><a class="banner-listing" href="javascript:void(0);">Banner Listing</a></li>
                  <li><a class="published-schemes" href="javascript:void(0);">Published Offers</a></li>
                  <li><a class="view-invoices" href="javascript:void(0);">View Invoices</a></li>
                  #foreach($menuItem in $menu)
                            <li class="sub-menu">
                              <a href="javascript:;" class="">
                               <i class="icon_document_alt"></i>
                               <span>$menuItem.getDisplayText()</span>
                               <span class="menu-arrow arrow_carrot-right"></span>
                              </a>
                                          <ul class="sub">
                                          #foreach($subMenu in $menuItem.getSubMenus())
                                                  <li><a class="$subMenu.getActionClass()" href="javascript:void(0);">$subMenu.getDisplayText()</a></li>
                                          #end
                                        </ul>
                                </li>
                  #end
              </ul>
              <!-- sidebar menu end-->
          </div>
      </aside>
      <!--sidebar end-->

        <!--main content start-->
        <section id="main-content">
                <section class="wrapper">
                <!--overview start-->
                        <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 -->
                        
                            #if($warehousePartnerDetailMap)
                                <div class="row">
                                        
                                <div class="col-lg-6">
                                
                                 <div class="row col-lg-4">
                                                <h3 style="margin-top:-2px;margin-bottom:24px"><strong>Partner Wise Report</strong></h3>
                                 </div>
                                 
                                <div style="float:right"> <span style="margin-right:10px">Last Fetch :- $rctPartneStat.getLastCreatedTimestamp().format($dateTimeFormatter)</span><button class="btn btn-primary fetchPartnersData"  onclick="getPartnersStat()" type="button">Fetch</button>
                                        </div>
                                 <table class="table table-striped table-advance table-hover">
                                <tbody>
                                        <tr>
                                        <th>W/H Location</th>
                                        <th>Partners</th>
                         <th>LMTD</th>
                                         <th>MTD</th>
                                         <th>Today Tertiary</th>
                                         <th>Tickets</th>
                                        </tr>
                                        #foreach($name in $warehousePartnerDetailMap.keySet())
                                        <tr onclick="getWarehousePartners($name)">
                                     <td>$warehouseMap.get($name)</td>
                                     <td>$warehousePartnerDetailMap.get($name).getCount()</td>
                                     <td class="currency">$warehousePartnerDetailMap.get($name).getLmtd()</td>
                                     <td class="currency">$warehousePartnerDetailMap.get($name).getMtd()</td>
                                     <td class="currency">$warehousePartnerDetailMap.get($name).getTodayTertiary()</td>
                                    
                                     <td>$warehousePartnerDetailMap.get($name).getTicket()</td>
                                   
                                   </tr>
                                         #end
                                        
                            </tbody>
                        </table>
                                                </div>
                                                
                                <div class="col-lg-4">
                                   <div class="row col-lg-8">
                                                <h3 style="margin-top:-2px;margin-bottom:24px"><strong>Warehouse Wise Report</strong></h3>
                                        </div>
                        
                                <div style="float:right"> <span style="margin-right:10px">Last Fetch :- $reporticoDate.getLastCreatedTimestamp().format($dateTimeFormatter)</span><button class="btn btn-primary fetchWarehouseData"  onclick="getWarehouseWiseData()" type="button">Fetch</button>
                                                     </div>
                                <table class="table table-striped table-advance table-hover">
                                <tbody>
                                        <tr>
                                        <th>W/H Location</th>
                                        <th>Total Stock</th>
                                        <th>Total Value</th>
                                        <th>Pending Indent</th>
                                        <th>Tertiary</th>
                                        </tr>
                                        #foreach($key in $warehouseStockMap.keySet())
                                
                                        <tr onclick="getWarehouseBrandStock($warehouseStockMap.get($key).getWarehouseId())">
                                                <td>$warehouseMap.get($key)</td>
                                                #if($warehouseStockMap.get($key).getStockQty())
                                                <td>$warehouseStockMap.get($key).getStockQty()</td>
                                                <td class="currency">$warehouseStockMap.get($key).getStockValue()</td>
                                                #else
                                                <td>0</td>
                                                <td>0</td>
                                                #end
                                                #if($warehouseStockMap.get($key).getPendingIndent())
                                            <td>$warehouseStockMap.get($key).getPendingIndent()</td>
                                            #else
                                            <td>0</td>
                                                #end
                                                
                                                <td>$warehouseStockMap.get($key).getTertiary()</td>
                                                        
                                  </tr>
                              
                                         #end
                                
                                        
                            </tbody>
                        </table>
                                        
                         </div>
                        </div>
                        
                        #end
                
                    #if($brandSalesMap) 
                                        
                        <div class="row">
                                <div class="col-lg-6">
                                        <div class="row col-lg-5">
                                                <h3 style="margin-top:-2px;margin-bottom:24px"><strong>Mobile Brand Wise Report</strong></h3>
                                        </div>
                                        
                                         <table class="table table-striped table-advance table-hover">
                                <tbody>
                                        <tr>
                                    <th>Brand</th>
                                        <th>LMS</th>
                                          <th>LMS Qty</th>
                                         <th>LMTD</th>
                                          <th>LMTD Qty</th>
                                           <th>MTD</th>
                                            <th>MTD Qty</th>
                                               <th>MTD UA</th>
                                              <th>MTD UA Qty</th>
                                         
                                        </tr>
                                        #foreach($salekey in $brandSalesMap.keySet())
                                        <tr onclick="getWarehouseWiseBrandPartnerSale(`$brandSalesMap.get($salekey).getBrand()`)">
                                          <td>$brandSalesMap.get($salekey).getBrand()</td>
                                    
                                      #if($brandSalesMap.get($salekey).getLms())
                                      <td class="currency">$brandSalesMap.get($salekey).getLms()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                       
                                      #if($brandSalesMap.get($salekey).getLmsQty())
                                      <td class="currency">$brandSalesMap.get($salekey).getLmsQty()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                      #if($brandSalesMap.get($salekey).getLmtd())
                                      <td class="currency">$brandSalesMap.get($salekey).getLmtd()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                       
                                      #if($brandSalesMap.get($salekey).getLmtdQty())
                                      <td class="currency">$brandSalesMap.get($salekey).getLmtdQty()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                       #if($brandSalesMap.get($salekey).getMtd())
                                      <td class="currency">$brandSalesMap.get($salekey).getMtd()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                      #if($brandSalesMap.get($salekey).getMtdQty())
                                      <td class="currency">$brandSalesMap.get($salekey).getMtdQty()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                       #if($brandSalesMap.get($salekey).getAmtd())
                                      <td class="currency">$brandSalesMap.get($salekey).getAmtd()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                       #if($brandSalesMap.get($salekey).getUamtdQty())
                                      <td>$brandSalesMap.get($salekey).getUamtdQty()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                
                                   </tr>
                                         #end
                                        
                            </tbody>
                        </table>                
                        
                        
                        <div class="row col-lg-6">
                                                <h3 style="margin-top:-2px;margin-bottom:24px"><strong>Accessories Brand Wise Report</strong></h3>
                                        </div>
                                        
                                         <table class="table table-striped table-advance table-hover">
                                <tbody>
                                        <tr>
                                    <th>Brand</th>
                                        <th>LMS</th>
                                          <th>LMS Qty</th>
                                         <th>LMTD</th>
                                          <th>LMTD Qty</th>
                                           <th>MTD</th>
                                            <th>MTD Qty</th>
                                        </tr>
                                        #foreach($salekey in $accessoriesBrandSales)
                                        <tr onclick="getWarehouseWiseAccessoriesBrandPartnerSale(`$salekey.getBrand()`)">
                                          <td>$salekey.getBrand()</td>
                                    
                                      #if($salekey.getLms())
                                      <td class="currency">$salekey.getLms()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                       
                                      #if($salekey.getLmsQty())
                                      <td class="currency">$salekey.getLmsQty()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                      #if($salekey.getLmtd())
                                      <td class="currency">$salekey.getLmtd()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                       
                                      #if($salekey.getLmtdQty())
                                      <td class="currency">$salekey.getLmtdQty()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                       #if($salekey.getMtd())
                                      <td class="currency">$salekey.getMtd()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                      #if($salekey.getMtdQty())
                                      <td class="currency">$salekey.getMtdQty()</td>
                                      #else
                                      <td>0</td>
                                      #end
                                   </tr>
                                         #end
                                        
                            </tbody>
                        </table>  
                        </div>
                        
                        <div class="col-lg-6">
                                        <div class="row col-lg-4">
                                                <h3 style="margin-top:-2px;margin-bottom:24px"><strong>Reports</strong></h3>
                                        </div>
                                        <div class="row col-lg-12 info-box white-bg">
                                                <table class="table table-striped reports-table" style="display:none">
                                                    <tbody>
                                                        <div class="list-group">
                                                    #foreach($reporticoProjectEntry in $reporticoProjectMap.entrySet())
                                                            #foreach($reporticoUrlInfo in $reporticoProjectEntry.getValue())
                                                                                  <a href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}" class="list-group-item"
                                                                                          #if($reporticoUrlInfo.getParamsList())
                                                                                          data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
                                                                                          #end
                                                                                  >
                                                                                    <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
                                                                                    <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
                                                                                  </a>
                                                                                  
                                                                #end
                                                        #end
                                                                </div>
                                                    </tbody>
                                                </table>
                                                
                                        </div>
                                        
                                        
                                <div class="row col-lg-12 info-box white-bg">
                                                <div class="col-lg-4">
                                                <h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
                                                </h3>
                                                </div>
                                                <div class="col-lg-4">
                                                        <div class="btn-group message-filter"> 
                                                                <button data-messagetype="notification" type="button" class="btn btn-default" aria-label="Notifications" title="Notifications">
                                                                <span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button> 
                                                                <button data-messagetype="announcement" type="button" class="btn btn-default" 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>
                                        <div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
                                                </div>
                                        </div>
                                </div>
        
                  </div>
                  </div>
                        #end
                        
        
                 #if(!$brandSalesMap)   
                        
                        <div class="row">
                                <div class="col-lg-6">
                                        <div class="row col-lg-4">
                                                <h3 style="margin-top:-2px;margin-bottom:24px"><strong>Reports</strong></h3>
                                        </div>
                                        <div class="row col-lg-12 info-box white-bg">
                                                <table class="table table-striped reports-table" style="display:none">
                                                    <tbody>
                                                        <div class="list-group">
                                                    #foreach($reporticoProjectEntry in $reporticoProjectMap.entrySet())
                                                            #foreach($reporticoUrlInfo in $reporticoProjectEntry.getValue())
                                                                                  <a href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}" class="list-group-item"
                                                                                          #if($reporticoUrlInfo.getParamsList())
                                                                                          data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
                                                                                          #end
                                                                                  >
                                                                                    <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
                                                                                    <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
                                                                                  </a>
                                                                                  
                                                                #end
                                                        #end
                                                                </div>
                                                    </tbody>
                                                </table>
                                                
                                        </div>
                                </div>
                                <div class="col-lg-6">
                                        <div class="row col-lg-12 info-box white-bg">
                                                <div class="col-lg-4">
                                                <h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
                                                </h3>
                                                </div>
                                                <div class="col-lg-4">
                                                        <div class="btn-group message-filter"> 
                                                                <button data-messagetype="notification" type="button" class="btn btn-default" aria-label="Notifications" title="Notifications">
                                                                <span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button> 
                                                                <button data-messagetype="announcement" type="button" class="btn btn-default" 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>
                                        <div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
                                                </div>
                                        </div>
                                </div>
                        </div>
                        #end
                </section>
        <div class="text-center">
          <div class="credits">
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
          </div>
                </div>
        </section>

        <script type="text/javascript">
                context="${rc.contextPath}";
                webApiScheme="$webApiScheme";
                webApiRoot="$webApiRoot";
                webApiHost="$webApiHost";
                webApiPort="$webApiPort";
                #if($authId)
                        retailers = $retailers;
                        warehouses = $warehouses;
                authId = $authId;
                #end
        </script>
        #parse("include-scripts.vm")
  
  <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' );
        $('.currency').each(function(index, ele) {
                        if (!isNaN(parseInt($(ele).html()))) {
                                $(ele).html(numberToComma($(ele).html()));
                        }
                });
      });
      
      $(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(){
                dateRangeCallback(moment(),moment());
                loaderDialogObj = bootbox.dialog({
                    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
                    show: false 
                });
        });
        
        $(document).ready(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 {
                                $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
                                $(this).addClass('btn-pressed').removeClass('btn-default');
                        }
                        notifyTypeChange(messageType);
                });
                notifyTypeChange("");
        });
                
        /*$(function(){
                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);
        });*/
</script>
        <div id="report-modal" class="modal" role="dialog" data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog">
                
                    <!-- Modal content-->
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title"></h4>
                      </div>
                      <div class="modal-body">
                          </div>
                          <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default download-report">Download</button>
                      </div>
                </div>
                </div>
        </div>

  </body>
</html>