EVOLUTION-MANAGER

Edit File: inicio.blade.php

@extends('layouts.backend')

@section('ruta')
Gertor CMS QUOTECH
@stop

@section('titulo')
  INICIO
@stop

@section('contenido')
@include('alerts.success')
<div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
        <div class="col-lg-12 " style="display: inline-flex;justify-content: center;">      
              <div class="col-lg-3 col-md-3" style="height: 50%;">
                  <div class="contact-box" >
                      <a href="{{ URL::asset('usuarios') }}">
                      <h3 style="text-align: center;"><strong>Gestor de Usuarios</strong></h3>
                      <div class="col-sm-12">
                          <div class="text-center">
                              <i class="fa fa fa-users fa-5x"></i>                              
                          </div>
                      </div>
                      <div class="clearfix"></div>
                      </a>
                  </div>
              </div>
              <div class="col-lg-3 col-md-3" style="height: 50%;">
                  <div class="contact-box" >
                      <a href="{{ URL::asset('tipousuarios') }}">
                      <h3 style="text-align: center;"><strong>Gestor de Tipo Usuario</strong></h3>
                      <div class="col-sm-12">
                          <div class="text-center">
                    <i class="fa fa-anchor fa-5x"></i>                              
                      </div>
                      </div>
                      <div class="clearfix"></div>
                      </a>
                  </div>
              </div>

<div class="col-lg-3 col-md-3" style="height: 50%;">
                  <div class="contact-box" >
                      <a href="{{ URL::asset('administracion/transparencia/index')}}">
                      <h3 style="text-align: center;"><strong>Ley de transparencia</strong></h3>
                      <div class="col-sm-12">
                          <div class="text-center">
                              <i class="fa fa-cart-arrow-down fa-5x"></i>                              
                          </div>
                      </div>
                      <div class="clearfix"></div>
                      </a>
                  </div>
              </div>

<div class="col-lg-3 col-md-3" style="height: 50%;">
                  <div class="contact-box" >
                      <a href="{{ URL::asset('administracion/articulos') }}">
                      <h3 style="text-align: center;margin-bottom: 27px;"><strong>Artículos</strong></h3>
                      <div class="col-sm-12">
                          <div class="text-center">
                              <i class="fa fa fa-users fa-5x"></i>                              
                          </div>
                      </div>
                      <div class="clearfix"></div>
                      </a>
                  </div>
              </div>
              <div class="col-lg-3 col-md-3" style="height: 50%;">
                  <div class="contact-box" >
                      <a href="{{ URL::asset('administracion/tipoarticulos') }}">
                      <h3 style="text-align: center;"><strong>Tipos de Artículos</strong></h3>
                      <div class="col-sm-12">
                          <div class="text-center">
                    <i class="fa fa-anchor fa-5x"></i>                              
                      </div>
                      </div>
                      <div class="clearfix"></div>
                      </a>
                  </div>
              </div>

<div class="col-lg-3 col-md-3" style="height: 50%;">
                  <div class="contact-box" >
                      <a href="{{ URL::asset('administracion/actualizar_datos') }}">
                      <h3 style="text-align: center;margin-bottom: 0px;margin-top: 0px;"><strong>Actualizar información de cuenta</strong></h3>
                      <div class="col-sm-12">
                          <div class="text-center">
                    <i class="fa fa-wrench fa-5x"></i>                              
                      </div>
                      </div>
                      <div class="clearfix"></div>
                      </a>
                  </div>
              </div>

</div>
        </div>  
        <div class="row">
                <div class="col-md-8">
                  <p class="text-center">
                    <strong>Gráfico de visitas</strong>
                  </p>

<div class="chart">
                    
                    <canvas id="salesChart" style="height: 169px; width: 663px;" width="663" height="169"></canvas>
                  </div>
                  
                </div>
                
                <div class="col-md-4">
                  <p class="text-center">
                    <strong>Totales</strong>
                  </p>

<div class="progress-group">
                    <span class="progress-text">Total de visitas</span>
                    <span class="progress-number"><b>{{$visitas_total}}</b></span>

