agregando fondo al sidebar

src/main/webapp/css/general.css

@@ -65,7 +65,7 @@ btn-green{
   display: flex;
   flex-direction: column;
   text-align: center;
-  background: url("../../img/edited_02.jpg") no-repeat center;
+  background: url("../img/user_background.jpg") no-repeat center;
   background-size: cover;
   box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75)
 

src/main/webapp/js/general.js

@@ -258,3 +258,11 @@ function defaultConfigDateRangePicker() {
             }})
     }
 })(jQuery);
+
+
+function primeraLetraMayuscula(str){
+    let strLower = str.toLowerCase();
+    let caracter = strLower.substr(0, 1).toUpperCase();
+    let cadena = caracter + strLower.substr(1);
+    return cadena;
+}
\ No newline at end of file

src/main/webapp/js/pages/sidebar.js

@@ -26,7 +26,7 @@ const DOMSideBar = {
                     active = '';
                 }
                 if (modulo[j].tipo === "2") {
-                    html += `<li><a href="${modulo[j].url}"><i class="fa ${modulo[j].ico} fa-lg"></i><span>${modulo[j].nombre}</span></a><ul>`;
+                    html += `<li><a href="${modulo[j].url}"><i class="fa ${modulo[j].ico} fa-lg"></i><span>${primeraLetraMayuscula(modulo[j].nombre)}</span></a><ul>`;
                     var categoria = modulo[j].categoria;
                     for (var k in categoria) {
                         if (path === categoria[k].url) {
@@ -35,7 +35,7 @@ const DOMSideBar = {
                             active = '';
                         }
                         if (categoria[k].tipo === "2") {
-                            html += `<li><a href="${categoria[k].url}"><span>${categoria[k].nombre}</span></a><ul>`;
+                            html += `<li><a href="${categoria[k].url}"><span>${primeraLetraMayuscula(categoria[k].nombre)}</span></a><ul>`;
                             let subcategoria = categoria[k].subCategoria;
                             for (var l in subcategoria) {
                                 if (path === subcategoria[l].url) {
@@ -43,16 +43,16 @@ const DOMSideBar = {
                                 } else {
                                     active = '';
                                 }
-                                html += `<li class="${active}"><a href="${subcategoria[l].url}"><span>${subcategoria[l].nombre}</span></a></li>`;
+                                html += `<li class="${active}"><a href="${subcategoria[l].url}"><span>${primeraLetraMayuscula(subcategoria[l].nombre)}</span></a></li>`;
                             }
                             html += `</li></ul>`;
                         } else {
-                            html += `<li class="${active}"><a href="${categoria[k].url}"><span>${categoria[k].nombre}</span></a></li>`;
+                            html += `<li class="${active}"><a href="${categoria[k].url}"><span>${primeraLetraMayuscula(categoria[k].nombre)}</span></a></li>`;
                         }
                     }
                     html += `</li></ul>`;
                 } else {
-                    html += `<li class="${active}"><a href="${modulo[j].url}"><i class="fa ${modulo[j].ico} fa-lg"></i><span>${modulo[j].nombre}</span></a></li>`;
+                    html += `<li class="${active}"><a href="${modulo[j].url}"><i class="fa ${modulo[j].ico} fa-lg"></i><span>${primeraLetraMayuscula(modulo[j].nombre)}</span></a></li>`;
                 }
             }
         }
@@ -63,7 +63,7 @@ const DOMSideBar = {
         document.querySelector("#roles-usuario").innerHTML = window.rolesUsuario;
         let letra = nombreUsuario.charAt(0);
 //        let size = $('body').hasClass('sidebar-xs')? 45 : 75;
-        let size = 50;
+        let size = 75;
         $(".avatar").attr('src', `https://ui-avatars.com/api/?name=${letra}&background=3BA4CE&color=fff&rounded=true&size=${size}`);
         logOut();
     }