From d9e6e664f2f1f14a182381d643a22b3d5543aa52 Mon Sep 17 00:00:00 2001
From: Sergiotarxz <sergiotarxz@posteo.net>
Date: Sun, 31 Dec 2023 20:56:07 +0100
Subject: [PATCH] Splitting templates to different files.

---
 templates/conquer/_create-node-slide.html.ep  |  4 ++
 ..._interface-element-padded-template.html.ep |  2 +
 .../_interface-with-top-bar-template.html.ep  |  5 ++
 templates/conquer/_login-template.html.ep     | 12 ++++
 .../_new-node-form-creation-template.html.ep  | 19 ++++++
 .../_overlay-transparent-template.html.ep     |  2 +
 templates/conquer/_register-template.html.ep  | 13 ++++
 templates/conquer/index.html.ep               | 64 ++-----------------
 8 files changed, 64 insertions(+), 57 deletions(-)
 create mode 100644 templates/conquer/_create-node-slide.html.ep
 create mode 100644 templates/conquer/_interface-element-padded-template.html.ep
 create mode 100644 templates/conquer/_interface-with-top-bar-template.html.ep
 create mode 100644 templates/conquer/_login-template.html.ep
 create mode 100644 templates/conquer/_new-node-form-creation-template.html.ep
 create mode 100644 templates/conquer/_overlay-transparent-template.html.ep
 create mode 100644 templates/conquer/_register-template.html.ep

diff --git a/templates/conquer/_create-node-slide.html.ep b/templates/conquer/_create-node-slide.html.ep
new file mode 100644
index 0000000..d984ba4
--- /dev/null
+++ b/templates/conquer/_create-node-slide.html.ep
@@ -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>
diff --git a/templates/conquer/_interface-element-padded-template.html.ep b/templates/conquer/_interface-element-padded-template.html.ep
new file mode 100644
index 0000000..eb726ce
--- /dev/null
+++ b/templates/conquer/_interface-element-padded-template.html.ep
@@ -0,0 +1,2 @@
+<div id="conquer-interface-element-padded-template" class="conquer-interface-element-padded conquer-display-none">
+</div>
diff --git a/templates/conquer/_interface-with-top-bar-template.html.ep b/templates/conquer/_interface-with-top-bar-template.html.ep
new file mode 100644
index 0000000..0eb095a
--- /dev/null
+++ b/templates/conquer/_interface-with-top-bar-template.html.ep
@@ -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>
diff --git a/templates/conquer/_login-template.html.ep b/templates/conquer/_login-template.html.ep
new file mode 100644
index 0000000..c7b33ff
--- /dev/null
+++ b/templates/conquer/_login-template.html.ep
@@ -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>
diff --git a/templates/conquer/_new-node-form-creation-template.html.ep b/templates/conquer/_new-node-form-creation-template.html.ep
new file mode 100644
index 0000000..119f42a
--- /dev/null
+++ b/templates/conquer/_new-node-form-creation-template.html.ep
@@ -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>
diff --git a/templates/conquer/_overlay-transparent-template.html.ep b/templates/conquer/_overlay-transparent-template.html.ep
new file mode 100644
index 0000000..45da530
--- /dev/null
+++ b/templates/conquer/_overlay-transparent-template.html.ep
@@ -0,0 +1,2 @@
+<div id="conquer-overlay-transparent-template" class="conquer-overlay-transparent conquer-display-none">
+</div>
diff --git a/templates/conquer/_register-template.html.ep b/templates/conquer/_register-template.html.ep
new file mode 100644
index 0000000..b84f8c1
--- /dev/null
+++ b/templates/conquer/_register-template.html.ep
@@ -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>
diff --git a/templates/conquer/index.html.ep b/templates/conquer/index.html.ep
index a63548c..3157efb 100644
--- a/templates/conquer/index.html.ep
+++ b/templates/conquer/index.html.ep
@@ -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>