mirror of
https://github.com/kkhattabi213/apm.emtusahuelva.es.git
synced 2026-03-31 15:06:24 +02:00
Subida inicial APM EMTUSA
This commit is contained in:
848
index.html
Normal file
848
index.html
Normal file
@@ -0,0 +1,848 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<title>Emtusa Huelva</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<!--<meta http-equiv="Content-Security-Policy" content="default-src https://codepush.appcenter.ms 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *" />-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta http-equiv="Expires" content="0">
|
||||
<meta http-equiv="Last-Modified" content="0">
|
||||
<meta http-equiv="Cache-Control" content="no-cache">
|
||||
<meta http-equiv="Pragma" content="no-cache">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-title" content="Emtusa">
|
||||
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||||
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.light_blue-blue.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/icomoon.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/EmtusaMobileTheme.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/jquery.mobile.structure-1.4.5.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/jquery.mobile.icons.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/sweetalert2.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/icon-pack-custom.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/leaflet.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/index.css">
|
||||
<link rel="stylesheet" href="./css/getmdl-select.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="./slick/slick.css" />
|
||||
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css" />
|
||||
</head>
|
||||
<body class="bodyClass">
|
||||
<div class="ayuda">
|
||||
<p style="top: 80px;left: 43px;">
|
||||
<i class="material-icons">call_received</i>
|
||||
<span>Nombre de Parada</span>
|
||||
</p>
|
||||
<p style="top: 67px;left: 159px;">
|
||||
<i class="material-icons">call_received</i>
|
||||
<span>Tiempo Para llegar</span>
|
||||
</p>
|
||||
</div>
|
||||
<!--Splash Screen-->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loadingBar">
|
||||
<h5 id="loadText" class="dataText">Comprobando Información</h5>
|
||||
</div>
|
||||
<div id="loader">
|
||||
<h3 class="loader-font">
|
||||
<span class="icon-emtusaLogo" style="font-size: 117px;"></span><br />EMTUSA<br />HUELVA
|
||||
<div class="spinner">
|
||||
<div class="bounce1"></div>
|
||||
<div class="bounce2"></div>
|
||||
<div class="bounce3"></div>
|
||||
</div>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="loader-section section-left"></div>
|
||||
<div class="loader-section section-right"></div>
|
||||
|
||||
</div>
|
||||
<!--popup Sin conexion-->
|
||||
<div id="sinInternet" class="conectado">
|
||||
<span>Sin conexión de red</span>
|
||||
</div>
|
||||
|
||||
<!--Botón control por voz-->
|
||||
<div id="voz" class="btnAudio">
|
||||
<button id="btnMic" class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored btnMapa" data-role="none" style="display:none;bottom: 10px;right: 10px;z-index: 2060;overflow: unset;" data-upgraded=",MaterialButton">
|
||||
<i class="material-icons">mic</i>
|
||||
<div id="radar" class="radar" style="display: none;"></div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!--PAGINA INICIO-->
|
||||
<div id="pageInicio" data-role="page">
|
||||
<div class="headInicio" data-role="header" data-position="fixed" class="logo" style="height:75px">
|
||||
<h1 style="top:0;">
|
||||
<span id="titleApp" style="display:none">AppTwo</span>
|
||||
<a><img src="./img/logoEmtusaAzul152.png" height="76" width="76"></a>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="contentInicio" data-role="content" style="top:60px;overflow-x:visible;bottom:30px">
|
||||
<div id="" style="margin-top:25px;">
|
||||
<ul class="collection">
|
||||
<li class="collection-item avatar" onclick="$.mobile.changePage('#pageLinea');">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">view_list</i></i>
|
||||
<span class="title"><b>Líneas</b></span>
|
||||
<p style="color: #7e7e7e;">Muestra las paradas de las lineas y los tiempos de llegada de los autobuses.</p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="$.mobile.changePage('#pageMapa');">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">location_on</i></i>
|
||||
<span class="title"><b>Mapa</b></span>
|
||||
<p style="color: #7e7e7e;">Muestra líneas y paradas representadas en el mapa.</p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="$.mobile.changePage('#pageComoLLegar');">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">near_me</i></i>
|
||||
<span class="title"><b>Cómo Llegar</b></span>
|
||||
<p style="color: #7e7e7e;">Te permite ver como llegar desde un lugar a otro a través de las líneas disponibles.</p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="$.mobile.changePage('#pageFavoritos');">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">star_rate</i></i>
|
||||
<span class="title"><b>Mis Paradas</b></span>
|
||||
<p style="color: #7e7e7e;">Permite crear, editar y ver paradas guardadas como favoritas.</p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="$.mobile.changePage('#pageAlarmaLlegada');">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">alarm</i></i>
|
||||
<span class="title"><b>Alarma de Bajada</b></span>
|
||||
<p style="color: #7e7e7e;">Crea una alarma para saber cuando debes bajarte.</p>
|
||||
</li>
|
||||
<!--<li class="collection-item avatar" onclick="$.mobile.changePage('#pageAlarma');">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">alarm</i></i>
|
||||
<span class="title"><b>Alarmas de Llegada</b></span>
|
||||
<p style="color: #7e7e7e;">Crea una alarmas para avisarte de coger el autobús</p>
|
||||
</li>-->
|
||||
<li class="collection-item avatar" onclick="$.mobile.changePage('#pageBuscarParada');">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">search</i></i>
|
||||
<span class="title"><b>Buscar</b></span>
|
||||
<p style="color: #7e7e7e;">Busca paradas por nombre o código.</p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="$.mobile.changePage('#pageInfo');" id="iniInfo">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">new_releases</i></i>
|
||||
<span class="title"><b>Noticias y Avisos</b></span>
|
||||
<p style="color: #7e7e7e;">Obtén toda la información actual sobre Emtusa y sus líneas </p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="Recargar()">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">euro_symbol</i></i>
|
||||
<span class="title"><b>Recargas de Tarjetas</b></span>
|
||||
<p style="color: #7e7e7e;">Recarga la tarjeta sin salir de casa. </p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="PagoMovil()">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><img src="img/movile-euro.svg" width="36" /></i>
|
||||
<span class="title"><b>Pago con Móvil</b></span>
|
||||
<p style="color: #7e7e7e;">El billete en tu móvil. </p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="goQR()">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;">
|
||||
<img width="40" height="40" style="padding-left: 6px;" src="data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M107.143%20321.429v35.714h-35.714v-35.714h35.714zM107.143%20107.143v35.714h-35.714v-35.714h35.714zM321.429%20107.143v35.714h-35.714v-35.714h35.714zM35.714%20392.578h107.143v-106.864h-107.143v106.864zM35.714%20178.571h107.143v-107.143h-107.143v107.143zM250%20178.571h107.143v-107.143h-107.143v107.143zM178.571%20250v178.571h-178.571v-178.571h178.571zM321.429%20392.857v35.714h-35.714v-35.714h35.714zM392.857%20392.857v35.714h-35.714v-35.714h35.714zM392.857%20250v107.143h-107.143v-35.714h-35.714v107.143h-35.714v-178.571h107.143v35.714h35.714v-35.714h35.714zM178.571%2035.714v178.571h-178.571v-178.571h178.571zM392.857%2035.714v178.571h-178.571v-178.571h178.571z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E">
|
||||
</i>
|
||||
<span class="title"><b>Escanear código QR</b></span>
|
||||
<p style="color: #7e7e7e;">Escanea el código QR de la parada para obtener sus tiempos.</p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="$.mobile.changePage('#pageAyudaPpal');">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;">
|
||||
<img width="40" height="40" style="padding-left:11px" src="data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M196.429%20350.446v66.964q0%204.464-3.348%207.813t-7.813%203.348h-66.964q-4.464%200-7.813-3.348t-3.348-7.813v-66.964q0-4.464%203.348-7.813t7.813-3.348h66.964q4.464%200%207.813%203.348t3.348%207.813zM284.598%20183.036q0%2015.067-4.325%2028.181t-9.766%2021.345-15.346%2016.602-16.043%2012.137-17.020%209.905q-11.44%206.417-19.113%2018.136t-7.673%2018.694q0%204.743-3.348%209.068t-7.813%204.325h-66.964q-4.185%200-7.115-5.162t-2.93-10.463v-12.556q0-23.159%2018.136-43.667t39.899-30.273q16.462-7.534%2023.438-15.625t6.976-21.206q0-11.719-12.974-20.647t-29.995-8.929q-18.136%200-30.134%208.091-9.766%206.976-29.855%2032.087-3.627%204.464-8.649%204.464-3.348%200-6.976-2.232l-45.759-34.877q-3.627-2.79-4.325-6.976t1.535-7.813q44.643-74.219%20129.464-74.219%2022.321%200%2044.922%208.649t40.737%2023.159%2029.576%2035.575%2011.44%2044.224z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E" />
|
||||
</i>
|
||||
<span class="title"><b>Ayuda</b></span>
|
||||
<p style="color: #7e7e7e;">Consulta manuales de uso de la aplicación. </p>
|
||||
</li>
|
||||
<li class="collection-item avatar" onclick="$.mobile.changePage('#pageOpciones');">
|
||||
<i class="square" style="text-shadow:none;background-color: #169ff1;"><i class="material-icons mdl-list__item-avatar" style="background-color:transparent">settings</i></i>
|
||||
<span class="title"><b>Opciones</b></span>
|
||||
<p style="color: #7e7e7e;">Ajustes y configuración de la APP. </p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="urlApp" class="version2" onclick=""></div>
|
||||
<div id="versionApp" class="version" onclick="$.mobile.changePage('#pageVersiones');"></div>
|
||||
|
||||
<div id="irGplay" class="gplay" onclick="irGplay()" style="display:none"><a><img src="./img/google_play.png" alt="GooglePlay" height="20" width="20"></a></div>
|
||||
|
||||
<div id="errorApp" class="gplay" onclick="$.mobile.changePage('#pageError');" style="display:none">
|
||||
<img heigth="20" width="20" src="data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23169FF1%22%20d%3D%22M12.601%2C11.187C13.476%2C10.018%2C14%2C8.572%2C14%2C7c0-3.866-3.134-7-7-7C5.428%2C0%2C3.982%2C0.524%2C2.813%2C1.399L2.757%2C1.343L2.053%2C2.048%20L2.048%2C2.053L1.343%2C2.758l0.056%2C0.056C0.524%2C3.982%2C0%2C5.428%2C0%2C7c0%2C3.866%2C3.134%2C7%2C7%2C7c1.572%2C0%2C3.018-0.524%2C4.187-1.399l0.056%2C0.057%20l0.705-0.705l0.005-0.005l0.705-0.705L12.601%2C11.187z%20M7%2C2c2.761%2C0%2C5%2C2.238%2C5%2C5c0%2C1.019-0.308%2C1.964-0.832%2C2.754L4.246%2C2.832%20C5.036%2C2.308%2C5.981%2C2%2C7%2C2z%20M7%2C12c-2.761%2C0-5-2.238-5-5c0-1.019%2C0.308-1.964%2C0.832-2.754l6.922%2C6.922C8.964%2C11.692%2C8.019%2C12%2C7%2C12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E">
|
||||
</div>
|
||||
<div id="ins" class="inspector" onclick="$.mobile.changePage('#pageIns');" style="display:none">
|
||||
<img heigth="20" width="20" src="data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23169FF1%3B%22%20d%3D%22M7%2C2C3%2C2%2C0%2C7%2C0%2C7s3%2C5%2C7%2C5s7-5%2C7-5S11%2C2%2C7%2C2z%20M7%2C10c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3C10%2C8.656%2C8.657%2C10%2C7%2C10z%20M7%2C6C6.448%2C6%2C6%2C6.447%2C6%2C7c0%2C0.553%2C0.448%2C1%2C1%2C1s1-0.447%2C1-1C8%2C6.447%2C7.552%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E">
|
||||
</div>
|
||||
</div>
|
||||
<!--PAGE MAPA-->
|
||||
<div data-url="pageMapa" data-role="page" id="pageMapa">
|
||||
<div data-role="header" data-position="fixed" id="headMapa">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1 id="toptitleMapas">
|
||||
<span class="headName">EMTUSA: </span><span id="toptitleMapasText">MAPA</span>
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius">
|
||||
<button class="menuButton menuAyuda" ayuda="ayuMapa"><span class=" icon-question"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div role="main" class="ui-content noFooter" data-role="content" id="contentMapa">
|
||||
<div id="mapCanvas" class="mapCanvas"></div>
|
||||
<div id="lineasMapa" class="rutasComoLlegar" style="display:block">
|
||||
<center><b style="color: #448aff;cursor:pointer" onclick="AnimarLista()">Líneas</b></center>
|
||||
<div id="containerLineasMapa" style="display:none;height:0px;overflow:auto">
|
||||
<ul id="listaLineasMapa" class="collection"></ul>
|
||||
<div style="display: inline-flex;white-space: nowrap;text-align: center;padding-left: 15px;padding-top: 5px;" onclick="CambiarVistaLineas('checkboxTodasLineas')">
|
||||
<p style="margin:0px">
|
||||
<input type="checkbox" class="filled-in todaslinB" data-role="none" name="checkboxMapa" id="checkboxTodasLineasB" disabled="disabled">
|
||||
<label for="checkboxTodasLineasB"></label>
|
||||
</p>
|
||||
<p id="textcheckboxTodasLineasB" style="margin:0px;padding-top:5px;margin-left:3px;font-size: 15px;">Ver Todas</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored btnMapa" data-role="none" style="top: 10px;right: 5px;" onclick="$('#btnTextoMapa').toggleClass('active')">
|
||||
<i class="material-icons">search</i>
|
||||
</button>
|
||||
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored btnMapa" data-role="none" style="top: 60px;right: 5px;" onclick="GetLocation()">
|
||||
<i class="material-icons">gps_fixed</i>
|
||||
</button>
|
||||
<button id="btnCentrar" class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored btnMapa" data-role="none" style="top: 110px;right: 5px;" onclick="CentrarMapa()">
|
||||
<i class="material-icons">center_focus_weak</i>
|
||||
</button>
|
||||
<button id="btnCercanas" class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored btnMapa" data-role="none" style="top: 160px;right: 5px;" onclick="TrigerMostrarCercanas()">
|
||||
<img src="./img/stck-walk-wht.png" height="25" width="25">
|
||||
</button>
|
||||
<div id="btnTextoMapa" class="btnMapa">
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label" data-role="none">
|
||||
<input class="mdl-textfield__input" type="text" id="txtBuscarParada">
|
||||
<label class="mdl-textfield__label" for="sample3">Ubicación:</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lineasMostradas">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="popup" id="popupPuntoInteres" data-dismissible="false" style="max-height:550px;overflow:auto">
|
||||
<div data-role="header">
|
||||
<h1 id="popupHeader">Datos del nuevo punto</h1>
|
||||
</div>
|
||||
<div data-role="main" style="padding:5px">
|
||||
<p id="lblId" style="display:none"></p>
|
||||
<p id="lblLat" style="display:none"></p><p id="lblLng" style="display:none"></p>
|
||||
<table style="">
|
||||
<tr>
|
||||
<td class="textoPtoInt">Nombre:<input id="txtFix" type="reset" maxlength="35" placeholder="Nombre..." data-role="none" data-clear-btn="true" class="jqueryBug"></td>
|
||||
<td><input id="txtPopNombre" type="text" maxlength="35" placeholder="Nombre..." data-clear-btn="true" class="controls ui-input-text"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="textoPtoInt">Dirección:</td>
|
||||
<td><input id="txtPopDirec" type="text" maxlength="100" placeholder="Dirección..." data-clear-btn="true" class="controls ui-input-text"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="textoPtoInt">Teléfono:</td>
|
||||
<td><input id="txtPopTlfn" type="text" maxlength="100" placeholder="Teléfono..." data-clear-btn="true" class="controls ui-input-text"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="textoPtoInt">Url:</td>
|
||||
<td><input id="txtPopUrl" type="text" maxlength="100" placeholder="Url..." data-clear-btn="true" class="controls ui-input-text"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="textoPtoInt">Icono:</td>
|
||||
<td>
|
||||
<div class="styled-select selectShadow" style="width:100%;">
|
||||
<select name="selectIcono" id="selectIcono" data-mini="true" data-inline="true" data-role="none">
|
||||
<option value="1" selected>General</option>
|
||||
<option value="2">Restaurante</option>
|
||||
<option value="3">Monumento</option>
|
||||
<option value="4">Hotel</option>
|
||||
<option value="5">Tienda</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="textoPtoInt">Descripción:</td>
|
||||
<td><textarea id="txtPopDesc" rows="4" cols="50" placeholder="Descripción..." maxlength="300" data-clear-btn="true"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="textoPtoInt">Foto:</td>
|
||||
<td><input type='file' class="controls" id="inputFotos" data-role="none" style="width: 156px;" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
<center>
|
||||
<img id="myImg" src="#" alt="your image" style="max-width:95%; display:none" />
|
||||
</center> <br />
|
||||
<a class="ui-btn ui-corner-all ui-shadow ui-btn-inline noRadius" data-rel="back">Cancelar</a>
|
||||
<a id="btnGuardarPto" class="ui-btn ui-corner-all ui-shadow ui-btn-inline noRadius">Guardar</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--ESQUEMA-->
|
||||
<div id="pageLinea" data-role="page" data-tap-toggle="false" data-hide-during-focus="">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1 id="toptitleLineas">
|
||||
<span class="headName">EMTUSA: </span>LÍNEAS
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius ui-controlgroup ui-controlgroup-horizontal ui-corner-all">
|
||||
<div class="ui-controlgroup-controls ">
|
||||
<div style="display: inline-flex;white-space: nowrap;text-align: center;padding-left: 5px;padding-top: 5px;" onclick="CambiarVistaLineas('checkboxTodasLineas')">
|
||||
<p style="margin:0px">
|
||||
<input type="checkbox" class="filled-in todaslin" data-role="none" name="checkboxMapa" id="checkboxTodasLineas">
|
||||
<label for="checkboxTodasLineas"></label>
|
||||
</p>
|
||||
<p id="textcheckboxTodasLineas" style="margin:0px;padding-top:5px;margin-left:3px;color: white;font-size: 15px;">Ver Todas</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter">
|
||||
<div id="ListaLineas" style="margin-top:5px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pageLineaVer" data-role="page" data-tap-toggle="false" data-hide-during-focus="">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
<button class="menuButton" onclick="history.back()"><span class=" icon-arrow-left2"></span></button>
|
||||
</div>
|
||||
<h1 id="toptitleLineasVer">
|
||||
<span class="headName">EMTUSA </span><span id="toptitleLineasVerText"></span>
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius">
|
||||
<button id="cambiarTimeout" style="color: rgb(255, 241, 168);display:none;" class="boxShadow ui-btn ui-btn-inline ui-btn-mini openMenu" data-role="button">Parar</button>
|
||||
<button class="menuButton" id="recEsquema" style="color: rgb(255, 241, 168);display:none;"><span class=" icon-spinner11"></span></button>
|
||||
<button class="menuButton menuAyuda" ayuda="ayuLineas" onclick="goQR()"><span class=" icon-question"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter">
|
||||
<center>
|
||||
<div id="verLineasContNombre" class="TituloLineaEsquema" onclick="$.mobile.changePage('#pageLinea');">
|
||||
<b id="headLineasVer" class="ellip ellip-line" style="font-size:28px;"></b>
|
||||
</div>
|
||||
<div name="ListLineasPageLineas" id="ListLineasPageLineas" class="paradasList" style="margin-top:10px">
|
||||
<b>Cargando, por favor espere...</b>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
<!--COMO LLEGAR-->
|
||||
<div data-url="pageComoLLegar" data-role="page" id="pageComoLLegar">
|
||||
<div data-role="header" data-position="fixed" id="headMapa">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1 id="toptitleMapas">
|
||||
<span class="headName">EMTUSA: </span><span id="toptitleMapasText">Cómo Llegar</span>
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius">
|
||||
<button class="menuButton menuAyuda" ayuda="ayuMapa"><span class=" icon-question"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div role="main" class="ui-content noFooter" data-role="content" id="contentMapaCL">
|
||||
<div id="divComoLlegar">
|
||||
<div id="MenuMapaCL">
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<td style="width: 30px;"><img src="./img/gpsloc_azul.png" height="24" width="24"></td>
|
||||
<td>
|
||||
<div id="divTxtOrigen" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label" data-role="none" style="width:100%">
|
||||
<input class="mdl-textfield__input" type="text" id="txtOrigen" data-role="none" onClick="this.setSelectionRange(0, this.value.length)" />
|
||||
<label class="mdl-textfield__label" for="txtOrigen" data-role="none">Origen</label>
|
||||
</div>
|
||||
</td>
|
||||
<td style="width: 40px;text-align: center;cursor:pointer"><i class="material-icons" onclick="MiUbicacion()">gps_fixed</i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="./img/gpsloc_rojo.png" height="24" width="24"></td>
|
||||
<td>
|
||||
<div id="divTxtDestino" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label" data-role="none" style="width:100%">
|
||||
<input class="mdl-textfield__input" type="text" id="txtDestino" data-role="none" onClick="this.setSelectionRange(0, this.value.length)">
|
||||
<label class="mdl-textfield__label" for="txtDestino" data-role="none">Destino</label>
|
||||
</div>
|
||||
</td>
|
||||
<td style="width: 40px;text-align: center;cursor:pointer"> <i class="material-icons" onclick="InvertirBusqueda()">swap_vert</i> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<i class="sqInfoRuta square" onclick="$('#listRutas').toggle()"></i>
|
||||
<div id="mapCanvasCL" class="mapCanvas"></div>
|
||||
</div>
|
||||
<div id="rutasSugeridas" class="rutasComoLlegar">
|
||||
<center><b style="color: #448aff;cursor:pointer" onclick="AnimarListaRutas()">Rutas Sugeridas</b></center>
|
||||
<div id="containerRutasSugeridas" style="display:none;height:0px;overflow:auto">
|
||||
<p class="center subColor" style="font-size:10px"> No hay rutas disponibles, marque un origen y un destino primero.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="toastDestino" class="toast" style="display:none">
|
||||
<div class="toastCenter">
|
||||
<p id="toastParagraph" class="toastParagraph blinkM">Calculando rutas espere...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--BUSQUEDA-->
|
||||
<div id="pageBuscarParada" data-role="page">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1>
|
||||
<span class="headName">EMTUSA: </span>BUSCAR
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius">
|
||||
<button class="menuButton" onclick="MostrarAyuda('ayuBuscar')"><span class=" icon-question"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter" id="divEmtusaBuscar">
|
||||
<div>
|
||||
<div style="padding:5px">
|
||||
<!--<div style="display:inline-flex;padding-left:10px">-->
|
||||
<input autocomplete="off" id="txtBuscar" class="controls ui-input-text " type="text" placeholder="Escriba Nombre o Código de parada" data-clear-btn="true" />
|
||||
</div>
|
||||
<div id="resultadoBusqueda" class="resultadoBusqueda"></div>
|
||||
</div>
|
||||
<!--<div id="contParCercanasBusqueda" class="">
|
||||
<h4 class="centradoH">Paradas Más Cercanas</h4>
|
||||
<div id="tabParadasCercanas" data-role="tabs" class="tabParadasCercanas estiloCercanasTab" style="display:none">
|
||||
<div data-role="navbar">
|
||||
<ul style="box-shadow: 0 2px 2px lightgrey;border-radius: 0;">
|
||||
<li><a id="navCercanasLinea" href="#cercanasLinea" class="btn ui-btn-active btnPtoInteres" style="margin:0px !important">Por Línea y Sentido</a></li>
|
||||
<li><a id="navCercanasOrden" href="#cercanasOrden" class="btn ui-btn btnPtoInteres" style="margin:0px !important">Por Distancia</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="cercanasLinea" class="favoritoTabs pad">
|
||||
|
||||
</div>
|
||||
<div id="cercanasOrden" class="favoritoTabs pad">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<center>
|
||||
<div id="mensParCer" style="display:none;padding-left:5px;padding-right:5px;">
|
||||
<p style="font-size: 13px;">
|
||||
Para ver sus paradas cercanas debe establecer su ubicación primero.
|
||||
<br>Puede localizarse pulsando en el botón a continuación.<br />
|
||||
</p>
|
||||
<button id="localizarme" class=" materialButton locOrigen ui-btn ui-shadow ui-corner-all" style="width:155px">
|
||||
<span class="icon-map" style="font-size: 20px;margin-right: 5px;"></span>Localizarme
|
||||
</button>
|
||||
</div>
|
||||
</center>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
<!--PAGINA INFORMACION/AVISOS (RSS EMTUSA)-->
|
||||
<div id="pageInfo" data-role="page">
|
||||
<div data-role="panel" id="panelNoticias" data-position="right" data-swipe-close="false">
|
||||
<center><p style="margin: 0;font-weight:bold">Marcar todos los avisos como:</p></center>
|
||||
<center>
|
||||
<button id="desmarcarNot" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect" data-role="none">
|
||||
Sin leer
|
||||
</button>
|
||||
<button id="marcarNot" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect" data-role="none">
|
||||
Leidos
|
||||
</button>
|
||||
|
||||
<p class="miniText"><b>Fecha Avi. más actual Visto: </b><span id="ultPuls" style="margin-top: 5px;"></span></p>
|
||||
<p class="miniText"><b>Avisos sin ver: </b><span class="numAvisos"></span></p>
|
||||
|
||||
<button id="actAhora" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect" data-role="none">
|
||||
<span class="icon-spinner11" style="font-size: 20px;margin-right: 5px;"></span>Actualizar Avisos
|
||||
</button>
|
||||
<p class="miniText">
|
||||
<b>Avisos Actualizados el:</b>
|
||||
<span id="ultAct"></span>
|
||||
</p>
|
||||
</center>
|
||||
</div>
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1>
|
||||
<span class="headName">EMTUSA: </span><span>AVISOS </span><span class="numAvisosMenu"></span>
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius">
|
||||
<button class="menuButton" onclick="AbrirAyuda('ayudaNoticias');"><span class=" icon-question"></span></button>
|
||||
<button id="gestionNoticias" class="menuButton menuButtonGest" onclick="$('#panelNoticias').panel().panel('open');">Gestión</button>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter">
|
||||
<center style="color: #aaa;">Pulse sobre un Aviso o Noticia para ver su contenido.</center>
|
||||
<div id="divEmtusaNoticias">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ventanaAyuda">
|
||||
<div data-role="header" data-position="fixed" role="banner" style="background-color: #169FF1;color: white;text-shadow: 0 1px black;" class="ui-header ui-bar-inherit ui-header-fixed slidedown">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton" onclick="history.back()"><span class=" icon-arrow-left2"></span></button>
|
||||
</div>
|
||||
<h1 class="ui-title" role="heading" aria-level="1">
|
||||
<span class="headName">EMTUSA:</span> <span id="vntAyudaTitulo">AYUDA</span>
|
||||
</h1>
|
||||
</div>
|
||||
<div id="vAyudaTexto"></div>
|
||||
</div>
|
||||
<!--FAVORITOS-->
|
||||
<div id="pageFavoritos" data-role="page">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1>
|
||||
<span class="headName">EMTUSA:</span> MIS PARADAS
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius">
|
||||
<button class="menuButton" onclick="AbrirAyuda('ayudaFavoritos');"><span class=" icon-question"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter" id="divEmtusaFavoritos">
|
||||
<p id="InfoFavoritos" class="center subColor" style="margin-bottom: 0px;">Pulsa sobre un favorito para obtener más información</p>
|
||||
<div id="divFavoritos">
|
||||
<ul id="listaFavoritos" class="mdl-list" style="margin-top: 0px;margin-bottom: 0px;"></ul>
|
||||
</div>
|
||||
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored btnMapa" data-role="none" style="bottom: 15px;right: 5px;" onclick="CrearFavorito()">
|
||||
<i class="material-icons">add</i>
|
||||
</button>
|
||||
<span class="ultActFavoritos subColor"></span>
|
||||
</div>
|
||||
<div data-role="popup" id="selFavPopup">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
<!--ALERTAS-->
|
||||
<div id="pageAlarmaLlegada" data-role="page" data-tap-toggle="false" data-hide-during-focus="">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1 id="toptitleLineas">
|
||||
<span class="headName">EMTUSA: </span>ALERTA DE BAJADA
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius">
|
||||
<button class="menuButton" onclick="AbrirAyuda('ayudaAlarmasBus');"><span class=" icon-question"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter">
|
||||
<div id="formularioAlarma" style="max-width: 300px;margin: 0 auto;">
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select" data-role="none">
|
||||
<input type="text" value="" class="mdl-textfield__input" id="ddLinea" readonly data-role="none">
|
||||
<input type="hidden" value="" name="ddLinea" data-role="none">
|
||||
<i class="mdl-icon-toggle__label material-icons">keyboard_arrow_down</i>
|
||||
<label for="ddLinea" class="mdl-textfield__label">Línea</label>
|
||||
<ul for="ddLinea" class="mdl-menu mdl-menu--bottom-left mdl-js-menu"></ul>
|
||||
</div>
|
||||
<div id="getmdl_Parada" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select" data-role="none">
|
||||
<input type="text" value="" class="mdl-textfield__input" id="ddParada" readonly data-role="none">
|
||||
<input type="hidden" value="" name="ddParada" data-role="none">
|
||||
<i class="mdl-icon-toggle__label material-icons">keyboard_arrow_down</i>
|
||||
<label for="ddParada" class="mdl-textfield__label">Parada</label>
|
||||
<ul for="ddParada" class="mdl-menu mdl-menu--bottom-left mdl-js-menu"></ul>
|
||||
</div>
|
||||
<div id="getmdl_Buses" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select" data-role="none">
|
||||
<input type="text" value="" class="mdl-textfield__input" id="ddBus" readonly data-role="none">
|
||||
<input type="hidden" value="" name="ddBus" data-role="none">
|
||||
<i class="mdl-icon-toggle__label material-icons">keyboard_arrow_down</i>
|
||||
<label for="ddBus" class="mdl-textfield__label">Código Autobús</label>
|
||||
<ul for="ddBus" class="mdl-menu mdl-menu--bottom-left mdl-js-menu"></ul>
|
||||
</div>
|
||||
<!--<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-textfield--floating-label" data-role="none" style="width:100%">
|
||||
<input class="mdl-textfield__input" type="text" id="txtCodigoBus">
|
||||
<label class="mdl-textfield__label" for="sample3">Código Autobús</label>
|
||||
</div>-->
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select " data-role="none">
|
||||
<input type="text" value="" class="mdl-textfield__input" id="ddAvisame" readonly data-role="none">
|
||||
<input type="hidden" value="" name="ddAvisame" data-role="none">
|
||||
<i class="mdl-icon-toggle__label material-icons">keyboard_arrow_down</i>
|
||||
<label for="ddAvisame" class="mdl-textfield__label">Avisame</label>
|
||||
<ul for="ddAvisame" class="mdl-menu mdl-menu--bottom-left mdl-js-menu">
|
||||
<li class="mdl-menu__item" data-val="1">1 parada antes</li>
|
||||
<li class="mdl-menu__item" data-val="2">2 parada antes</li>
|
||||
<li class="mdl-menu__item" data-val="3">3 parada antes</li>
|
||||
<li class="mdl-menu__item" data-val="4">4 parada antes</li>
|
||||
<li class="mdl-menu__item" data-val="5">5 parada antes</li>
|
||||
<!--<li class="mdl-menu__item" data-val="1m">1 minutos antes</li>
|
||||
<li class="mdl-menu__item" data-val="2m">2 minutos antes</li>
|
||||
<li class="mdl-menu__item" data-val="3m">3 minutos antes</li>
|
||||
<li class="mdl-menu__item" data-val="4m">4 minutos antes</li>
|
||||
<li class="mdl-menu__item" data-val="5m">5 minutos antes</li>
|
||||
<li class="mdl-menu__item" data-val="10m">10 minutos antes</li>
|
||||
<li class="mdl-menu__item" data-val="15m">15 minutos antes</li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<button id="btnAlarmaBajada" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect" data-role="none">
|
||||
Crear Alarma
|
||||
</button>
|
||||
</div>
|
||||
<div id="AlarmaBus">
|
||||
<div id="mapCanvasAlarma" class="mapCanvas"></div>
|
||||
<div id="rutasSugeridas" class="rutasComoLlegar">
|
||||
<center><b style="color: #448aff;cursor:pointer" onclick="AnimarAlarmas()">Información Autobus</b></center>
|
||||
<div id="ventanaDatosBajada" style="display:none;height:0px;overflow:auto;padding: 15px;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="AlarmaFinalizada" style="text-align: center;">
|
||||
|
||||
</div>
|
||||
<button id="btnCancAlarma" class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored btnMapa" data-role="none" style="top: 10px;right: 5px;background-color: red;display:none" onclick="AlarmaFinalizada('Cancelar')">
|
||||
<i class="material-icons">alarm_off</i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="pageAlarma" data-role="page">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1>
|
||||
<span class="headName">EMTUSA:</span> ALERTAS
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius">
|
||||
<button class="menuButton" onclick="MostrarAyuda('ayuFavoritos')"><span class=" icon-question"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter" id="divEmtusaAlarmas">
|
||||
<p id="InfoAlarmas" class="center subColor" style="margin-bottom: 0px;padding:5px;">Las alarmas proporcionan una estimación teórica para que el usuario pueda saber cuando pueda saber cuando pasa el autobús y se le avise de su paso.<br /> Estas alarmas son orientativas, desde Emtusa no nos hacemos responsables de problemas ocasionados por fallo en los avisos</p>
|
||||
<div id="divAlarmas">
|
||||
<ul id="listaAlarmas" class="mdl-list" style="margin-top: 0px;margin-bottom: 0px;"></ul>
|
||||
</div>
|
||||
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored btnMapa" data-role="none" style="bottom: 15px;right: 5px;" onclick="CrearAlerta()">
|
||||
<i class="material-icons">add</i>
|
||||
</button>
|
||||
<span class="ultActAlarmas subColor"></span>
|
||||
</div>
|
||||
<div data-role="popup" id="selAlarmPopup">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
<!--OPCIONES-->
|
||||
<div id="pageOpciones" data-role="page">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
<!--<a id="btnSalirOpciones" class="ui-btn ui-mini ui-icon-carat-l ui-btn-icon-notext" data-role="button">aaa</a>-->
|
||||
<h1>
|
||||
<span class="headName">EMTUSA:</span> OPCIONES
|
||||
</h1>
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-right noRadius">
|
||||
<button class="menuButton" onclick="MostrarAyuda('ayuOpc')"><span class=" icon-question"></span></button>
|
||||
</div>
|
||||
<!--<a id="btnNuevoFavorito" onclick="MostrarAyuda('ayuOpc')" class="boxShadow ui-btn ui-btn-inline ui-btn-mini ui-btn-right openMenu" data-role="button">Ayuda</a>-->
|
||||
</div>
|
||||
<center>
|
||||
<div data-role="content" class="noFooter" id="divContentOpciones">
|
||||
|
||||
<!--<div class="opcP"><center><b>Opciones Generales</b></center></div>-->
|
||||
|
||||
<div class="opcDiv">
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-MostrarBus" data-role="none">
|
||||
<input type="checkbox" id="switch-MostrarBus" class="mdl-switch__input" data-role="none" onclick="MostrarAutobus()">
|
||||
<span class="mdl-switch__label" data-role="none">Mostrar Autobuses Mapa</span>
|
||||
</label>
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-VerCorrespondencias" data-role="none">
|
||||
<input type="checkbox" id="switch-VerCorrespondencias" class="mdl-switch__input" data-role="none" onclick="VerCorrespondencias()">
|
||||
<span class="mdl-switch__label" data-role="none">Ver Correspondencias</span>
|
||||
</label>
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-VerHoraLlegada" data-role="none">
|
||||
<input type="checkbox" id="switch-VerHoraLlegada" class="mdl-switch__input" data-role="none" onclick="VerHoraLlegada()">
|
||||
<span class="mdl-switch__label" data-role="none">Ver Hora de Llegada</span>
|
||||
</label>
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-FavoritosIniciar" data-role="none">
|
||||
<input type="checkbox" id="switch-FavoritosIniciar" class="mdl-switch__input" data-role="none" onclick="FavoritosInicio()">
|
||||
<span class="mdl-switch__label" data-role="none">Favoritos al iniciar</span>
|
||||
</label>
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-Vibracion" data-role="none" onclick="Vibracion()">
|
||||
<input type="checkbox" id="switch-Vibracion" class="mdl-switch__input" data-role="none">
|
||||
<span class="mdl-switch__label" data-role="none">Vibración</span>
|
||||
</label>
|
||||
<!--<div class="styled-select" style="width:100%; margin-bottom: 5px;">
|
||||
<select name="selectComoLlegarMetros" id="selectTiempoRecarga" data-role="none">
|
||||
<option value="15000">15 segundos</option>
|
||||
<option value="30000">30 segundos</option>
|
||||
<option value="60000">1 minutos</option>
|
||||
<option value="300000">5 minutos</option>
|
||||
<option value="0">No recargar</option>
|
||||
</select>
|
||||
</div>-->
|
||||
</div>
|
||||
|
||||
<!--<div class="opcP" style="margin-top:5px;"><center><b>Otras Operaciones</b></center></div>-->
|
||||
<div class="opcDiv" style="border-top: 1px solid #9e9e9e;">
|
||||
<div style="display:flex">
|
||||
<button id="recargar" class=" materialButton ui-btn ui-shadow ui-corner-all" style="width: 49%;margin-right: 5px;">
|
||||
<span class="icon-spinner11" style="font-size: 20px;margin-right: 5px;"></span>Reiniciar
|
||||
</button>
|
||||
<button id="verVersion" class=" materialButton ui-btn ui-shadow ui-corner-all" style="width: 49%;" onclick="$.mobile.changePage('#pageVersiones');">
|
||||
<span class="icon-eye" style="font-size: 20px;margin-right: 5px;"></span>Versión
|
||||
</button>
|
||||
</div>
|
||||
<button id="borrar" class=" materialButton ui-btn ui-shadow ui-corner-all" style="background-color: #ff6961 !important;border-color: #ff6961 !important;">
|
||||
<span class=" icon-bin2" style="font-size: 20px;margin-right: 5px;"></span>Reestablecer APP
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
<!--VERSIONES-->
|
||||
<div id="pageVersiones" data-role="page">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton" onclick="history.back()">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">arrow_back</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1>
|
||||
<span class="headName">EMTUSA:</span> VERSIONES
|
||||
</h1>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter">
|
||||
<div class="textoAyuda" onclick="MostrarVersion('pgRestricionesP')" id="pgVersiones" style="display:none">! Nueva Version</div>
|
||||
<div class="textoAyuda" onclick="MostrarVersion('verpgRestriccionesP')" id="pgRestriciones" style="display:none">! Restricciones</div>
|
||||
<div class="textoAyuda" onclick="MostrarVersion('ver100')">Versión 1.00</div>
|
||||
<div style="display:none">
|
||||
<div id="verpgVersionesP">
|
||||
<h3>! Nueva Version</h3>
|
||||
<p id="pgRestricionesP">
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div id="verpgRestriccionesP">
|
||||
<h3>! Restricciones</h3>
|
||||
<p id="pgRestricionesP">
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div id="ver100">
|
||||
<div class="versionPG">
|
||||
<h4 style="text-align:center">Versión 0.32</h4>
|
||||
<p>
|
||||
- Nuevo Diseño. <br />
|
||||
- Mucho más rapida.<br />
|
||||
- Más Ligera <br />
|
||||
- Consume menos.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--AYUDAS-->
|
||||
<div id="pageAyudaPpal" data-role="page">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton menuButtonMenu">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">home</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1>
|
||||
<span class="headName">EMTUSA:</span> AYUDA
|
||||
</h1>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter">
|
||||
<div class="textoAyuda" onclick="AbrirAyuda('ayudaFavoritos')">Favoritos</div>
|
||||
<div class="textoAyuda" onclick="AbrirAyuda('ayudaAlarmasBus')">Alerta de bajada</div>
|
||||
<div class="textoAyuda" onclick="AbrirAyuda('ayudaNoticias')">Noticias</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="pageAyuda" data-role="page">
|
||||
<div data-role="header" data-position="fixed">
|
||||
<div data-type="horizontal" data-role="controlgroup" class="btn ui-btn-left noRadius">
|
||||
<button class="menuButton" onclick=" CerrarAyuda()">
|
||||
<i class="material-icons mdl-list__item-avatar homeClass">arrow_back</i>
|
||||
</button>
|
||||
</div>
|
||||
<h1>
|
||||
<span class="headName">EMTUSA:</span> AYUDA
|
||||
</h1>
|
||||
</div>
|
||||
<div data-role="content" class="noFooter" id="divPageAyuda">
|
||||
<div class="btnHelpLeft Pointer" onclick="AnteriorAyuda()">
|
||||
<i class="material-icons">arrow_back</i>
|
||||
</div>
|
||||
<div id="ayudaFavoritos" class="slickClass">
|
||||
<div><img src="./img/tutorial/Favoritos-1.1.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/Favoritos-2.jpg" border="0"></div>
|
||||
<div><img src="./img/tutorial/Favoritos-2.1.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/Favoritos-2.2.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/Favoritos-2.3.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/Favoritos-3.1.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/Favoritos-3.2.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/Favoritos-4.1.png" border="0"></div>
|
||||
</div>
|
||||
<div id="ayudaAlarmasBus" class="slickClass">
|
||||
<div><img src="./img/tutorial/AlarmaBB-1.1.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/AlarmaBB-1.2.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/AlarmaBB-1.3.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/AlarmaBB-1.4.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/AlarmaBB-2.1.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/AlarmaBB-2.2.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/AlarmaBB-3.1.png" border="0"></div>
|
||||
</div>
|
||||
<div id="ayudaNoticias" class="slickClass">
|
||||
<div><img src="./img/tutorial/Noticias-1.1.png" border="0"></div>
|
||||
<div><img src="./img/tutorial/Noticias-2.1.png" border="0"></div>
|
||||
</div>
|
||||
<div class="btnHelpRight Pointer" onclick="SiguienteAyuda()">
|
||||
<i class="material-icons">arrow_forward</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="cordova.js"></script>
|
||||
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
|
||||
<script type="text/javascript" src="./js/jquery.mobile-1.4.5.min.js"></script>
|
||||
<script type="text/javascript" src="./js/leaflet.js"></script>
|
||||
<script type="text/javascript" src="./js/index.js"></script>
|
||||
<!--<script type="text/javascript" src="./js/nativo.js"></script>-->
|
||||
<script type="text/javascript" src="./js/jquery.cookie.js"></script>
|
||||
<script type="text/javascript" src="./js/jquery.storageapi.min.js"></script>
|
||||
<script type="text/javascript" src="./js/json2.js"></script>
|
||||
<script type="text/javascript" src="./js/annyang.min.js"></script>
|
||||
<script type="text/javascript" src="./js/sweetalert2.min.js"></script>
|
||||
<!--<script type="text/javascript" src="./js/infobox.js"></script>-->
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<!--<script type="text/javascript" src="./js/jquery-ui.min.js"></script>-->
|
||||
<script type="text/javascript" src="./js/jquery.ui.touch-punch.min.js"></script>
|
||||
<script type="text/javascript" src="./js/jszip.min.js"></script>
|
||||
<script type="text/javascript" src="./js/jszip-utils.min.js"></script>
|
||||
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
|
||||
<script type="text/javascript" src="./js/getmdl-select.min.js"></script>
|
||||
<script type="text/javascript" src="./js/osrm.js"></script>
|
||||
<script type="text/javascript" src="./slick/slick.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user