Adding authors field #1391

src/i18n/locales/en.json

@@ -356,6 +356,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",
@@ -770,6 +771,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.",

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,

src/views/portfolio/projects/Project.vue

@@ -384,13 +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" @author-added="addAuthor"/>
   </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,
@@ -520,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);
     },

src/views/portfolio/projects/ProjectAddAuthorModal.vue

@@ -0,0 +1,59 @@
+<!-- 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() {
+      const newAuthor = {
+        name: this.name,
+        email: this.email,
+        phone: this.phone,
+      };
+      this.$emit("author-added", newAuthor);
+      this.name = "";
+      this.email = "";  
+      this.phone = "";
+      this.$bvModal.hide("projectAddAuthorModal");
+    }
+  }
+};
+</script>