Refactor HTML templates for certificate responses: Update CSS styles in certificate download, not found, not generated, UUID invalid, and server error templates to use double curly braces for consistency and improved readability.

maxsonferovante · maxsonferovante · commit cc980f35da94 · 2025-09-13T14:35:50.000-03:00
diff --git a/src/main/presentation/templates/certificate_download.html b/src/main/presentation/templates/certificate_download.html
@@ -5,15 +5,15 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
-        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }
-        .container { max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
-        .success-icon { font-size: 48px; color: #28a745; margin-bottom: 20px; }
-        h1 { color: #155724; margin-bottom: 20px; }
-        p { color: #6c757d; line-height: 1.6; margin-bottom: 20px; }
-        .download-link { background-color: #28a745; color: white; padding: 12px 24px; text-decoration: none; border-radius: 5px; display: inline-block; margin-top: 20px; }
-        .download-link:hover { background-color: #218838; }
-        .loading { display: inline-block; width: 20px; height: 20px; border: 3px solid #f3f3f3; border-top: 3px solid #28a745; border-radius: 50%; animation: spin 1s linear infinite; }
-        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+        body {{ font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }}
+        .container {{ max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }}
+        .success-icon {{ font-size: 48px; color: #28a745; margin-bottom: 20px; }}
+        h1 {{ color: #155724; margin-bottom: 20px; }}
+        p {{ color: #6c757d; line-height: 1.6; margin-bottom: 20px; }}
+        .download-link {{ background-color: #28a745; color: white; padding: 12px 24px; text-decoration: none; border-radius: 5px; display: inline-block; margin-top: 20px; }}
+        .download-link:hover {{ background-color: #218838; }}
+        .loading {{ display: inline-block; width: 20px; height: 20px; border: 3px solid #f3f3f3; border-top: 3px solid #28a745; border-radius: 50%; animation: spin 1s linear infinite; }}
+        @keyframes spin {{ 0% {{ transform: rotate(0deg); }} 100% {{ transform: rotate(360deg); }} }}
     </style>
 </head>
 <body>
@@ -27,9 +27,9 @@ <h1>Download do Certificado</h1>
     </div>
     <script>
         // Redirect após 2 segundos para dar tempo de ver a página
-        setTimeout(function() {
+        setTimeout(function() {{
             window.location.href = "{certificate_url}";
-        }, 2000);
+        }}, 2000);
     </script>
 </body>
 </html>
diff --git a/src/main/presentation/templates/certificate_not_found.html b/src/main/presentation/templates/certificate_not_found.html
@@ -5,12 +5,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
-        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }
-        .container { max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
-        .error-icon { font-size: 48px; color: #ffc107; margin-bottom: 20px; }
-        h1 { color: #856404; margin-bottom: 20px; }
-        p { color: #6c757d; line-height: 1.6; margin-bottom: 20px; }
-        .error-code { background-color: #fff3cd; color: #856404; padding: 10px; border-radius: 4px; font-family: monospace; }
+        body {{ font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }}
+        .container {{ max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }}
+        .error-icon {{ font-size: 48px; color: #ffc107; margin-bottom: 20px; }}
+        h1 {{ color: #856404; margin-bottom: 20px; }}
+        p {{ color: #6c757d; line-height: 1.6; margin-bottom: 20px; }}
+        .error-code {{ background-color: #fff3cd; color: #856404; padding: 10px; border-radius: 4px; font-family: monospace; }}
     </style>
 </head>
 <body>
diff --git a/src/main/presentation/templates/certificate_not_generated.html b/src/main/presentation/templates/certificate_not_generated.html
@@ -5,13 +5,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
-        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }
-        .container { max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
-        .info-icon { font-size: 48px; color: #17a2b8; margin-bottom: 20px; }
-        h1 { color: #0c5460; margin-bottom: 20px; }
-        p { color: #6c757d; line-height: 1.6; margin-bottom: 20px; }
-        .info-code { background-color: #d1ecf1; color: #0c5460; padding: 10px; border-radius: 4px; font-family: monospace; }
-        .status-info { background-color: #fff3cd; color: #856404; padding: 15px; border-radius: 4px; margin-top: 20px; }
+        body {{ font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }}
+        .container {{ max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }}
+        .info-icon {{ font-size: 48px; color: #17a2b8; margin-bottom: 20px; }}
+        h1 {{ color: #0c5460; margin-bottom: 20px; }}
+        p {{ color: #6c757d; line-height: 1.6; margin-bottom: 20px; }}
+        .info-code {{ background-color: #d1ecf1; color: #0c5460; padding: 10px; border-radius: 4px; font-family: monospace; }}
+        .status-info {{ background-color: #fff3cd; color: #856404; padding: 15px; border-radius: 4px; margin-top: 20px; }}
     </style>
 </head>
 <body>
diff --git a/src/main/presentation/templates/certificate_uuid_invalid.html b/src/main/presentation/templates/certificate_uuid_invalid.html
@@ -5,12 +5,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
-        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }
-        .container { max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
-        .error-icon { font-size: 48px; color: #dc3545; margin-bottom: 20px; }
-        h1 { color: #dc3545; margin-bottom: 20px; }
-        p { color: #6c757d; line-height: 1.6; margin-bottom: 20px; }
-        .error-code { background-color: #f8d7da; color: #721c24; padding: 10px; border-radius: 4px; font-family: monospace; }
+        body {{ font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }}
+        .container {{ max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }}
+        .error-icon {{ font-size: 48px; color: #dc3545; margin-bottom: 20px; }}
+        h1 {{ color: #dc3545; margin-bottom: 20px; }}
+        p {{ color: #6c757d; line-height: 1.6; margin-bottom: 20px; }}
+        .error-code {{ background-color: #f8d7da; color: #721c24; padding: 10px; border-radius: 4px; font-family: monospace; }}
     </style>
 </head>
 <body>
diff --git a/src/main/presentation/templates/server_error.html b/src/main/presentation/templates/server_error.html
@@ -5,13 +5,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
-        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }
-        .container { max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
-        .error-icon { font-size: 48px; color: #dc3545; margin-bottom: 20px; }
-        h1 { color: #dc3545; margin-bottom: 20px; }
-        p { color: #6c757d; line-height: 1.6; margin-bottom: 20px; }
-        .error-code { background-color: #f8d7da; color: #721c24; padding: 10px; border-radius: 4px; font-family: monospace; }
-        .retry-info { background-color: #e7f3ff; color: #0c5460; padding: 15px; border-radius: 4px; margin-top: 20px; }
+        body {{ font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f8f9fa; }}
+        .container {{ max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }}
+        .error-icon {{ font-size: 48px; color: #dc3545; margin-bottom: 20px; }}
+        h1 {{ color: #dc3545; margin-bottom: 20px; }}
+        p {{ color: #6c757d; line-height: 1.6; margin-bottom: 20px; }}
+        .error-code {{ background-color: #f8d7da; color: #721c24; padding: 10px; border-radius: 4px; font-family: monospace; }}
+        .retry-info {{ background-color: #e7f3ff; color: #0c5460; padding: 15px; border-radius: 4px; margin-top: 20px; }}
     </style>
 </head>
 <body>
