Asset

Linux lamp 5.15.0-186-generic #196-Ubuntu SMP Sat Jun 20 16:09:34 UTC 2026 x86_64 | root

Editing: dashboard.php

<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="utf-8" />
  <title>IoT Vanaeph</title>
  <meta name="description" content="Admin, Dashboard, Bootstrap, Bootstrap 4, Angular, AngularJS" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-barstyle" content="black-translucent">
  <link rel="apple-touch-icon" href="assets/images/icon-logo.png">
  <meta name="apple-mobile-web-app-title" content="Flatkit">
  
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="shortcut icon" sizes="196x196" href="assets/images/icon-logo.png">
  
  <link rel="stylesheet" href="assets/animate.css/animate.min.css" type="text/css" />
  <link rel="stylesheet" href="assets/glyphicons/glyphicons.css" type="text/css" />
  <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="assets/material-design-icons/material-design-icons.css" type="text/css" />
  <link rel="stylesheet" href="assets/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
  
  <link rel="stylesheet" href="assets/styles/app.css" type="text/css" />
  
  <link rel="stylesheet" href="assets/styles/font.css" type="text/css" />
</head>
<?php
// function getRealIP()
// {

//     if (isset($_SERVER["HTTP_CLIENT_IP"]))
//     {
//         return $_SERVER["HTTP_CLIENT_IP"];
//     }
//     elseif (isset($_SERVER["HTTP_X_FORWARDED_FOR"]))
//     {
//         return $_SERVER["HTTP_X_FORWARDED_FOR"];
//     }
//     elseif (isset($_SERVER["HTTP_X_FORWARDED"]))
//     {
//         return $_SERVER["HTTP_X_FORWARDED"];
//     }
//     elseif (isset($_SERVER["HTTP_FORWARDED_FOR"]))
//     {
//         return $_SERVER["HTTP_FORWARDED_FOR"];
//     }
//     elseif (isset($_SERVER["HTTP_FORWARDED"]))
//     {
//         return $_SERVER["HTTP_FORWARDED"];
//     }
//     else
//     {
//         return $_SERVER["REMOTE_ADDR"];
//     }

// }
?>

<?php

//session_start();

// $conn = mysqli_connect("localhost", "root", "S1stemas", "espdb");
// $array = array();

// $matches = implode(',', $array);

// $query = "SELECT * FROM plc_esp order by data_id desc limit 10";
// $result = $conn->query($query);
// $traffics = $result->fetch_all(MYSQLI_ASSOC);

// $querym = "SELECT data_volt, data_amp from plc_esp where data_id = (select max(data_id) from plc_esp)";
// $resultm = $conn->query($query);
// $max = $result->fetch_all(MYSQLI_ASSOC);

// $query1 = "SELECT DAY(data_date) as day from plc_esp group by DAY(data_date)";
// $result1 = $conn->query($query1);
// $values = $result1->fetch_all(MYSQLI_ASSOC);
// $val_ = '0';
// foreach ($values as $v) {
//   $val_ = $val_ . ',' . $v['day'];
// }

// $query2 = "SELECT max(data_volt) as mt from plc_esp group by DAY(data_date)";
// $result2 = $conn->query($query2);
// $values1 = $result2->fetch_all(MYSQLI_ASSOC);
// $val_1 = '0';
// foreach ($values1 as $v) {
//   $val_1 = $val_1 . ',' . $v['mt'];
// }

// $query3 = "SELECT min(data_volt) as mt from plc_esp group by DAY(data_date)";
// $result3 = $conn->query($query3);
// $values2 = $result3->fetch_all(MYSQLI_ASSOC);
// $val_2 = '0';
// foreach ($values2 as $v) {
//   $val_2 = $val_2 . ',' . $v['mt'];
// }

