265 lines
12 KiB
HTML
265 lines
12 KiB
HTML
<head>
|
|
<!-- ...código existente... -->
|
|
<style>
|
|
hr {
|
|
height: 4px;
|
|
border: none;
|
|
background-color: #bbb;
|
|
margin: 20px 0;
|
|
}
|
|
.hr-suave {
|
|
height: 1px;
|
|
border: none;
|
|
background-color: #ccc;
|
|
opacity: 0.5;
|
|
margin: 20px 0;
|
|
}
|
|
.text-right { text-align: right !important; }
|
|
.text-left { text-align: left !important; }
|
|
.text-center { text-align: center !important; }
|
|
.vertical-align-top { vertical-align: top !important; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="col-centered">
|
|
<h1>Configuración General</h1>
|
|
<div class="row">
|
|
<div class="col-12 text-right" style="vertical-align:top;"><button class="btn btn-sm btn-success" onclick="MenuGUI('logs');" role="button">Ver Logs</button> </div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 col-centered">
|
|
<label class="control-label">Ema Modo</label><br>
|
|
<select id='Modo' name="Modo" onchange="MenuConfig();" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="Recolector">
|
|
<option value="Recolector_USB">Recolector USB</option>
|
|
<option value="Recolector_IP">Recolector IP/WIFI</option>
|
|
</optgroup>
|
|
<optgroup label="Visor">
|
|
<option value="Visor">Visor Llave</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
<div class="col-4 col-centered">
|
|
<label class="control-label">Nombre de tu estación</label><br>
|
|
<input type="text" class="btn btn-primary" id="NombreEstacion" autocomplete='name' placeholder="Ingrese el nombre" maxlength="20" size="30"></br></br>
|
|
</div>
|
|
<div class="col-4 col-centered">
|
|
<label for="inputEmail" class="control-label">Correo del Administrador</label><br>
|
|
<input type="email" class="btn btn-primary" id="Email_receptor" autocomplete='email' placeholder="Email" maxlength="50" size="35">
|
|
</div>
|
|
</div>
|
|
<hr class="hr-suave">
|
|
<div class="row">
|
|
<div class="col-2 col-centered">
|
|
<label class="control-label">Inicio Automático</label><br>
|
|
<select id='inicio_auto' name="inicio_auto" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="Iniciar el recolector/visor con el aplicativo">
|
|
<option value="Activado">Activado</option>
|
|
<option value="Desactivado">Desactivado</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
<div class="col-2 col-centered">
|
|
<label class="control-label">Notificar Cambios</label><br>
|
|
<select id='notificar_cambios' name="notificar_cambios" onchange="MenuConfig();" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="Notificar de carpincho">
|
|
<option value="Activado">Activado</option>
|
|
<option value="Desactivado">Desactivado</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
<div class="col-2 col-centered">
|
|
<label class="control-label">Audio</label><br>
|
|
<select id='audio' name="audio" onchange="MenuConfig();" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="Audio de carpincho">
|
|
<option value="Activado">Activado</option>
|
|
<option value="Desactivado">Desactivado</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
<div class="col-3 col-centered" id="vocesAudioDiv">
|
|
<label class="control-label">Voz del Audio</label></br>
|
|
<select id='vocesAudio' name="vocesAudio" class="selectpicker show-tick" data-width="fit" data-style="btn-primary" size="100">
|
|
<optgroup label="Lista de Voces">
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<hr class="hr-suave">
|
|
<div class="row">
|
|
<div class="col-2 col-centered">
|
|
<label class="control-label">Recolección</label><br>
|
|
<select id='Tiempo_de_Recoleccion' name="Tiempo_de_Recoleccion" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="Muy Rapido">
|
|
<option value="10">10</option>
|
|
<option value="20">20</option>
|
|
<option value="30">30</option>
|
|
</optgroup>
|
|
<optgroup label="Medio">
|
|
<option value="40">40</option>
|
|
<option value="50">50</option>
|
|
<option value="60">60</option>
|
|
</optgroup>
|
|
<optgroup label="Normal">
|
|
<option value="70">70</option>
|
|
<option value="80">80</option>
|
|
<option value="90">90</option>
|
|
<option value="100">100</option>
|
|
</optgroup>
|
|
<optgroup label="Despacio">
|
|
<option value="110">110</option>
|
|
<option value="120">120</option>
|
|
<option value="130">130</option>
|
|
<option value="140">140</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
<div class="col-3 col-centered">
|
|
<label class="control-label">Debug y Tamaño</label><br>
|
|
<select id='Debug' name="Debug" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="Normal">
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
</optgroup>
|
|
<optgroup label="Alto">
|
|
<option value="4">4</option>
|
|
<option value="5">5</option>
|
|
<option value="6">6</option>
|
|
</optgroup>
|
|
<optgroup label="Muy Alto">
|
|
<option value="7">7</option>
|
|
<option value="8">8</option>
|
|
<option value="9">9</option>
|
|
</optgroup>
|
|
</select>
|
|
<input type="text" class="btn btn-primary" id="debugMB" placeholder="MB Debug" maxlength="4" size="5">
|
|
<label class="control-label">MB</label>
|
|
</div>
|
|
<div class="col-1 col-centered">
|
|
<label class="control-label">UTC</label><br>
|
|
<select id='utc' name="utc" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="Negativo">
|
|
<option value="-1">-1</option>
|
|
<option value="-2">-2</option>
|
|
<option value="-3">-3</option>
|
|
<option value="-4">-4</option>
|
|
<option value="-5">-5</option>
|
|
<option value="-6">-6</option>
|
|
<option value="-7">-7</option>
|
|
<option value="-8">-8</option>
|
|
<option value="-9">-9</option>
|
|
<option value="-10">-10</option>
|
|
<option value="-11">-11</option>
|
|
<option value="-12">-12</option>
|
|
</optgroup>
|
|
<optgroup label="Neutro">
|
|
<option value="0">0</option>
|
|
</optgroup>
|
|
<optgroup label="Positivo">
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
<option value="5">5</option>
|
|
<option value="6">6</option>
|
|
<option value="7">7</option>
|
|
<option value="8">8</option>
|
|
<option value="9">9</option>
|
|
<option value="10">10</option>
|
|
<option value="11">11</option>
|
|
<option value="12">12</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
<div class="col-2 col-centered">
|
|
<label class="control-label">Unidades</label><br>
|
|
<select id='SistemaMetrico' name="SistemaMetrico" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="Sistema Internacional de Unidades(SI)">
|
|
<option value="SI">º C</option>
|
|
</optgroup>
|
|
<optgroup label="Sistema Anglosajón de Unidades(SA)">
|
|
<option value="SA">º F</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<hr class="hr-suave">
|
|
<div class="row">
|
|
<div class="col-3 col-centered">
|
|
<label class="control-label">SMTP TIPO</label><br>
|
|
<select id='Tipo_SMTP' name="Tipo_SMTP" onchange="MenuConfig();" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="SMTP Deshabilitado">
|
|
<option value="Deshabilitado">Deshabilitado</option>
|
|
</optgroup>
|
|
<optgroup label="SMTP Proveedor">
|
|
<option value="Gmail">GMAIL</option>
|
|
<option value="Yahoo">YAHOO</option>
|
|
<option value="Hotmail">OUTLOOK</option>
|
|
</optgroup>
|
|
<optgroup label="SMTP Manual">
|
|
<option value="Manual">SMTP CONFIG</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-3 col-centered">
|
|
<label class="control-label">Cuenta</label><br>
|
|
<input type="email" class="btn btn-primary" id="Usuario_SMTP" placeholder="Cuenta" maxlength="40" size="16">
|
|
</div>
|
|
<div class="col-3 col-centered">
|
|
<label class="control-label">Contraseña</label><br>
|
|
<input type="password" class="btn btn-primary" id="Contrasenia_SMTP" placeholder="Contraseña" maxlength="40" size="16">
|
|
</div>
|
|
<div class="col-2 col-centered" id="Server">
|
|
<label class="control-label">Server</label><br>
|
|
<input type="text" class="btn btn-primary" id="Server_SMTP" placeholder="Server" maxlength="40" size="15">
|
|
</div>
|
|
<div class="col-1 col-centered" id="puerto">
|
|
<label class="control-label">Puerto</label><br>
|
|
<input type="text" class="btn btn-primary" id="Puerto_SMTP" placeholder="Puerto" maxlength="4" size="5">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Segun seleccion cambia debajo el bloque secundario -->
|
|
<div id="bloque_secundario">
|
|
<hr>
|
|
<label class="control-label">Configuración específica para el Modo</label>
|
|
<div class="col-centered">
|
|
<div class="row">
|
|
<div class="col-6 col-centered" id="LlaveR">
|
|
<label class="control-label">Llave de Lectura</label></br>
|
|
<input type="text" class="btn btn-primary" id="Llave_R" placeholder="Ingrese LLave" maxlength="40" size="44"></br></br>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div id="bloque_por_IP_WIFI" class="row">
|
|
|
|
<div class="col-4 col-centered">
|
|
<label class="control-label">IP</label><br>
|
|
<select id='r_ip' name="IP" class="selectpicker show-tick" data-width="fit" data-style="btn-primary">
|
|
<optgroup label="IP's" id="ipGroup">
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-2 col-centered">
|
|
<label class="control-label">Puerto</label></br>
|
|
<input type="text" class="btn btn-primary" id="r_puerto" placeholder="Puerto" maxlength="4" size="5" value="5000">
|
|
</div>
|
|
<div class="col-4 col-centered">
|
|
<label class="control-label">Path</label></br>
|
|
<input type="text" class="btn btn-primary" id="r_path" placeholder="Puerto" maxlength="15" size="25" value="/datos">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<hr class="hr-suave">
|
|
<div class="row">
|
|
<div class="col-12 col-centered">
|
|
<button type="button" id="botonguardar" class="btn btn-sm btn-success" onclick="GuardarConf('conf')" role="button">Guardar</button>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|