From 2c915542e190daf1786e81312a56e21975c4e847 Mon Sep 17 00:00:00 2001
From: kavdan1 <kavya.danivas@itk-engineering.de>
Date: Tue, 19 Aug 2025 09:44:26 +0200
Subject: [PATCH 1/4] Adding authors field

Signed-off-by: kavdan1 <kavya.danivas@itk-engineering.de>
---
 src/i18n/locales/en.json                      |   2 +
 .../projects/ComponentDetailsModal.vue        |   4 +-
 .../projects/ProjectCreateProjectModal.vue    | 576 +++++++++++-------
 3 files changed, 348 insertions(+), 234 deletions(-)

diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 2582ce737..0d943787f 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -764,6 +764,8 @@
     "project_metadata_supplier_name_desc": "The organization that supplied the BOM",
     "project_name": "Project Name",
     "project_name_desc": "The name of the project or component as provided by the supplier",
+    "project_author":"Authors",
+    "project_author_desc": "The author of the project",
     "project_properties": "Project Properties",
     "project_reanalyze": "Reanalyze",
     "project_reanalyze_requested": "A Project Vulnerability Analysis has been requested. Project vulnerability data will be updated when the reanalysis task has completed.",
diff --git a/src/views/portfolio/projects/ComponentDetailsModal.vue b/src/views/portfolio/projects/ComponentDetailsModal.vue
index df25e253e..f990627cc 100644
--- a/src/views/portfolio/projects/ComponentDetailsModal.vue
+++ b/src/views/portfolio/projects/ComponentDetailsModal.vue
@@ -63,7 +63,7 @@
             id="component-author-input"
             input-group-size="mb-3"
             type="text"
-            v-model="component.author"
+            v-model="component.authors"
             required="false"
             :label="$t('message.component_author')"
             :tooltip="this.$t('message.component_author_desc')"
