From 3c365c08249fbc67decb6d4dfc5a9219e5cc9638 Mon Sep 17 00:00:00 2001
From: Tobias Kunze <r@rixx.de>
Date: Fri, 11 Jul 2025 13:20:25 +0200
Subject: [PATCH] Code style

---
 .../frontend/templates/account/login.html     | 29 +++++++------
 .../frontend/templates/frontend/base.html     |  9 +++-
 .../frontend/templates/frontend/profile.html  |  3 +-
 .../frontend/templates/includes/message.html  | 43 ++++++++++---------
 4 files changed, 46 insertions(+), 38 deletions(-)

diff --git a/src/servala/frontend/templates/account/login.html b/src/servala/frontend/templates/account/login.html
index 233118b..58cd49b 100644
--- a/src/servala/frontend/templates/account/login.html
+++ b/src/servala/frontend/templates/account/login.html
@@ -1,21 +1,22 @@
 {% extends "frontend/base.html" %}
 {% load static i18n %}
 {% load allauth account socialaccount %}
-
 {% block html_title %}
     {% translate "Sign in" %}
 {% endblock html_title %}
-
 {% block page_title %}
     {% translate "Welcome to Servala" %}
 {% endblock page_title %}
-
 {% block card_header %}
-    <div class="card-header text-center py-4" style="background: linear-gradient(135deg, var(--bs-primary), #8B5CF6); border-radius: 0.5rem 0.5rem 0 0;">
-        <img src="{% static 'img/Servala-4.png' %}" alt="Servala" class="mb-3" style="height: 70px;">
+    <div class="card-header text-center py-4"
+         style="background: linear-gradient(135deg, var(--bs-primary), #8B5CF6);
+                border-radius: 0.5rem 0.5rem 0 0">
+        <img src="{% static 'img/Servala-4.png' %}"
+             alt="Servala"
+             class="mb-3"
+             style="height: 70px">
     </div>
 {% endblock card_header %}
-
 {% block card_content %}
     <!-- Main Sign In Section -->
     {% if SOCIALACCOUNT_ENABLED %}
@@ -24,9 +25,10 @@
             <div class="mb-4">
                 <div class="text-center mb-4">
                     <h5 class="text-primary mb-2">{% translate "Ready to get started?" %}</h5>
-                    <p class="text-muted mb-0">{% translate "Sign in to access your managed service instances and the Servala service catalog" %}</p>
+                    <p class="text-muted mb-0">
+                        {% translate "Sign in to access your managed service instances and the Servala service catalog" %}
+                    </p>
                 </div>
-                
                 {% for provider in socialaccount_providers %}
                     {% provider_login_url provider process=process scope=scope auth_params=auth_params as href %}
                     <form method="post" action="{{ href }}">
@@ -35,7 +37,9 @@
                         <button type="submit"
                                 class="btn btn-primary btn-lg w-100 py-3 mb-4 fw-semibold"
                                 title="{{ provider.name }}"
