From 4a164fd1a147cd36c7636edc420db30ef69b4362 Mon Sep 17 00:00:00 2001
From: Araozu <tbyuyfcjjll@gmail.com>
Date: Sun, 15 Jul 2018 17:16:35 -0500
Subject: [PATCH] Arreglo de errores

---
 .../access/AccessControllerAdd.java           |  3 +-
 .../access/AccessControllerEdit.java          |  3 +
 war/WEB-INF/View/Access/add.jsp               | 26 ++++++-
 war/WEB-INF/View/Access/edit.jsp              | 34 ++++++++-
 war/WEB-INF/View/Access/index.jsp             |  2 +-
 war/WEB-INF/View/Access/view.jsp              |  2 +-
 war/WEB-INF/View/Employees/add.jsp            |  2 +-
 war/WEB-INF/View/Employees/index.jsp          |  2 +-
 war/WEB-INF/View/Employees/view.jsp           |  2 +-
 war/WEB-INF/View/Finances/index.jsp           |  2 +-
 war/WEB-INF/View/Materials/View.jsp           |  2 +-
 war/WEB-INF/View/Materials/add.jsp            |  3 +-
 war/WEB-INF/View/Materials/index.jsp          |  2 +-
 war/WEB-INF/View/Resources/add.jsp            | 29 ++++++--
 war/WEB-INF/View/Resources/index.jsp          |  2 +-
 war/WEB-INF/View/Resources/view.jsp           | 36 +++++++--
 war/WEB-INF/View/Roles/add.jsp                |  7 +-
 war/WEB-INF/View/Roles/index.jsp              |  2 +-
 war/WEB-INF/View/Roles/view.jsp               |  2 +-
 war/WEB-INF/View/Services/add.jsp             |  2 +-
 war/WEB-INF/View/Services/index.jsp           |  2 +-
 war/WEB-INF/View/Services/view.jsp            |  2 +-
 war/WEB-INF/View/Users/add.jsp                |  2 +-
 war/WEB-INF/View/Users/index.jsp              |  2 +-
 war/WEB-INF/View/Users/view.jsp               | 11 +--
 war/WEB-INF/View/eIndex.jsp                   |  2 +-
 war/css/Elements.css                          |  6 ++
 war/index.jsp                                 |  2 +-
 war/js/GlobalJs.js                            | 74 +++++++++++++++++++
 29 files changed, 222 insertions(+), 46 deletions(-)