<body>
  <div class="app" id="app">
    
    
    
    <div id="aside" class="app-aside modal nav-dropdown">
      
      <div class="left navside dark dk" data-layout="column">
        <div class="navbar no-radius">
          
          <a class="navbar-brand">
            <div ui-include="'assets/images/logo.svg'"></div>
            <img src="assets/images/icon-logo.png" alt="." class="hide">
            <span class="hidden-folded inline">IoT</span>
          </a>
          
        </div>
        <div class="hide-scroll" data-flex>
          <nav class="scroll nav-light">
            <ul class="nav" ui-nav>
              <li class="nav-header hidden-folded">
                <small class="text-muted">Menú</small>
              </li>
              <li>
                <a href="dashboard.php">
                  <span class="nav-icon">
                    <i class="fa fa-building-o"></i>
                  </span>
                  <span class="nav-text">Principal</span>
                </a>
              </li>
              <li>
                <a href="devices.php">
                  <span class="nav-icon">
                    <i class="fa fa-cogs"></i>
                  </span>
                  <span class="nav-text">Dispositivos</span>
                </a>
              </li>
            </ul>
          </nav>
        </div>
        <div class="b-t">
          <div class="nav-fold">
            <a href="profile.html">
              <span class="pull-left">
                <img src="assets/images/user.png" alt="..." class="w-40 img-circle">
              </span>
              <span class="clear hidden-folded p-x">
                <span class="block _500">Administrador</span>
                <small class="block text-muted"><i class="fa fa-circle text-success m-r-sm"></i>En línea</small>
              </span>
            </a>
          </div>
        </div>
      </div>
    </div>
    
    
    <div id="content" class="app-content box-shadow-z0" role="main">
      <div class="app-header white box-shadow">
        <div class="navbar navbar-toggleable-sm flex-row align-items-center">
          
          <a data-toggle="modal" data-target="#aside" class="hidden-lg-up mr-3">
            <i class="material-icons">&#xe5d2;</i>
          </a>
          
          <div class="">
            <b id="display_new_access"> </b>
          </div>
          
          <div class="mb-0 h5 no-wrap" ng-bind="$state.current.data.title" id="pageTitle"></div>
          
          <div class="collapse navbar-collapse" id="collapse">
            
            <ul class="nav navbar-nav mr-auto">
              <li class="nav-item dropdown">
                <a class="nav-link" href data-toggle="dropdown">
                </a>
                <div ui-include="'views/blocks/dropdown.new.html'"></div>
              </li>
            </ul>
            <div ui-include="'views/blocks/navbar.form.html'"></div>
            
          </div>
          
          
          <ul class="nav navbar-nav ml-auto flex-row">
            <li class="nav-item dropdown pos-stc-xs">
              <a class="nav-link mr-2" href data-toggle="dropdown">
                <i class="material-icons">&#xe7f5;</i>
                <span class="label label-sm up warn">3</span>
              </a>
              <div ui-include="'views/blocks/dropdown.notification.html'"></div>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link p-0 clear" href="#" data-toggle="dropdown">
                <span class="avatar w-32">
                  <img src="assets/images/user.png" alt="...">
                  <i class="on b-white bottom"></i>
                </span>
              </a>
              <div ui-include="'views/blocks/dropdown.user.html'"></div>
            </li>
            <li class="nav-item hidden-md-up">
              <a class="nav-link pl-2" data-toggle="collapse" data-target="#collapse">
                <i class="material-icons">&#xe5d4;</i>
              </a>
            </li>
          </ul>
          
        </div>
      </div>
      
      <div class="app-footer">
        <div class="p-2 text-xs">
          <div class="pull-right text-muted py-1">
            &copy; Derechos reservados <strong>Vanaeph </strong> <span class="hidden-xs-down">- Realese v1.0</span>
            <a ui-scroll-to="content"><i class="fa fa-long-arrow-up p-x-sm"></i></a>
          </div>
          <div class="nav">
            <a class="nav-link" href="https://www.vanaeph.com">Nosotros</a>
          </div>
        </div>
      </div>
      <div ui-view class="app-body" id="view">
        
        <div class="padding">
          
          <div class="row">
            <div class="col-sm-6 col-md 4">
              
              <div class="box">
                <div class="box-header">
                  <h3>Voltaje en Tiempo Real</h3>
                  <small>Expresado en Voltios</small>
                </div>
                <div class="box-body" id="container" style="height: 400px; min-width: 310px"></div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-6 col-md 4">
              
              <div class="box">
                <div class="box-header">
                  <h3>Amperaje en Tiempo Real</h3>
                  <small>Expresado en Amperios</small>
                </div>
                <div class="box-body" id="containerh" style="height: 400px; min-width: 310px"></div>
              </div>
            </div>
          </div>
          <div class="row">
            
            <div class="col-xs-12 col-sm-6">
              <div class="box p-a">
                <h4> Controlador Industrial Shields con IoT </h4> <br>
                <div class="form-group row">
                  <button class="btn btn-outline rounded b-primary text-primary" class="md-btn md-raised m-b-sm w-xs green" style="margin-left:25px" id="on" onclick="sendRequest()">Encender</button>
                  <button class="btn btn-outline rounded b-warning text-warning" class="md-btn md-raised m-b-sm w-xs red" style="margin-left:25px" id="off" onclick="sendRequest1()">Apagar</button>
                  <div class="form-group" style="margin-left:25px">
                  </div>
                </div>
                <div class="form-group row">
                  <h4 class="m-0 text-lg _300"><b id="state">-</b><span class="text-sm"></span></h4>
                </div>
              </div>
            </div>
            <div class="col-sm-4">
              
              <div class="box">
                <div class="box-header indigo">
                  <h3>Control de Voltaje</h3>
                  <small>Datos recopilados con un PLC Industrial Shields</small>
                  <div class="box-tool">
                    <ul class="nav">
                      <li class="nav-item inline">
                        <a class="nav-link">
                          <i class="material-icons md-18"></i>
                        </a>
                      </li>
                      <li class="nav-item inline dropdown">
                        <a class="nav-link" data-toggle="dropdown">
                          <i class="material-icons md-18"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-scale pull-right">
                          <a class="dropdown-item" href="">Action</a>
                          <a class="dropdown-item" href="">Another action</a>
                          <a class="dropdown-item" href="">Something else here</a>
                          <div class="dropdown-divider"></div>
                          <a class="dropdown-item">Separated link</a>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
                
                <div class="row">
                  <div class="box-body indigo-600">
                    <div class="clear">
                      <h4 class="m-0 text-lg _300"><b id="display_temp1">0</b><span class="text-sm"> V.</span></h4>
                      
                      <small class="text-muted">Promedio: 17 C</small>
                    </div>
                    <div class="clear">
                      <h4 class="m-0 text-lg _300"><b id="display_hum1">0</b><span class="text-sm"> Ah.</span></h4>
                      
                      <small class="text-muted">Promedio: 41%</small>
                    </div>
                    <p class="m-0">Las soluciones IoT son una muestra de cómo la tecnología se pone al servicio de
                      la
                      humanidad y del planeta, aplica en los hogares, industrias y ciudades, para optimizar el uso
                      de los
                      recursos, reducir riesgos y, en general, dar una mejor calidad de vida con un lineamiento
                      sostenible.</p>
                  </div>
                </div>
              </div>
            </div>

