From f9af3e33b833b12815fb2489a6857a450a3b006a Mon Sep 17 00:00:00 2001
From: Kevin Veen-Birkenbach <kevin@veen.world>
Date: Wed, 8 Jan 2025 20:17:32 +0100
Subject: [PATCH] Added tooltipps

---
 app/config.json                         |  1 +
 app/templates/moduls/card.html.j2       |  6 +++++-
 app/templates/moduls/navigation.html.j2 | 10 +++++-----
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/config.json b/app/config.json
index a9cb148..debfb95 100644
--- a/app/config.json
+++ b/app/config.json
@@ -130,6 +130,7 @@
                 },
                 {"name": "Code",
                 "icon_class": "fa-solid fa-laptop-code",
+                "description": "Check out my Code",
                 "subitems": [
                     {
                         "name": "Github",
diff --git a/app/templates/moduls/card.html.j2 b/app/templates/moduls/card.html.j2
index 41590e9..a5bc24a 100644
--- a/app/templates/moduls/card.html.j2
+++ b/app/templates/moduls/card.html.j2
@@ -7,7 +7,11 @@
             <hr />
             <h3 class="card-title">{{ card.title }}</h3>
             <p class="card-text">{{ card.text }}</p>
-            <a href="{{ card.link }}" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> {{ card.link_text }}</a>
+            {% if card.link %}
+                <a  href="{{ card.link }}" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> {{ card.link_text }}</a>
+            {% else %}
+                <i class="fa-solid fa-hourglass"></i> {{ card.link_text }}
+            {% endif %}
         </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/app/templates/moduls/navigation.html.j2 b/app/templates/moduls/navigation.html.j2
index c364b4c..af5d19b 100644
--- a/app/templates/moduls/navigation.html.j2
+++ b/app/templates/moduls/navigation.html.j2
@@ -3,7 +3,7 @@
     {% for subitem in subitems %}
         {% if subitems.subitems %}
             <li class="dropdown-submenu">
-                <a class="dropdown-item dropdown-toggle" href="#">
+                <a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="tooltip" title="{{ subitem.description }}">
                     <i class="{{ subitem.icon_class }}"></i> {{ subitem.name }}
                 </a>
                 <ul class="dropdown-menu">
@@ -12,13 +12,13 @@
             </li>
         {% elif subitem.popup %}
             <li>
-                <a class="dropdown-item" onclick='openDynamicPopup({{subitem|tojson|safe}})''>
+                <a class="dropdown-item" onclick='openDynamicPopup({{subitem|tojson|safe}})' data-bs-toggle="tooltip" title="{{ subitem.description }}">
                     <i class="{{ subitem.icon_class }}"></i> {{ subitem.name }}
                 </a>
             </li>
         {% else %}
             <li>
-                <a class="dropdown-item" href="{{ subitem.href }}" {% if subitem.target %} target="{{subitem.target}}" {% endif %}>
+                <a class="dropdown-item" href="{{ subitem.href }}" target="{{ subitem.target|default('_blank') }}" data-bs-toggle="tooltip" title="{{ subitem.description }}">
                     <i class="{{ subitem.icon_class }}"></i> {{ subitem.name }}
                 </a>
             </li>
@@ -41,14 +41,14 @@
                     {% if item.href %}
                         <!-- Single Item -->
                         <li class="nav-item">
-                            <a class="nav-link" href="{{ item.href }}">
+                            <a class="nav-link" href="{{ item.href }}" target="{{ item.target|default('_blank') }}" data-bs-toggle="tooltip" title="{{ item.description }}">
                                 <i class="{{ item.icon_class }}"></i> {{ item.name }}
                             </a>
                         </li>
                     {% else %}
                         <!-- Dropdown Menu -->
                         <li class="nav-item dropdown">
-                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown{{ loop.index }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown{{ loop.index }}" role="button" data-bs-toggle="dropdown" data-bs-toggle="tooltip" title="{{ item.description }}" aria-expanded="false">
                                 <i class="{{ item.icon_class }}"></i> {{ item.name }}
                             </a>
                             <ul class="dropdown-menu" aria-labelledby="navbarDropdown{{ loop.index }}">