From b11c7ecc210177328793628074d875d4b79dbec2 Mon Sep 17 00:00:00 2001
From: Tobias Kunze <r@rixx.de>
Date: Wed, 19 Mar 2025 17:36:20 +0100
Subject: [PATCH] Link keycloak on profile page

---
 .../frontend/templates/frontend/profile.html  | 91 +++++++++++++------
 src/servala/frontend/views/generic.py         | 12 +++
 2 files changed, 73 insertions(+), 30 deletions(-)

diff --git a/src/servala/frontend/templates/frontend/profile.html b/src/servala/frontend/templates/frontend/profile.html
index a6f7021..9532e96 100644
--- a/src/servala/frontend/templates/frontend/profile.html
+++ b/src/servala/frontend/templates/frontend/profile.html
@@ -1,5 +1,5 @@
 {% extends "frontend/base.html" %}
-{% load i18n %}
+{% load i18n static %}
 {% block html_title %}
     {% block page_title %}
         {% translate "Profile" %}
@@ -10,32 +10,63 @@
         <h4 class="card-title">{% translate "Account" %}</h4>
     </div>
 {% endblock %}
-{% block card_content %}
-    <p>
-        {% blocktranslate trimmed %}
-            You are logged in with your VSHN user account. You will be able to change your password and other settings here in the future.
-        {% endblocktranslate %}
-    </p>
-    <div class="table-responsive">
-        <table class="table table-lg">
-            <tbody>
-                <tr>
-                    <th>{% translate "E-mail" %}</th>
-                    <td>{{ request.user.email }}</td>
-                </tr>
-                <tr>
-                    <th>{% translate "First name" %}</th>
-                    <td>{{ request.user.first_name }}</td>
-                </tr>
-                <tr>
-                    <th>{% translate "Last name" %}</th>
-                    <td>{{ request.user.last_name }}</td>
-                </tr>
-                <tr>
-                    <th>{% translate "Company" %}</th>
-                    <td>{{ request.user.company }}</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-{% endblock card_content %}
+{% block content %}
+    <section>
+        <div class="row match-height">
+            <div class="col-md-6 col-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h4 class="card-title">{% translate "Profile" %}</h4>
+                    </div>
+                    <div class="card-content">
+                        <div class="card-body">
+                            <div class="table-responsive">
+                                <table class="table table-lg">
+                                    <tbody>
+                                        <tr>
+                                            <th>{% translate "E-mail" %}</th>
+                                            <td>{{ request.user.email }}</td>
+                                        </tr>
+                                        <tr>
+                                            <th>{% translate "First name" %}</th>
+                                            <td>{{ request.user.first_name }}</td>
+                                        </tr>
+                                        <tr>
+                                            <th>{% translate "Last name" %}</th>
+                                            <td>{{ request.user.last_name }}</td>
+                                        </tr>
+                                        <tr>
+                                            <th>{% translate "Company" %}</th>
+                                            <td>{{ request.user.company }}</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6 col-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h4 class="card-title">{% translate "Account" %}</h4>
+                    </div>
+                    <div class="card-content">
+                        <div class="card-body">
+                            <p>
+                                {% blocktranslate trimmed %}
+                                    You are logged in with your VSHN user account. Change your password and other account data here:
+                                {% endblocktranslate %}
+                            </p>
+                            <a href="{{ account_href }}"
+                               class="btn btn-warning btn-lg icon icon-left">
+                                <img src="{% static 'img/keycloak.svg' %}" style="height: 30px">
+                                <span class="mx-1">{% translate "VSHN Account" %}</span>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+{% endblock content %}
diff --git a/src/servala/frontend/views/generic.py b/src/servala/frontend/views/generic.py
index 8b0271e..3b2196b 100644
--- a/src/servala/frontend/views/generic.py
+++ b/src/servala/frontend/views/generic.py
@@ -1,3 +1,4 @@
+from django.conf import settings
 from django.views.generic import TemplateView
 
 
@@ -7,3 +8,14 @@ class IndexView(TemplateView):
 
 class ProfileView(TemplateView):
     template_name = "frontend/profile.html"
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        keycloak_server_url = settings.SOCIALACCOUNT_PROVIDERS["openid_connect"][
+            "APPS"
+        ][0]["settings"]["server_url"]
+        account_url = keycloak_server_url.replace(
+            "/.well-known/openid-configuration", "/account"
+        )
+        context["account_href"] = account_url
+        return context