</div>
        </div>
        
        <div class="row">
          <div class="col-sm-12">
            <div class="box">
              <div class="box-header">
                <h2>Tabla de Datos</h2>
                <small>
                  Informacion en constante actualización
                </small>
              </div>
              <table class="table table-striped b-t">
                <thead>
                  <tr>
                    <th>#</th>
                    <th>Fecha</th>
                    <th>Voltaje (V)</th>
                    <th>Amperaje (Ah)</th>
                  </tr>
                </thead>
                <tbody>
                  <?php foreach ($traffics as $traffic) : ?>
                    <tr>
                      <td>
                        <?php echo $traffic['data_id'] ?>
                      </td>
                      <td>
                        <?php echo $traffic['data_date'] ?>
                      </td>
                      <td>
                        <?php echo $traffic['data_volt'] ?>
                      </td>
                      <td>
                        <?php echo $traffic['data_amp'] ?>
                      </td>
                    </tr>
                  <?php endforeach; ?>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        
        
      </div>
    </div>
  </div>
  
  
  </div>
  
  
  <script src="web/libs/jquery/jquery/dist/jquery.js"></script>
  
  <script src="web/libs/jquery/tether/dist/js/tether.min.js"></script>
  <script src="web/libs/jquery/bootstrap/dist/js/bootstrap.js"></script>
  
  <script src="web/libs/jquery/underscore/underscore-min.js"></script>
  <script src="web/libs/jquery/jQuery-Storage-API/jquery.storageapi.min.js"></script>
  <script src="web/libs/jquery/PACE/pace.min.js"></script>
  <script src="html/scripts/config.lazyload.js"></script>
  <script src="html/scripts/palette.js"></script>
  <script src="html/scripts/ui-load.js"></script>
  <script src="html/scripts/ui-jp.js"></script>
  <script src="html/scripts/ui-include.js"></script>
  <script src="html/scripts/ui-device.js"></script>
  <script src="html/scripts/ui-form.js"></script>
  <script src="html/scripts/ui-nav.js"></script>
  <script src="html/scripts/ui-screenfull.js"></script>
  <script src="html/scripts/ui-scroll-to.js"></script>
  <script src="html/scripts/ui-toggle-class.js"></script>
  <script src="https://code.highcharts.com/stock/highstock.js"></script>
  <script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
  <script src="https://code.highcharts.com/stock/modules/export-data.js"></script>
  <script src="html/scripts/app.js"></script>
  
  <script src="web/libs/jquery/jquery-pjax/jquery.pjax.js"></script>
  <script src="html/scripts/ajax.js"></script>
  <script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.2.1.js"></script>

