Merge pull request fbrusatti#5 from juabaez/lucho/81314054_html_to_mo…

…ustache [Accept #81314054] Convert HTML docs to moustache templates
LuuchoRocha · Oct 23, 2014 · 206dba9 · 206dba9
2 parents 8e0ea4d + 2ce706d
commit 206dba9
Show file tree

Hide file tree

Showing 9 changed files with 235 additions and 118 deletions.
diff --git a/moustache/alreadylogged.moustache b/moustache/alreadylogged.moustache
@@ -1 +1 @@
-Usted ya ha iniciado sesion como {{user_email}}.
+Usted ya ha iniciado sesion como {{email}}.
diff --git a/moustache/index.moustache b/moustache/index.moustache
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+    <link rel="stylesheet" type="text/css" href="style.css" />
+    <title>CARSAPP - Index</title>
+    <script type="text/javascript" src="jquery.js"></script>
+    <script type="text/javascript" src="jquery.getParams.js"></script>
+    <script type="text/javascript" src="ajax.js"></script>
+    <script type="text/javascript">
+        function reactivarFields() {
+            document.getElementById("doors").disabled = true;
+        }        
+        function mostrarCuerpo(){
+            var perms = {{perms}};
+            var login = document.getElementById("login");
+            var usercp = document.getElementById("usercp");
+            var admincp = document.getElementById("admincp");
+            var newadmin = document.getElementById("newadmin");
+            switch(perms){
+                case 0: 
+                        usercp.parentNode.removeChild(usercp);
+                        admincp.parentNode.removeChild(admincp);
+                        newadmin.parentNode.removeChild(newadmin);
+                        break;
+                case 1:
+                        login.parentNode.removeChild(login);
+                        admincp.parentNode.removeChild(admincp);
+                        newadmin.parentNode.removeChild(newadmin);
+                        break;
+                case 2:
+                        usercp.parentNode.removeChild(usercp);
+                        login.parentNode.removeChild(login);
+                        newadmin.parentNode.removeChild(newadmin);
+                        break;
+                case 3:
+                        usercp.parentNode.removeChild(usercp);
+                        login.parentNode.removeChild(login);
+                        break;
+            }
+            document.getElementById("cuerpo").style.visibility="visible";
+        }
+    </script>
+</head>
+<body onload="mostrarCuerpo()">
+    <div id="header">CarsAPP</div>
+    <div id="cuerpo" style="visibility: hidden">
+        <div id="columnaizq">
+            <div class="popmenu" id="login">Inicio
+                <div>
+                    <ul>
+                        <li>
+                            <a href="#" onclick="traer('login','columnacen');">Iniciar sesion</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="popmenu" id="admincp">AdminCP
+                <div>
+                    <ul>
+                        <li id="newadmin">
+                                <a href="#" onclick="traer('administrators/new', 'columnacen')">Nuevo administrador</a>
+                        </li>
+                        <li>
+                                <a href="#" onclick="traer('logout', 'columnacen')">Cerrar sesion</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="popmenu" id="usercp"> UserCP 
+                <div>
+                    <ul>  
+                        <li>
+                                <a href="#" onclick="traer('logout', 'columnacen')">Cerrar sesion</a>
+                        </li>
+                        <li>
+                                <a href="#" onclick="traer('myphones', 'columnacen')">Mis telefonos</a>
+                        </li>    
+                        <li>
+                                <a href="#" onclick="traer('phones/new', 'columnacen')">Agregar telefono</a>
+                        </li>   
+                        <li>
+                                <a href="#" onclick="traer('myvehicles', 'columnacen')">Mis vehiculos</a>
+                        </li>    
+                        <li>
+                                <a href="#" onclick="traer('vehicles/del', 'columnacen')">Eliminar vehiculos</a>
+                        </li>    
+                        <li>
+                                <a href="#" onclick="traer('vehicles/new', 'columnacen')">Nuevo vehiculo</a>
+                        </li>   
+                        <li>
+                                <a href="#" onclick="traer('myposts', 'columnacen')">Mis anuncios</a>
+                        </li>   
+                        <li>
+                                <a href="#" onclick="traer('posts/new', 'columnacen')">Nuevo anuncio</a>
+                        </li>   
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div id="columnader">
+                    <div class="popmenu">Registrar
+                <div>
+                    <ul>
+                        <li><a href="#" onclick="traer('users/new', 'columnacen')">Usuario</a></li>
+                        <li><a href="#" onclick="traer('cities/new', 'columnacen')">Ciudad</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="popmenu">Ver
+                <div>
+                    <ul>
+                        <li><a href="#" onclick="traer('users', 'columnacen')">Usuarios</a></li>
+                        <li><a href="#" onclick="traer('cities', 'columnacen')">Ciudades</a></li>
+                        <li><a href="#" onclick="traer('vehicles', 'columnacen')">Vehiculos</a></li>
+                        <li><a href="#" onclick="traer('posts', 'columnacen')">Anuncios</a></li>
+                        <li><a href="#" onclick="traer('phones', 'columnacen')">Telefonos</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div id="columnacen"></div>  
+    </div>
+</body>
diff --git a/public/login.html → moustache/login.moustache b/public/login.html → moustache/login.moustache
@@ -1,4 +1,4 @@
-<form id='formulario' onsubmit="postear('login', 'columnacen', 'formulario')">
+<form id='formulario' method="post" action="login">
     <table class="reg_table">
         <tr class="tr_header">
             <td colspan="2"><b>Formulario de inicio de sesion:</b></td>
@@ -9,7 +9,9 @@
             <td>Password:</td>
             <td><input type=password name='pwd'></td>
         </tr><tr class="tr_header">
-            <td colspan="2" align="center"><input type=submit value="Iniciar sesion" class="s_button"></td>
+            <td colspan="2" align="center">
+                <input type="submit" value="Iniciar sesion" class="s_button">
+            </td>
         </tr>
     </table>
 </form>
diff --git a/public/index.html b/public/index.html
diff --git a/public/style.css b/public/style.css
@@ -1,6 +1,5 @@
 body {
-    background: #000000;
-    font-family: sans-serif;
+    font-family: sans;
     font-size: 14px;
     background-image: url("./bg.png");
     color: #FFFFFF;
@@ -27,21 +26,16 @@ a:hover {
     text-align: center;
 }
 
-#menuprincipal {
-    margin: 0 auto;
-    display:table;
-    }
-
 #cuerpo {
     margin: 0 auto;
-    width: 840px;
-    background-color: rgba(0,0,0,0.4);
+    width: 80%;
     }
 
 #columnacen {
     margin: 0 auto;