diff --git a/src/controller/usersManagement/access/AccessControllerAdd.java b/src/controller/usersManagement/access/AccessControllerAdd.java
index 459882a..a9b444d 100644
--- a/src/controller/usersManagement/access/AccessControllerAdd.java
+++ b/src/controller/usersManagement/access/AccessControllerAdd.java
@@ -72,12 +72,13 @@ public class AccessControllerAdd extends HttpServlet {
 
                     String idRole = request.getParameter("rolesl");
                     String idResource = request.getParameter("resourcesl");
+                    boolean status = Boolean.parseBoolean(request.getParameter("status"));
 
                     if(idRole == null || idRole.equals("")|| idResource == null || idResource.equals("")){
                         System.out.print("nombre vacio");
                     }
                     else {
-                        Access a = new Access(idRole, idResource,true);
+                        Access a = new Access(idRole, idResource,status);
                         //persist the entity
                         pm.makePersistent(a);
                         request.getSession().setAttribute("serverResponse","{\"color\": \"#26a69a\",\"response\":\"Acceso creado con éxito.\"}");
diff --git a/src/controller/usersManagement/access/AccessControllerEdit.java b/src/controller/usersManagement/access/AccessControllerEdit.java
index 5167c8f..10257c2 100644
--- a/src/controller/usersManagement/access/AccessControllerEdit.java
+++ b/src/controller/usersManagement/access/AccessControllerEdit.java
@@ -51,6 +51,7 @@ public class AccessControllerEdit extends HttpServlet {
 
                             String idRole = request.getParameter("rolesl");
                             String idResource = request.getParameter("resourcesl");
+                            boolean status = Boolean.parseBoolean(request.getParameter("status"));
 
                             if(idRole == null || idRole.equals("")|| idResource == null || idResource.equals("")){
 
@@ -67,6 +68,8 @@ public class AccessControllerEdit extends HttpServlet {
                                     a.setResourceKey(idResource);
                                 }
 
+                                a.setStatus(status);
+
                                 request.getSession().setAttribute("serverResponse","{\"color\": \"#26a69a\",\"response\":\"Acceso editado con éxito.\"}");
 
                                 response.sendRedirect("/e/access");
diff --git a/war/WEB-INF/View/Access/add.jsp b/war/WEB-INF/View/Access/add.jsp
index dac3dd0..48b11ba 100644
--- a/war/WEB-INF/View/Access/add.jsp
+++ b/war/WEB-INF/View/Access/add.jsp
@@ -37,7 +37,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
@@ -155,6 +155,30 @@
         <% } %>
 
         <br />
+        Estado del Recurso:<br />
+        <br />
+        <div class="switch" id="siwtchContainer">
+            <label>
+                Falso
+                <input id="sivth" type="checkbox" name="status" value="false">
+                <span class="lever"></span>
+                Verdadero
+            </label>
+        </div>
+        <br />
+
+        <script>
+            document.getElementById("siwtchContainer").addEventListener("mouseup",changeSwitch);
+            var elSwitch = document.getElementById("sivth");
+
+            function changeSwitch() {
+                if (elSwitch.value === "false") {
+                    elSwitch.value = "true";
+                } else {
+                    elSwitch.value = "false";
+                }
+            }
+        </script>
 
         <button id="sendButton" class="btn waves-effect waves-light indigo darken-1" type="submit" name="action">Crear
             <i class="material-icons right">send</i>
diff --git a/war/WEB-INF/View/Access/edit.jsp b/war/WEB-INF/View/Access/edit.jsp
index 57a4cfd..a2ee28c 100644
--- a/war/WEB-INF/View/Access/edit.jsp
+++ b/war/WEB-INF/View/Access/edit.jsp
@@ -36,7 +36,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
@@ -140,6 +140,38 @@
             <% } %>
         </select><br />
 
+        Estado:<br />
+        <br />
+        <div class="switch" id="siwtchContainer">
+            <label>
+                Falso
+                <input id="sivth" type="checkbox" name="status" value="false">
+                <span class="lever"></span>
+                Verdadero
+            </label>
+        </div>
+        <br />
+
+        <script>
+            document.getElementById("siwtchContainer").addEventListener("mouseup",changeSwitch);
+            var elSwitch = document.getElementById("sivth");
+
+            if ("<%=a.getStatus()%>" === "true"){
+                elSwitch.checked = "true";
+                elSwitch.value = "true";
+            }
+
+            function changeSwitch() {
+                if (elSwitch.value === "false") {
+                    elSwitch.value = "true";
+                } else {
+                    elSwitch.value = "false";
+                }
+
+                console.log("anumaaa -> " + elSwitch.value);
+            }
+        </script>
+
         <button id="sendButton" class="btn waves-effect waves-light indigo darken-1" type="submit" name="action">Editar
             <i class="material-icons right">send</i>
         </button>
diff --git a/war/WEB-INF/View/Access/index.jsp b/war/WEB-INF/View/Access/index.jsp
index 1bde935..0029672 100644
--- a/war/WEB-INF/View/Access/index.jsp
+++ b/war/WEB-INF/View/Access/index.jsp
@@ -37,7 +37,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Access/view.jsp b/war/WEB-INF/View/Access/view.jsp
index 302593a..16fd2c6 100644
--- a/war/WEB-INF/View/Access/view.jsp
+++ b/war/WEB-INF/View/Access/view.jsp
@@ -30,7 +30,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Employees/add.jsp b/war/WEB-INF/View/Employees/add.jsp
index 72ceded..e5b126d 100644
--- a/war/WEB-INF/View/Employees/add.jsp
+++ b/war/WEB-INF/View/Employees/add.jsp
@@ -36,7 +36,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Employees/index.jsp b/war/WEB-INF/View/Employees/index.jsp
index 0f65178..1685243 100644
--- a/war/WEB-INF/View/Employees/index.jsp
+++ b/war/WEB-INF/View/Employees/index.jsp
@@ -40,7 +40,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Employees/view.jsp b/war/WEB-INF/View/Employees/view.jsp
index 1d26541..acaf7fb 100644
--- a/war/WEB-INF/View/Employees/view.jsp
+++ b/war/WEB-INF/View/Employees/view.jsp
@@ -38,7 +38,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Finances/index.jsp b/war/WEB-INF/View/Finances/index.jsp
index c1b2aaf..ffd3d3a 100644
--- a/war/WEB-INF/View/Finances/index.jsp
+++ b/war/WEB-INF/View/Finances/index.jsp
@@ -39,7 +39,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Materials/View.jsp b/war/WEB-INF/View/Materials/View.jsp
index 2ec20d2..1c4551f 100644
--- a/war/WEB-INF/View/Materials/View.jsp
+++ b/war/WEB-INF/View/Materials/View.jsp
@@ -39,7 +39,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Materials/add.jsp b/war/WEB-INF/View/Materials/add.jsp
index e479cd0..9bf4dbe 100644
--- a/war/WEB-INF/View/Materials/add.jsp
+++ b/war/WEB-INF/View/Materials/add.jsp
@@ -35,8 +35,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
-                <%= user.getName()%>
+            <span id="nombreUsuario"%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
             <i class="material-icons">arrow_drop_down</i>
diff --git a/war/WEB-INF/View/Materials/index.jsp b/war/WEB-INF/View/Materials/index.jsp
index d046208..c5a5f3a 100644
--- a/war/WEB-INF/View/Materials/index.jsp
+++ b/war/WEB-INF/View/Materials/index.jsp
@@ -41,7 +41,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Resources/add.jsp b/war/WEB-INF/View/Resources/add.jsp
index 5f005b8..58a5290 100644
--- a/war/WEB-INF/View/Resources/add.jsp
+++ b/war/WEB-INF/View/Resources/add.jsp
@@ -35,7 +35,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
@@ -106,17 +106,34 @@
         URI del Recurso:<br />
         <input name="url" placeholder="URI del Recurso" required><br />
         Estado del Recurso:<br />
-        <select name="status" class="browser-default" required>
-            <option value="" disabled selected>Choose a status</option>
-            <option value="true">true</option>
-            <option value="false">false</option>
-        </select>
+        <br />
+        <div class="switch" id="siwtchContainer">
+            <label>
+                Falso
+                <input id="sivth" type="checkbox" name="status" value="false">
+                <span class="lever"></span>
+                Verdadero
+            </label>
+        </div>
         <br />
 
         <button class="btn waves-effect waves-light indigo darken-1" type="submit" name="action">Crear
             <i class="material-icons right">send</i>
         </button>
 
+        <script>
+            document.getElementById("siwtchContainer").addEventListener("mouseup",changeSwitch);
+            var elSwitch = document.getElementById("sivth");
+
+            function changeSwitch() {
+                if (elSwitch.value === "false") {
+                    elSwitch.value = "true";
+                } else {
+                    elSwitch.value = "false";
+                }
+            }
+        </script>
+
     </form>
     <hr />
     <br />
diff --git a/war/WEB-INF/View/Resources/index.jsp b/war/WEB-INF/View/Resources/index.jsp
index d5d296e..e47d077 100644
--- a/war/WEB-INF/View/Resources/index.jsp
+++ b/war/WEB-INF/View/Resources/index.jsp
@@ -41,7 +41,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Resources/view.jsp b/war/WEB-INF/View/Resources/view.jsp
index d60abec..73cb2a2 100644
--- a/war/WEB-INF/View/Resources/view.jsp
+++ b/war/WEB-INF/View/Resources/view.jsp
@@ -39,7 +39,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 150px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
@@ -115,12 +115,36 @@
         <input name="url" value="<%=resource.getUrl()%>" placeholder="URI" required><br/>
         <br/>
         Estado:<br />
-        <select name="status" class="browser-default" required>
-            <option value="" disabled selected>Choose a status</option>
-            <option value="true">true</option>
-            <option value="false">false</option>
-        </select>
         <br />
+        <div class="switch" id="siwtchContainer">
+            <label>
+                Falso
+                <input id="sivth" type="checkbox" name="status" value="false">
+                <span class="lever"></span>
+                Verdadero
+            </label>
+        </div>
+        <br />
+
+        <script>
+            document.getElementById("siwtchContainer").addEventListener("mouseup",changeSwitch);
+            var elSwitch = document.getElementById("sivth");
+
+            if ("<%=resource.getStatus()%>" === "true"){
+                elSwitch.checked = "true";
+                elSwitch.value = "true";
+            }
+
+            function changeSwitch() {
+                if (elSwitch.value === "false") {
+                    elSwitch.value = "true";
+                } else {
+                    elSwitch.value = "false";
+                }
+
+                console.log("anumaaa -> " + elSwitch.value);
+            }
+        </script>
 
         <button class="btn waves-effect waves-light indigo darken-1" type="submit" name="action">Editar
             <i class="material-icons right">send</i>
diff --git a/war/WEB-INF/View/Roles/add.jsp b/war/WEB-INF/View/Roles/add.jsp
index e320870..ec13c4a 100644
--- a/war/WEB-INF/View/Roles/add.jsp
+++ b/war/WEB-INF/View/Roles/add.jsp
@@ -34,7 +34,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
@@ -106,11 +106,6 @@
         <input name="roleName" placeholder="Nombre del Rol" required><br />
         Estado del Rol:<br />
         <br />
-        <!--<select name="roleStatus" class="browser-default" required>
-            <option value="" disabled selected>Choose a status</option>
-            <option value="true">true</option>
-            <option value="false">false</option>
-        </select>-->
         <div class="switch" id="siwtchContainer">
             <label>
                 Falso
diff --git a/war/WEB-INF/View/Roles/index.jsp b/war/WEB-INF/View/Roles/index.jsp
index 393389d..276932e 100644
--- a/war/WEB-INF/View/Roles/index.jsp
+++ b/war/WEB-INF/View/Roles/index.jsp
@@ -56,7 +56,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Roles/view.jsp b/war/WEB-INF/View/Roles/view.jsp
index b3b5796..a285b71 100644
--- a/war/WEB-INF/View/Roles/view.jsp
+++ b/war/WEB-INF/View/Roles/view.jsp
@@ -38,7 +38,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Services/add.jsp b/war/WEB-INF/View/Services/add.jsp
index c2af23d..d04205e 100644
--- a/war/WEB-INF/View/Services/add.jsp
+++ b/war/WEB-INF/View/Services/add.jsp
@@ -35,7 +35,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Services/index.jsp b/war/WEB-INF/View/Services/index.jsp
index 503dd1e..d9c5570 100644
--- a/war/WEB-INF/View/Services/index.jsp
+++ b/war/WEB-INF/View/Services/index.jsp
@@ -40,7 +40,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Services/view.jsp b/war/WEB-INF/View/Services/view.jsp
index ad246fa..9285676 100644
--- a/war/WEB-INF/View/Services/view.jsp
+++ b/war/WEB-INF/View/Services/view.jsp
@@ -38,7 +38,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Users/add.jsp b/war/WEB-INF/View/Users/add.jsp
index 798b2b4..3ace8c1 100644
--- a/war/WEB-INF/View/Users/add.jsp
+++ b/war/WEB-INF/View/Users/add.jsp
@@ -37,7 +37,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Users/index.jsp b/war/WEB-INF/View/Users/index.jsp
index a4f48f4..83fb539 100644
--- a/war/WEB-INF/View/Users/index.jsp
+++ b/war/WEB-INF/View/Users/index.jsp
@@ -39,7 +39,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/WEB-INF/View/Users/view.jsp b/war/WEB-INF/View/Users/view.jsp
index b5b2669..8ea13e9 100644
--- a/war/WEB-INF/View/Users/view.jsp
+++ b/war/WEB-INF/View/Users/view.jsp
@@ -16,7 +16,7 @@
 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <html>
 <head>
-    <title><%=action%> a Role - Hotel Services</title>
+    <title><%=action%> un Usuario - Hotel Services</title>
 
     <meta name="google-signin-client_id" content="746890482047-c734fgap3p3vb6bdoquufn60bsh2p8l9.apps.googleusercontent.com">
 
@@ -30,8 +30,7 @@
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
-    <script src="../../js/GlobalJs.js" async defer></script>
-
+    <script src="../../js/GlobalJs.js" defer></script>
 </head>
 <body>
 
@@ -41,9 +40,10 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 150px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px">
                 <%= usuario.getName()%>
             </span>
+
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
             <i class="material-icons">arrow_drop_down</i>
 
@@ -52,7 +52,7 @@
                 <ul style="color: black">
 
                     <li style="padding: 0 5px;">
-                        <a style="color: black" onclick="postRedirect('../users/view',{action:'closeSession'})">Log Out</a>
+                        <a style="color: black" onclick="postRedirect('../users/view',{action:'closeSession'})">Cerrar Sesión</a>
                     </li>
 
                     <li id="cerrar" style="padding: 0 5px; cursor: pointer">
@@ -177,5 +177,6 @@
     }
 </script>
 
+
 </body>
 </html>
diff --git a/war/WEB-INF/View/eIndex.jsp b/war/WEB-INF/View/eIndex.jsp
index 6044b2c..7002328 100644
--- a/war/WEB-INF/View/eIndex.jsp
+++ b/war/WEB-INF/View/eIndex.jsp
@@ -51,7 +51,7 @@
         &nbsp;&nbsp;Empleados
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= user.getName()%>
             </span>
             <img src="<%=user.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/css/Elements.css b/war/css/Elements.css
index bf20c4d..f349475 100644
--- a/war/css/Elements.css
+++ b/war/css/Elements.css
@@ -74,4 +74,10 @@ body{
     font-family: "Product Sans";
     font-weight: bold;
     src: url("../fonts/ProductSansBold.ttf");
+}
+
+#nombreUsuario{
+    max-width: 115px;
+    max-height: 64px;
+    overflow: hidden;
 }
