Add manufacturer tab to project details modal

Signed-off-by: nscuro <[email protected]>
DependencyTrack · Nov 27, 2023 · f227f7f · f227f7f
1 parent 9eda6ef
commit f227f7f
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 9 deletions.
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
@@ -397,7 +397,10 @@
     "supplier": "Supplier",
     "supplier_name": "Supplier name",
     "component_supplier_name_desc": "The organization that supplied the component",
-    "project_supplier_name_desc": "The organization that supplied the project that the BOM describes",
+    "project_supplier_name_desc": "The organization that supplied the project",
+    "manufacturer": "Manufacturer",
+    "manufacturer_name": "Manufacturer name",
+    "manufacturer_name_desc": "The organization that manufactured the project",
     "endpoints": "Endpoints",
     "data": "Data",
     "url": "URL",

diff --git a/src/views/portfolio/projects/ProjectDetailsModal.vue b/src/views/portfolio/projects/ProjectDetailsModal.vue
@@ -78,6 +78,32 @@
                                     :readonly="this.isNotPermitted(PERMISSIONS.PORTFOLIO_MANAGEMENT)" />
         </b-card>
       </b-tab>
+      <b-tab class="body-bg-color" style="border:0;padding:0" v-if="project.metadata && project.metadata.manufacturer">
+        <template v-slot:title><i class="fa fa-industry"></i> {{ $t('message.manufacturer') }}</template>
+        <b-card>
+          <b-input-group-form-input id="project-manufacturer-name-input" input-group-size="mb-3" type="text" v-model="project.metadata.manufacturer.name"
+                                    required="false" readonly :label="$t('message.manufacturer_name')"
+                                    :tooltip="this.$t('message.manufacturer_name_desc')"/>
+          <b-form-group id="manufacturerUrlsTable-Fieldset" :label="this.$t('message.urls')" label-for="manufacturerUrlsTable">
+            <bootstrap-table
+              id="manufacturerUrlsTable"
+              ref="manufacturerUrlsTable"
+              :columns="urlsTableColumns"
+              :data="project.metadata.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
+              id="manufacturerContactsTable"
+              ref="manufacturerContactsTable"
+              :columns="contactsTableColumns"
+              :data="project.metadata.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">
         <template v-slot:title><i class="fa fa-building-o"></i> {{ $t('message.supplier') }}</template>
         <b-card>
@@ -88,18 +114,18 @@
             <bootstrap-table
               id="supplierUrlsTable"
               ref="supplierUrlsTable"
-              :columns="supplierUrlsTableColumns"
+              :columns="urlsTableColumns"
               :data="project.supplier.urls"
-              :options="supplierUrlsTableOptions">
+              :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="supplierContactsTableColumns"
+              :columns="contactsTableColumns"
               :data="project.supplier.contacts"
-              :options="supplierContactsTableOptions">
+              :options="contactsTableOptions">
             </bootstrap-table>
           </b-form-group>
         </b-card>
@@ -175,7 +201,7 @@
           dataOff: '\u2715'
         },
         isLoading: false,
-        supplierUrlsTableColumns: [
+        urlsTableColumns: [
           {
             title: this.$t('message.urls'),
             sortable: false,
@@ -184,7 +210,7 @@
             }
           }
         ],
-        supplierUrlsTableOptions: {
+        urlsTableOptions: {
           search: false,
           showHeader: false,
           showColumns: false,
@@ -203,7 +229,7 @@
             return res;
           }
         },
-        supplierContactsTableColumns: [
+        contactsTableColumns: [
           {
             title: this.$t('message.name'),
             field: "name",
@@ -229,7 +255,7 @@
             }
           }
         ],
-        supplierContactsTableOptions: {
+        contactsTableOptions: {
           search: false,
           showColumns: false,
           showRefresh: false,