Mapeate/Public/html/vistas.html

252 lines
15 KiB
HTML

<!DOCTYPE html>
<html lang="es">
<head>
<title data-i18n="mapeate_titulo">Mapeate - Vistas</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
</head>
<body>
<!-- [[base]] -->
<div class="mapeate {hash}{clases}" id="{hash}" data-hash="{hash}" data-parametros_raiz="[[]]">
<header>
<h1>
<a href="{link_local}" target="_self" data-i18n="mapeate" title="{{mapeate}}" data-i18n-without="true">
<span class="logo">
<img src="{logo}" data-i18n="mapeate" alt="{{mapeate}}" data-i18n-without="true" />
<span style="background-image:url('{logo}');"></span>
</span>
<span data-i18n="mapeate">{{mapeate}}</span>
</a>
</h1>
<nav class="menu-principal">
<ul>{menu_principal}</ul>
</nav>
<nav class="menu-links">
<ul>{menu_links}</ul>
</nav>
</header>
<main>
<fielset class="menu-mapas" data-visible="true">
<legend data-i18n="selecciona_mapa" data-visible="true">{{selecciona_mapa}}</legend>
<form method="get" action="#" onsubmit="return false;">
<div class="buscador grupo">
<label for="selecciona_mapa_buscar" data-i18n="buscar" title="{{buscar}}">{{buscar}}</label>
<span class="entrada"><input type="text" name="buscar" id="selecciona_mapa_buscar" data-i18n="buscar" data-i18n-without="true" placeholder="{{buscar}}..." /></span>
<button data-i18n="buscar" title="{{buscar}}" data-i18n-without="true" onclick="nombre_objeto.mapas.selector.buscar(this, event);">
<span data-icon="buscar"></span>
<span data-i18n="buscar">{{buscar}}</span>
</button>
</div>
<nav>
<ul>{lista_mapas}</ul>
</nav>
</form>
</fielset>
<fieldset class="juego" data-visible="false">
<legend data-i18n="juego">{{juego}}</legend>
<fieldset class="puntos" data-posicion="arriba_izquierda">
<legend data-i18n="puntos" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{puntos}}</legend>
<p data-i18n="puntos_texto">{{puntos_texto}}</p>
<section>0</section>
</fieldset>
<fieldset class="elemento" data-posicion="arriba_izquierda">
<legend data-i18n="elemento" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{elemento}}</legend>
<p data-i18n="elemento_texto">{{elemento_texto}}</p>
<section></section>
</fieldset>
<fieldset class="objetivos" data-posicion="arriba_izquierda">
<legend data-i18n="objetivos" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{objetivos}}</legend>
<p data-i18n="objetivos_texto">{{objetivos_texto}}</p>
<nav>
<ul></ul>
</nav>
</fieldset>
<fieldset class="consola" data-posicion="abajo_derecha">
<legend data-i18n="consola" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{consola}}</legend>
<p data-i18n="consola_texto">{{consola_texto}}</p>
<section></section>
</fieldset>
<fieldset class="temporizador" data-posicion="arriba_derecha">
<legend data-i18n="temporizador" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{temporizador}}</legend>
<p data-i18n="temporizador_texto">{{temporizador_texto}}</p>
<section>00:00:00.000</section>
</fieldset>
<fieldset class="mapa">
<legend data-i18n="mapa">{{mapa}}</legend>
<p data-i18n="mapa_texto">{{mapa_texto}}</p>
<section></section>
</fieldset>
</fieldset>
</main>
<footer>
<span class="licencias">
<a href="https://www.gnu.org/licenses/gpl-3.0.txt" target="_blank" title="GPLv3">
<span data-i18n="license_text">© 2024-2025 CopyLeft.</span>
<img src="https://www.gnu.org/graphics/gplv3-127x51.png" alt="GPLv3" />
</a>
<a class="licencia-imagen" href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank" data-i18n="licencia_creative_commons" data-i18n-without="true" title="Creative Commons">
<img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" alt="cc-sa" />
</a>
</span>
</footer>
<div class="dialogo" data-solo-mensaje="true" data-visible="false">
<div class="fondo" onclick="nombre_objeto.base.ocultar_dialogo(this, event);"></div>
<fieldset>
<legend>Ejemplo</legend>
<section>Esto es un ejemplo xD</section>
<div class="grupo"></div>
</fieldset>
</div>
</div>
<!-- [[base]] -->
<!-- [[posicionador]] -->
<div class="posicionador">
<button class="arriba-izquierda" data-seleccionado="true" onclick="nombre_objeto.vistas.posicionar(this, event);" data-i18n="arriba_izquierda" data-i18n-without="true" title="{{arriba_izquierda}}">
<span data-icon="arriba_izquierda"></span>
<span data-i18n="arriba_izquierda">{{arriba_izquierda}}</span>
</button>
<button class="arriba-derecha" data-seleccionado="false" onclick="nombre_objeto.vistas.posicionar(this, event);" data-i18n="arriba_derecha" data-i18n-without="true" title="{{arriba_derecha}}">
<span data-icon="arriba_derecha"></span>
<span data-i18n="arriba_derecha">{{arriba_derecha}}</span>
</button>
<button class="abajo-izquierda" data-seleccionado="false" onclick="nombre_objeto.vistas.posicionar(this, event);" data-i18n="abajo_izquierda" data-i18n-without="true" title="{{abajo_izquierda}}">
<span data-icon="abajo_izquierda"></span>
<span data-i18n="abajo_izquierda">{{abajo_izquierda}}</span>
</button>
<button class="abajo-derecha" data-seleccionado="false" onclick="nombre_objeto.vistas.posicionar(this, event);" data-i18n="abajo_derecha" data-i18n-without="true" title="{{abajo_derecha}}">
<span data-icon="abajo_derecha"></span>
<span data-i18n="abajo_derecha">{{abajo_derecha}}</span>
</button>
</div>
<!-- [[posicionador]] -->
<ul>
<!-- [[elemento_menu_principal]] -->
<li data-i18n="{nombre}" title="{{nombre}}" data-i18n-without="true" data-visible="{visible}">
<a href="{link}" target="{target}" onclick="{onclick}">
<span data-icon="{nombre}"></span>
<span data-i18n="{nombre}">{{nombre}}</span>
</a>
</li>
<!-- [[elemento_menu_principal]] -->
<!-- [[elemento_menu_links]] -->
<li data-i18n="{nombre}" title="{{nombre}}" data-i18n-without="true" data-visible="{visible}" data-tipo="{nombre}">
<a href="{link}" target="{target}">
<span data-icon="{nombre}"></span>
<span data-i18n="{nombre}">{{nombre}}</span>
</a>
</li>
<!-- [[elemento_menu_links]] -->
<!-- [[elemento_seleccion_mapa]] -->
<li data-i18n="{nombre}" title="{{nombre}}" data-i18n-without="true" onclick="nombre_objeto.mapas.selector.seleccionar(this, event);" data-recalculado="false">
<span class="imagen">
<img src="{thumbnail}" alt="{{nombre}}" />
<span style="background-image:url('{thumbnail}');"></span>
</span>
<span class="titulo"><span data-i18n="{nombre}">{{nombre}}</span></span>
<ul class="descripcion">
<li data-i18n="dificultad" title="{{dificultad}}" data-i18n-without="true" data-dificultad="{dificultad}">
<span data-icon="dificultad"></span>
<span data-i18n="dificulad">{{dificultad}}</span>
<span class="valor">{dificultad}</span>
</li>
<li data-i18n="descripcion" title="{{nombre_descripcion}}" data-i18n-without="true">
<span data-icon="descripcion"></span>
<span data-i18n="descripcion">{{descripcion}}</span>
<span data-i18n="{nombre}_descripcion">{{nombre_descripcion}}</span>
</li>
<li data-i18n="objetivos" title="{{objetivos}}" data-i18n-without="true">
<span data-icon="objetivos"></span>
<span data-i18n="objetivos">{{objetivos}}</span>
<span class="valor">{objetivos}</span>
</li>
</ul>
<section class="niveles">{niveles}</section>
</li>
<!-- [[elemento_seleccion_mapa]] -->
<!-- [[elemento_seleccion_mapa_nivel]] -->
<label data-i18n="nivel_{i}" data-i18n-without="true" title="{{nivel_{i}}}" label="{hash}" data-nivel="{i}" data-seleccionado="{seleccionado_bool}">
<span data-icon="nivel_{i}"></span>
<span data-i18n="nivel_{i}">{{nivel_{i}}}</span>
<span class="nivel">
<span data-i18n="nivel">{{nivel}}</span>
<span class="valor">{i}</span>
</span>
<span class="elementos">
<span data-i18n="elementos">{{elementos}}</span>
<span class="valor">{elementos}</span>
</span>
<span class="entrada"><input type="checkbox" id="{hash}" value="{i}" onchange="nombre_objeto.mapas.selector.recalcular_descripcion(this, event);"{seleccionado} /></span>
</label>
<!-- [[elemento_seleccion_mapa_nivel]] -->
<!-- [[elemento_juego_seleccion]] -->
<li data-clave="{elemento}" data-seleccionado="{seleccionado}" data-ok="false" rol="button" onclick="nombre_objeto.mapas.seleccionar_objetivo(this, event);">{formato}</li>
<!-- [[elemento_juego_seleccion]] -->
<!-- [[elemento_diccionario_link]] -->
<li data-tipo="{tipo}" title="{link}"><a href="{link}" target="_blank">
<span data-icono-imagen="{tipo}"></span>
<span class="link">{link}</span>
</a></li>
<!-- [[elemento_diccionario_link]] -->
</ul>
<fieldset class="diccionario-elemento">
<!-- [[elemento_diccionario]] -->
<legend>{texto}</legend>
<div>{descripcion}</div>
<nav>
<ul>{links}</ul>
</nav>
<!-- [[elemento_diccionario]] -->
</fieldset>
<!-- [[resumen_fin_juego]] -->
<div class="resumen-fin-juego">
<ul>
<li data-i18n="tiempo" data-i18n-without="true" title="{{tiempo}}">
<span data-i18n="tiempo">{{tiempo}}</span>
<span class="valor">{tiempo}</span>
</li>
<li data-i18n="aciertos" data-i18n-without="true" title="{{aciertos}}">
<span data-i18n="aciertos">{{aciertos}}</span>
<span class="valor">{aciertos}</span>
</li>
<li data-i18n="fallos" data-i18n-without="true" title="{{fallos}}">
<span data-i18n="fallos">{{fallos}}</span>
<span class="valor">{fallos}</span>
</li>
<li data-i18n="porcentaje_fallos" data-i18n-without="true" title="{{porcentaje_fallos}}">
<span data-i18n="porcentaje_fallos">{{porcentaje_fallos}}</span>
<span class="valor">{porcentaje_fallos}</span>
</li>
<li data-i18n="porcentaje_aciertos" data-i18n-without="true" title="{{porcentaje_aciertos}}">
<span data-i18n="porcentaje_aciertos">{{porcentaje_aciertos}}</span>
<span class="valor">{porcentaje_aciertos}</span>
</li>
<li data-i18n="puntos" data-i18n-without="true" title="{{puntos}}">
<span data-i18n="puntos">{{puntos}}</span>
<span class="valor">{puntos}</span>
</li>
<li data-i18n="puntos_tiempo" data-i18n-without="true" title="{{puntos_tiempo}}">
<span data-i18n="puntos_tiempo">{{puntos_tiempo}}</span>
<span class="valor">{puntos_tiempo}</span>
</li>
<li data-i18n="puntos_totales" data-i18n-without="true" title="{{puntos_totales}}">
<span data-i18n="puntos_totales">{{puntos_totales}}</span>
<span class="valor">{puntos_totales}</span>
</li>
</ul>
</div>
<!-- [[resumen_fin_juego]] -->
</body>
</html>