-    width: 600px;
+    width: 70%;
     text-align: center;
+    background-color: rgba(0,0,0,0.4);
     }
 
 #columnacen table {
@@ -96,11 +90,13 @@ a:hover {
 
 
 #columnaizq {
-    float: right;
+    float: left;
+    width: 15%;
     }
 
 #columnader {
     float: right;
+    width: 15%;
     }
 
 .s_button {
@@ -112,40 +108,38 @@ a:hover {
   }
 
 .popmenu {
+    text-align: center;
+    line-height: 20px;
     float: left;
-	text-align: center;
-	line-height: 20px;
     height: 20px;
     padding: 0;
     background-color: #0F0F0F;
     background-color: rgba(255,255,255, 0.1);
-    width: 200px;
+    width: 100%;
     }
 
 .popmenu:hover {
     font-weight: bold;
     text-decoration: none;
-    }
+}
 
 .popmenu div{
-	position: relative;
-	visibility: hidden;
-    }
+    position: relative;
+    visibility: hidden;
+}
 
 .popmenu:hover div {
     visibility: visible; 
-    text-align: center;
-    }
+    background-color: #000000;
+}
 
 .popmenu ul {
     font-weight: normal;
-	margin: 0;
-	padding: 0;
-    background-color: #224477;
-    background-color: rgba(40,30,0, 0.8);
-    }
+    margin: 0;
+    padding: 0;
+}
 
 .popmenu ul li {
     padding: 5px 15px 5px 15px; 
     display: block;
-    }
+}
diff --git a/public/welcome.html b/public/welcome.html