Subversion Repositories SmartDukaan

Rev

Rev 22488 | Blame | 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="ProfitMandi FOFO Dashboard">
    <meta name="author" content="profitmandi">
    <link rel="shortcut icon" href="resources/images/favicon.ico">

    <title>ProfitMandi - FOFO Dashboard</title>

    <!-- Bootstrap CSS -->    
    <link href="resources/css/bootstrap.min.css" rel="stylesheet">
    <!-- bootstrap theme -->
    <link href="resources/css/bootstrap-theme.css" rel="stylesheet">
    <!--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-->
    <link href="resources/assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" />
        <link href="resources/assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" />
    <!-- easy pie chart-->
    <link href="resources/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
    <!-- 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 rel="stylesheet" href="resources/css/fullcalendar.css">
        <link href="resources/css/widgets.css" rel="stylesheet">
    <link href="resources/css/style.css" rel="stylesheet">
    <link href="resources/css/style-responsive.css" rel="stylesheet" />
        <link href="resources/css/xcharts.min.css" rel=" stylesheet">   
        <link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
  </head>

  <body style="zoom:90%">
  <!-- container section start -->
  <section id="container" class="">
     
      
      <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>

            <!--logo start-->
            
            <a href="${rc.contextPath}/dashboard" class="logo">ProfitMandi</a>
            <!--logo end-->
                        
            <div class="top-nav notification-row">
                #if($fofoStoreCode)
                        <span class="logo">StoreCode : $fofoStoreCode</span>
                #end        
                <!-- notificatoin dropdown start-->
                <ul class="nav pull-right top-menu">
                     
                    <li id="cart_bar" class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle cart_icon_header" href="javascript:void(0);">

                            <i class="icon-cart-l" aria-hidden="true"></i>
                            <span class="badge bg-important"></span>
                        </a>
                    </li>
                    
                    
                    <!-- 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>
                        </a>
                        <ul class="dropdown-menu extended notification">
                            <div class="notify-arrow notify-arrow-blue"></div>
                            <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>
                                <a href="#">See all notifications</a>
                            </li>
                            -->
                        </ul>
                    </li>
                    <!-- alert notification end-->
                    <!-- 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 href="#"><i class="icon_profile"></i> My Profile</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="" href="${rc.contextPath}/dashboard">
                          <i class="icon_house_alt"></i>
                          <span>Dashboard</span>
                      </a>
                  </li>
                                  <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="new_grn" href="javascript:void(0);">New GRN</a></li>                          
                          <li><a class="grn_history" href="javascript:void(0);">GRN History</a></li>
                      </ul>
                  </li>       
                  <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon_desktop"></i>
                          <span>Inventory</span>
                          <span class="menu-arrow arrow_carrot-right"></span>
                      </a>
                      <ul class="sub">
                          <li><a class="good_inventory" href="javascript:void(0);">Good Inventory</a></li>
                          <li><a class="bad_inventory" href="javascript:void(0);">Bad Inventory</a></li>
                      </ul>
                  </li>
                  <li>
                      <a class="catalog" href="javascript:void(0);">
                          <i class="icon_genius"></i>
                          <span>Catalog</span>
                      </a>
                  </li>
                  <li class="sub-menu">
                        <a href="javascript:;" class="">
                                <i class="icon_table"></i>
                                <span>Aging</span>
                                <span class="menu-arrow arrow_carrot-right"><span>
                        </a>
                        <ul class="sub">
                                <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="download_item_ledger_report" href="javascript:void(0);">Download</a></li>
                        </ul>
                  </li>
                  
                  <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon_table"></i>
                          <span>Purchase</span>
                          <span class="menu-arrow arrow_carrot-right"></span>
                      </a>
                      <ul class="sub">
                          <li><a class="" href="#">Pending Purchases</a></li>
                          <li><a class="" href="#">Completed Purchases</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>
                      </a>
                      <ul class="sub">
                          <li><a class="create-order" href="javascript:void(0);">Create Sale Order</a></li>
                          <li><a class="sale-history" href="javascript:void(0);">Sale History</a></li>
                      </ul>
                  </li>
                  
                  <li class="sub-menu">
                      <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">                          
                          <li><a class="contact-us" href="#">Contact Us</a></li>
                      </ul>
                  </li>
                  
              </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>
              
            <div class="row">
                
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                        <div class="info-box brown-bg">
                                                <i class="fa fa-shopping-bag"></i>
                                                <div class="count">0</div>
                                                <div class="title">Purchase</div>                                               
                                        </div><!--/.info-box-->                 
                                </div><!--/.col-->      
                
                                
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                        <div class="info-box blue-bg">
                                                <i class="fa fa-gift"></i>
                                                <div class="count">0</div>
                                                <div class="title">Sale</div>                                           
                                        </div><!--/.info-box-->                 
                                </div><!--/.col-->
                                
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                        <div class="info-box green-bg">
                                                <i class="fa fa-cubes"></i>
                                                <div class="count">0</div>
                                                <div class="title">Good Stock</div>                                             
                                        </div><!--/.info-box-->                 
                                </div><!--/.col-->
                                
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                        <div class="info-box red-bg">
                                                <i class="fa fa-thumbs-o-down"></i>
                                                <div class="count">0</div>
                                                <div class="title">Bad Stock</div>                                              
                                        </div><!--/.info-box-->                 
                                </div><!--/.col-->
                                
                        </div><!--/.row-->
                
                        

          </section>
          <div class="text-center">
          <div class="credits">
                <p>All rights reserved.&copy;2017, Profitmandi</p>
          </div>
        </div>
      </section>
      <!--main content end-->
  </section>
  <!-- container section start -->

    <!-- javascripts -->
    <script src="resources/js/jquery.js"></script>
        <script src="resources/js/jquery-ui-1.10.4.min.js"></script>
    <script src="resources/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="resources/js/jquery-ui-1.9.2.custom.min.js"></script>
    <!-- bootstrap -->
    <script src="resources/js/bootstrap.min.js"></script>
    <!-- nice scroll -->
    <script src="resources/js/jquery.scrollTo.min.js"></script>
    <script src="resources/js/jquery.nicescroll.js" type="text/javascript"></script>
    <!-- charts scripts -->
    <script src="resources/assets/jquery-knob/js/jquery.knob.js"></script>
    <script src="resources/js/jquery.sparkline.js" type="text/javascript"></script>
    <script src="resources/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
    <script src="resources/js/owl.carousel.js" ></script>
    <!-- jQuery full calendar -->
    <<script src="resources/js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
        <script src="resources/assets/fullcalendar/fullcalendar/fullcalendar.js"></script>
    <!--script for this page only-->
    <script src="resources/js/calendar-custom.js"></script>
        <script src="resources/js/jquery.rateit.min.js"></script>
    <!-- custom select -->
    <script src="resources/js/jquery.customSelect.min.js" ></script>
        <script src="resources/assets/chart-master/Chart.js"></script>
   
    <!--custome script for all page-->
    <script src="resources/js/scripts.js"></script>
    <!-- custom script for this page-->
    <script src="resources/js/sparkline-chart.js"></script>
    <script src="resources/js/easy-pie-chart.js"></script>
        <script src="resources/js/jquery-jvectormap-1.2.2.min.js"></script>
        <script src="resources/js/jquery-jvectormap-world-mill-en.js"></script>
        <script src="resources/js/xcharts.min.js"></script>
        <script src="resources/js/jquery.autosize.min.js"></script>
        <script src="resources/js/jquery.placeholder.min.js"></script>
        <script src="resources/js/gdp-data.js"></script>        
        <script src="resources/js/morris.min.js"></script>
        <script src="resources/js/sparklines.js"></script>      
        <script src="resources/js/charts.js"></script>
        <script src="resources/js/jquery.slimscroll.min.js"></script>
        <script src="resources/js/jquery.validate.min.js"></script>
        <script type="text/javascript">
                context="$appContextPath";
        </script>
        <script src="resources/js/common.js"></script>
        <script src="resources/js/events.js"></script>
        <script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
        <script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
        
  <script>

      //knob
      $(function() {
        $(".knob").knob({
          'draw' : function () { 
            $(this.i).val(this.cv + '%')
          }
        })
      });
      
      $(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() {
                var bag = localStorage.getItem('bag');
                console.log(bag);
                if (bag){
                console.log("yes");
                        //$("#cart_bar").find('span').text(10);
                        $("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
                }
                else{
                        $("#cart_bar").find('span').text(0);
                }
        });
        
        $("#logout").click(function(){
                localStorage.profile = undefined;
        });

      //carousel
      $(document).ready(function() {
          $("#owl-slider").owlCarousel({
              navigation : true,
              slideSpeed : 300,
              paginationSpeed : 400,
              singleItem : true

          });
      });

      //custom select box

      $(function(){
          $('select.styled').customSelect();
      });
          
          /* ---------- Map ---------- */
        $(function(){
          $('#map').vectorMap({
            map: 'world_mill_en',
            series: {
              regions: [{
                values: gdpData,
                scale: ['#000', '#000'],
                normalizeFunction: 'polynomial'
              }]
            },
                backgroundColor: '#eef3f7',
            onLabelShow: function(e, el, code){
              el.html(el.html()+' (GDP - '+gdpData[code]+')');
            }
          });
        });

  </script>

  </body>
</html>