From 837737038a4bc7a5637a26097e094ec258a682d6 Mon Sep 17 00:00:00 2001
From: Torsten Mehnert <torsten.mhn@gmail.com>
Date: Mon, 19 Sep 2022 13:48:19 +0200
Subject: [PATCH] Fix Project View Details display wrong tags

Previously the DTO was only updated, when it contains no tags
and the project has tags. Because of this, the tags in the
Modal didn't update, when switching between projects.

Signed-off-by: Torsten Mehnert <torsten.mhn@gmail.com>
---
 src/views/portfolio/projects/ProjectDetailsModal.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/portfolio/projects/ProjectDetailsModal.vue b/src/views/portfolio/projects/ProjectDetailsModal.vue
index a8137812d..a3d681ddc 100644
--- a/src/views/portfolio/projects/ProjectDetailsModal.vue
+++ b/src/views/portfolio/projects/ProjectDetailsModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-modal id="projectDetailsModal" size="md" hide-header-close no-stacking :title="$t('message.project_details')">
+  <b-modal id="projectDetailsModal" size="md" hide-header-close no-stacking :title="$t('message.project_details')" @show="initializeTags">
     <b-tabs class="body-bg-color" style="border:0;padding:0">
       <b-tab class="body-bg-color" style="border:0;padding:0" active>
         <template v-slot:title><i class="fa fa-edit"></i> {{ $t('message.general') }}</template>
@@ -125,13 +125,13 @@
       }
     },
     beforeUpdate() {
-      if (this.tags.length === 0 && this.project && this.project.tags)  { // Prevents line from being executed when entering new tags
-        this.project.tags.forEach((tag) => this.tags.push({text: tag.name}));
-      }
       this.readOnlyProjectName = this.project.name;
       this.readOnlyProjectVersion = this.project.version;
     },
     methods: {
+      initializeTags: function() {
+        this.tags = (this.project.tags || []).map(tag => ({ text: tag.name }));
+      },
       syncReadOnlyNameField: function(value) {
         this.readOnlyProjectName = value;
       },