feat: uso de alerts dismissible do BS3

Author: gabriersdev

assets/css/style.css

@@ -358,7 +358,8 @@ footer {
     text-decoration: underline;
   }
 
-  div#printdiv {
+  div#printdiv,
+  [data-id="no-print-div"] {
     display: none;
   }
 }

assets/js/dataBaseFunctions.js

@@ -79,7 +79,7 @@ function carregarRegistros() {
     if (registros_salvos == null && !Array.isArray(registros_salvos)) {
       modal.innerHTML = `<div class="alert alert-warning"><span>Não foram encontrados registros armazenados</span></div>`
     } else {
-      modal.innerHTML = `<div class="alert alert-warning"><span><strong>Registros ordenados do mais recente para o mais antigo.</strong> Os registros são armazenados no seu navegador.</span></div>`
+      modal.innerHTML = `<div class="alert alert-warning alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button><span><strong>Registros ordenados do mais recente para o mais antigo.</strong> Os registros são armazenados no seu navegador.</span></div>`
 
       // Ordenando os itens salvos conforme a data (mais novos para mais antigos) e listando
       // Exibindo apenas os 50 primeiros registros ordenados

index.html

@@ -69,6 +69,13 @@ <h4>
         </div>
       </div>
     </div>
+    
+    <div class="container" data-id="no-print-div">
+      <div class="alert alert-warning alert-dismissible" role="alert">
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <strong>Atenção!</strong> No momento de imprimir a DAMP, escolha por ocultar o cabeçalho e o rodapé da página.
+      </div>
+    </div>
 
     <!-- DIV principal -->
     <div id="print_area" class="container no-print-allowed">
@@ -746,7 +753,7 @@ <h4>
         </div>
       </form>
 
-      <div id="printdiv">
+      <div id="printdiv" data-id="no-print-div">
         <input type="button" onclick="printWindow();" id="btImprimir" name="btImprimir"
           class="btn btn-danger do-not-print" accesskey="P" value="Imprimir" name="btImprimir">
         <button type="button" class="btn btn-primary" data-action="registros-salvos" accesskey="R">Registros</button>