252 lines
		
	
	
		
			15 KiB
		
	
	
	
		
			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> |