From 13f847815633503a2ac1ebb7228cbcaf507cace1 Mon Sep 17 00:00:00 2001
From: Torsten Schulz <tsschulz@gmx.net>
Date: Thu, 8 May 2025 13:35:38 +0200
Subject: [PATCH] Added ekhn logo, changed event form

---
 public/images/facettenkreuz.png           | Bin 0 -> 8930 bytes
 src/common/components/HeaderComponent.vue |   6 +-
 src/common/components/NavbarComponent.vue |  11 ++
 src/components/AddImageDialog.vue         |  14 ++-
 src/components/EventForm.vue              | 118 ++++++++++++++--------
 5 files changed, 104 insertions(+), 45 deletions(-)
 create mode 100644 public/images/facettenkreuz.png

diff --git a/public/images/facettenkreuz.png b/public/images/facettenkreuz.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9382d46a068522e4a9c13f561f2a0c05f74b07d
GIT binary patch
literal 8930
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

literal 0
HcmV?d00001

diff --git a/src/common/components/HeaderComponent.vue b/src/common/components/HeaderComponent.vue
index 36cae77..435c344 100644
--- a/src/common/components/HeaderComponent.vue
+++ b/src/common/components/HeaderComponent.vue
@@ -11,7 +11,7 @@
 <script>
 import NavbarComponent from './NavbarComponent.vue';
 import { mapActions } from 'vuex';