-                                style="border-radius: 12px; box-shadow: 0 4px 15px rgba(154, 99, 236, 0.2); background: linear-gradient(135deg, var(--bs-primary), #8B5CF6);">
+                                style="border-radius: 12px;
+                                       box-shadow: 0 4px 15px rgba(154, 99, 236, 0.2);
+                                       background: linear-gradient(135deg, var(--bs-primary), #8B5CF6)">
                             <span>{% translate "Sign in with VSHN Account" %}</span>
                         </button>
                     </form>
@@ -43,7 +47,6 @@
             </div>
         {% endif %}
     {% endif %}
-
     <!-- Feature Preview & Learn More Section -->
     <div class="mt-4 pt-3 border-top">
         <div class="row g-3 text-center">
@@ -72,8 +75,8 @@
                     <i class="bi bi-info-circle" style="font-size: 1.2rem;"></i>
                 </div>
                 <small class="text-muted fw-medium">
-                    <a href="https://servala.com" 
-                       target="_blank" 
+                    <a href="https://servala.com"
+                       target="_blank"
                        class="text-decoration-none text-muted">
                         {% translate "Learn more" %}
                         <i class="bi bi-arrow-up-right ms-1" style="font-size: 0.7rem;"></i>
@@ -82,7 +85,6 @@
             </div>
         </div>
     </div>
-
     <!-- Alternative Login Options (Admin) -->
     <div class="mt-4 pt-3 border-top text-center">
         <small class="text-muted">
@@ -96,7 +98,6 @@
             </a>
         </small>
     </div>
-
     <div class="collapse mt-3" id="login-form">
         <div class="card bg-light border-0 shadow-sm" style="border-radius: 12px;">
             <div class="card-body p-4">
diff --git a/src/servala/frontend/templates/frontend/base.html b/src/servala/frontend/templates/frontend/base.html
index c2d9285..990dc17 100644
--- a/src/servala/frontend/templates/frontend/base.html
+++ b/src/servala/frontend/templates/frontend/base.html
@@ -5,13 +5,18 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" href="{% static 'mazer/compiled/css/app.css' %}">
-        <link rel="stylesheet" href="{% static 'mazer/compiled/css/app-dark.css' %}">
+        <link rel="stylesheet"
+              href="{% static 'mazer/compiled/css/app-dark.css' %}">
         <link rel="stylesheet" href="{% static 'mazer/compiled/css/iconly.css' %}">
         <link rel="stylesheet" href="{% static 'css/servala.css' %}">
         <link rel="icon" type="image/x-icon" href="{% static 'img/favicon.ico' %}">
         <script src="{% static "js/htmx.min.js" %}" defer></script>
     </head>
-    <title>{% block html_title %}Dashboard{% endblock html_title %} – Servala</title>
+    <title>
+        {% block html_title %}
+            Dashboard
+        {% endblock html_title %}
+    – Servala</title>
 </head>
 <body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
     <script src="{% static 'mazer/static/js/initTheme.js' %}"></script>
diff --git a/src/servala/frontend/templates/frontend/profile.html b/src/servala/frontend/templates/frontend/profile.html
index dc12100..b9c1799 100644
--- a/src/servala/frontend/templates/frontend/profile.html
+++ b/src/servala/frontend/templates/frontend/profile.html
@@ -116,7 +116,8 @@
                                 {% endblocktranslate %}
                             </p>
                             <div>
-                                <a href="{{ account_href }}" target="_blank"
+                                <a href="{{ account_href }}"
+                                   target="_blank"
                                    class="btn btn-primary btn-lg icon icon-left btn-keycloak">
                                     <span class="mx-1">{% translate "VSHN Account Console" %}</span>
                                 </a>
diff --git a/src/servala/frontend/templates/includes/message.html b/src/servala/frontend/templates/includes/message.html
index 59260d2..3125da1 100644
--- a/src/servala/frontend/templates/includes/message.html
+++ b/src/servala/frontend/templates/includes/message.html
@@ -1,28 +1,29 @@
-<div class="alert alert-{{ message.tags }} alert-dismissible" id="auto-dismiss-alert-{{ forloop.counter0|default:'0' }}">
+<div class="alert alert-{{ message.tags }} alert-dismissible"
+     id="auto-dismiss-alert-{{ forloop.counter0|default:'0' }}">
     {{ message }}
     <button type="button"
             class="btn-close"
             data-bs-dismiss="alert"
             aria-label="Close"></button>
 </div>
-
 <script>
-document.addEventListener('DOMContentLoaded', function() {
-    const alert = document.getElementById('auto-dismiss-alert-{{ forloop.counter0|default:'0' }}');
-    if (alert) {
-        setTimeout(function() {
-            let opacity = 1;
-            const fadeOutInterval = setInterval(function() {
-                if (opacity > 0.05) {
-                    opacity -= 0.05;
-                    alert.style.opacity = opacity;
-                } else {
-                    clearInterval(fadeOutInterval);
-                    const bsAlert = new bootstrap.Alert(alert);
-                    bsAlert.close();
-                }
-            }, 25);
-        }, 5000);
-    }
-});
-</script>
\ No newline at end of file
+    document.addEventListener('DOMContentLoaded', function() {
+        const alert = document.getElementById('auto-dismiss-alert-{{ forloop.counter0|default:'
+            0 ' }}');
+        if (alert) {
+            setTimeout(function() {
+                let opacity = 1;
+                const fadeOutInterval = setInterval(function() {
+                    if (opacity > 0.05) {
+                        opacity -= 0.05;
+                        alert.style.opacity = opacity;
+                    } else {
+                        clearInterval(fadeOutInterval);
+                        const bsAlert = new bootstrap.Alert(alert);
+                        bsAlert.close();
+                    }
+                }, 25);
+            }, 5000);
+        }
+    });
+</script>