Limpando a repetição de codigo, deixando apenas um dailog

VDR-Crowley · Oct 8, 2020 · 59c4b40 · 59c4b40
1 parent b4f0a35
commit 59c4b40
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 34 deletions.
diff --git a/app.js b/app.js
@@ -66,13 +66,39 @@ function cadastrarDespesa() {
 		valor.value
 	)
 
+
 	if(despesa.validarDados()) {
+
+		// Gravação despesa
 		bd.gravar(despesa)
+
+		// Titulo
+		document.getElementById('modalTitulo').innerHTML = 'Registro inserido com sucesso!'
+		document.getElementById('titulo_modal_div').className = 'modal-header text-success'
+		// Descrição
+		document.getElementById('descricaoModal').innerHTML = 'Despesa foi cadastrada com sucesso'
+		// Botão
+		document.getElementById('botaoModal').innerHTML = 'Voltar'
+		document.getElementById('botaoModal').className = 'btn btn-success'
+
+
 		// Dailog de sucesso
-		$('#sucessoGravacao').modal('show')
+		$('#modalRegistraDespesa').modal('show')
+
 	} else {
+
+		// Titulo
+		document.getElementById('modalTitulo').innerHTML = 'Erro ao inserir os dados!'
+		document.getElementById('titulo_modal_div').className = 'modal-header text-danger'
+		// Descrição
+		document.getElementById('descricaoModal').innerHTML = 'Erro na gravação, verifique se os campos foram preenchidos corretamente'
+		// Botão
+		document.getElementById('botaoModal').innerHTML = 'Voltar e corrigir'
+		document.getElementById('botaoModal').className = 'btn btn-danger'
+
 		// Dailog de erro
-		$('#erroGravacao').modal('show')
+		$('#modalRegistraDespesa').modal('show')
+
 	}
 
 }
diff --git a/index.html b/index.html
@@ -114,46 +114,20 @@ <h1 class="display-4">Registro de nova despesa</h1>
         </div>
       </div> <!-- Fim segunda row -->
     </div> <!-- Fim segundo container -->
-
-    <!-- Modal erro -->
-    <div class="modal fade" id="erroGravacao" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-      <div class="modal-dialog">
-        <div class="modal-content">
-          <div class="modal-header text-danger">
-            <h5 class="modal-title" id="exampleModalLabel">Erro na grevação!</h5>
-            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">&times;</span>
-            </button>
-          </div>
-          <div class="modal-body">
-            Existem campos obrigatorios que não foram preenchidos
-          </div>
-          <div class="modal-footer">
-            <button type="button" class="btn btn-danger" data-dismiss="modal">
-              Voltar e corrigir
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
 
-    <!-- Modal sucesso -->
-    <div class="modal fade" id="sucessoGravacao" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <!-- Modal -->
+    <div class="modal fade" id="modalRegistraDespesa" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
       <div class="modal-dialog">
         <div class="modal-content">
-          <div class="modal-header text-success">
-            <h5 class="modal-title" id="exampleModalLabel">Registro inserido com sucesso!</h5>
+          <div id="titulo_modal_div">
+            <h5 class="modal-title" id="modalTitulo"></h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
             </button>
           </div>
-          <div class="modal-body">
-            Despesa foi cadastrada com sucesso
-          </div>
+          <div class="modal-body" id="descricaoModal"></div>
           <div class="modal-footer">
-            <button type="button" class="btn btn-success" data-dismiss="modal">
-              Voltar
-            </button>
+            <button type="button" data-dismiss="modal" id="botaoModal"></button>
           </div>
         </div>
       </div>