-import router from '@/router'; // Importieren Sie den Router
+import router from '@/router'; 
 
 export default {
   name: 'HeaderComponent',
@@ -22,7 +22,7 @@ export default {
     ...mapActions(['loadMenuData']),
     async reloadMenu() {
       await this.loadMenuData();
-      this.$router.push({ path: '/' }); // Zurück zur Startseite oder eine andere Seite, um sicherzustellen, dass der Router neu geladen wird
+      this.$router.push({ path: '/' }); 
       const routes = this.$store.state.menuData.map(item => {
         if (item.component) {
           return {
@@ -31,7 +31,7 @@ export default {
           };
         }
       });
-      routes.forEach(route => router.addRoute(route)); // Neue Routen hinzufügen
+      routes.forEach(route => router.addRoute(route)); 
     }
   }
 };
diff --git a/src/common/components/NavbarComponent.vue b/src/common/components/NavbarComponent.vue
index 44733da..0de77fd 100644
--- a/src/common/components/NavbarComponent.vue
+++ b/src/common/components/NavbarComponent.vue
@@ -4,6 +4,7 @@
       Menü
     </button>
     <ul v-if="isMenuOpen || windowWidth > 768">
+      <li class="ekhnlogo"><img src="/images/facettenkreuz.png" class="facettenkreuz" /></li>
       <li v-for="item in menu" :key="item.name" @click="toggleSubmenu(item.name)">
         <router-link :to="item.link" v-if="item.link" @click="closeMenu">
           {{ item.name }}
@@ -237,4 +238,14 @@ export default {
 .pointer {
   cursor: pointer;
 }
+
+.facettenkreuz {  
+  max-width:30px;
+  max-height:30px;
+  position: fixed;
+}
+
+.ekhnlogo {
+  width: 32px;
+}
 </style>
diff --git a/src/components/AddImageDialog.vue b/src/components/AddImageDialog.vue
index 3d25b7e..5cbb914 100644
--- a/src/components/AddImageDialog.vue
+++ b/src/components/AddImageDialog.vue
@@ -11,7 +11,7 @@
                         <span v-else>{{ image.title }}</span>
                     </div>
                 </div>
-                <div>
+                <div class="button-container">
                     <button @click="confirmAddImageConfiguration">Bestätigen</button>
                     <button @click="closeAddImageDialog">Schließen</button>
                 </div>
@@ -82,11 +82,14 @@ export default {
     left: 5%;
     width: 90%;
     height: 50em;
-    background: rgba(0, 0, 0, .5);
+    background: rgba(240, 240, 240, .9);
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: auto;
+    position: fixed;
+    border: 1px solid #404040;
+    box-shadow: 3px 3px 8px #909090;
 }
 
 .dialog-content {
@@ -124,4 +127,11 @@ export default {
 .selected {
     border: 2px solid black;
 }
+
+.button-container {
+    border-top: 1px solid #404040;
+    background-color: #808080;
+    margin: 0 -20px -20px -20px;
+    padding: 12px 20px;
+}
 </style>
diff --git a/src/components/EventForm.vue b/src/components/EventForm.vue
index 7fbfad6..831daa4 100644
--- a/src/components/EventForm.vue
+++ b/src/components/EventForm.vue
@@ -10,13 +10,8 @@
         <tr>
           <td><label for="eventType">Typ:</label></td>
           <td>
-            <multiselect 
-              v-model="selectedEventType" 
-              :options="eventTypes" 
-              label="caption" 
-              track-by="id" 
-              placeholder="Typ wählen"
-            ></multiselect>
+            <multiselect v-model="selectedEventType" :options="eventTypes" label="caption" track-by="id"
+              placeholder="Typ wählen"></multiselect>
           </td>
         </tr>
         <tr>
@@ -36,13 +31,8 @@
         <tr v-if="dateMode === 'weekday' || dateMode === 'interval'">
           <td><label for="dayOfWeek">Wochentag:</label></td>
           <td>
-            <multiselect 
-              v-model="eventData.dayOfWeek" 
-              :options="weekdays" 
-              label="name" 
-              track-by="value" 
-              placeholder="Wochentag wählen"
-            ></multiselect>
+            <multiselect v-model="eventData.dayOfWeek" :options="weekdays" label="name" track-by="value"
+              placeholder="Wochentag wählen"></multiselect>
           </td>
         </tr>
         <tr>
@@ -60,38 +50,22 @@
         <tr>
           <td><label for="institution">Institution:</label></td>
           <td>
-            <multiselect 
-              v-model="selectedInstitution" 
-              :options="localInstitutions" 
-              label="name" 
-              track-by="id" 
-              placeholder="Institution wählen"
-            ></multiselect>
+            <multiselect v-model="selectedInstitution" :options="localInstitutions" label="name" track-by="id"
+              placeholder="Institution wählen"></multiselect>
           </td>
         </tr>
         <tr>
           <td><label for="eventPlace">Veranstaltungsort:</label></td>
           <td>
-            <multiselect 
-              v-model="selectedEventPlace" 
-              :options="localEventPlaces" 
-              label="name" 
-              track-by="id" 
-              placeholder="Veranstaltungsort wählen"
-            ></multiselect>
+            <multiselect v-model="selectedEventPlace" :options="localEventPlaces" label="name" track-by="id"
+              placeholder="Veranstaltungsort wählen"></multiselect>
           </td>
         </tr>
         <tr>
           <td><label for="contactPersons">Kontaktpersonen:</label></td>
           <td>
-            <multiselect 
-              v-model="selectedContactPersons" 
-              :options="localContactPersons" 
-              :multiple="true" 
-              label="name" 
-              track-by="id" 
-              placeholder="Kontaktpersonen wählen"
-            ></multiselect>
+            <multiselect v-model="selectedContactPersons" :options="localContactPersons" :multiple="true" label="name"
+              track-by="id" placeholder="Kontaktpersonen wählen"></multiselect>
           </td>
         </tr>
         <tr>
@@ -99,7 +73,15 @@
         </tr>
         <tr>
           <td>Zugewiesenes Bild:</td>
-          <td><img v-if="assignedImage != null" :src="getImagePath" /><button @click="removeImage">Bild entfernen</button></td>
+          <td>
+            <div v-if="assignedImage != null && imageFilename">
+              <img :src="getImagePath" class="preview-image" />
+              <button @click="removeImage" type="button">Bild entfernen</button>
+            </div>
+            <div v-else>
+              <button type="button" @click="openAddImageDialog">Bild auswählen</button>
+            </div>
+          </td>
         </tr>
         <tr>
           <td colspan="2"><button type="submit">Speichern</button></td>
@@ -107,16 +89,18 @@
       </table>
     </form>
   </div>
+  <AddImageDialog ref="addImageDialog" @confirm="setImage" />
 </template>
 
 <script>
 import axios from 'axios';
 import Multiselect from 'vue-multiselect';
 import { formatTime } from '@/utils/strings';
+import AddImageDialog from '@/components/AddImageDialog.vue';
 
 export default {
   name: 'EventForm',
-  components: { Multiselect },
+  components: { Multiselect, AddImageDialog },
   props: {
     event: {
       type: Object,
@@ -159,7 +143,10 @@ export default {
       ],
       localInstitutions: [...this.institutions],
       localEventPlaces: [...this.eventPlaces],
-      localContactPersons: [...this.contactPersons]
+      localContactPersons: [...this.contactPersons],
+      onHomepage: false,
+      assignedImage: null,
+      imageFilename: '',
     };
   },
   watch: {
@@ -169,6 +156,11 @@ export default {
       this.selectedInstitution = newVal.institution || null;
       this.selectedEventPlace = newVal.eventPlace || null;
       this.selectedContactPersons = newVal.contactPersons || [];
+      this.onHomepage = newVal.alsoOnHomepage || false;
+      this.assignedImage = newVal.relatedImage || null;
+      if (this.assignedImage) {
+        this.fetchImageFilename();
+      }
       this.determineDateMode();
     },
     institutions(newVal) {
@@ -191,6 +183,11 @@ export default {
     }
     this.determineDateMode();
   },
+  computed: {
+    getImagePath() {
+      return this.imageFilename ? `/images/uploads/${this.imageFilename}` : '';
+    }
+  },
   methods: {
     formatTime,
     async saveEvent() {
@@ -203,6 +200,8 @@ export default {
           contactPersonIds: this.selectedContactPersons.map(person => person.id)
         };
         payload.dayOfWeek = payload.dayOfWeek ? payload.dayOfWeek.value ?? -1 : -1;
+        payload.relatedImage = this.assignedImage;
+        payload.alsoOnHomepage = this.onHomepage;
         let response;
         if (this.eventData.id) {
           response = await axios.put(`/events/${this.eventData.id}`, payload);
@@ -224,7 +223,34 @@ export default {
       } else {
         this.dateMode = 'date';
       }
-    }
+    },
+    async fetchImageFilename() {
+      try {
+        const response = await axios.get('/image/' + this.assignedImage);
+        this.imageFilename = response.data.filename;
+      } catch (error) {
+        console.error('Bild konnte nicht geladen werden:', error);
+      }
+    },
+    openAddImageDialog() {
+      this.$refs.addImageDialog.openAddImageDialog();
+    },
+
+    async setImage(imageId) {
+      this.assignedImage = imageId;
+      try {
+        const response = await axios.get('/image/' + imageId);
+        this.imageFilename = response.data.filename;
+      } catch (error) {
+        console.error('Bild konnte nicht geladen werden:', error);
+        this.imageFilename = '';
+      }
+    },
+
+    removeImage() {
+      this.assignedImage = null;
+      this.imageFilename = '';
+    },
   }
 };
 </script>
@@ -238,22 +264,34 @@ export default {
   display: flex;
   flex-direction: column;
 }
+
 table {
   width: 100%;
   border-collapse: collapse;
 }
+
 td {
   padding: 8px;
   vertical-align: top;
 }
+
 label {
   display: block;
 }
+
 button {
   margin-top: 20px;
 }
+
 .descriptionedit {
   width: 100%;
   height: 10em;
 }
+
+.preview-image {
+  max-width: 50px;
+  max-height: 50px;
+  object-fit: contain;
+}
+
 </style>