melhoria css do menu

mileniumfalcon · Oct 27, 2019 · 2f2a663 · 2f2a663
1 parent 8fbeda5
commit 2f2a663
Show file tree

Hide file tree

Showing 20 changed files with 99 additions and 255 deletions.
diff --git a/src/main/webapp/WEB-INF/backoffice.jsp b/src/main/webapp/WEB-INF/backoffice.jsp
@@ -23,14 +23,14 @@
           <h1>Painel BackOffice</h1>
       </div>
 
-      <ul class="nav flex-column">
+      <ul class="nav flex-column" style="float: left;">
         <li class="nav-item">
           <a class="nav-link" href="${pageContext.request.contextPath}/backoffice/cadastrar-produto">Cadastrar Produto</a>
         </li>
         <li class="nav-item">
           <a class="nav-link" href="${pageContext.request.contextPath}/backoffice/pesquisar-produto">Pesquisar Produto</a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item nav-item-last"">
           <a class="nav-link" href="#">Visualizar Vendas    </a>
         </li>
       </ul>
@@ -50,7 +50,5 @@
               Produto editado com sucesso!
           </div>
       </c:if>
-
-      <div style="margin-top: -100px; width: 203px; height: 640px; background-color: black;"></div>
   </body>
 </html>
diff --git a/src/main/webapp/WEB-INF/cadastrar-fisico.jsp b/src/main/webapp/WEB-INF/cadastrar-fisico.jsp
@@ -32,11 +32,10 @@
         <li class="nav-item">
           <a class="nav-link" href="${pageContext.request.contextPath}/vendedor/cadastrar-juridico">Cadastrar Pessoa Juridica</a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item nav-item-last">
           <a class="nav-link" href="${pageContext.request.contextPath}/vendedor/pesquisar-cliente">Pesquisar Cliente</a>
         </li>
       </ul>
-      <div style=" clear: left; float: left; margin-top: 0px; width: 203px; height: 640px; background-color: black;"></div>
 
         <form method="post" action="${pageContext.request.contextPath}/vendedor/cadastrar-fisico" class="needs-validation" novalidate>
             <br>
@@ -104,23 +103,7 @@
             </div>
         </form>
   </body>
-  <script>
-    (function() {
-      'use strict';
-      window.addEventListener('load', function() {
-        var forms = document.getElementsByClassName('needs-validation');
-        var validation = Array.prototype.filter.call(forms, function(form) {
-          form.addEventListener('submit', function(event) {
-            if (form.checkValidity() === false) {
-              event.preventDefault();
-              event.stopPropagation();
-            }
-            form.classList.add('was-validated');
-          }, false);
-        });
-      }, false);
-    })();
-   </script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.js"></script>
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

diff --git a/src/main/webapp/WEB-INF/cadastrar-funcionario.jsp b/src/main/webapp/WEB-INF/cadastrar-funcionario.jsp
@@ -23,17 +23,18 @@
           <h1>Cadastrar Funcionário</h1>
       </div>
 
-      <ul class="nav flex-column">
+      <ul class="nav flex-column" style="float: left;">
         <li class="nav-item">
           <a class="nav-link" href="${pageContext.request.contextPath}/rh/cadastrar-funcionario">Cadastrar Funcionário</a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item nav-item-last">
           <a class="nav-link" href="${pageContext.request.contextPath}/rh/pesquisar-funcionario">Pesquisar Funcionário</a>
         </li>
       </ul>
-      <div style="float: left; margin-top: 0px; width: 203px; height: 640px; background-color: black;"></div>
+
 
         <form method="post" action="${pageContext.request.contextPath}/rh/cadastrar-funcionario" class="needs-validation" novalidate>
+            <br>
             <div class="form-group row">
               <label for="inputNome" class="col-md-1 offset-md-2">Nome*:</label>
               <div class="col-sm-4">
@@ -133,22 +134,6 @@
         </form>
   </body>
   <script>
