kkhattabi213/megafonias-vite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adición mapa

Browse Source
This commit is contained in:
Karim Khattabi
2026-02-23 10:57:04 +01:00
parent e62e48f78d
commit a8c1d96b54
5 changed files with 277 additions and 578 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
index.html
View File

@@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Megafonías TsSAEx</title>
<link rel="stylesheet" href="/src/style.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -39,7 +40,7 @@
<label><md-radio name="tipo" value="siguiente"></md-radio>Parada siguiente</label>
</div>
<div id="container-regulacion" class="regulacion-box">
<div id="container-regulacion" class="regulacion-box" style="display: none;">
<md-checkbox id="chk-regulacion"></md-checkbox>
<label for="chk-regulacion">Parada de regulación</label>
</div>
@@ -49,8 +50,7 @@
<section class="m3-card secondary">
<div class="vol-header"><md-icon>campaign</md-icon><span>Exterior</span></div>
<p style="margin:0; opacity:0.7; font-size:0.9rem;">Configuración de letrero y megafonía externa para paradas.
</p>
<p style="margin:0; opacity:0.7; font-size:0.9rem;">Configuración de letrero y megafonía externa.</p>
<md-filled-tonal-button id="btn-abrir-exterior">
<md-icon slot="icon">open_in_new</md-icon>Configurar Exterior
</md-filled-tonal-button>
@@ -79,20 +79,13 @@
<md-slider id="vol" min="0" max="1" step="0.01" value="0.8"></md-slider>
</section>
<section class="m3-card editor-card">
<div class="vol-header"><md-icon>edit_note</md-icon><span>Editor de Líneas</span></div>
<div class="editor-controls">
<md-outlined-text-field id="ed-id-linea" label="ID Línea (ej. L1)"></md-outlined-text-field>
<md-outlined-text-field id="ed-nombre-linea" label="Nombre (ej. Línea 1)"></md-outlined-text-field>
<section class="m3-card map-card" style="grid-column: span 2; min-height: 400px; padding: 0; overflow: hidden; position: relative;">
<div class="vol-header" style="position: absolute; top: 16px; left: 16px; z-index: 1000; background: rgba(255,255,255,0.8); padding: 4px 12px; border-radius: 20px; backdrop-filter: blur(4px);">
<md-icon>map</md-icon><span>Mapa de Red TsSAEx</span>
</div>
<div id="lista-paradas-editor"></div>
<div class="editor-actions">
<md-filled-tonal-button id="btn-add-parada-ed"><md-icon slot="icon">add</md-icon>Añadir
Parada</md-filled-tonal-button>
<md-filled-button id="btn-generar-json">Exportar JSON</md-filled-button>
</div>
<pre id="output-json" class="json-preview"></pre>
<div id="map" style="width: 100%; height: 100%; min-height: 400px;"></div>
</section>
</div>
<md-dialog id="dialog-exterior">