- Color was placed on the screen background and the fields were cleared

jprogram · jprogram · commit a6da125c9232 · 2024-03-14T15:43:45.000-03:00
diff --git a/app/static/js/script.js b/app/static/js/script.js
@@ -7,6 +7,18 @@ $('input[type=radio][name=removidoVoltou]').change(function () {
 });
 
 
+// Função para limpar os campos do formulário
+function limparCampos() {
+    $('#nome').val('');
+    $('#data').val('');
+    $('#equipamento').val('');
+    $("#inicio").val(''),
+    $("#final").val(''),
+    $("#estoqueUtilizado").val(''),
+    $("[name=removidoVoltou]").val(''),
+    $("[name=motivoRemocao]").val('');
+}
+
 $(document).ready(function () {
     $("#botaoEnviar").on("click", function () {
         // Adicionar animação de carregamento ao botão
@@ -42,6 +54,8 @@ $(document).ready(function () {
                 // Exibir modal de sucesso
                 $("#modalSucesso").modal('show');
 
+                limparCampos();
+
                 // Ocultar modal de sucesso após 3 segundos
                 setTimeout(function () {
                     $("#modalSucesso").modal('hide');
diff --git a/app/templates/index.html b/app/templates/index.html
@@ -4,11 +4,25 @@
     <meta charset="UTF-8">
     <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">
+
+    <style>
+        body {
+            background: linear-gradient(135deg, #3498db, #9b59b6);
+        }
+
+        .form-container {
+            background-color: #ffffff;
+            border-radius: 20px;
+            padding: 40px;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+        }
+    </style>
+
     <title>Formulário de Estoque</title>
 </head>
 <body>
 
-<div class="container mt-5">
+<div class="container mt-5 form-container">
     <form method="post" action="/processar_formulario">
         <div class="form-group">
             <label for="nome">Nome:</label>