\ No newline at end of file
diff --git a/war/index.jsp b/war/index.jsp
index 404813f..d4afd6b 100644
--- a/war/index.jsp
+++ b/war/index.jsp
@@ -175,7 +175,7 @@
 
         <div class="right valign-wrapper" style="padding: 0 0 0 10px; cursor: pointer; min-width: 180px;" onclick="changeUserOptions()">
 
-            <span style="min-width: 80px;">
+            <span id="nombreUsuario" style="min-width: 80px;">
                 <%= usuario.getName()%>
             </span>
             <img src="<%=usuario.getImgUrl()%>" alt="" class="circle responsive-img" style="padding: 5px" width="50px">
diff --git a/war/js/GlobalJs.js b/war/js/GlobalJs.js
index 6cc9fff..9511508 100644
--- a/war/js/GlobalJs.js
+++ b/war/js/GlobalJs.js
@@ -35,3 +35,77 @@ function postRedirect(url, postData){
     postForm.submit();
 }
 
+var maxLenght = 16;
+
+function isVowel(letter) {
+    var vowels = ["a","e","i","o","u"];
+
+    for (a in vowels){
+        var vowel = vowels[a];
+        if (letter.toLowerCase() === vowel)
+            return true;
+    }
+
+    return false;
+}
+
+(function formatName() {
+
+    var name;
+
+    try{
+        name = document.getElementById("nombreUsuario").innerText;
+    } catch (e) {}
+
+
+    if(name !== undefined){
+
+        name = name.trim();
+
+        console.log("El nombre -> " + name);
+
+        var words = name.split("");
+
+        var result = "";
+        var isLonger = true;
+
+        if (maxLenght > words.length){
+            maxLenght = words.length;
+            isLonger = false;
+        }
+
+        var isFirstWord = true;
+        for (var i=0; i<maxLenght; i++){
+
+            if (words[i] === " "){
+                result += " ";
+                isFirstWord = true;
+            } else if (isFirstWord) {
+                result += words[i].toUpperCase();
+                isFirstWord = false;
+            } else {
+                result += words[i].toLowerCase();
+            }
+
+        }
+
+        if (isLonger){
+            words = result.split("");
+            for (var c = words.length; c > maxLenght-3 ; c--){
+                if (isVowel(words[c-1])){
+                    words[c] = "";
+                } else if (words[c-1] === " "){
+                    words[c] = "";
+                    words[c-1] = "";
+                    break;
+                } else {
+                    words[c] = ".";
+                }
+            }
+            result = words.join("");
+        }
+
+        document.getElementById("nombreUsuario").innerHTML = result;
+    }
+
+})();