fix user menu dropdown and fullscreen shortcut

Author: marioserrano09

sources/src/main/resources/web/templates/dynamical/static/js/dynamical.js

@@ -4,8 +4,6 @@ zk.afterMount(function () {
     var skin = $("meta[name=skin]");
     $("body").attr("class", skin[0].content + " layout-fixed sidebar-expand-lg sidebar-mini bg-body-tertiary sidebar-open");
 
-    console.log("starting template");
-
     setTimeout(function () {
         zWatch.fireDown("onSize", '');
     }, 500)

sources/src/main/resources/web/templates/dynamical/views/index.zul

@@ -29,20 +29,21 @@
 <?meta name="build" content="${applicationInfo.build}"?>
 <?meta name="skin" content="${appTemplate.skin.id}"?>
 
-<?link href="${contextPath}/static/css/adminlte.min.css?v=5.1.0" rel="stylesheet" type="text/css"?>
-<?link href="${contextPath}/static/css/skins/dynamical-${appTemplate.skin.id}.css?v=5.1.0" rel="stylesheet" type="text/css"?>
-<?link href="${contextPath}/static/css/dynamical.css?v=5.1.0" rel="stylesheet" type="text/css"?>
-<?link href="${contextPath}/static/css/dynamical-mobile.css?v=5.1.0" rel="stylesheet" type="text/css"?>
+<?link href="${contextPath}/static/css/adminlte.min.css?v=5.1.3" rel="stylesheet" type="text/css"?>
+<?link href="${contextPath}/static/css/skins/dynamical-${appTemplate.skin.id}.css?v=5.1.3" rel="stylesheet" type="text/css"?>
+<?link href="${contextPath}/static/css/dynamical.css?v=5.1.3" rel="stylesheet" type="text/css"?>
+<?link href="${contextPath}/static/css/dynamical-mobile.css?v=5.1.3" rel="stylesheet" type="text/css"?>
 <?link href="${contextPath}/static/fonts/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css"?>
 
 <?link rel="shortcut icon" href="${contextPath}/static/favicon.ico"?>
 <?link rel="apple-touch-icon" sizes="180x180" href="${contextPath}/static/apple-touch-icon.png"?>
 <?link rel="icon" type="image/png" sizes="32x32" href="${contextPath}/static/favicon-32x32.png"?>
 <?link rel="icon" type="image/png" sizes="16x16" href="${contextPath}/static/favicon-16x16.png"?>
 
-<?script src="${contextPath}/static/js/bootstrap.min.js?v=5.1.0"?>
-<?script src="${contextPath}/static/js/adminlte.min.js?v=5.1.0"?>
-<?script src="${contextPath}/static/js/dynamical.js?v=5.1.0"?>
+<?script src="${contextPath}/static/js/popper.min.js?v=5.1.3"?>
+<?script src="${contextPath}/static/js/bootstrap.min.js?v=5.1.3"?>
+<?script src="${contextPath}/static/js/adminlte.min.js?v=5.1.3"?>
+<?script src="${contextPath}/static/js/dynamical.js?v=5.1.3"?>
 
 
 <zk>

sources/src/main/resources/zk/dynamical/index-main.zul

@@ -37,36 +37,34 @@
 
 
                     <li class="nav-item">
-                        <a class="nav-link" data-widget="fullscreen" href="#" role="button">
-                            <i class="fas fa-expand-arrows-alt"/>
+                        <a class="nav-link" data-lte-toggle="fullscreen" href="#">
+                            <i class="fas fa-expand-arrows-alt" data-lte-icon="maximize"/>
+                            <i class="fas fa-compress-arrows-alt" data-lte-icon="minimize" style="display: none"/>
                         </a>
                     </li>
 
                     <z:zk if="${userInfo.enabled}">
-
-
-                        <li class="nav-item dropdown user user-menu">
-                            <a href="#" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown"
-                               aria-haspopup="true" aria-expanded="false">
-                                <img src="${userInfo.image}" class="user-image"/>
-                                <span class="hidden-xs">${userInfo.fullName}</span>
+                        <li class="nav-item dropdown user-menu">
+                            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
+                                <img src="${userInfo.image}" class="user-image shadow"/>
+                                <span class="d-none d-md-inline">${userInfo.fullName}</span>
                             </a>
-                            <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
+                            <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
                                 <!-- User image -->
                                 <li class="user-header">
-                                    <img src="${userInfo.image}" alt="User" class="img-circle"/>
+                                    <img src="${userInfo.image}" alt="User" class="rounded-circle shadow"/>
                                     <p>${userInfo.fullName}
                                         <small>
                                             ${labels.memberSince}
-                                            ${usuarioInfo.date}
+                                            ${userInfo.date}
                                         </small>
                                     </p>
                                 </li>
 
                                 <!-- Menu Footer-->
                                 <li class="user-footer">
                                     <div class="pull-left">
-                                        <z:a zclass="btn btn-success btn-flat" label=" ${labels.profile}"
+                                        <z:a zclass="btn btn-primary btn-flat" label=" ${labels.profile}"
                                              iconSclass="fa fa-user"
                                              onClick='navManager.navigateTo(userInfo.profilePath)'/>