-    (function() {
-      'use strict';
-      window.addEventListener('load', function() {
-        var forms = document.getElementsByClassName('needs-validation');
-        var validation = Array.prototype.filter.call(forms, function(form) {
-          form.addEventListener('submit', function(event) {
-            if (form.checkValidity() === false) {
-              event.preventDefault();
-              event.stopPropagation();
-            }
-            form.classList.add('was-validated');
-          }, false);
-        });
-      }, false);
-    })();
-    
     function liberarCampos() {
         <c:forEach items="${filiaisAttr}" var="filial">
             if(document.getElementById('${filial}').disabled==true) {
@@ -165,6 +150,7 @@
         </c:forEach> 
     }    
    </script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.js"></script>
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

diff --git a/src/main/webapp/WEB-INF/cadastrar-juridico.jsp b/src/main/webapp/WEB-INF/cadastrar-juridico.jsp
@@ -33,12 +33,11 @@
         <li class="nav-item">
           <a class="nav-link" href="${pageContext.request.contextPath}/vendedor/cadastrar-juridico">Cadastrar Pessoa Juridica</a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item nav-item-last"">
           <a class="nav-link" href="${pageContext.request.contextPath}/vendedor/pesquisar-cliente">Pesquisar Cliente</a>
         </li>
       </ul>
-      <div style=" clear: left; float: left; margin-top: 0px; width: 203px; height: 640px; background-color: black;"></div>
-
+     
         <form method="post" action="${pageContext.request.contextPath}/vendedor/cadastrar-juridico" class="needs-validation" novalidate>
             <br>
             <div class="form-group row">
@@ -106,23 +105,7 @@
         </form>
         
   </body>
-  <script>
-    (function() {
-      'use strict';
-      window.addEventListener('load', function() {
-        var forms = document.getElementsByClassName('needs-validation');
-        var validation = Array.prototype.filter.call(forms, function(form) {
-          form.addEventListener('submit', function(event) {
-            if (form.checkValidity() === false) {
-              event.preventDefault();
-              event.stopPropagation();
-            }
-            form.classList.add('was-validated');
-          }, false);
-        });
-      }, false);
-    })();
-   </script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.js"></script>
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

diff --git a/src/main/webapp/WEB-INF/cadastrar-produto.jsp b/src/main/webapp/WEB-INF/cadastrar-produto.jsp
@@ -7,7 +7,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
         <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/main.css" media="screen" />
-        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/mainto.css" media="screen" />
+        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/main.scss" media="screen" />
         <title>Posto Tades</title>
     </head>
     <header>
@@ -23,19 +23,20 @@
             <h1>Cadastrar Produto</h1>
         </div>
 
-        <ul class="nav flex-column">
+        <ul class="nav flex-column" style="float: left;">
             <li class="nav-item">
                 <a class="nav-link" href="${pageContext.request.contextPath}/backoffice/cadastrar-produto">Cadastrar Produto</a>
             </li>
             <li class="nav-item">
                 <a class="nav-link" href="${pageContext.request.contextPath}/backoffice/pesquisar-produto">Pesquisar Produto</a>
             </li>
-            <li class="nav-item">
+            <li class="nav-item  nav-item-last">
                 <a class="nav-link" href="#">Visualizar Vendas</a>
             </li>
         </ul>
-        <div style="float: left; margin-top: 0px; width: 203px; height: 640px; background-color: black;"></div>
+
         <form method="post" action="${pageContext.request.contextPath}/backoffice/cadastrar-produto" class="needs-validation" novalidate>
+            <br>
             <div class="form-group row">
                 <label for="inputNome" class="col-md-1 offset-md-2">Nome*:</label>
                 <div class="col-sm-4">
@@ -89,25 +90,9 @@
             <div class="button-group">
                 <button class="btn btn-lg btn-success col-md-2 offset-md-2" type="submit">Cadastrar</button>
                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                <a href="${pageContext.request.contextPath}/backoffice/backoffice" class="col-md-2 btn btn-lg btn-danger">Cancelar</a>
+                <a href="${pageContext.request.contextPath}/backoffice" class="col-md-2 btn btn-lg btn-danger">Cancelar</a>
             </div>
         </form>
     </body>
-    <script>
-        (function () {
-            'use strict';
-            window.addEventListener('load', function () {
-                var forms = document.getElementsByClassName('needs-validation');
-                var validation = Array.prototype.filter.call(forms, function (form) {
-                    form.addEventListener('submit', function (event) {
-                        if (form.checkValidity() === false) {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        }
-                        form.classList.add('was-validated');
-                    }, false);
-                });
-            }, false);
-        })();
-    </script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.js"></script>
 </html>
diff --git a/src/main/webapp/WEB-INF/editar-fisico.jsp b/src/main/webapp/WEB-INF/editar-fisico.jsp
@@ -33,11 +33,10 @@
         <li class="nav-item">
           <a class="nav-link" href="${pageContext.request.contextPath}/vendedor/cadastrar-juridico">Cadastrar Pessoa Juridica</a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item nav-item-last">
           <a class="nav-link" href="${pageContext.request.contextPath}/vendedor/pesquisar-cliente">Pesquisar Cliente</a>
         </li>
       </ul>
-      <div style=" clear: left; float: left; margin-top: 0px; width: 203px; height: 640px; background-color: black;"></div>
 
         <form method="post" action="${pageContext.request.contextPath}/vendedor/editar-fisico" class="needs-validation" novalidate>
             <br>
@@ -107,23 +106,7 @@
             </div>
         </form>
   </body>
-  <script>
-    (function() {
-      'use strict';
-      window.addEventListener('load', function() {
-        var forms = document.getElementsByClassName('needs-validation');
-        var validation = Array.prototype.filter.call(forms, function(form) {
-          form.addEventListener('submit', function(event) {
-            if (form.checkValidity() === false) {
-              event.preventDefault();
-              event.stopPropagation();
-            }
-            form.classList.add('was-validated');
-          }, false);
-        });
-      }, false);
-    })();
-   </script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.js"></script>
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

diff --git a/src/main/webapp/WEB-INF/editar-funcionario.jsp b/src/main/webapp/WEB-INF/editar-funcionario.jsp
@@ -23,19 +23,18 @@
           <h1>Editar Funcionário</h1>
       </div>
 
-      <ul class="nav flex-column">
+      <ul class="nav flex-column" style="float: left;">
         <li class="nav-item">
           <a class="nav-link" href="${pageContext.request.contextPath}/rh/cadastrar-funcionario">Cadastrar Funcionário</a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item nav-item-last">
           <a class="nav-link" href="${pageContext.request.contextPath}/rh/pesquisar-funcionario">Pesquisar Funcionário</a>
         </li>
       </ul>
-      <div style="float: left; margin-top: 0px; width: 203px; height: 640px; background-color: black;"></div>
 
         <form method="post" action="${pageContext.request.contextPath}/rh/editar-funcionario" class="needs-validation" novalidate>
             <input type="hidden" name="id" value="${idAttr}">
-
+            <br>
             <div class="form-group row">
               <label for="inputNome" class="col-md-1 offset-md-2">Nome*:</label>
               <div class="col-sm-4">
@@ -134,23 +133,7 @@
             </div>
         </form>
   </body>
-  <script>
-    (function() {
-      'use strict';
-      window.addEventListener('load', function() {
-        var forms = document.getElementsByClassName('needs-validation');
-        var validation = Array.prototype.filter.call(forms, function(form) {
-          form.addEventListener('submit', function(event) {
-            if (form.checkValidity() === false) {
-              event.preventDefault();
-              event.stopPropagation();
-            }
-            form.classList.add('was-validated');
-          }, false);
-        });
-      }, false);
-    })();
-    
+<script>
     function liberarCampos() {
         <c:forEach items="${filiaisAttr}" var="filial">
             if(document.getElementById('${filial}').disabled==true) {
@@ -166,7 +149,8 @@
             }
         </c:forEach> 
     }    
-  </script>
+</script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.js"></script>
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

diff --git a/src/main/webapp/WEB-INF/editar-juridico.jsp b/src/main/webapp/WEB-INF/editar-juridico.jsp
@@ -33,12 +33,11 @@
         <li class="nav-item">
           <a class="nav-link" href="${pageContext.request.contextPath}/vendedor/cadastrar-juridico">Cadastrar Pessoa Juridica</a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item nav-item-last">
           <a class="nav-link" href="${pageContext.request.contextPath}/vendedor/pesquisar-cliente">Pesquisar Cliente</a>
         </li>
       </ul>
-
-      <div style=" clear: left; float: left; margin-top: 0px; width: 203px; height: 640px; background-color: black;"></div>
+
         <form method="post" action="${pageContext.request.contextPath}/vendedor/editar-juridico" class="needs-validation" novalidate>
             <br>
             <input type="hidden" name="id" value="${idAttr}">
@@ -107,23 +106,8 @@
             </div>
         </form>
   </body>
-  <script>
-    (function() {
-      'use strict';
-      window.addEventListener('load', function() {
-        var forms = document.getElementsByClassName('needs-validation');
-        var validation = Array.prototype.filter.call(forms, function(form) {
-          form.addEventListener('submit', function(event) {
-            if (form.checkValidity() === false) {
-              event.preventDefault();
-              event.stopPropagation();
-            }
-            form.classList.add('was-validated');
-          }, false);
-        });
-      }, false);
-    })();
-   </script>
+
+<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.js"></script>
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>