<div class="progress sm">
                      <div class="progress-bar progress-bar-aqua" style="width: 100%"></div>
                    </div>
                  </div>
                  
                  <div class="progress-group">
                    <span class="progress-text">Visitas mes anterior</span>
                    <span class="progress-number"><b>{{$mes_anterio}}</b></span>
                    <?php $porcen_anterior = ($mes_anterio*100)/$visitas_total; ?>
                    <div class="progress sm">
                      <div class="progress-bar progress-bar-red" style="width: {{$porcen_anterior}}%"></div>
                    </div>
                  </div>
                  
                  <div class="progress-group">
                    <span class="progress-text">Visitas mes actual</span>
                    <span class="progress-number"><b>{{$mes_actual}}</b></span>
                    <?php $porcen_actual = ($mes_actual*100)/$visitas_total; ?>
                    <div class="progress sm">
                      <div class="progress-bar progress-bar-blue" style="width: {{$porcen_actual}}%"></div>
                    </div>
                  </div>
                </div>
                
              </div>      
 <div id="grafico_estatico_div" class="col-lg-9" style="position: relative; bottom: 1000px;">
        <canvas id="grafico_estatico"></canvas>
        </div>
        </div>
        </div>       
        <div id="grafico_dinamico">          
        </div>
</div>
@stop
@section('script')
<script type="text/javascript">
  $(document).ready(function() { 
      });
function Actualizar_foto_pop()
{
  $('#pop_up_cambio_foto').modal('show');
}
function randomColorFactor()
{
  return Math.round(Math.random()*255);
}
function randomColor()
{
  return 'rgba('+randomColorFactor()+','+randomColorFactor()+','+randomColorFactor()+',.7)';
}
</script>
<script src="{{asset('admin/chart.js/Chart.js')}}"></script>
<script type="text/javascript">
  var salesChartCanvas = $('#salesChart').get(0).getContext('2d');
  // This will get the first returned node in the jQuery collection.
  var salesChart       = new Chart(salesChartCanvas);

var salesChartData = {
    labels  : ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Agost', 'Sept', 'Oct', 'Nov', 'Dic'],
    datasets: [
      {
        label               : 'Visitas',
        fillColor           : 'rgba(60,141,188,0.9)',
        strokeColor         : 'rgba(60,141,188,0.8)',
        pointColor          : '#3b8bba',
        pointStrokeColor    : 'rgba(60,141,188,1)',
        pointHighlightFill  : '#fff',
        pointHighlightStroke: 'rgba(60,141,188,1)',
        data                : [@foreach($meses as $mes)
                              {{$mes}},
                              @endforeach
                              ]
      }
    ]
  };

var salesChartOptions = {
    // Boolean - If we should show the scale at all
    showScale               : true,
    // Boolean - Whether grid lines are shown across the chart
    scaleShowGridLines      : false,
    // String - Colour of the grid lines
    scaleGridLineColor      : 'rgba(0,0,0,.05)',
    // Number - Width of the grid lines
    scaleGridLineWidth      : 1,
    // Boolean - Whether to show horizontal lines (except X axis)
    scaleShowHorizontalLines: true,
    // Boolean - Whether to show vertical lines (except Y axis)
    scaleShowVerticalLines  : true,
    // Boolean - Whether the line is curved between points
    bezierCurve             : true,
    // Number - Tension of the bezier curve between points
    bezierCurveTension      : 0.3,
    // Boolean - Whether to show a dot for each point
    pointDot                : false,
    // Number - Radius of each point dot in pixels
    pointDotRadius          : 4,
    // Number - Pixel width of point dot stroke
    pointDotStrokeWidth     : 1,
    // Number - amount extra to add to the radius to cater for hit detection outside the drawn point
    pointHitDetectionRadius : 20,
    // Boolean - Whether to show a stroke for datasets
    datasetStroke           : true,
    // Number - Pixel width of dataset stroke
    datasetStrokeWidth      : 2,
    // Boolean - Whether to fill the dataset with a color
    datasetFill             : true,
    // String - A legend template
    legendTemplate          : '<ul class=\'<%=name.toLowerCase()%>-legend\'><% for (var i=0; i<datasets.length; i++){%><li><span style=\'background-color:<%=datasets[i].lineColor%>\'></span><%=datasets[i].label%></li><%}%></ul>',
    // Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
    maintainAspectRatio     : true,
    // Boolean - whether to make the chart responsive to window resizing
    responsive              : true
  };

// Create the line chart
  salesChart.Line(salesChartData, salesChartOptions);

</script>

@if(Session::has('message-error'))
    <script type="text/javascript">
        $.toast({
            heading: 'Notificación',
            text:   "{{Session::get('message-error')}}", 
            position: 'top-right',
            stack: 3,  
            icon: 'error', 
            hideAfter: 5000, 
            showHideTransition: 'plain', 
            allowToastClose: true, 
            loader: false, 
        });
    </script>
    @endif

@if(Session::has('message'))
    <script type="text/javascript">
            $.toast({
            heading: 'Notificación',
            text:   "{{Session::get('message')}}", 
            position: 'top-right',
            stack: 3,  
            icon: 'success', 
            hideAfter: 5000, 
            showHideTransition: 'plain', 
            allowToastClose: true, 
            loader: false, 
        });
    </script>
    @endif
@endsection