function sendRequest() {
      var script = document.createElement('script');
      script.src = 'http://177.222.119.13:9056/?var_estado=on_output';
      document.body.appendChild(script);
      $('#state').text('ENCENDIDO');
      insOn();
    }

function sendRequest1() {
      var script = document.createElement('script');
      script.src = 'http://177.222.119.13:9056/?var_estado=off_output';
      document.body.appendChild(script);
      $('#state').text('APAGADO');
      insOff();
    }

function insOn() {
      $.ajax({
        type: "POST",
        url: "inson.php",
        success: function(data) {
          console.log("insert on");
        }
      });
    }

function insOff() {
      $.ajax({
        type: "POST",
        url: "insoff.php",
        success: function(data) {
          console.log("insert off");
        }
      });
    }
  </script>

Highcharts.stockChart('containerh', {
      chart: {
        events: {
          load: function() {
            // set up the updating of the chart each second
            var series = this.series[0];
            setInterval(function() {
              var x = (new Date()).getTime(), // current time
                y = Math.round(document.getElementById("display_hum1").innerHTML * 100) / 100;
              series.addPoint([x, y], true, true);
            }, 1000);
          }
        }
      },
      time: {
        useUTC: false
      },
      rangeSelector: {
        buttons: [{
          count: 1,
          type: 'minute',
          text: '1M'
        }, {
          count: 5,
          type: 'minute',
          text: '5M'
        }, {
          type: 'all',
          text: 'All'
        }],
        inputEnabled: false,
        selected: 0
      },
      title: {
        text: 'Amperaje en Tiempo Real'
      },
      exporting: {
        enabled: false
      },
      series: [{
        name: 'Amperaje',
        data: (function() {
          // generate an array of random data
          var data = [],
            time = (new Date()).getTime(),
            i;
          for (i = -999; i <= 0; i += 1) {
            data.push([
              time + i * 1000,
              Math.round(document.getElementById("display_hum1").innerHTML * 100) / 100
            ]);
          }
          return data;
        }())
      }]
    });
  </script>
</body>

</html>

Cancel

/var/www/html/webiotindustrial

Name	Size	Modified	Perms
..
[F] ._dashboard.php	4,096	2024-12-27 14:07	0764	DL ED RM
[F] .ftpconfig	1,933	2022-01-06 00:10	0764	DL ED RM
[F] .htacces	198	2022-01-07 03:31	0764	DL ED RM
[D] assets	-	2024-04-28 14:30	0775	DL RM
[F] client.html	1,527	2023-05-01 23:29	0764	DL ED RM
[F] conh.php	417	2023-07-31 20:07	0764	DL ED RM
[F] cons.php	417	2023-07-28 18:39	0764	DL ED RM
[D] core	-	2024-04-28 14:30	0775	DL RM
[F] create.php	1,215	2023-05-01 21:09	0764	DL ED RM
[D] curso-iot	-	2022-01-06 00:01	0775	DL RM
[F] dashboard.php	21,929	2024-11-05 14:34	0764	DL ED RM
[F] dashboard1.php	1,757	2022-01-12 06:06	0764	DL ED RM
[F] db.php	363	2023-06-13 20:00	0764	DL ED RM
[D] html	-	2024-04-28 14:30	0775	DL RM
[F] index.html	1,056	2022-01-06 00:26	0764	DL ED RM
[F] insert.php	268	2022-01-12 12:28	0764	DL ED RM
[F] insoff.php	256	2023-06-12 15:29	0764	DL ED RM
[F] inson.php	256	2023-06-12 15:26	0764	DL ED RM
[D] libs	-	2024-04-28 14:30	0775	DL RM
[F] login.html	4,432	2022-01-12 05:07	0764	DL ED RM
[F] login.php	6,166	2022-01-12 05:07	0764	DL ED RM
[D] node	-	2024-04-28 14:30	0775	DL RM
[F] register.php	4,439	2022-01-06 06:27	0764	DL ED RM
[F] server.php	4,907	2023-05-01 23:30	0764	DL ED RM
[D] views	-	2024-04-28 14:30	0775	DL RM

asset

https://moscosoarquitectura.com/wp-sitemap-posts-post-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-posts-page-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-posts-e-floating-buttons-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-posts-proyecto-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-posts-servicio-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-taxonomies-category-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-users-1.xml