From d9556468f54738b909c408c1d6d858b0e93b954d Mon Sep 17 00:00:00 2001
From: Florian Eisenmenger <floeis@MacBook-Pro-von-Florian.local>
Date: Mon, 18 Nov 2024 12:29:25 +0100
Subject: [PATCH] fix icons

---
 src/client/app/css/app.css                       |  2 +-
 src/client/app/js/app/state/AppointmentCreate.js |  2 +-
 src/client/app/js/app/state/AppointmentEdit.js   |  2 +-
 src/client/app/tmpl/appointment-form-edit.html   | 13 ++++++++++++-
 src/client/app/tmpl/appointment-form.html        |  7 ++++++-
 5 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/client/app/css/app.css b/src/client/app/css/app.css
index 5fe5ebe..59004b6 100644
--- a/src/client/app/css/app.css
+++ b/src/client/app/css/app.css
@@ -1250,7 +1250,7 @@ h6.calendar-week {
     cursor: pointer;
 }
 .radio-icons p .selected-icon {
-    padding-left: 6px;
+
 }
 .radio-icons p i {
     font-size: 0.65rem;
diff --git a/src/client/app/js/app/state/AppointmentCreate.js b/src/client/app/js/app/state/AppointmentCreate.js
index bdcff12..f891537 100644
--- a/src/client/app/js/app/state/AppointmentCreate.js
+++ b/src/client/app/js/app/state/AppointmentCreate.js
@@ -47,7 +47,7 @@ app.state.AppointmentCreate = function()
                             if (selectedIcon) {
                                 iconSpan.innerHTML = '<i class="fas ' + selectedIcon + '"></i>';
                             } else {
-                                iconSpan.innerHTML = '';
+                                iconSpan.innerHTML = 'Ohne';
                             }
                             radioIconsInner.style.display = 'none';
                         }
diff --git a/src/client/app/js/app/state/AppointmentEdit.js b/src/client/app/js/app/state/AppointmentEdit.js
index 8950554..f97f6ae 100644
--- a/src/client/app/js/app/state/AppointmentEdit.js
+++ b/src/client/app/js/app/state/AppointmentEdit.js
@@ -52,7 +52,7 @@ app.state.AppointmentEdit= function()
                             if (selectedIcon) {
                                 iconSpan.innerHTML = '<i class="fas ' + selectedIcon + '"></i>';
                             } else {
-                                iconSpan.innerHTML = '';
+                                iconSpan.innerHTML = 'Ohne';
                             }
                             radioIconsInner.style.display = 'none';
                         }
diff --git a/src/client/app/tmpl/appointment-form-edit.html b/src/client/app/tmpl/appointment-form-edit.html
index 5485723..8abc86f 100644
--- a/src/client/app/tmpl/appointment-form-edit.html
+++ b/src/client/app/tmpl/appointment-form-edit.html
@@ -25,9 +25,20 @@
                     <div class="form-group">
                         <div class="form-row">
                             <div class="col">
+                                <label>
+                                    <%= _lc( 'APPOINTMENT_ICON' ) %>
+                                </label>
                                 <div class="radio-icons" id="radio-icons">
                                     <p class="d-flex justify-content-between align-items-center">
-                                        <span><%= _lc( 'APPOINTMENT_ICON' ) %><span class="selected-icon"><i class="fas <%= a.getIcon() %>"></i></span></span>
+                                        <span>
+                                            <span class="selected-icon">
+                                                <% if (a.getIcon() === "") { %>
+                                                    Ohne
+                                                <% } else { %>
+                                                    <i class="fas <%= a.getIcon() %>"></i>
+                                                <% } %>
+                                            </span>
+                                        </span>
                                         <i class="fas fa-chevron-down"></i>
                                     </p>
                                     <div class="radio-icons-inner">
diff --git a/src/client/app/tmpl/appointment-form.html b/src/client/app/tmpl/appointment-form.html
index ca165fb..93be222 100644
--- a/src/client/app/tmpl/appointment-form.html
+++ b/src/client/app/tmpl/appointment-form.html
@@ -39,9 +39,14 @@
                 <div class="form-group">
                     <div class="form-row">
                         <div class="col">
+                            <label>
+                                <%= _lc( 'APPOINTMENT_ICON' ) %>
+                            </label>
                             <div class="radio-icons" id="radio-icons">
                                 <p class="d-flex justify-content-between align-items-center">
-                                    <span><%= _lc( 'APPOINTMENT_ICON' ) %></span>
+                                    <span>
+                                        <span class="selected-icon">Ohne</span>
+                                    </span>
                                     <i class="fas fa-chevron-down"></i>
                                 </p>
                                 <div class="radio-icons-inner">