Guest User

Untitled

a guest
Jul 28th, 2017
164
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html lang="en">
  2. <!DOCTYPE html>
  3.  
  4. <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="description" content="">
  10.     <meta name="author" content="">
  11.  
  12.     <title>MRV-NF</title>
  13.  
  14.     <!-- Bootstrap Core CSS -->
  15.     <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16.  
  17.     <!-- MetisMenu CSS -->
  18.     <link href="../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
  19.  
  20.     <!-- Custom CSS -->
  21.     <link href="../dist/css/sb-admin-2.css" rel="stylesheet">
  22.  
  23.     <!-- Morris Charts CSS -->
  24.     <link href="../vendor/morrisjs/morris.css" rel="stylesheet">
  25.  
  26.     <!-- Custom Fonts -->
  27.     <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  28.  
  29.     <script src="../classes/Chart.min.js"></script>
  30.  
  31.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  32.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  33.     <!--[if lt IE 9]>
  34.         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  35.         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  36.     <![endif]-->
  37.  
  38.  
  39.     <style type="text/css">
  40.  
  41.  
  42.         .subDados{
  43.             font-size: 9px;
  44.             margin-left: 18px;
  45.         }
  46.         .groupSubDados{
  47.             margin-top: 10px;
  48.         }
  49.     </style>
  50.  
  51. </head>
  52.  
  53. <body>
  54.  
  55. <?php
  56.  
  57. require_once "../classes/PHPExcel.php";
  58.  
  59.     $tmpfname = "../excel/ronaldo.xlsx";
  60.     $excelReader = PHPExcel_IOFactory::createReaderForFile($tmpfname);
  61.     $excelObj = $excelReader->load($tmpfname);
  62.     $worksheet = $excelObj->getSheet(1);
  63.  
  64.     $excel_arr = $worksheet->toArray(null,true,true,true);
  65. ?>
  66.  
  67.     <div id="wrapper">
  68.  
  69.         <!-- Navigation -->
  70.         <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
  71.             <div class="navbar-header">
  72.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  73.                     <span class="sr-only">Toggle navigation</span>
  74.                     <span class="icon-bar"></span>
  75.                     <span class="icon-bar"></span>
  76.                     <span class="icon-bar"></span>
  77.                 </button>
  78.                 <a class="navbar-brand" href="index.php"> <img src="../images/logoMRV.png" height="30px"> </a>
  79.             </div>
  80.             <!-- /.navbar-header -->
  81.  
  82.             <ul class="nav navbar-top-links navbar-right">
  83.                
  84.                 <!-- /.dropdown -->
  85.                 <li class="dropdown">
  86.                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">
  87.                         <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
  88.                     </a>
  89.                     <ul class="dropdown-menu dropdown-tasks">
  90.                         <li>
  91.                             <a href="#">
  92.                                 <div>
  93.                                     <p>
  94.                                         <strong>Gerados</strong>
  95.                                         <span class="pull-right text-muted"> 40% completo </span>
  96.                                     </p>
  97.                                     <div class="progress progress-striped active">
  98.                                         <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
  99.                                         </div>
  100.                                     </div>
  101.                                 </div>
  102.                             </a>
  103.                         </li>
  104.                         <li class="divider"></li>
  105.                         <li>
  106.                             <a href="#">
  107.                                 <div>
  108.                                     <p>
  109.                                         <strong>CPF's analisados</strong>
  110.                                         <span class="pull-right text-muted">20% Completo</span>
  111.                                     </p>
  112.                                     <div class="progress progress-striped active">
  113.                                         <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
  114.                                         </div>
  115.                                     </div>
  116.                                 </div>
  117.                             </a>
  118.                         </li>
  119.                             <li class="divider"></li>
  120.                         <li>
  121.                             <a href="#">
  122.                                 <div>
  123.                                     <p>
  124.                                         <strong>Prospecção</strong>
  125.                                         <span class="pull-right text-muted">60% Completo</span>
  126.                                     </p>
  127.                                     <div class="progress progress-striped active">
  128.                                         <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
  129.                                             <span class="sr-only">60% Complete (warning)</span>
  130.                                         </div>
  131.                                     </div>
  132.                                 </div>
  133.                             </a>
  134.                         </li>
  135.                         <li class="divider"></li>
  136.                         <li>
  137.                             <a href="#">
  138.                                 <div>
  139.                                     <p>
  140.                                         <strong>Encaminhamentos</strong>
  141.                                         <span class="pull-right text-muted">80% Completo</span>
  142.                                     </p>
  143.                                     <div class="progress progress-striped active">
  144.                                         <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
  145.                                             <span class="sr-only">80% Complete (danger)</span>
  146.                                         </div>
  147.                                     </div>
  148.                                 </div>
  149.                             </a>
  150.                         </li>
  151.                         <li class="divider"></li>
  152.                         <li>
  153.                             <a class="text-center" href="#">
  154.                                 <strong>Indicadores</strong>
  155.                                 <i class="fa fa-angle-right"></i>
  156.                             </a>
  157.                         </li>
  158.                     </ul>
  159.                     <!-- /.dropdown-tasks -->
  160.                 </li>
  161.                 <!-- /.dropdown -->
  162.                 <li class="dropdown">
  163.                    
  164.  
  165.                     <!-- /.dropdown-alerts -->
  166.                 </li>
  167.                 <!-- /.dropdown -->
  168.                 <li class="dropdown">
  169.                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">
  170.                         <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
  171.                     </a>
  172.                     <ul class="dropdown-menu dropdown-user">
  173.                         <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
  174.                         </li>
  175.                         <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
  176.                         </li>
  177.                         <li class="divider"></li>
  178.                         <li><a href="login.php"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
  179.                         </li>
  180.                     </ul>
  181.                     <!-- /.dropdown-user -->
  182.                 </li>
  183.                 <!-- /.dropdown -->
  184.             </ul>
  185.             <!-- /.navbar-top-links -->
  186.  
  187.             <div class="navbar-default sidebar" role="navigation">
  188.                 <div class="sidebar-nav navbar-collapse">
  189.                     <ul class="nav" id="side-menu">
  190.                         <li class="sidebar-search">
  191.                             <div class="input-group custom-search-form">
  192.                                 <input type="text" class="form-control" placeholder="Search...">
  193.                                 <span class="input-group-btn">
  194.                                 <button class="btn btn-default" type="button">
  195.                                     <i class="fa fa-search"></i>
  196.                                 </button>
  197.                             </span>
  198.                             </div>
  199.                             <!-- /input-group -->
  200.                         </li>
  201.                         <li>
  202.                             <a href="index.php"><i class="fa fa-dashboard fa-fw"></i> Regional</a>
  203.                         </li>
  204.                        
  205.                         <li>
  206.                             <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Cidades<span class="fa arrow"></span></a>
  207.                             <ul class="nav nav-second-level">
  208.                                 <li>
  209.                                     <a href="camposDosGoytacazes.php">Campos dos Goytacazes</a>
  210.                                 </li>
  211.                                 <li>
  212.                                     <a href="macae.php">Macaé</a>
  213.                                 </li>
  214.                                 <li>
  215.                                     <a href="rioDasOstras.php">Rio das Ostras</a>
  216.                                 </li>
  217.                             </ul>
  218.  
  219.                            
  220.                         </li>
  221.                          <li>
  222.                             <a href="tables.html"><i class="fa fa-table fa-fw"></i> Loja</a>
  223.                         </li>
  224.                         <li>
  225.                             <a href="tables.html"><i class="fa fa-comments fa-fw"></i> Corretores</a>
  226.                         </li>
  227.                         <li>
  228.                             <a href="forms.html"><i class="fa fa-home fa-fw"></i> Empreendimentos</a>
  229.                         </li>
  230.                         <li>
  231.                             <a href="#"><i class="fa fa-wrench fa-fw"></i> Questões Gerenciais<span class="fa arrow"></span></a>
  232.                             <ul class="nav nav-second-level">
  233.                                 <li>
  234.                                     <a href="panels-wells.html"> Submeter proposta</a>
  235.                                 </li>
  236.                                 <li>
  237.                                     <a href="panels-wells.html"> Estratégias</a>
  238.                                 </li>
  239.                                 <li>
  240.                                     <a href="buttons.html">Reserva</a>
  241.                                 </li>
  242.                                 <li>
  243.                                     <a href="notifications.html">PAC</a>
  244.                                 </li>
  245.                                 <li>
  246.                                     <a href="typography.html">Chamado</a>
  247.                                 </li>
  248.                                 <li>
  249.                                     <a href="typography.html">Carta de Crédito</a>
  250.                                 </li>
  251.                                 <li>
  252.                                     <a href="typography.html">Consigados</a>
  253.                                 </li>
  254.                             </ul>
  255.                         </li>
  256.                         <li>
  257.                             <a href="#"><i class="fa fa-usd fa-fw"></i> Financeiro<span class="fa arrow"></span></a>
  258.                             <ul class="nav nav-second-level">
  259.                                 <li>
  260.                                     <a href="panels-wells.html"> PLR</a>
  261.                                 </li>
  262.                                 <li>
  263.                                     <a href="panels-wells.html"> Custos</a>
  264.                                 </li>
  265.                             </ul>
  266.                         </li>
  267.                        
  268.                     </ul>
  269.                 </div>
  270.                 <!-- /.sidebar-collapse -->
  271.             </div>
  272.             <!-- /.navbar-static-side -->
  273.         </nav>
  274.  
  275.         <div id="page-wrapper">
  276.             <div class="row">
  277.                 <div class="col-lg-12">
  278.                     <h6 class="page-header"> <a href="index.php"> Regional </a>> <a href="analiseCPF.php"> Análise CPF's </a></h6>
  279.                 </div>
  280.                 <!-- /.col-lg-12 -->
  281.             </div>
  282.             <!-- /.row -->
  283.             <div class="row">
  284.                 <div class="col-lg-6 col-md-6">
  285.                         <div class="panel panel-default">
  286.                         <div class="panel-heading">
  287.                             <i class="fa fa-pie-chart fa-fw"></i> Análises: 232
  288.                         </div>
  289.                         <!-- /.panel-heading -->
  290.                                 <div class="panel-body">
  291.                                
  292.                                 <canvas id="GraficoPizza" style="width:100%;"></canvas>
  293.  
  294.                                 <script type="text/javascript">
  295.  
  296.  
  297.                                     var options = {
  298.                                         responsive:true
  299.                                     };
  300.  
  301.                                     var data = [
  302.                                         {
  303.                                             value: 14,
  304.                                             color:"#F7464A",
  305.                                             highlight: "#FF5A5E",
  306.                                             label: "Reprovados"
  307.                                         },
  308.                                         {
  309.                                             value: 63,
  310.                                             color: "#46BFBD",
  311.                                             highlight: "#5AD3D1",
  312.                                             label: "Condicionados"
  313.                                         },
  314.                                         {
  315.                                             value: 84,
  316.                                             color: "#3CB371",
  317.                                             highlight: "#3CB38F",
  318.                                             label: "Aprovados"
  319.                                         }
  320.                                     ]
  321.                                    
  322.                                     window.onload = function(){
  323.  
  324.                                         var ctx = document.getElementById("GraficoPizza").getContext("2d");
  325.                                         var PizzaChart = new Chart(ctx).Pie(data, options);
  326.                                     }  
  327.  
  328.                                     </script>
  329.                                    
  330.  
  331.                                     <div class="col-lg-4 col-md-6">
  332.                                         <div class="panel panel-default">
  333.                                             <div class="panel-heading">
  334.                                                 <i class="fa fa-navicon fa-fw"></i> CAW: 135
  335.                                             </div>
  336.  
  337.                                             <table class="subDados" style="width:100%">
  338.                                                 <tr>
  339.                                                     <td>37</td>
  340.                                                     <td>Aprovados</td>
  341.                                                 </tr>
  342.                                                 <tr>
  343.                                                     <td>34</td>
  344.                                                     <td>Condicionados</td>
  345.                                                 </tr>
  346.                                                 <tr>
  347.                                                     <td>12</td>
  348.                                                     <td>Reprovados</td>
  349.                                                 </tr>
  350.                                                 <tr>
  351.                                                     <td>52</td>
  352.                                                     <td>Em discussão</td>
  353.                                                 </tr>
  354.                                             </table>
  355.                                         </div>
  356.                                     </div>        
  357.                                     <div class="col-lg-4 col-md-6">
  358.                                         <div class="panel panel-default">
  359.                                             <div class="panel-heading">
  360.                                                 <i class=" fa fa-navicon fa-fw"></i> MAC: 109
  361.                                             </div>
  362.                                             <table class="subDados" style="width:100%">
  363.                                                 <tr>
  364.                                                     <td>23</td>
  365.                                                     <td>Aprovados</td>
  366.                                                 </tr>
  367.                                                 <tr>
  368.                                                     <td>19</td>
  369.                                                     <td>Condicionados</td>
  370.                                                 </tr>
  371.                                                 <tr>
  372.                                                     <td>2</td>
  373.                                                     <td>Reprovados</td>
  374.                                                 </tr>
  375.                                                 <tr>
  376.                                                     <td>65</td>
  377.                                                     <td>Em discussão</td>
  378.                                                 </tr>
  379.                                             </table>
  380.                                         </div>
  381.                                     </div>
  382.                                     <div class="col-lg-4 col-md-6">
  383.                                         <div class="panel panel-default">
  384.                                              <div class="panel-heading">
  385.                                                 <i class="fa fa-navicon fa-fw"></i> RO: 54
  386.                                             </div>
  387.                                             <table class="subDados" style="width:100%">
  388.                                                 <tr>
  389.                                                     <td>24</td>
  390.                                                     <td>Aprovados</td>
  391.                                                 </tr>
  392.                                                 <tr>
  393.                                                     <td>10</td>
  394.                                                     <td>Condicionados</td>
  395.                                                 </tr>
  396.                                                 <tr>
  397.                                                     <td>0</td>
  398.                                                     <td>Reprovados</td>
  399.                                                 </tr>
  400.                                                 <tr>
  401.                                                     <td>20</td>
  402.                                                     <td>Em discussão</td>
  403.                                                 </tr>
  404.                                             </table>
  405.                                         </div>
  406.                                     </div>
  407.                         </div>
  408.                         <!-- /.panel-body -->
  409.                     </div>
  410.                 </div>
  411.                 <div class="col-lg-6 col-md-6">
  412.                     <div class="panel panel-default">
  413.                         <div class="panel-heading">
  414.                             <i class="fa fa-bar-chart fa-fw"></i> Comparativo
  415.                         </div>
  416.                         <!-- /.panel-heading -->
  417.                                 <div class="panel-body">
  418.  
  419.                                             <canvas id="GraficoBarra" style="width:100%;"></canvas>
  420.                                                 <script type="text/javascript">
  421.                                                
  422.  
  423.                                                 var options = {
  424.                                                         responsive:true
  425.                                                     };
  426.  
  427.                                                     var data = {
  428.                                                         labels: ["Outubro", "Novembro", "Dezembro"],
  429.                                                         datasets: [
  430.                                                             {
  431.                                                                 label: "Dados primários",
  432.                                                                 fillColor: "rgba(220,220,220,0.5)",
  433.                                                                 strokeColor: "rgba(220,220,220,0.8)",
  434.                                                                 highlightFill: "rgba(220,220,220,0.75)",
  435.                                                                 highlightStroke: "rgba(220,220,220,1)",
  436.                                                                 data: [200,231,240]
  437.                                                             },
  438.                                                             {
  439.                                                                 label: "Dados secundários",
  440.                                                                 fillColor: "rgba(151,187,205,0.5)",
  441.                                                                 strokeColor: "rgba(151,187,205,0.8)",
  442.                                                                 highlightFill: "rgba(151,187,205,0.75)",
  443.                                                                 highlightStroke: "rgba(151,187,205,1)",
  444.                                                                 data: [240,201,203]
  445.                                                             }
  446.                                                         ]
  447.                                                     };                
  448.  
  449.                                                     window.onload = function(){
  450.                                                         var ctx = document.getElementById("GraficoBarra").getContext("2d");
  451.                                                         var BarChart = new Chart(ctx).Bar(data, options);
  452.                                                     }
  453.                                                 </script>
  454.                 </div>
  455.                
  456.             </div>
  457.             <!-- /.row -->
  458.         </div>
  459.         <!-- /#page-wrapper -->
  460.  
  461.     </div>
  462.     <!-- /#wrapper -->
  463.  
  464.     <!-- jQuery -->
  465.     <script src="../vendor/jquery/jquery.min.js"></script>
  466.  
  467.     <!-- Bootstrap Core JavaScript -->
  468.     <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
  469.  
  470.     <!-- Metis Menu Plugin JavaScript -->
  471.     <script src="../vendor/metisMenu/metisMenu.min.js"></script>
  472.  
  473.     <!-- Morris Charts JavaScript -->
  474.     <script src="../vendor/raphael/raphael.min.js"></script>
  475.     <script src="../vendor/morrisjs/morris.min.js"></script>
  476.     <script src="../data/morris-data.js"></script>
  477.  
  478.     <!-- Custom Theme JavaScript -->
  479.     <script src="../dist/js/sb-admin-2.js"></script>
  480.  
  481. </body>
  482.  
  483. </html>
Advertisement
Add Comment
Please, Sign In to add comment