222 lines
13 KiB
HTML
222 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es" class="h-100">
|
|
|
|
<head>
|
|
<meta CHARSET="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>EMA Libre Cliente (Carpincho)</title>
|
|
|
|
<!-- Estilos CSS -->
|
|
<link rel="stylesheet" href="../node_modules/datatables/media/css/jquery.dataTables.min.css" />
|
|
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="../node_modules/bootstrap-select/dist/css/bootstrap-select.min.css">
|
|
<link rel="stylesheet" href="../node_modules/nprogress/nprogress.css">
|
|
<link rel="stylesheet" href="../gui_common/css/style.css">
|
|
|
|
|
|
<!-- Librerías JS -->
|
|
|
|
<!-- Libreria bootstrap/jquery para graficos -->
|
|
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
|
|
<script src="../node_modules/popper.js/dist/umd/popper.min.js"></script>
|
|
<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
|
<!-- Libreria bootstrap select para graficos -->
|
|
<script src="../node_modules/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
|
|
<!-- Datable - Para las tablas dinamicas -->
|
|
<script src="../node_modules/datatables/media/js/jquery.dataTables.min.js"></script>
|
|
<script src="../node_modules/datatables-buttons/js/dataTables.buttons.js"></script>
|
|
<script src="../node_modules/datatables-buttons/js/buttons.html5.js"></script>
|
|
<script src="../node_modules/datatables-buttons/js/buttons.bootstrap.js"></script>
|
|
<!-- Libreria RGraph/css para graficos -->
|
|
<script src="../gui_common/libs/RGraph/RGraph.common.core.js"></script>
|
|
<script src="../gui_common/libs/RGraph/RGraph.thermometer.js"></script>
|
|
<script src="../gui_common/libs/RGraph/RGraph.gauge.js"></script>
|
|
<script src="../gui_common/libs/RGraph/RGraph.odo.js"></script>
|
|
<script src="../gui_common/libs/RGraph/RGraph.bar.js"></script>
|
|
<script src="../gui_common/libs/RGraph/RGraph.drawing.image.js"></script>
|
|
|
|
<!-- Barra de progreso -->
|
|
<script src="../node_modules/nprogress/nprogress.js"></script>
|
|
<!-- Libreria Notificaciones emergentes -->
|
|
<script src="../node_modules/notify-js-lib/dist/notify.js"></script>
|
|
<!-- Libreria del Controlador -->
|
|
<script src="./controlador/funcionesgenerales.js"></script>
|
|
<script src="../gui_common/controlador/admingui.js"></script>
|
|
<style>
|
|
.text-center { text-align: center !important; }
|
|
.text-right { text-align: right !important; }
|
|
.text-left { text-align: left !important; }
|
|
.vertical-align-top { vertical-align: top !important; }
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body class="dia">
|
|
<!-- Pantalla de Carga -->
|
|
<div id="cargador" class="d-flex justify-content-center align-items-center" style="background-color: #042507;">
|
|
<div class="progressinicio">
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="background-color: #30511b; width: 100%">
|
|
<img id="loadinicio" class="mx-auto d-block" src="../gui_common/iconos/icono_app.webp" height="120px" width="140px">
|
|
<p class="text-center text-white">EMA Libre Cliente <br> (Carpincho) <br> Licencia GPLv3</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="principal" style="display: none;">
|
|
<nav style="-webkit-app-region: drag;cursor: all-scroll" class="navbar stylish-color fixed-top scrolling-navbar ">
|
|
<span style="-webkit-app-region: no-drag;color: #ffffff;" data-toggle="tooltip" data-placement="bottom" style="font-size: 15px;"><img id="signal" class="" src="../gui_common/img/signal.webp" height="16px" width="16px" data-toggle="tooltip"
|
|
data-placement="right" data-html="true" title="Señal RF de la estación"> EMA Libre Cliente </span>
|
|
<spam id="mensajebarra" class="float-center" style="color:white"></spam>
|
|
<span style="-webkit-app-region: no-drag" class="float-right">
|
|
<i class="custom-controls menu" data-toggle="tooltip" data-placement="bottom" role="menusup" aria-controls="Wzoomout" style="font-size: 15px;" title="Disminuir"><img id="Wzoomout" height="16px" width="16px" src="../gui_common/iconos/zoomout.webp"></i>
|
|
<i class="custom-controls menu" data-toggle="tooltip" data-placement="bottom" role="menusup" aria-controls="Wzoomin" style="font-size: 15px;" title="Aumentar" ><img id="Wzoomin" height="16px" width="16px" src="../gui_common/iconos/zoomin.webp"></i>
|
|
<i class="custom-controls menu">|</i>
|
|
<i class="custom-controls menu" data-toggle="tooltip" data-placement="bottom" role="menusup" aria-controls="Wfull" style="font-size: 15px;" title="Pantalla Completa"><img id="Wfull" height="16px" width="16px" src="../gui_common/iconos/fullscreen.webp"></i>
|
|
<i class="custom-controls menu" data-toggle="tooltip" data-placement="bottom" role="menusup" aria-controls="Wmaxun" style="font-size: 15px" title="Tamaño normal"><img id="Wmaxun" height="16px" width="16px" src="../gui_common/iconos/unmax.webp"></i>
|
|
<i class="custom-controls menu">|</i>
|
|
<i class="custom-controls menu" data-toggle="tooltip" data-placement="bottom" role="menusup" aria-controls="Wmin" style="font-size: 15px;" title="Minimizar"><img id="Wmin" height="16px" width="16px" src="../gui_common/iconos/minimizar.webp"></i>
|
|
<i class="custom-controls menu" data-toggle="tooltip" data-placement="bottom" role="menusup" aria-controls="Wmax" style="font-size: 15px" title="Maximizar"><img id="Wmax" height="16px" width="16px" src="../gui_common/iconos/maximizar.webp"></i>
|
|
<i class="custom-controls menu" data-toggle="tooltip" data-placement="bottom" role="menusup" aria-controls="Wclo" style="font-size: 15px" title="Cerrar"><img id="Wclo" height="16px" width="16px" src="../gui_common/iconos/close.webp"></i>
|
|
</span>
|
|
</nav>
|
|
<br><br>
|
|
<div id="superior" class="container">
|
|
<div class="row">
|
|
<div class="col-2 text-center vertical-align-top">
|
|
<div class="row">
|
|
<div class="col-12 col-right align-self-center">
|
|
<br>
|
|
<span class="text-muted text-center">
|
|
<img id="carpincho_img" style="display: block; margin: 0 auto;" src="../gui_common/iconos/icono_app.webp" height="48px" width="48px" onclick="HABLA(0,'Hola, soy Carpincho, ¿qué deseas?.','info');" onmouseover="GUIÑA(0);">
|
|
</span>
|
|
</div>
|
|
<div class="col-12 col-left align-self-center">
|
|
<span class='badge badge-ultimalectura' style="font-size:small">Última Lectura<br> <span id='fecha' class='badge badge-primary'>-</span></span>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
<div class="col-3 text-center vertical-align-top"></div>
|
|
<div class="col-2 text-center">
|
|
<div id="clima"></div><br>
|
|
</div>
|
|
<div class="col-2 text-center">
|
|
<div id="DIVModo" class="vertical-align-top" style="visibility: hidden"></div>
|
|
<div id="DIVPendientes" class="vertical-align-top" style="visibility: hidden">
|
|
<span class='badge badge-warning'>Registros Pendientes</span>
|
|
<span id="Pendientes" class='badge badge-warning'></span>
|
|
<span id="Destanqueo" class="parpadea texttanque vertical-align-top" style="visibility: hidden"><strong>Destanqueando</strong></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-3 text-right" id="RedesMet" class="list-group row" style="vertical-align: top;"></div>
|
|
</div>
|
|
<div class="container container-fluid">
|
|
<ul class="nav nav-tabs nav-inverse nav-pills nav-fill" id="list-tab" role="tablist">
|
|
<li class="nav-item active ">
|
|
<a class="nav-link active show" id="inicio-tab" data-toggle="tab" data-target="#inicio" role="tab" aria-controls="inicio" aria-selected="true"><img height="24px" width="24px" src="../gui_common/img/home.webp" aria-controls="inicio"> INICIO</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="interior-tab" data-toggle="tab" data-target="#interior" role="tab" aria-controls="interior" aria-selected="false"><img height="24px" width="24px" src="../gui_common/img/interior.webp" aria-controls="interior"> INTERIOR</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="exterior-tab" data-toggle="tab" data-target="#exterior" role="tab" aria-controls="exterior" aria-selected="false"><img height="24px" width="24px" src="../gui_common/img/exterior.webp" aria-controls="exterior"> EXTERIOR</a>
|
|
</li>
|
|
<!-- <li class="nav-item">
|
|
<a class="nav-link" id="estadisticas-tab" data-toggle="tab" data-target="#estadisticas" role="tab" aria-controls="estadisticas" aria-selected="false"><img height="24px" width="24px" src="../gui_common/img/estadistica.png" aria-controls="estadisticas"> ESTADISTICAS</a>
|
|
</li> -->
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="redes-tab" data-toggle="tab" data-target="#redes" role="tab" aria-controls="redes" aria-selected="false"><img height="24px" width="24px" src="../gui_common/img/redes.webp" aria-controls="redes"> REDES</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="configuracion-tab" data-toggle="tab" data-target="#configuracion" role="tab" aria-controls="configuracion" aria-selected="false"><img height="24px" width="24px" src="../gui_common/img/config.webp" aria-controls="configuracion"> CONFIGURACIÓN</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="contacto-tab" data-toggle="tab" data-target="#contacto" target="_self" role="tab" aria-controls="contacto" aria-selected="false"><img height="24px" width="24px" src="../gui_common/img/about.webp" aria-controls="contacto"> CONTACTO</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content jumbotron" id="" style="padding: 15px;padding-bottom:15px;margin-bottom:15px">
|
|
<div id="actualizando_inicio" style="display:none" class="text-center"><br><br><br><br><img src='../gui_common/img/animadas/cargando2.gif' width='100' height='100' /> <br><br><br><br> </div>
|
|
<div class="tab-pane fade show active" id="inicio" role="tabpanel" aria-badgeledby="inicio-tab"></div>
|
|
<div class="tab-pane fade text-center" id="interior" role="tabpanel" aria-badgeledby="interior-tab"></div>
|
|
<div class="tab-pane fade text-center" id="exterior" role="tabpanel" aria-badgeledby="exterior-tab"></div>
|
|
<!-- <div class="tab-pane fade text-center" id="estadisticas" role="tabpanel" aria-badgeledby="estadisticas-tab"></div>-->
|
|
<div class="tab-pane fade text-center" id="configuracion" role="tabpanel" aria-badgeledby="configuracion-tab"></div>
|
|
<div class="tab-pane fade text-center" id="redes" role="tabpanel" aria-badgeledby="redes-tab"></div>
|
|
<div class="tab-pane fade" id="contacto" role="tabpanel" aria-badgeledby="contacto-tab"></div>
|
|
</div>
|
|
</div>
|
|
<footer class="fixed-bottom">
|
|
<nav style="-webkit-app-region: drag" class="stylish-color-footer ">Laboratorio de Investigación Gugler</nav>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.menu').on('click', function(evnt) {
|
|
var obj = $(evnt.target);
|
|
$('#' + obj.attr('aria-controls')).empty();
|
|
let screens = gui.Screen.screens;
|
|
let winX = win.x;
|
|
let winY = win.y;
|
|
let currentScreen = screens[0];
|
|
for (let screen of screens) {
|
|
if (
|
|
winX >= screen.bounds.x &&
|
|
winX < screen.bounds.x + screen.bounds.width &&
|
|
winY >= screen.bounds.y &&
|
|
winY < screen.bounds.y + screen.bounds.height
|
|
) {
|
|
currentScreen = screen;
|
|
break;
|
|
}
|
|
}
|
|
//nw.Window.get().moveTo(0);
|
|
switch (obj.attr('id')) {
|
|
case 'Wzoomin':
|
|
win.zoomLevel += 0.3;
|
|
break;
|
|
case 'Wzoomout':
|
|
win.zoomLevel -= 0.3;
|
|
break;
|
|
case 'Wfull':
|
|
nw.Window.get().moveTo(currentScreen.bounds.x, currentScreen.bounds.y);
|
|
nw.Window.get().resizeTo(currentScreen.bounds.width, currentScreen.bounds.height);
|
|
break;
|
|
case 'Wmin':
|
|
nw.Window.get().minimize();
|
|
//win.hide(); // Oculta completamente la ventana
|
|
//win.setShowInTaskbar(false); // Quita el icono del taskbar
|
|
break;
|
|
case 'Wmax':
|
|
nw.Window.get().moveTo(currentScreen.bounds.x, currentScreen.bounds.y);
|
|
nw.Window.get().resizeTo(currentScreen.bounds.width, currentScreen.bounds.height);
|
|
break;
|
|
case 'Wmaxun':
|
|
nw.Window.get().moveTo(currentScreen.bounds.x, currentScreen.bounds.y);
|
|
nw.Window.get().resizeTo(currentScreen.bounds.width/2, currentScreen.bounds.height/2);
|
|
break;
|
|
case 'Wclo':
|
|
EMA.Salir();
|
|
gui.App.closeAllWindows();
|
|
win.close(true);
|
|
break;
|
|
}
|
|
obj = null;
|
|
});
|
|
$('.nav-link').on('click', function(evnt) {
|
|
var obj = $(evnt.target);
|
|
$('#' + obj.attr('aria-controls')).empty();
|
|
MenuGUI(obj.attr('aria-controls'));
|
|
obj = null;
|
|
});
|
|
MenuGUI('inicio');
|
|
});
|
|
|
|
window.onload = function() {redimensionarInicio(); NProgress.configure({ showSpinner: false });NProgress.done(); };
|
|
|
|
</script>
|