@@ -548,7 +548,7 @@ export default {
           name: this.component.name,
           version: this.component.version,
           group: this.component.group,
-          author: this.component.author,
+          authors: this.component.authors,
           description: this.component.description,
           license: this.selectedLicense,
           licenseExpression: this.component.licenseExpression,
diff --git a/src/views/portfolio/projects/ProjectCreateProjectModal.vue b/src/views/portfolio/projects/ProjectCreateProjectModal.vue
index 7a587a872..55f4d7906 100644
--- a/src/views/portfolio/projects/ProjectCreateProjectModal.vue
+++ b/src/views/portfolio/projects/ProjectCreateProjectModal.vue
@@ -1,244 +1,304 @@
 <template>
-  <b-modal
-    id="projectCreateProjectModal"
-    @hide="resetValues()"
-    size="md"
-    hide-header-close
-    no-stacking
-    :title="$t('message.create_project')"
-  >
-    <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
-        >
-        <b-card>
-          <b-input-group-form-input
-            id="project-name-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.name"
-            lazy="true"
-            required="true"
-            feedback="true"
-            autofocus="false"
-            :label="$t('message.project_name')"
-            :tooltip="this.$t('message.project_name_desc')"
-            :feedback-text="$t('message.required_project_name')"
-          />
-          <b-row align-v="stretch">
-            <b-col>
-              <b-input-group-form-input
-                id="project-version-input"
-                input-group-size="mb-3"
-                type="text"
-                v-model="project.version"
-                lazy="true"
-                required="false"
-                feedback="false"
-                autofocus="false"
-                :label="$t('message.version')"
-                :tooltip="this.$t('message.component_version_desc')"
-              />
-            </b-col>
-            <b-col cols="auto">
-              <b-input-group-form-switch
-                id="project-create-islatest"
-                :label="$t('message.project_is_latest')"
-                v-model="project.isLatest"
-                :show-placeholder-label="true"
-              />
-            </b-col>
-          </b-row>
-          <b-input-group-form-select
-            id="v-classifier-input"
-            required="true"
-            v-model="project.classifier"
-            :options="sortAvailableClassifiers"
-            :label="$t('message.classifier')"
-            :tooltip="$t('message.component_classifier_desc')"
-          />
-          <b-input-group-form-select
-            id="v-team-input"
-            :required="requiresTeam"
-            v-model="project.team"
-            :options="availableTeams"
-            :label="$t('message.team')"
-            :tooltip="$t('message.component_team_desc')"
-            :disabled="isDisabled"
-          />
-          <b-input-group-form-select
-            id="v-collection-logic-input"
-            required="true"
-            v-model="project.collectionLogic"
-            :options="availableCollectionLogics"
-            :label="$t('message.collectionLogic')"
-            :tooltip="$t('message.project_collection_logic_desc')"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-            v-on:change="syncCollectionTagsVisibility"
-          />
-          <vue-tags-input
-            id="input-collectionTags"
-            v-model="collectionTagTyping"
-            :tags="collectionTags"
-            :add-on-key="addOnKeys"
-            :placeholder="$t('message.project_add_collection_tag')"
-            :autocomplete-items="tagsAutoCompleteItems"
-            @tags-changed="
-              (newCollectionTags) => (this.collectionTags = newCollectionTags)
-            "
-            class="mw-100 bg-transparent text-lowercase"
-            :max-tags="1"
-            v-show="showCollectionTags"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-          />
-
-          <div style="margin-bottom: 1rem">
-            <label>Parent</label>
-            <multiselect
-              v-model="selectedParent"
-              id="multiselect"
-              :custom-label="createProjectLabel"
-              :placeholder="this.$t('message.search_parent')"
-              open-direction="bottom"
-              :options="availableParents"
-              :multiple="false"
-              :searchable="true"
-              track-by="uuid"
-              :loading="isLoading"
-              @search-change="asyncFind"
-              :internal-search="false"
-              :close-on-select="true"
-              selectLabel=""
-              deselectLabel=""
-            ></multiselect>
-          </div>
-          <b-form-group
-            id="project-description-form-group"
-            :label="this.$t('message.description')"
-            label-for="project-description-input"
+  <div>
+    <b-modal
+      id="projectCreateProjectModal"
+      @ok="resetValues()"
+      size="md"
+      hide-header-close
+      no-stacking
+      :title="$t('message.create_project')"
+    >
+      <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
           >
-            <b-form-textarea
-              id="project-description-description"
-              v-model="project.description"
-              rows="3"
+          <b-card>
+            <b-input-group-form-input
+              id="project-name-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.name"
+              lazy="true"
+              required="true"
+              feedback="true"
+              autofocus="false"
+              :label="$t('message.project_name')"
+              :tooltip="this.$t('message.project_name_desc')"
+              :feedback-text="$t('message.required_project_name')"
+            />
+            <b-row align-v="stretch">
+              <b-col>
+                <b-input-group-form-input
+                  id="project-version-input"
+                  input-group-size="mb-3"
+                  type="text"
+                  v-model="project.version"
+                  lazy="true"
+                  required="false"
+                  feedback="false"
+                  autofocus="false"
+                  :label="$t('message.version')"
+                  :tooltip="this.$t('message.component_version_desc')"
+                />
+              </b-col>
+              <b-col cols="auto">
+                <b-input-group-form-switch
+                  id="project-create-islatest"
+                  :label="$t('message.project_is_latest')"
+                  v-model="project.isLatest"
+                  :show-placeholder-label="true"
+                />
+              </b-col>
+            </b-row>
+            <b-input-group-form-select
+              id="v-classifier-input"
+              required="true"
+              v-model="project.classifier"
+              :options="sortAvailableClassifiers"
+              :label="$t('message.classifier')"
+              :tooltip="$t('message.component_classifier_desc')"
+            />
+            <b-input-group-form-select
+              id="v-team-input"
+              :required="requiresTeam"
+              v-model="project.team"
+              :options="availableTeams"
+              :label="$t('message.team')"
+              :tooltip="$t('message.component_team_desc')"
+              :disabled="isDisabled"
+            />
+            <b-button variant="outline-primary" class="mb-3" @click="showAuthorModal = true">
+            {{ $t('message.project_author') }}
+            </b-button>
+
+
+            <b-input-group-form-select
+              id="v-collection-logic-input"
+              required="true"
+              v-model="project.collectionLogic"
+              :options="availableCollectionLogics"
+              :label="$t('message.collectionLogic')"
+              :tooltip="$t('message.project_collection_logic_desc')"
+              :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
+              v-on:change="syncCollectionTagsVisibility"
             />
-          </b-form-group>
-          <b-form-group
-            id="project-classifier-form-group"
-            :label="this.$t('message.tags')"
-            label-for="input-4"
-          >
             <vue-tags-input
-              id="input-4"
-              v-model="tag"
-              :tags="tags"
+              id="input-collectionTags"
+              v-model="collectionTagTyping"
+              :tags="collectionTags"
               :add-on-key="addOnKeys"
-              :placeholder="$t('message.add_tag')"
+              :placeholder="$t('message.project_add_collection_tag')"
               :autocomplete-items="tagsAutoCompleteItems"
-              @tags-changed="(newTags) => (this.tags = newTags)"
+              @tags-changed="
+                (newCollectionTags) => (this.collectionTags = newCollectionTags)
+              "
               class="mw-100 bg-transparent text-lowercase"
+              :max-tags="1"
+              v-show="showCollectionTags"
+              :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
             />
-          </b-form-group>
-        </b-card>
-      </b-tab>
-      <b-tab class="body-bg-color" style="border: 0; padding: 0">
-        <template v-slot:title
-          ><i class="fa fa-cube"></i> {{ $t('message.identity') }}</template
+
+            <div style="margin-bottom: 1rem">
+              <label>Parent</label>
+              <multiselect
+                v-model="selectedParent"
+                id="multiselect"
+                :custom-label="createProjectLabel"
+                :placeholder="this.$t('message.search_parent')"
+                open-direction="bottom"
+                :options="availableParents"
+                :multiple="false"
+                :searchable="true"
+                track-by="uuid"
+                :loading="isLoading"
+                @search-change="asyncFind"
+                :internal-search="false"
+                :close-on-select="true"
+                selectLabel=""
+                deselectLabel=""
+              ></multiselect>
+            </div>
+            <b-form-group
+              id="project-description-form-group"
+              :label="this.$t('message.description')"
+              label-for="project-description-input"
+            >
+              <b-form-textarea
+                id="project-description-description"
+                v-model="project.description"
+                rows="3"
+              />
+            </b-form-group>
+            <b-form-group
+              id="project-classifier-form-group"
+              :label="this.$t('message.tags')"
+              label-for="input-4"
+            >
+              <vue-tags-input
+                id="input-4"
+                v-model="tag"
+                :tags="tags"
+                :add-on-key="addOnKeys"
+                :placeholder="$t('message.add_tag')"
+                :autocomplete-items="tagsAutoCompleteItems"
+                @tags-changed="(newTags) => (this.tags = newTags)"
+                class="mw-100 bg-transparent text-lowercase"
+              />
+            </b-form-group>
+          </b-card>
+        </b-tab>
+        <b-tab class="body-bg-color" style="border: 0; padding: 0">
+          <template v-slot:title
+            ><i class="fa fa-cube"></i> {{ $t('message.identity') }}</template
+          >
+          <b-card>
+            <b-input-group-form-input
+              id="project-name-input-identify"
+              input-group-size="mb-3"
+              type="text"
+              v-model="readOnlyProjectName"
+              lazy="true"
+              required="false"
+              feedback="true"
+              autofocus="false"
+              disabled="true"
+              :label="$t('message.project_name')"
+              :tooltip="this.$t('message.project_name_desc')"
+              :readonly="true"
+            />
+            <b-input-group-form-input
+              id="project-version-input-identify"
+              input-group-size="mb-3"
+              type="text"
+              v-model="readOnlyProjectVersion"
+              lazy="true"
+              required="false"
+              feedback="true"
+              autofocus="false"
+              disabled="true"
+              :label="$t('message.version')"
+              :tooltip="this.$t('message.component_version_desc')"
+              :readonly="true"
+            />
+            <b-input-group-form-input
+              id="project-group-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.group"
+              required="false"
+              :label="$t('message.component_namespace_group_vendor')"
+              :tooltip="this.$t('message.component_group_desc')"
+            />
+            <b-input-group-form-input
+              id="project-purl-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.purl"
+              required="false"
+              :label="$t('message.package_url_full')"
+              :tooltip="this.$t('message.component_package_url_desc')"
+            />
+            <b-input-group-form-input
+              id="project-cpe-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.cpe"
+              required="false"
+              :label="$t('message.cpe_full')"
+              :tooltip="$t('message.component_cpe_desc')"
+            />
+            <b-input-group-form-input
+              id="project-swidTagId-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.swidTagId"
+              required="false"
+              :label="$t('message.swid_tagid')"
+              :tooltip="$t('message.component_swid_tagid_desc')"
+            />
+          </b-card>
+        </b-tab>
+        <!--
+        <b-tab>
+          <template v-slot:title><i class="fa fa-balance-scale"></i> {{ $t('message.legal') }}</template>
+          <b-card>
+            <b-input-group-form-select id="project-license-input" required="false"
+                                      v-model="selectedLicense" :options="selectableLicenses"
+                                      :label="$t('message.license')" :tooltip="$t('message.component_spdx_license_desc')" />
+            <b-form-group
+              id="project-copyright-form-group"
+              :label="this.$t('message.copyright')"
+              label-for="project-copyright-input">
+              <b-form-textarea id="project-description-description" v-model="project.copyright" rows="3" />
+            </b-form-group>
+          </b-card>
+        </b-tab>
+        -->
+      </b-tabs>
+      <template v-slot:modal-footer="{ cancel }">
+        <b-button size="md" variant="secondary" @click="cancel()">{{
+          $t('message.close')
+        }}</b-button>
+        <b-button size="md" variant="primary" @click="createProject()">{{
+          $t('message.create')
+        }}</b-button>
+      </template>
+    </b-modal>
+    <b-modal
+      id="add-author-modal"
+      v-model="showAuthorModal"
+      :title="$t('message.project_author')"
+      hide-footer
+    >
+    <div v-if="!isAddingAuthor">
+      <b-table
+        :items="project.authors"
+        :fileds="authorFields"
+        striped
+        hover
+        small
+        empty-text="No authors added"
         >
-        <b-card>
-          <b-input-group-form-input
-            id="project-name-input-identify"
-            input-group-size="mb-3"
-            type="text"
-            v-model="readOnlyProjectName"
-            lazy="true"
-            required="false"
-            feedback="true"
-            autofocus="false"
-            disabled="true"
-            :label="$t('message.project_name')"
-            :tooltip="this.$t('message.project_name_desc')"
-            :readonly="true"
-          />
-          <b-input-group-form-input
-            id="project-version-input-identify"
-            input-group-size="mb-3"
-            type="text"
-            v-model="readOnlyProjectVersion"
-            lazy="true"
-            required="false"
-            feedback="true"
-            autofocus="false"
-            disabled="true"
-            :label="$t('message.version')"
-            :tooltip="this.$t('message.component_version_desc')"
-            :readonly="true"
-          />
-          <b-input-group-form-input
-            id="project-group-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.group"
-            required="false"
-            :label="$t('message.component_namespace_group_vendor')"
-            :tooltip="this.$t('message.component_group_desc')"
-          />
-          <b-input-group-form-input
-            id="project-purl-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.purl"
-            required="false"
-            :label="$t('message.package_url_full')"
-            :tooltip="this.$t('message.component_package_url_desc')"
-          />
-          <b-input-group-form-input
-            id="project-cpe-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.cpe"
-            required="false"
-            :label="$t('message.cpe_full')"
-            :tooltip="$t('message.component_cpe_desc')"
-          />
-          <b-input-group-form-input
-            id="project-swidTagId-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.swidTagId"
-            required="false"
-            :label="$t('message.swid_tagid')"
-            :tooltip="$t('message.component_swid_tagid_desc')"
-          />
-        </b-card>
-      </b-tab>
-      <!--
-      <b-tab>
-        <template v-slot:title><i class="fa fa-balance-scale"></i> {{ $t('message.legal') }}</template>
-        <b-card>
-          <b-input-group-form-select id="project-license-input" required="false"
-                                     v-model="selectedLicense" :options="selectableLicenses"
-                                     :label="$t('message.license')" :tooltip="$t('message.component_spdx_license_desc')" />
-          <b-form-group
-            id="project-copyright-form-group"
-            :label="this.$t('message.copyright')"
-            label-for="project-copyright-input">
-            <b-form-textarea id="project-description-description" v-model="project.copyright" rows="3" />
+        <template #cell(actions)="row">
+          <b-button size="sm" variant="danger" @click="removeAuthor(row.index)">
+            removeAuthor
+          </b-button>
+        </template>
+      </b-table>
+      <div>
+        {{ this.newAuthor.name }}
+      </div>
+      <b-button variant="primary" class="mt-3" @click="isAddingAuthor = true">
+        Add Author
+      </b-button>
+
+      <b-button variant="outline-secondary" class="mt-3 ml-2" @click="goBackToProjectModal">
+        ← Back to Project
+      </b-button>
+    </div>
+        <div v-else>
+        <b-form @submit.prevent="addAuthor">
+          <b-form-group label="Name" label-for="author-name">
+            <b-form-input id="author-name" v-model="newAuthor.name" />
+          </b-form-group>
+
+          <b-form-group label="Email" label-for="author-email">
+            <b-form-input id="author-email" v-model="newAuthor.email" />
           </b-form-group>
-        </b-card>
-      </b-tab>
-      -->
-    </b-tabs>
-    <template v-slot:modal-footer="{ cancel }">
-      <b-button size="md" variant="secondary" @click="cancel()">{{
-        $t('message.close')
-      }}</b-button>
-      <b-button size="md" variant="primary" @click="createProject()">{{
-        $t('message.create')
-      }}</b-button>
-    </template>
-  </b-modal>
+
+          <b-form-group label="Phone" label-for="author-phone">
+            <b-form-input id="author-phone" v-model="newAuthor.phone" />
+          </b-form-group>
+
+          <b-button type="submit" variant="success">Save</b-button>
+          <b-button variant="secondary" @click="cancelAddAuthor" class="ml-2">
+            Cancel
+          </b-button>
+        </b-form>
+      </div>
+    </b-modal>
+  </div>
 </template>
 
 <script>
@@ -252,6 +312,7 @@ import BInputGroupFormSwitch from '@/forms/BInputGroupFormSwitch.vue';
 import common from '../../../shared/common';
 import availableClassifiersMixin from '@/mixins/availableClassifiersMixin';
 import availableCollectionLogicsMixin from '@/mixins/availableCollectionLogicsMixin';
+import { BTable, BTableLite } from 'bootstrap-vue';
 
 export default {
   name: 'ProjectCreateProjectModal',
@@ -270,6 +331,18 @@ export default {
   },
   data() {
     return {
+      showAuthorModal: false,
+      isAddingAuthor: false,
+      authorFields: [
+        { key: 'name', label: this.$t('message.name') },
+        { key: 'email', label: this.$t('message.email') },
+        { key: 'phone', label: this.$t('message.phone') },
+        { key: 'actions', label: 'Actions'},],
+      newAuthor:  {
+        name: '',
+        email: '',
+        phone: '',
+      },
       requiresTeam: true,
       isDisabled: false,
       readOnlyProjectName: '',
@@ -282,6 +355,7 @@ export default {
       project: {
         team: [],
         collectionLogic: 'NONE', // set default to regular project
+        authors: [],
       },
       teams: [],
       tag: '', // The contents of a tag as its being typed into the vue-tag-input
@@ -300,6 +374,7 @@ export default {
       this.getAvailableTeams();
     });
   },
+
   beforeUpdate() {
     if (this.tags.length === 0 && this.project && this.project.tags) {
       // Prevents line from being executed when entering new tags
@@ -324,6 +399,40 @@ export default {
     },
   },
   methods: {
+    addAuthor() {
+        if (this.newAuthor.name && this.newAuthor.email) {
+          const newAuthorEntry = {
+            name: this.newAuthor.name,
+            email: this.newAuthor.email,
+            phone: this.newAuthor.phone || '',
+          };
+          this.project.authors.push(newAuthorEntry);
+          this.resetAuthorForm();
+        } else {
+          this.$toastr.w('Name and Email are required to add an author.');
+        }
+    },
+
+    removeAuthor(index) {
+      this.project.authors.splice(index, 1);
+    },
+
+    cancelAddAuthor() {
+      this.newAuthor = { name: '', email: '', phone: '' };
+      this.isAddingAuthor = false;
+    },
+
+    resetAuthorForm() {
+      this.newAuthor = { name: '', email: '', phone: '' };
+      this.isAddingAuthor = false;
+    },
+
+    goBackToProjectModal() {
+      this.showAuthorModal = false; // Close author modal
+      this.$nextTick(() => {
+        this.$root.$emit('bv::show::modal', 'projectCreateProjectModal');
+      });
+    },
     async getACLEnabled() {
       let url = `${this.$api.BASE_URL}/${this.$api.URL_CONFIG_PROPERTY}/public/access-management/acl.enabled`;
       let response = await this.axios.get(url);
@@ -378,6 +487,7 @@ export default {
           group: this.project.group,
           description: this.project.description,
           //license: this.selectedLicense,
+          authors: this.project.authors,
           parent: parent,
           classifier: this.project.classifier,
           accessTeams: choosenTeamswithoutAPIKeys,
@@ -442,6 +552,7 @@ export default {
       this.project = {
         collectionLogic: 'NONE', // set default to regular project
         team: [],
+        authors: [],
       };
       this.tag = '';
       this.tags = [];
@@ -449,6 +560,7 @@ export default {
       this.availableParents = [];
       this.collectionTags = [];
       this.showCollectionTags = false;
+      this.project.authors = [];
     },
     createProjectLabel: function (project) {
       if (project.version) {
@@ -457,7 +569,7 @@ export default {
         return project.name;
       }
     },
-    asyncFind: function (query) {
+    asyncFind: function (query) {4
       if (query) {
         this.isLoading = true;
         let url = `${this.$api.BASE_URL}/${this.$api.URL_PROJECT}?searchText=${query}&excludeInactive=true`;

From b3610440e9590aab853fae879fa8d649c258fa3e Mon Sep 17 00:00:00 2001
From: kavdan1 <kavya.danivas@itk-engineering.de>
Date: Tue, 23 Sep 2025 12:22:26 +0200
Subject: [PATCH 2/4] Add author button in view details

Signed-off-by: kavdan1 <kavya.danivas@itk-engineering.de>
---
 src/i18n/locales/en.json                      |  1 +
 src/views/portfolio/projects/Project.vue      |  3 +
 .../projects/ProjectAddAuthorModal.vue        | 58 +++++++++++++++++++
 .../projects/ProjectCreateProjectModal.vue    | 10 ++--
 .../projects/ProjectDetailsModal.vue          | 20 +++++--
 5 files changed, 84 insertions(+), 8 deletions(-)
 create mode 100644 src/views/portfolio/projects/ProjectAddAuthorModal.vue

diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 0d943787f..aa6e87bec 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -351,6 +351,7 @@
     "add_license": "Add License",
     "add_tag": "Add Tag",
     "add_version": "Add Version",
+    "add_author": "Add Author",
     "administration": "Administration",
     "affected_components": "Affected Components",
     "affected_projects": "Affected Projects",
diff --git a/src/views/portfolio/projects/Project.vue b/src/views/portfolio/projects/Project.vue
index 9252d768a..83a8cbf7e 100644
--- a/src/views/portfolio/projects/Project.vue
+++ b/src/views/portfolio/projects/Project.vue
@@ -391,6 +391,7 @@
     <project-properties-modal :uuid="this.uuid" />
     <project-create-property-modal :uuid="this.uuid" />
     <project-add-version-modal :uuid="this.uuid" />
+    <project-add-author-modal :uuid="this.uuid" />
   </div>
 </template>
 
@@ -412,6 +413,7 @@ import ProjectDetailsModal from './ProjectDetailsModal';
 import ProjectPropertiesModal from './ProjectPropertiesModal';
 import ProjectCreatePropertyModal from './ProjectCreatePropertyModal';
 import ProjectAddVersionModal from './ProjectAddVersionModal';
+import ProjectAddAuthorModal from './ProjectAddAuthorModal.vue';
 import ProjectFindings from './ProjectFindings';
 import ProjectPolicyViolations from './ProjectPolicyViolations';
 import ProjectEpss from './ProjectEpss';
@@ -424,6 +426,7 @@ export default {
     ProjectPolicyViolations,
     ProjectFindings,
     ProjectAddVersionModal,
+    ProjectAddAuthorModal,
     ProjectCreatePropertyModal,
     ProjectPropertiesModal,
     ProjectDetailsModal,
diff --git a/src/views/portfolio/projects/ProjectAddAuthorModal.vue b/src/views/portfolio/projects/ProjectAddAuthorModal.vue
new file mode 100644
index 000000000..fc6b68dee
--- /dev/null
+++ b/src/views/portfolio/projects/ProjectAddAuthorModal.vue
@@ -0,0 +1,58 @@
+<!-- ProjectAddAuthorModal.vue -->
+<template>
+  <b-modal id="projectAddAuthorModal" title="Add Author" hide-footer>
+    <b-form @submit.prevent="handleSubmit">
+      <b-form-group label="Name" label-for="nameInput">
+        <b-form-input id="nameInput" v-model="name" placeholder="Enter name" />
+      </b-form-group>
+
+      <b-form-group label="Email" label-for="emailInput">
+        <b-form-input id="emailInput" v-model="email" type="email" placeholder="Enter email" />
+      </b-form-group>
+
+      <b-form-group label="Phone" label-for="phoneInput">
+        <b-form-input id="phoneInput" v-model="phone" type="tel" placeholder="Enter phone number" />
+      </b-form-group>
+
+      <div class="d-flex justify-content-end">
+        <b-button variant="secondary" @click="$bvModal.hide('projectAddAuthorModal')">
+          Close
+        </b-button>
+        <b-button :disabled="!isFormValid" variant="primary" type="submit" class="ml-2">
+          Submit
+        </b-button>
+      </div>
+    </b-form>
+  </b-modal>
+</template>
+
+<script>
+export default {
+  name: "ProjectAddAuthorModal",
+  data() {
+    return {
+      name: "",
+      email: "",
+      phone: "",
+    };
+  },
+  computed: {
+    isFormValid() {
+      return this.name && this.email && this.phone;
+    },
+  },
+  methods: {
+    handleSubmit() {
+      console.log("Form submitted with:", {
+        name: this.name,
+        email: this.email,
+        phone: this.phone,
+      });
+      this.name = "";
+      this.email = "";  
+      this.phone = "";
+      this.$bvModal.hide("projectAddAuthorModal");
+    }
+  }
+};
+</script>
diff --git a/src/views/portfolio/projects/ProjectCreateProjectModal.vue b/src/views/portfolio/projects/ProjectCreateProjectModal.vue
index 55f4d7906..e1675f663 100644
--- a/src/views/portfolio/projects/ProjectCreateProjectModal.vue
+++ b/src/views/portfolio/projects/ProjectCreateProjectModal.vue
@@ -254,7 +254,7 @@
     <div v-if="!isAddingAuthor">
       <b-table
         :items="project.authors"
-        :fileds="authorFields"
+        :fields="authorFields"
         striped
         hover
         small
@@ -270,7 +270,7 @@
         {{ this.newAuthor.name }}
       </div>
       <b-button variant="primary" class="mt-3" @click="isAddingAuthor = true">
-        Add Author
+        {{ $t('message.add_author') }}
       </b-button>
 
       <b-button variant="outline-secondary" class="mt-3 ml-2" @click="goBackToProjectModal">
@@ -293,7 +293,7 @@
 
           <b-button type="submit" variant="success">Save</b-button>
           <b-button variant="secondary" @click="cancelAddAuthor" class="ml-2">
-            Cancel
+            $t('message.cancel')
           </b-button>
         </b-form>
       </div>
@@ -313,6 +313,8 @@ import common from '../../../shared/common';
 import availableClassifiersMixin from '@/mixins/availableClassifiersMixin';
 import availableCollectionLogicsMixin from '@/mixins/availableCollectionLogicsMixin';
 import { BTable, BTableLite } from 'bootstrap-vue';
+import ProjectAddVersionModal  from './ProjectAddVersionModal.vue';
+import ProjectAddAuthorModal from './ProjectAddAuthorModal.vue';
 
 export default {
   name: 'ProjectCreateProjectModal',
@@ -569,7 +571,7 @@ export default {
         return project.name;
       }
     },
-    asyncFind: function (query) {4
+    asyncFind: function (query) {
       if (query) {
         this.isLoading = true;
         let url = `${this.$api.BASE_URL}/${this.$api.URL_PROJECT}?searchText=${query}&excludeInactive=true`;
diff --git a/src/views/portfolio/projects/ProjectDetailsModal.vue b/src/views/portfolio/projects/ProjectDetailsModal.vue
index 5c53718c1..2f4587a00 100644
--- a/src/views/portfolio/projects/ProjectDetailsModal.vue
+++ b/src/views/portfolio/projects/ProjectDetailsModal.vue
@@ -114,6 +114,10 @@
               deselectLabel=""
             ></multiselect>
           </div>
+          <label> Authors</label>
+          <b-table
+            :items="project.authors"
+            />
           <b-form-group
             id="project-description-form-group"
             :label="this.$t('message.description')"
@@ -367,7 +371,7 @@
         style="border: 0; padding: 0"
         v-if="
           project.metadata &&
-          (project.metadata.authors || project.metadata.supplier)
+          (project.authors || project.metadata.supplier)
         "
       >
         <template v-slot:title
@@ -385,7 +389,7 @@
                     id="authorsTable"
                     ref="authorsTable"
                     :columns="contactsTableColumns"
-                    :data="project.metadata.authors"
+                    :data="project.authors"
                     :options="contactsTableOptions"
                   >
                   </bootstrap-table>
@@ -466,6 +470,13 @@
         v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
         >{{ $t('message.add_version') }}</b-button
       >
+      <b-button
+        size="md"
+        variant="outline-primary"
+        v-b-modal.projectAddAuthorModal
+        v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
+        >{{ $t('message.add_author') }}</b-button
+      >
       <b-button size="md" variant="secondary" @click="cancel()">{{
         $t('message.close')
       }}</b-button>
@@ -492,7 +503,7 @@ import xssFilters from 'xss-filters';
 import BInputGroupFormSwitch from '@/forms/BInputGroupFormSwitch.vue';
 import availableClassifiersMixin from '@/mixins/availableClassifiersMixin';
 import availableCollectionLogicsMixin from '@/mixins/availableCollectionLogicsMixin';
-
+import ProjectAddAuthorModal  from './ProjectAddAuthorModal.vue';
 export default {
   name: 'ProjectDetailsModal',
   mixins: [
@@ -507,6 +518,7 @@ export default {
     VueTagsInput,
     cSwitch,
     Multiselect,
+    ProjectAddAuthorModal
   },
   props: {
     project: Object,
@@ -842,4 +854,4 @@ export default {
   padding: 0;
   margin-bottom: 0;
 }
-</style>
+</style>
\ No newline at end of file

From c2bfd38ea3d07ed4d311b48ef1c2b7cc504734b0 Mon Sep 17 00:00:00 2001
From: kavdan1 <kavya.danivas@itk-engineering.de>
Date: Thu, 25 Sep 2025 15:01:16 +0200
Subject: [PATCH 3/4] Add author details in view details form

Signed-off-by: kavdan1 <kavya.danivas@itk-engineering.de>
---
 src/views/portfolio/projects/Project.vue      |  10 +-
 .../projects/ProjectAddAuthorModal.vue        |   5 +-
 .../projects/ProjectCreateProjectModal.vue    |   2 +-
 .../projects/ProjectDetailsModal.vue          | 944 +++++++++---------
 4 files changed, 489 insertions(+), 472 deletions(-)

diff --git a/src/views/portfolio/projects/Project.vue b/src/views/portfolio/projects/Project.vue
index 83a8cbf7e..0a4156d6c 100644
--- a/src/views/portfolio/projects/Project.vue
+++ b/src/views/portfolio/projects/Project.vue
@@ -384,14 +384,14 @@
       </b-tab>
     </b-tabs>
     <project-details-modal
-      :project="cloneDeep(project)"
+      :project="project"
       :uuid="this.uuid"
       v-on:projectUpdated="syncProjectFields"
     />
     <project-properties-modal :uuid="this.uuid" />
     <project-create-property-modal :uuid="this.uuid" />
     <project-add-version-modal :uuid="this.uuid" />
-    <project-add-author-modal :uuid="this.uuid" />
+    <project-add-author-modal :uuid="this.uuid" @author-added="addAuthor"/>
   </div>
 </template>
 
@@ -523,6 +523,12 @@ export default {
     };
   },
   methods: {
+    addAuthor(newAuthor) {
+      if (!this.project.authors) {
+        this.project.authors = [];
+      }
+      this.project.authors.push(newAuthor);
+    },
     cloneDeep: function (component) {
       return cloneDeep(component);
     },
diff --git a/src/views/portfolio/projects/ProjectAddAuthorModal.vue b/src/views/portfolio/projects/ProjectAddAuthorModal.vue
index fc6b68dee..f5066ebae 100644
--- a/src/views/portfolio/projects/ProjectAddAuthorModal.vue
+++ b/src/views/portfolio/projects/ProjectAddAuthorModal.vue
@@ -43,11 +43,12 @@ export default {
   },
   methods: {
     handleSubmit() {
-      console.log("Form submitted with:", {
+      const newAuthor = {
         name: this.name,
         email: this.email,
         phone: this.phone,
-      });
+      };
+      this.$emit("author-added", newAuthor);
       this.name = "";
       this.email = "";  
       this.phone = "";
diff --git a/src/views/portfolio/projects/ProjectCreateProjectModal.vue b/src/views/portfolio/projects/ProjectCreateProjectModal.vue
index e1675f663..fe8669622 100644
--- a/src/views/portfolio/projects/ProjectCreateProjectModal.vue
+++ b/src/views/portfolio/projects/ProjectCreateProjectModal.vue
@@ -293,7 +293,7 @@
 
           <b-button type="submit" variant="success">Save</b-button>
           <b-button variant="secondary" @click="cancelAddAuthor" class="ml-2">
-            $t('message.cancel')
+            Cancel
           </b-button>
         </b-form>
       </div>
diff --git a/src/views/portfolio/projects/ProjectDetailsModal.vue b/src/views/portfolio/projects/ProjectDetailsModal.vue
index 2f4587a00..50d509f64 100644
--- a/src/views/portfolio/projects/ProjectDetailsModal.vue
+++ b/src/views/portfolio/projects/ProjectDetailsModal.vue
@@ -1,494 +1,497 @@
 <template>
-  <b-modal
-    id="projectDetailsModal"
-    size="lg"
-    hide-header-close
-    no-stacking
-    :title="$t('message.project_details')"
-    @show="initializeTags"
-    @hide="resetValues()"
-  >
-    <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
-        >
-        <b-card>
-          <b-input-group-form-input
-            id="project-name-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.name"
-            lazy="true"
-            required="true"
-            feedback="true"
-            autofocus="false"
-            :label="$t('message.project_name')"
-            :tooltip="this.$t('message.project_name_desc')"
-            :feedback-text="$t('message.required_project_name')"
-            v-on:change="syncReadOnlyNameField"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-          />
-          <b-row align-v="stretch">
-            <b-col>
-              <b-input-group-form-input
-                id="project-version-input"
-                input-group-size="mb-3"
-                type="text"
-                v-model="project.version"
-                lazy="true"
-                required="false"
-                feedback="false"
-                autofocus="false"
-                v-on:change="syncReadOnlyVersionField"
-                :label="$t('message.version')"
-                :tooltip="this.$t('message.component_version_desc')"
-                :readonly="
-                  this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)
-                "
-              />
-            </b-col>
-            <b-col cols="auto">
-              <b-input-group-form-switch
-                id="project-details-islatest"
-                :label="$t('message.project_is_latest')"
-                v-model="project.isLatest"
-                :show-placeholder-label="true"
-                :readonly="
-                  this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)
-                "
-              />
-            </b-col>
-          </b-row>
-          <b-input-group-form-select
-            id="v-classifier-input"
-            required="true"
-            v-model="project.classifier"
-            :options="sortAvailableClassifiers"
-            :label="$t('message.classifier')"
-            :tooltip="$t('message.component_classifier_desc')"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-          />
-          <b-input-group-form-select
-            id="v-collection-logic-input"
-            required="true"
-            v-model="project.collectionLogic"
-            :options="availableCollectionLogics"
-            :label="$t('message.collectionLogic')"
-            :tooltip="$t('message.project_collection_logic_desc')"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-            v-on:change="syncCollectionTagsVisibility"
-          />
-          <vue-tags-input
-            id="input-collectionTags"
-            v-model="collectionTagTyping"
-            :tags="collectionTags"
-            :add-on-key="addOnKeys"
-            :placeholder="$t('message.project_add_collection_tag')"
-            :autocomplete-items="tagsAutoCompleteItems"
-            @tags-changed="
-              (newCollectionTags) => (this.collectionTags = newCollectionTags)
-            "
-            class="mw-100 bg-transparent text-lowercase"
-            :max-tags="1"
-            v-show="showCollectionTags"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-          />
-          <div style="margin-bottom: 1rem">
-            <label>Parent</label>
-            <multiselect
-              v-model="selectedParent"
-              id="multiselect"
-              :custom-label="createProjectLabel"
-              :placeholder="this.$t('message.search_parent')"
-              open-direction="bottom"
-              :options="availableParents"
-              :multiple="false"
-              :searchable="true"
-              track-by="uuid"
-              :loading="isLoading"
-              @search-change="asyncFind"
-              :internal-search="false"
-              :close-on-select="true"
-              selectLabel=""
-              deselectLabel=""
-            ></multiselect>
-          </div>
-          <label> Authors</label>
-          <b-table
-            :items="project.authors"
-            />
-          <b-form-group
-            id="project-description-form-group"
-            :label="this.$t('message.description')"
-            label-for="project-description-input"
+  <div>
+    <b-modal
+      id="projectDetailsModal"
+      size="lg"
+      hide-header-close
+      no-stacking
+      :title="$t('message.project_details')"
+      @show="initializeTags"
+      @hide="resetValues()"
+    >
+      <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
           >
-            <b-form-textarea
-              id="project-description-description"
-              v-model="project.description"
-              rows="3"
+          <b-card>
+            <b-input-group-form-input
+              id="project-name-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.name"
+              lazy="true"
+              required="true"
+              feedback="true"
+              autofocus="false"
+              :label="$t('message.project_name')"
+              :tooltip="this.$t('message.project_name_desc')"
+              :feedback-text="$t('message.required_project_name')"
+              v-on:change="syncReadOnlyNameField"
               :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
             />
-          </b-form-group>
-          <b-form-group
-            id="project-classifier-form-group"
-            :label="this.$t('message.tags')"
-            label-for="input-4"
-          >
+            <b-row align-v="stretch">
+              <b-col>
+                <b-input-group-form-input
+                  id="project-version-input"
+                  input-group-size="mb-3"
+                  type="text"
+                  v-model="project.version"
+                  lazy="true"
+                  required="false"
+                  feedback="false"
+                  autofocus="false"
+                  v-on:change="syncReadOnlyVersionField"
+                  :label="$t('message.version')"
+                  :tooltip="this.$t('message.component_version_desc')"
+                  :readonly="
+                    this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)
+                  "
+                />
+              </b-col>
+              <b-col cols="auto">
+                <b-input-group-form-switch
+                  id="project-details-islatest"
+                  :label="$t('message.project_is_latest')"
+                  v-model="project.isLatest"
+                  :show-placeholder-label="true"
+                  :readonly="
+                    this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)
+                  "
+                />
+              </b-col>
+            </b-row>
+            <b-input-group-form-select
+              id="v-classifier-input"
+              required="true"
+              v-model="project.classifier"
+              :options="sortAvailableClassifiers"
+              :label="$t('message.classifier')"
+              :tooltip="$t('message.component_classifier_desc')"
+              :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
+            />
+            <b-input-group-form-select
+              id="v-collection-logic-input"
+              required="true"
+              v-model="project.collectionLogic"
+              :options="availableCollectionLogics"
+              :label="$t('message.collectionLogic')"
+              :tooltip="$t('message.project_collection_logic_desc')"
+              :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
+              v-on:change="syncCollectionTagsVisibility"
+            />
             <vue-tags-input
-              id="input-4"
-              v-model="tag"
-              :tags="tags"
+              id="input-collectionTags"
+              v-model="collectionTagTyping"
+              :tags="collectionTags"
               :add-on-key="addOnKeys"
-              :placeholder="$t('message.add_tag')"
+              :placeholder="$t('message.project_add_collection_tag')"
               :autocomplete-items="tagsAutoCompleteItems"
-              @tags-changed="(newTags) => (this.tags = newTags)"
+              @tags-changed="
+                (newCollectionTags) => (this.collectionTags = newCollectionTags)
+              "
               class="mw-100 bg-transparent text-lowercase"
+              :max-tags="1"
+              v-show="showCollectionTags"
               :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
             />
-          </b-form-group>
-          <b-input-group-form-switch
-            id="project-details-active"
-            :label-on="$t('message.active')"
-            :label-off="$t('message.inactive')"
-            v-model="project.active"
-            :tooltip="$t('message.inactive_active_children')"
-            :disabled="
-              this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT) ||
-              (project.active && this.hasActiveChild(project))
-            "
-          />
-          <p></p>
-          <b-input-group-form-input
-            id="project-uuid"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.uuid"
-            lazy="false"
-            required="false"
-            feedback="false"
-            autofocus="false"
-            disabled="true"
-            :label="$t('message.object_identifier')"
-            :tooltip="this.$t('message.object_identifier_desc')"
-            :readonly="true"
-          />
-        </b-card>
-      </b-tab>
-      <b-tab class="body-bg-color" style="border: 0; padding: 0">
-        <template v-slot:title
-          ><i class="fa fa-cube"></i> {{ $t('message.identity') }}</template
-        >
-        <b-card>
-          <b-input-group-form-input
-            id="project-name-input-identify"
-            input-group-size="mb-3"
-            type="text"
-            v-model="readOnlyProjectName"
-            lazy="true"
-            required="false"
-            feedback="true"
-            autofocus="false"
-            disabled="true"
-            :label="$t('message.project_name')"
-            :tooltip="this.$t('message.project_name_desc')"
-            :readonly="true"
-          />
-          <b-input-group-form-input
-            id="project-version-input-identify"
-            input-group-size="mb-3"
-            type="text"
-            v-model="readOnlyProjectVersion"
-            lazy="true"
-            required="false"
-            feedback="true"
-            autofocus="false"
-            disabled="true"
-            :label="$t('message.version')"
-            :tooltip="this.$t('message.component_version_desc')"
-            :readonly="true"
-          />
-          <b-input-group-form-input
-            id="project-group-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.group"
-            required="false"
-            :label="$t('message.component_namespace_group_vendor')"
-            :tooltip="this.$t('message.component_group_desc')"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-          />
-          <b-input-group-form-input
-            id="project-purl-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.purl"
-            required="false"
-            :label="$t('message.package_url_full')"
-            :tooltip="this.$t('message.component_package_url_desc')"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-          />
-          <b-input-group-form-input
-            id="project-cpe-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.cpe"
-            required="false"
-            :label="$t('message.cpe_full')"
-            :tooltip="$t('message.component_cpe_desc')"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-          />
-          <b-input-group-form-input
-            id="project-swidTagId-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.swidTagId"
-            required="false"
-            :label="$t('message.swid_tagid')"
-            :tooltip="$t('message.component_swid_tagid_desc')"
-            :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
-          />
-        </b-card>
-      </b-tab>
-      <b-tab
-        class="body-bg-color"
-        style="border: 0; padding: 0"
-        v-if="project.manufacturer"
-      >
-        <template v-slot:title
-          ><i class="fa fa-industry"></i>
-          {{ $t('message.manufacturer') }}</template
+            <div style="margin-bottom: 1rem">
+              <label>Parent</label>
+              <multiselect
+                v-model="selectedParent"
+                id="multiselect"
+                :custom-label="createProjectLabel"
+                :placeholder="this.$t('message.search_parent')"
+                open-direction="bottom"
+                :options="availableParents"
+                :multiple="false"
+                :searchable="true"
+                track-by="uuid"
+                :loading="isLoading"
+                @search-change="asyncFind"
+                :internal-search="false"
+                :close-on-select="true"
+                selectLabel=""
+                deselectLabel=""
+              ></multiselect>
+            </div>
+            <label> Authors</label>
+            <b-table
+              :items="project.authors"
+              />
+            <b-form-group
+              id="project-description-form-group"
+              :label="this.$t('message.description')"
+              label-for="project-description-input"
+            >
+              <b-form-textarea
+                id="project-description-description"
+                v-model="project.description"
+                rows="3"
+                :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
+              />
+            </b-form-group>
+            <b-form-group
+              id="project-classifier-form-group"
+              :label="this.$t('message.tags')"
+              label-for="input-4"
+            >
+              <vue-tags-input
+                id="input-4"
+                v-model="tag"
+                :tags="tags"
+                :add-on-key="addOnKeys"
+                :placeholder="$t('message.add_tag')"
+                :autocomplete-items="tagsAutoCompleteItems"
+                @tags-changed="(newTags) => (this.tags = newTags)"
+                class="mw-100 bg-transparent text-lowercase"
+                :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
+              />
+            </b-form-group>
+            <b-input-group-form-switch
+              id="project-details-active"
+              :label-on="$t('message.active')"
+              :label-off="$t('message.inactive')"
+              v-model="project.active"
+              :tooltip="$t('message.inactive_active_children')"
+              :disabled="
+                this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT) ||
+                (project.active && this.hasActiveChild(project))
+              "
+            />
+            <p></p>
+            <b-input-group-form-input
+              id="project-uuid"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.uuid"
+              lazy="false"
+              required="false"
+              feedback="false"
+              autofocus="false"
+              disabled="true"
+              :label="$t('message.object_identifier')"
+              :tooltip="this.$t('message.object_identifier_desc')"
+              :readonly="true"
+            />
+          </b-card>
+        </b-tab>
+        <b-tab class="body-bg-color" style="border: 0; padding: 0">
+          <template v-slot:title
+            ><i class="fa fa-cube"></i> {{ $t('message.identity') }}</template
+          >
+          <b-card>
+            <b-input-group-form-input
+              id="project-name-input-identify"
+              input-group-size="mb-3"
+              type="text"
+              v-model="readOnlyProjectName"
+              lazy="true"
+              required="false"
+              feedback="true"
+              autofocus="false"
+              disabled="true"
+              :label="$t('message.project_name')"
+              :tooltip="this.$t('message.project_name_desc')"
+              :readonly="true"
+            />
+            <b-input-group-form-input
+              id="project-version-input-identify"
+              input-group-size="mb-3"
+              type="text"
+              v-model="readOnlyProjectVersion"
+              lazy="true"
+              required="false"
+              feedback="true"
+              autofocus="false"
+              disabled="true"
+              :label="$t('message.version')"
+              :tooltip="this.$t('message.component_version_desc')"
+              :readonly="true"
+            />
+            <b-input-group-form-input
+              id="project-group-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.group"
+              required="false"
+              :label="$t('message.component_namespace_group_vendor')"
+              :tooltip="this.$t('message.component_group_desc')"
+              :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
+            />
+            <b-input-group-form-input
+              id="project-purl-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.purl"
+              required="false"
+              :label="$t('message.package_url_full')"
+              :tooltip="this.$t('message.component_package_url_desc')"
+              :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
+            />
+            <b-input-group-form-input
+              id="project-cpe-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.cpe"
+              required="false"
+              :label="$t('message.cpe_full')"
+              :tooltip="$t('message.component_cpe_desc')"
+              :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
+            />
+            <b-input-group-form-input
+              id="project-swidTagId-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.swidTagId"
+              required="false"
+              :label="$t('message.swid_tagid')"
+              :tooltip="$t('message.component_swid_tagid_desc')"
+              :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)"
+            />
+          </b-card>
+        </b-tab>
+        <b-tab
+          class="body-bg-color"
+          style="border: 0; padding: 0"
+          v-if="project.manufacturer"
         >
-        <b-card>
-          <b-input-group-form-input
-            id="project-manufacturer-name-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.manufacturer.name"
-            required="false"
-            readonly
-            :label="$t('message.manufacturer_name')"
-            disabled="true"
-            :tooltip="this.$t('message.manufacturer_name_desc')"
-          />
-          <b-form-group
-            id="manufacturerUrlsTable-Fieldset"
-            :label="this.$t('message.urls')"
-            label-for="manufacturerUrlsTable"
+          <template v-slot:title
+            ><i class="fa fa-industry"></i>
+            {{ $t('message.manufacturer') }}</template
           >
-            <bootstrap-table
-              id="manufacturerUrlsTable"
-              ref="manufacturerUrlsTable"
-              :columns="urlsTableColumns"
-              :data="project.manufacturer.urls"
-              :options="urlsTableOptions"
+          <b-card>
+            <b-input-group-form-input
+              id="project-manufacturer-name-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.manufacturer.name"
+              required="false"
+              readonly
+              :label="$t('message.manufacturer_name')"
+              disabled="true"
+              :tooltip="this.$t('message.manufacturer_name_desc')"
+            />
+            <b-form-group
+              id="manufacturerUrlsTable-Fieldset"
+              :label="this.$t('message.urls')"
+              label-for="manufacturerUrlsTable"
             >
-            </bootstrap-table>
-          </b-form-group>
-          <b-form-group
-            id="manufacturerContactsTable-Fieldset"
-            :label="this.$t('message.contacts')"
-            label-for="contactsTable"
-          >
-            <bootstrap-table
-              id="manufacturerContactsTable"
-              ref="manufacturerContactsTable"
-              :columns="contactsTableColumns"
-              :data="project.manufacturer.contacts"
-              :options="contactsTableOptions"
+              <bootstrap-table
+                id="manufacturerUrlsTable"
+                ref="manufacturerUrlsTable"
+                :columns="urlsTableColumns"
+                :data="project.manufacturer.urls"
+                :options="urlsTableOptions"
+              >
+              </bootstrap-table>
+            </b-form-group>
+            <b-form-group
+              id="manufacturerContactsTable-Fieldset"
+              :label="this.$t('message.contacts')"
+              label-for="contactsTable"
             >
-            </bootstrap-table>
-          </b-form-group>
-        </b-card>
-      </b-tab>
-      <b-tab
-        class="body-bg-color"
-        style="border: 0; padding: 0"
-        v-if="project.supplier"
-      >
-        <template v-slot:title
-          ><i class="fa fa-building-o"></i>
-          {{ $t('message.supplier') }}</template
+              <bootstrap-table
+                id="manufacturerContactsTable"
+                ref="manufacturerContactsTable"
+                :columns="contactsTableColumns"
+                :data="project.manufacturer.contacts"
+                :options="contactsTableOptions"
+              >
+              </bootstrap-table>
+            </b-form-group>
+          </b-card>
+        </b-tab>
+        <b-tab
+          class="body-bg-color"
+          style="border: 0; padding: 0"
+          v-if="project.supplier"
         >
-        <b-card>
-          <b-input-group-form-input
-            id="project-supplier-name-input"
-            input-group-size="mb-3"
-            type="text"
-            v-model="project.supplier.name"
-            required="false"
-            readonly
-            :label="$t('message.supplier_name')"
-            disabled="true"
-            :tooltip="this.$t('message.project_supplier_name_desc')"
-          />
-          <b-form-group
-            id="supplierUrlsTable-Fieldset"
-            :label="this.$t('message.urls')"
-            label-for="supplierUrlsTable"
+          <template v-slot:title
+            ><i class="fa fa-building-o"></i>
+            {{ $t('message.supplier') }}</template
           >
-            <bootstrap-table
-              id="supplierUrlsTable"
-              ref="supplierUrlsTable"
-              :columns="urlsTableColumns"
-              :data="project.supplier.urls"
-              :options="urlsTableOptions"
+          <b-card>
+            <b-input-group-form-input
+              id="project-supplier-name-input"
+              input-group-size="mb-3"
+              type="text"
+              v-model="project.supplier.name"
+              required="false"
+              readonly
+              :label="$t('message.supplier_name')"
+              disabled="true"
+              :tooltip="this.$t('message.project_supplier_name_desc')"
+            />
+            <b-form-group
+              id="supplierUrlsTable-Fieldset"
+              :label="this.$t('message.urls')"
+              label-for="supplierUrlsTable"
             >
-            </bootstrap-table>
-          </b-form-group>
-          <b-form-group
-            id="supplierContactsTable-Fieldset"
-            :label="this.$t('message.contacts')"
-            label-for="contactsTable"
+              <bootstrap-table
+                id="supplierUrlsTable"
+                ref="supplierUrlsTable"
+                :columns="urlsTableColumns"
+                :data="project.supplier.urls"
+                :options="urlsTableOptions"
+              >
+              </bootstrap-table>
+            </b-form-group>
+            <b-form-group
+              id="supplierContactsTable-Fieldset"
+              :label="this.$t('message.contacts')"
+              label-for="contactsTable"
+            >
+              <bootstrap-table
+                id="supplierContactsTable"
+                ref="supplierContactsTable"
+                :columns="contactsTableColumns"
+                :data="project.supplier.contacts"
+                :options="contactsTableOptions"
+              >
+              </bootstrap-table>
+            </b-form-group>
+          </b-card>
+        </b-tab>
+        <b-tab>
+          <template v-slot:title
+            ><i class="fa fa-external-link"></i>
+            {{ $t('message.external_references') }}</template
           >
+          <b-card>
             <bootstrap-table
-              id="supplierContactsTable"
-              ref="supplierContactsTable"
-              :columns="contactsTableColumns"
-              :data="project.supplier.contacts"
-              :options="contactsTableOptions"
+              ref="referencesTable"
+              :columns="referencesTableColumns"
+              :data="project.externalReferences"
+              :options="referencesTableOptions"
             >
             </bootstrap-table>
-          </b-form-group>
-        </b-card>
-      </b-tab>
-      <b-tab>
-        <template v-slot:title
-          ><i class="fa fa-external-link"></i>
-          {{ $t('message.external_references') }}</template
+          </b-card>
+        </b-tab>
+        <b-tab
+          style="border: 0; padding: 0"
+          v-if="
+            project.metadata &&
+            (project.authors || project.metadata.supplier)
+          "
         >
-        <b-card>
-          <bootstrap-table
-            ref="referencesTable"
-            :columns="referencesTableColumns"
-            :data="project.externalReferences"
-            :options="referencesTableOptions"
+          <template v-slot:title
+            ><i class="fa fa-file-text-o"></i> {{ $t('message.bom') }}</template
           >
-          </bootstrap-table>
-        </b-card>
-      </b-tab>
-      <b-tab
-        style="border: 0; padding: 0"
-        v-if="
-          project.metadata &&
-          (project.authors || project.metadata.supplier)
-        "
-      >
-        <template v-slot:title
-          ><i class="fa fa-file-text-o"></i> {{ $t('message.bom') }}</template
-        >
-        <b-card>
-          <b-tabs pills card vertical>
-            <b-tab
-              :title="$t('message.authors')"
-              v-if="project.metadata.authors"
-            >
-              <b-card>
-                <b-form-group id="authorsTable-Fieldset">
-                  <bootstrap-table
-                    id="authorsTable"
-                    ref="authorsTable"
-                    :columns="contactsTableColumns"
-                    :data="project.authors"
-                    :options="contactsTableOptions"
+          <b-card>
+            <b-tabs pills card vertical>
+              <b-tab
+                :title="$t('message.authors')"
+                v-if="project.metadata.authors"
+              >
+                <b-card>
+                  <b-form-group id="authorsTable-Fieldset">
+                    <bootstrap-table
+                      id="authorsTable"
+                      ref="authorsTable"
+                      :columns="contactsTableColumns"
+                      :data="project.authors"
+                      :options="contactsTableOptions"
+                    >
+                    </bootstrap-table>
+                  </b-form-group>
+                </b-card>
+              </b-tab>
+              <b-tab
+                :title="$t('message.supplier')"
+                v-if="project.metadata.supplier"
+              >
+                <b-card>
+                  <b-input-group-form-input
+                    id="project-metadata-supplier-name-input"
+                    input-group-size="mb-3"
+                    type="text"
+                    v-model="project.metadata.supplier.name"
+                    required="false"
+                    readonly
+                    :label="$t('message.supplier_name')"
+                    disabled="true"
+                    :tooltip="
+                      this.$t('message.project_metadata_supplier_name_desc')
+                    "
+                  />
+                  <b-form-group
+                    id="supplierUrlsTable-Fieldset"
+                    :label="this.$t('message.urls')"
+                    label-for="supplierUrlsTable"
                   >
-                  </bootstrap-table>
-                </b-form-group>
-              </b-card>
-            </b-tab>
-            <b-tab
-              :title="$t('message.supplier')"
-              v-if="project.metadata.supplier"
-            >
-              <b-card>
-                <b-input-group-form-input
-                  id="project-metadata-supplier-name-input"
-                  input-group-size="mb-3"
-                  type="text"
-                  v-model="project.metadata.supplier.name"
-                  required="false"
-                  readonly
-                  :label="$t('message.supplier_name')"
-                  disabled="true"
-                  :tooltip="
-                    this.$t('message.project_metadata_supplier_name_desc')
-                  "
-                />
-                <b-form-group
-                  id="supplierUrlsTable-Fieldset"
-                  :label="this.$t('message.urls')"
-                  label-for="supplierUrlsTable"
-                >
-                  <bootstrap-table
-                    id="supplierUrlsTable"
-                    ref="supplierUrlsTable"
-                    :columns="urlsTableColumns"
-                    :data="project.metadata.supplier.urls"
-                    :options="urlsTableOptions"
-                  >
-                  </bootstrap-table>
-                </b-form-group>
-                <b-form-group
-                  id="supplierContactsTable-Fieldset"
-                  :label="this.$t('message.contacts')"
-                  label-for="contactsTable"
-                >
-                  <bootstrap-table
-                    id="supplierContactsTable"
-                    ref="supplierContactsTable"
-                    :columns="contactsTableColumns"
-                    :data="project.metadata.supplier.contacts"
-                    :options="contactsTableOptions"
+                    <bootstrap-table
+                      id="supplierUrlsTable"
+                      ref="supplierUrlsTable"
+                      :columns="urlsTableColumns"
+                      :data="project.metadata.supplier.urls"
+                      :options="urlsTableOptions"
+                    >
+                    </bootstrap-table>
+                  </b-form-group>
+                  <b-form-group
+                    id="supplierContactsTable-Fieldset"
+                    :label="this.$t('message.contacts')"
+                    label-for="contactsTable"
                   >
-                  </bootstrap-table>
-                </b-form-group>
-              </b-card>
-            </b-tab>
-          </b-tabs>
-        </b-card>
-      </b-tab>
-    </b-tabs>
-    <template v-slot:modal-footer="{ cancel }">
-      <b-button
-        size="md"
-        variant="outline-danger"
-        @click="deleteProject()"
-        v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
-        >{{ $t('message.delete') }}</b-button
-      >
-      <b-button
-        size="md"
-        variant="outline-primary"
-        v-b-modal.projectPropertiesModal
-        v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
-        >{{ $t('message.properties') }}</b-button
-      >
-      <b-button
-        size="md"
-        variant="outline-primary"
-        v-b-modal.projectAddVersionModal
-        v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
-        >{{ $t('message.add_version') }}</b-button
-      >
-      <b-button
-        size="md"
-        variant="outline-primary"
-        v-b-modal.projectAddAuthorModal
-        v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
-        >{{ $t('message.add_author') }}</b-button
-      >
-      <b-button size="md" variant="secondary" @click="cancel()">{{
-        $t('message.close')
-      }}</b-button>
-      <b-button
-        size="md"
-        variant="primary"
-        @click="updateProject()"
-        v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
-        >{{ $t('message.update') }}</b-button
-      >
-    </template>
-  </b-modal>
+                    <bootstrap-table
+                      id="supplierContactsTable"
+                      ref="supplierContactsTable"
+                      :columns="contactsTableColumns"
+                      :data="project.metadata.supplier.contacts"
+                      :options="contactsTableOptions"
+                    >
+                    </bootstrap-table>
+                  </b-form-group>
+                </b-card>
+              </b-tab>
+            </b-tabs>
+          </b-card>
+        </b-tab>
+      </b-tabs>
+      <template v-slot:modal-footer="{ cancel }">
+        <b-button
+          size="md"
+          variant="outline-danger"
+          @click="deleteProject()"
+          v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
+          >{{ $t('message.delete') }}</b-button
+        >
+        <b-button
+          size="md"
+          variant="outline-primary"
+          v-b-modal.projectPropertiesModal
+          v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
+          >{{ $t('message.properties') }}</b-button
+        >
+        <b-button
+          size="md"
+          variant="outline-primary"
+          v-b-modal.projectAddVersionModal
+          v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
+          >{{ $t('message.add_version') }}</b-button
+        >
+        <b-button
+          size="md"
+          variant="outline-primary"
+          v-b-modal.projectAddAuthorModal
+          v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
+          >{{ $t('message.add_author') }}</b-button
+        >
+        <b-button size="md" variant="secondary" @click="cancel()">{{
+          $t('message.close')
+        }}</b-button>
+        <b-button
+          size="md"
+          variant="primary"
+          @click="updateProject()"
+          v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
+          >{{ $t('message.update') }}</b-button
+        >
+      </template>
+    </b-modal>
+    <ProjectAddAuthorModal @author-added="addAuthor"/>
+  </div>
 </template>
 
 <script>
@@ -504,6 +507,7 @@ import BInputGroupFormSwitch from '@/forms/BInputGroupFormSwitch.vue';
 import availableClassifiersMixin from '@/mixins/availableClassifiersMixin';
 import availableCollectionLogicsMixin from '@/mixins/availableCollectionLogicsMixin';
 import ProjectAddAuthorModal  from './ProjectAddAuthorModal.vue';
+
 export default {
   name: 'ProjectDetailsModal',
   mixins: [
@@ -695,6 +699,12 @@ export default {
     },
   },
   methods: {
+    addAuthor(author) {
+      if (!this.project.authors) {
+        this.project.authors = [];
+      }
+      this.project.authors.push(author);
+    },
     initializeTags: function () {
       this.tags = (this.project.tags || []).map((tag) => ({ text: tag.name }));
       this.collectionTags = this.project.collectionTag
@@ -722,7 +732,7 @@ export default {
       this.axios
         .post(url, {
           uuid: this.project.uuid,
-          author: this.project.author,
+          authors: this.project.authors,
           publisher: this.project.publisher,
           supplier: this.project.supplier,
           group: this.project.group,

From 2e1443c59f7322237543b3738bafa6cf29622403 Mon Sep 17 00:00:00 2001
From: kavdan1 <kavya.danivas@itk-engineering.de>
Date: Thu, 20 Nov 2025 11:38:40 +0100
Subject: [PATCH 4/4] Apply suggestions

Signed-off-by: kavdan1 <kavya.danivas@itk-engineering.de>
---
 src/i18n/locales/en.json                             |  1 +
 .../portfolio/projects/ProjectAddAuthorModal.vue     |  2 +-
 .../portfolio/projects/ProjectCreateProjectModal.vue | 12 ++++--------
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 59d76cfcd..835569047 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -803,6 +803,7 @@
     "references": "References",
     "reindex": "Rebuild index(es)",
     "rejected": "Rejected",
+    "remove_author": "Remove Author",
     "remove_component": "Remove Component",
     "reported_by": "Reported By",
     "required_component_identifier": "A component identifier is required",
diff --git a/src/views/portfolio/projects/ProjectAddAuthorModal.vue b/src/views/portfolio/projects/ProjectAddAuthorModal.vue
index f5066ebae..5436343c1 100644
--- a/src/views/portfolio/projects/ProjectAddAuthorModal.vue
+++ b/src/views/portfolio/projects/ProjectAddAuthorModal.vue
@@ -38,7 +38,7 @@ export default {
   },
   computed: {
     isFormValid() {
-      return this.name && this.email && this.phone;
+      return this.name && this.email;
     },
   },
   methods: {
diff --git a/src/views/portfolio/projects/ProjectCreateProjectModal.vue b/src/views/portfolio/projects/ProjectCreateProjectModal.vue
index fe8669622..275b39756 100644
--- a/src/views/portfolio/projects/ProjectCreateProjectModal.vue
+++ b/src/views/portfolio/projects/ProjectCreateProjectModal.vue
@@ -3,6 +3,7 @@
     <b-modal
       id="projectCreateProjectModal"
       @ok="resetValues()"
+      @cancel="resetValues()"
       size="md"
       hide-header-close
       no-stacking
@@ -262,13 +263,11 @@
         >
         <template #cell(actions)="row">
           <b-button size="sm" variant="danger" @click="removeAuthor(row.index)">
-            removeAuthor
+            {{$t('message.remove_author')}}
           </b-button>
         </template>
       </b-table>
-      <div>
-        {{ this.newAuthor.name }}
-      </div>
+
       <b-button variant="primary" class="mt-3" @click="isAddingAuthor = true">
         {{ $t('message.add_author') }}
       </b-button>
@@ -312,9 +311,7 @@ import BInputGroupFormSwitch from '@/forms/BInputGroupFormSwitch.vue';
 import common from '../../../shared/common';
 import availableClassifiersMixin from '@/mixins/availableClassifiersMixin';
 import availableCollectionLogicsMixin from '@/mixins/availableCollectionLogicsMixin';
-import { BTable, BTableLite } from 'bootstrap-vue';
-import ProjectAddVersionModal  from './ProjectAddVersionModal.vue';
-import ProjectAddAuthorModal from './ProjectAddAuthorModal.vue';
+import { BTable } from 'bootstrap-vue';
 
 export default {
   name: 'ProjectCreateProjectModal',
@@ -562,7 +559,6 @@ export default {
       this.availableParents = [];
       this.collectionTags = [];
       this.showCollectionTags = false;
-      this.project.authors = [];
     },
     createProjectLabel: function (project) {
       if (project.version) {