Subversion Repositories SmartDukaan

Rev

Rev 28828 | Rev 30257 | 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/multi.min.css?v=${cssVersion}" type="text/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="resources/js/daterangepicker/daterangepicker.css" />
<link rel="stylesheet" type="text/css"
        href="resources/js/chosen.min.css" />
<link href="resources/css/bootstrap-duallistbox.css" rel="stylesheet" />
<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 {
        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 getWarehouseWiseBrandActivatedModel(brand){
        
                doGetAjaxRequestHandler(context + "/getActivatedModelWarehouseWise?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) {
                                if(response == 'true'){
                                  window.location.href = $('.dashboardload').attr('href');
                                }
                });
   }
        

</script>



</head>

<body style="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="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>LMS</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).getLms()</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
                                <button class="btn btn-primary  clickshwograph"
                                        style="display: none" type="button">Submit</button>

                                <div class="row">
                                        #if($warehousePartnerDetailMap)



                                        <div class="col-lg-6">


                                                <div class="row chartfilterlmsContainer" style="margin: 5px"></div>

                <div class="row col-lg-12">
                    <ul class="nav nav-tabs">
                      <li class="brand_month_sales"><a class="bms">BWMS</a></li>
                      <li class="brand_month_purchase"><a class="bmp">BWMP</a></li>
                    </ul>
                         <div class="row chartLmsContainer" style="margin:5px"></div>
               
                        
                    </div>


                 </div>
                                        #end
                                        
                                        
                                        #if($warehousePartnerDetailMap)
                                        <div class="col-lg-6">
                                                <ul class="nav nav-tabs" style="margin: 5px">
                                                        <li class="mobile_based"><a class="ba">Mobile</a></li>
                                                        <li class="accessories_based"><a class="la">Accessories</a></li>
                                                        <li class="activation_summary"><a class="as">Activation Summary</a></li>
                                                        <li class="activation_updation"><a class="au">Activation Updation</a></li>
                                                        

                                                </ul>


                                                <div class="row reportContainer" style="margin: 5px"></div>

                                        </div>



                                        #end

                                </div>
                                <div class="row">
                                 #if($authUserTicketCount)


                                        <div class="col-lg-6">
                                                <div class="row col-lg-8">
                                                        <h3 style="margin-top: -2px; margin-bottom: 24px">
                                                                <strong>Auth User Tickets</strong>
                                                        </h3>
                                                </div>

                                                <table class="table table-striped table-advance table-hover"
                                                        style="width: 65%">
                                                        <tbody>
                                                                <tr>
                                                                        <th>Auth User</th>
                                                                        <th>Tickets</th>

                                                                </tr>
                                                                #foreach($authUserTicket in $authUserTicketCount.entrySet())

                                                                <tr>
                                                                        <td>$authUserTicket.getKey().getName()</td>
                                                                        <td>$authUserTicket.getValue()</td>

                                                                </tr>

                                                                #end


                                                        </tbody>
                                                </table>

                                        </div>
                                        #end
                                </div>
                                #if($authUserTicketCount)
                                <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 #if(!$authUserTicketCount)

                                <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="col-lg-12">
                                                        <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
                        </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(){
                
                   $(".clickshwograph").click();
                  
                   $(".mobile_based").click();
                          
            $('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("");
        });
                
        
    $(document).on("click", ".mobile_based",
            function () {  
        
            $(".ba").css("color", "blue");
            $(".ba").css("background-color", "white");   
           $(".la").css("color", "white"); 
            $(".la").css("background-color", "#C0C0C0");
              $(".as").css("color", "white"); 
            $(".as").css("background-color", "#C0C0C0");
         
           $(".au").css("color", "white"); 
            $(".au").css("background-color", "#C0C0C0");
         
            doGetAjaxRequestHandler(context + "/getMobileBrandWise", function (response) {
                    $('.reportContainer').html(response);
                });              
        }); 
    
    $(document).on("click", ".accessories_based",
            function () {
        
          $(".ba").css("color", "white"); 
          $(".ba").css("background-color", "#C0C0C0");   
           $(".la").css("color", "blue"); 
            $(".la").css("background-color", "white"); 
             $(".as").css("color", "white"); 
            $(".as").css("background-color", "#C0C0C0");
         
           $(".au").css("color", "white"); 
            $(".au").css("background-color", "#C0C0C0");  
             doGetAjaxRequestHandler(context + "/getAccessoriesBrandWise", function (response) {
                    $('.reportContainer').html(response);
                });    
   }); 
    
    
    $(document).on("click", ".activation_summary",
            function () {
        
        $(".as").css("color", "blue"); 
          $(".as").css("background-color", "white");   
            $(".ba").css("color", "white"); 
            $(".ba").css("background-color", "#C0C0C0");
           $(".la").css("color", "white"); 
            $(".la").css("background-color", "#C0C0C0");
           
           $(".au").css("color", "white"); 
            $(".au").css("background-color", "#C0C0C0");  
             doGetAjaxRequestHandler(context + "/getActivatedModelByBrand", function (response) {
                    $('.reportContainer').html(response);
                });    
   }); 
   
   
   
       
    $(document).on("click", ".activation_updation",
            function () {
        
        $(".as").css("color", "white"); 
          $(".as").css("background-color", "#C0C0C0");   
           $(".au").css("color", "blue"); 
            $(".au").css("background-color", "white"); 
             $(".ba").css("color", "white"); 
            $(".ba").css("background-color", "#C0C0C0");
         
           $(".la").css("color", "white"); 
            $(".la").css("background-color", "#C0C0C0");  
             doGetAjaxRequestHandler(context + "/getActivatedImeiUpdationDate", function (response) {
                    $('.reportContainer').html(response);
                });    
   }); 
    
    
    $(document).on("click", ".clickshwograph",
            function () {
        

   doGetAjaxRequestHandler(context + "/getMobileLMSFilter", function (response) {
          $('.chartfilterlmsContainer').html(response);
          $('.brand_month_sales').click();

      });
   });
    
    
    $(document).on(
                        'click',
                        ".brand_month_sales",
                        function() {
                        
                         $(".bms").css("color", "blue");
                $(".bms").css("background-color", "white");   
               $(".bmp").css("color", "white"); 
                $(".bmp").css("background-color", "#C0C0C0");

                                var warehouseId = $('#warehouseMap').val();
                                var date = $('.date-set').val();

                                var fofoIds = $('#fofo-users').val();

                                doGetAjaxRequestHandler(context
                                                + "/getMobileLMSGraph?warehouseId=" + warehouseId
                                                + "&date=" + date + "&fofoIds=" + fofoIds, function(
                                                response) {

                                        $('.chartLmsContainer').html(response);
                                });
                        });
    

        
        /*$(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);
        });*/
        
         $('#fofo-users').multiselect({
                includeSelectAllOption: true,
                multiple:true,
                maxHeight: 200,
                buttonWidth: '180px',
                numberDisplayed: 1,
        nonSelectedText: 'Users',
        nSelectedText: ' - Users Selected',
        allSelectedText: 'All Users Selected',
        enableFiltering: true,
                enableCaseInsensitiveFiltering : true
     });
     
</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>