Splitting templates to different files.

This commit is contained in:
Sergiotarxz 2023-12-31 20:56:07 +01:00
parent 8c27095ad1
commit d9e6e664f2
8 changed files with 64 additions and 57 deletions

View File

@ -0,0 +1,4 @@
<div class="create-node-slide conquer-display-none" id="create-node-slide">
<button id="create-node-new-node">Autogenerado.</button>
<button id="create-node-exit">Salir del modo crear nodo.</button>
</div>

View File

@ -0,0 +1,2 @@
<div id="conquer-interface-element-padded-template" class="conquer-interface-element-padded conquer-display-none">
</div>

View File

@ -0,0 +1,5 @@
<div id="conquer-interface-with-top-bar-template" class="conquer-self-player conquer-display-none">
<div class="conquer-top-bar">
<a href="#" class="conquer-exit-button">X</a>
</div>
</div>

View File

@ -0,0 +1,12 @@
<div id="conquer-login-template" class="conquer-login conquer-display-none">
<form>
<p class="conquer-login-error conquer-display-none"></p>
<p class="conquer-login-success conquer-display-none"></p>
<label>Nombre de usuario</label>
<input class="conquer-login-username"/>
<label>Contraseña</label>
<input class="conquer-login-password" type="password"/>
<button class="conquer-login-submit">Inicia sesión</button>
<p>¿No tienes cuenta aun? <a href="#" class="conquer-login-go-to-register">Registrate</a></p>
</form>
</div>

View File

@ -0,0 +1,19 @@
<div id="conquer-new-node-form-creation-template" class="conquer-new-node-form-creation conquer-display-none conquer-interface-element-padded">
<form>
<p class="conquer-error conquer-display-none"></p>
<label>Tipo de Nodo<br/>
<select class="conquer-node-type">
<option value="normal">Normal (Conquistable)</option>
</select>
</label>
<div>
<label>Nuevo Nombre de Nodo<br/>
<input type="text" class="conquer-node-name"/></label>
</div>
<label>Descripción de la Zona<br/>
<textarea class="conquer-node-description"></textarea></label>
<div>
<button class="new-node-form-submit">Finalizar creación de nodo.</button>
</div>
</form>
</div>

View File

@ -0,0 +1,2 @@
<div id="conquer-overlay-transparent-template" class="conquer-overlay-transparent conquer-display-none">
</div>

View File

@ -0,0 +1,13 @@
<div id="conquer-register-template" class="conquer-register conquer-display-none">
<form>
<p class="conquer-register-error conquer-display-none"></p>
<label>Nombre de usuario</label>
<input class="conquer-register-username"/>
<label>Contraseña</label>
<input class="conquer-register-password" type="password"/>
<label>Repite la contraseña</label>
<input class="conquer-register-repeat-password" type="password"/>
<button class="conquer-register-submit">Finaliza el registro</button>
<p>¿Ya estás registrado? <a href="#" class="conquer-register-go-to-login">Inicia Sesión</a>.</p>
</form>
</div>

View File

@ -8,63 +8,13 @@
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'/>
</head>
<body>
<div id="conquer-overlay-transparent-template" class="conquer-overlay-transparent conquer-display-none">
</div>
<div id="conquer-new-node-form-creation-template" class="conquer-new-node-form-creation conquer-display-none conquer-interface-element-padded">
<form>
<p class="conquer-error conquer-display-none"></p>
<label>Tipo de Nodo<br/>
<select class="conquer-node-type">
<option value="normal">Normal (Conquistable)</option>
</select>
</label>
<div>
<label>Nuevo Nombre de Nodo<br/>
<input type="text" class="conquer-node-name"/></label>
</div>
<label>Descripción de la Zona<br/>
<textarea class="conquer-node-description"></textarea></label>
<div>
<button class="new-node-form-submit">Finalizar creación de nodo.</button>
</div>
</form>
</div>
<div class="create-node-slide conquer-display-none" id="create-node-slide">
<button id="create-node-new-node">Autogenerado.</button>
<button id="create-node-exit">Salir del modo crear nodo.</button>
</div>
<div id="conquer-interface-element-padded-template" class="conquer-interface-element-padded conquer-display-none">
</div>
<div id="conquer-interface-with-top-bar-template" class="conquer-self-player conquer-display-none">
<div class="conquer-top-bar">
<a href="#" class="conquer-exit-button">X</a>
</div>
</div>
<div id="conquer-login-template" class="conquer-login conquer-display-none">
<form>
<p class="conquer-login-error conquer-display-none"></p>
<p class="conquer-login-success conquer-display-none"></p>
<label>Nombre de usuario</label>
<input class="conquer-login-username"/>
<label>Contraseña</label>
<input class="conquer-login-password" type="password"/>
<button class="conquer-login-submit">Inicia sesión</button>
<p>¿No tienes cuenta aun? <a href="#" class="conquer-login-go-to-register">Registrate</a></p>
</form>
</div>
<div id="conquer-register-template" class="conquer-register conquer-display-none">
<form>
<p class="conquer-register-error conquer-display-none"></p>
<label>Nombre de usuario</label>
<input class="conquer-register-username"/>
<label>Contraseña</label>
<input class="conquer-register-password" type="password"/>
<label>Repite la contraseña</label>
<input class="conquer-register-repeat-password" type="password"/>
<button class="conquer-register-submit">Finaliza el registro</button>
<p>¿Ya estás registrado? <a href="#" class="conquer-register-go-to-login">Inicia Sesión</a>.</p>
</form>
</div>
%= include 'conquer/_overlay-transparent-template';
%= include 'conquer/_new-node-form-creation-template';
%= include 'conquer/_create-node-slide';
%= include 'conquer/_interface-element-padded-template';
%= include 'conquer/_interface-with-top-bar-template';
%= include 'conquer/_login-template';
%= include 'conquer/_register-template';
<div class="conquer-container">
</div>
</body>