From c04f0342701db2a31e9203baf91bcb058b91598b Mon Sep 17 00:00:00 2001 From: Joel Dietz <145654504+JoelDietz@users.noreply.github.com> Date: Wed, 22 Nov 2023 09:44:36 +0100 Subject: [PATCH 01/11] [DO 1294][patch] fixed wrongly named my parts filter api calls (#46) * fix: renamed the wrongly named filter columns and added the sending of the wrong sort request. * fix: the naming of the filter option sent in the status selection. * fix: the partID for myParts and shared Parts * fix: catenaXSideId wrong mocking data, css class error that leads to wrong sizeing on the dashboard, disappearing table when filtered for something with no match, --- .../customerPartsAsPlanned.model.ts | 480 +++++++++--------- .../supplierPartsAsPlanned.model.ts | 295 ++++++----- .../partsAsPlanned/partsAsPlanned.model.ts | 24 +- .../partsAsPlanned.test.model.ts | 171 ++++--- .../alerts/presentation/alerts.component.html | 7 +- .../alerts/presentation/alerts.component.scss | 17 +- .../presentation/dashboard.component.html | 138 +++-- .../modules/page/parts/model/parts.model.ts | 231 +++++---- .../shared/assembler/parts.assembler.ts | 87 ++-- .../multi-select-autocomplete.component.ts | 14 +- .../parts-table/parts-table.component.html | 10 +- .../parts-table/parts-table.component.scss | 6 +- .../parts-table/parts-table.component.spec.ts | 27 +- .../parts-table/parts-table.component.ts | 70 ++- .../components/table/table.component.html | 6 +- .../components/table/table.component.ts | 2 + .../notification-tab.component.html | 5 +- .../notification-tab.component.ts | 5 + .../presentation/notification.component.html | 2 + ...antic-data-model-to-camelcase.pipe.spec.ts | 44 +- ...t-semantic-data-model-to-camelcase.pipe.ts | 63 ++- frontend/src/assets/locales/de/common.json | 8 +- frontend/src/assets/locales/en/common.json | 2 +- 23 files changed, 892 insertions(+), 822 deletions(-) diff --git a/frontend/src/app/mocks/services/otherParts-mock/customerPartsAsPlanned.model.ts b/frontend/src/app/mocks/services/otherParts-mock/customerPartsAsPlanned.model.ts index c65c5efdd3..82507952db 100644 --- a/frontend/src/app/mocks/services/otherParts-mock/customerPartsAsPlanned.model.ts +++ b/frontend/src/app/mocks/services/otherParts-mock/customerPartsAsPlanned.model.ts @@ -1,290 +1,292 @@ export const customerPartsAsPlannedModel = [ { - "id": "urn:uuid:6ec3f1db-2798-454b-a73f-0d21a8966c74", - "idShort": "--", - "semanticModelId": "NO-613963493493659233961306", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "CustomerAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "CUSTOMER", - "childRelations": [{ - "id": "urn:uuid:c47b9f8b-48d0-4ef4-8f0b-e965a225cb8d", - "idShort": null - }], - "parentRelations": [ + id: 'urn:uuid:6ec3f1db-2798-454b-a73f-0d21a8966c74', + idShort: '--', + semanticModelId: 'NO-613963493493659233961306', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'CustomerAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'CUSTOMER', + childRelations: [ { - "id": "urn:uuid:c47b9f8b-48d0-4ef4-8f0b-e965a225cb8d", - "idShort": null - } + id: 'urn:uuid:c47b9f8b-48d0-4ef4-8f0b-e965a225cb8d', + idShort: null, + }, + ], + parentRelations: [ + { + id: 'urn:uuid:c47b9f8b-48d0-4ef4-8f0b-e965a225cb8d', + idShort: null, + }, ], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "--", - "semanticDataModel": "SERIALPART", - "classification": "component", - "detailAspectModels": [ + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: '--', + semanticDataModel: 'SERIALPART', + classification: 'component', + detailAspectModels: [ { - "type": "AS_PLANNED", - "data": { - "validityPeriodFrom": "01.01.2023", - "validityPeriodTo": "01.02.2023", - } + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } - ] + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890AA', + }, + }, + ], }, { - "id": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e43842", - "idShort": "--", - "semanticModelId": "12345678ABC", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "CustomerAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "CUSTOMER", - "childRelations": [], - "parentRelations": [], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "--", - "semanticDataModel": "JUSTINSEQUENCE", - "classification": "product", - "detailAspectModels": [ + id: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e43842', + idShort: '--', + semanticModelId: '12345678ABC', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'CustomerAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'CUSTOMER', + childRelations: [], + parentRelations: [], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: '--', + semanticDataModel: 'JUSTINSEQUENCE', + classification: 'product', + detailAspectModels: [ { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } - ] + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890BB', + }, + }, + ], }, { - "id": "urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccad12", - "idShort": "--", - "semanticModelId": "OMAYSKEITUGNVHKKX", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "CustomerAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "CUSTOMER", - "childRelations": [ + id: 'urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccad12', + idShort: '--', + semanticModelId: 'OMAYSKEITUGNVHKKX', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'CustomerAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'CUSTOMER', + childRelations: [ { - "id": "urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a", - "idShort": null - } + id: 'urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a', + idShort: null, + }, ], - "parentRelations": [], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "OMAYSKEITUGNVHKKX", - "semanticDataModel": "SERIALPART", - "classification": "product", - "detailAspectModels": [ + parentRelations: [], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: 'OMAYSKEITUGNVHKKX', + semanticDataModel: 'SERIALPART', + classification: 'product', + detailAspectModels: [ { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } - ] + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890CC', + }, + }, + ], }, { - "id": "urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccvf54", - "idShort": "--", - "semanticModelId": "OMAYSKEITUGNVHKKX", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "CustomerAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "CUSTOMER", - "childRelations": [ + id: 'urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccvf54', + idShort: '--', + semanticModelId: 'OMAYSKEITUGNVHKKX', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'CustomerAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'CUSTOMER', + childRelations: [ { - "id": "urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a", - "idShort": null - } + id: 'urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a', + idShort: null, + }, ], - "parentRelations": [], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "OMAYSKEITUGNVHKKX", - "semanticDataModel": "SERIALPART", - "classification": "product", - "detailAspectModels": [ + parentRelations: [], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: 'OMAYSKEITUGNVHKKX', + semanticDataModel: 'SERIALPART', + classification: 'product', + detailAspectModels: [ { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } - ] + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890DD', + }, + }, + ], }, { - "id": "urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccaf88", - "idShort": "--", - "semanticModelId": "OMAYSKEITUGNVHKKX", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "CustomerAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "CUSTOMER", - "childRelations": [ + id: 'urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccaf88', + idShort: '--', + semanticModelId: 'OMAYSKEITUGNVHKKX', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'CustomerAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'CUSTOMER', + childRelations: [ { - "id": "urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a", - "idShort": null - } + id: 'urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a', + idShort: null, + }, ], - "parentRelations": [], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "OMAYSKEITUGNVHKKX", - "semanticDataModel": "SERIALPART", - "classification": "product", - "detailAspectModels": [ + parentRelations: [], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: 'OMAYSKEITUGNVHKKX', + semanticDataModel: 'SERIALPART', + classification: 'product', + detailAspectModels: [ { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } - ] + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890EE', + }, + }, + ], }, { - "id": "urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccav85", - "idShort": "myShortId", - "semanticModelId": "OMAYSKEITUGNVHKKX", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "CustomerAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "CUSTOMER", - "childRelations": [ + id: 'urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccav85', + idShort: 'myShortId', + semanticModelId: 'OMAYSKEITUGNVHKKX', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'CustomerAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'CUSTOMER', + childRelations: [ { - "id": "urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a", - "idShort": null - } + id: 'urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a', + idShort: null, + }, ], - "parentRelations": [], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "OMAYSKEITUGNVHKKX", - "semanticDataModel": "SERIALPART", - "classification": "product", - "detailAspectModels": [ + parentRelations: [], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: 'OMAYSKEITUGNVHKKX', + semanticDataModel: 'SERIALPART', + classification: 'product', + detailAspectModels: [ { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } - ] + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890YY', + }, + }, + ], }, { - "id": "urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccag25", - "idShort": "--", - "semanticModelId": "OMAYSKEITUGNVHKKX", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "CustomerAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "CUSTOMER", - "childRelations": [ + id: 'urn:uuid:d8030bbf-a874-49fb-b2e1-7610f0ccag25', + idShort: '--', + semanticModelId: 'OMAYSKEITUGNVHKKX', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'CustomerAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'CUSTOMER', + childRelations: [ { - "id": "urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a", - "idShort": null - } + id: 'urn:uuid:5205f736-8fc2-4585-b869-6bf36842369a', + idShort: null, + }, ], - "parentRelations": [], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "OMAYSKEITUGNVHKKX", - "semanticDataModel": "SERIALPART", - "classification": "product", - "detailAspectModels": [ + parentRelations: [], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: 'OMAYSKEITUGNVHKKX', + semanticDataModel: 'SERIALPART', + classification: 'product', + detailAspectModels: [ { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } - ] + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890ZZ', + }, + }, + ], }, -] +]; diff --git a/frontend/src/app/mocks/services/otherParts-mock/supplierPartsAsPlanned.model.ts b/frontend/src/app/mocks/services/otherParts-mock/supplierPartsAsPlanned.model.ts index 141ed65d9b..417ee4e913 100644 --- a/frontend/src/app/mocks/services/otherParts-mock/supplierPartsAsPlanned.model.ts +++ b/frontend/src/app/mocks/services/otherParts-mock/supplierPartsAsPlanned.model.ts @@ -1,157 +1,156 @@ export const supplierPartsAsPlannedAssets = [ { - "id": "urn:uuid:1be6ec59-40fb-4993-9836-acb0e284fa01", - "idShort": "--", - "semanticModelId": "NO-341449848714937445621543", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "SupplierAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "SUPPLIER", - "childRelations": [], - "parentRelations": [], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "--", - "semanticDataModel": "BATCH", - "classification": "component", - "detailAspectModels": [ - { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2020", - functionValidUntil: "01.02.2020" - } + id: 'urn:uuid:1be6ec59-40fb-4993-9836-acb0e284fa01', + idShort: '--', + semanticModelId: 'NO-341449848714937445621543', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'SupplierAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'SUPPLIER', + childRelations: [], + parentRelations: [], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: '--', + semanticDataModel: 'BATCH', + classification: 'component', + detailAspectModels: [ + { + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2020', + functionValidUntil: '01.02.2020', + }, + }, + { + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890AA', + }, + }, + ], }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } -] -}, -{ - "id": "urn:uuid:1be6ec59-40fb-4993-9836-acb0e284fa03", - "idShort": "--", - "semanticModelId": "NO-341449848714937445621543", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "SupplierAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "SUPPLIER", - "childRelations": [], - "parentRelations": [ - { - "id": "urn:uuid:1be6ec59-40fb-4993-9836-acb0e284fb02", - "idShort": null - } -], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "--", - "semanticDataModel": "BATCH", - "classification": "component", - "detailAspectModels": [ - { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2020", - functionValidUntil: "01.02.2020" - } + id: 'urn:uuid:1be6ec59-40fb-4993-9836-acb0e284fa03', + idShort: '--', + semanticModelId: 'NO-341449848714937445621543', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'SupplierAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'SUPPLIER', + childRelations: [], + parentRelations: [ + { + id: 'urn:uuid:1be6ec59-40fb-4993-9836-acb0e284fb02', + idShort: null, + }, + ], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: '--', + semanticDataModel: 'BATCH', + classification: 'component', + detailAspectModels: [ + { + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2020', + functionValidUntil: '01.02.2020', + }, + }, + { + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890BB', + }, + }, + ], }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } -] -}, -{ - "id": "urn:uuid:4a5e9ff6-2d5c-4510-a90e-d55af3ba502f", - "idShort": "--", - "semanticModelId": "NO-246880451848384868750731", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "SupplierAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "SUPPLIER", - "childRelations": [], - "parentRelations": [ - { - "id": "urn:uuid:f11ddc62-3bd5-468f-b7b0-110fe13ed0cd", - "idShort": null - } -], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "--", - "semanticDataModel": "SERIALPART", - "classification": "component", - "detailAspectModels": [ - { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2020", - functionValidUntil: "01.02.2020" - } + id: 'urn:uuid:4a5e9ff6-2d5c-4510-a90e-d55af3ba502f', + idShort: '--', + semanticModelId: 'NO-246880451848384868750731', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'SupplierAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'SUPPLIER', + childRelations: [], + parentRelations: [ + { + id: 'urn:uuid:f11ddc62-3bd5-468f-b7b0-110fe13ed0cd', + idShort: null, + }, + ], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: '--', + semanticDataModel: 'SERIALPART', + classification: 'component', + detailAspectModels: [ + { + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2020', + functionValidUntil: '01.02.2020', + }, + }, + { + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890YY', + }, + }, + ], }, { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } -] -}, -{ - "id": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e43842", - "idShort": "--", - "semanticModelId": "12345678ABC", - "businessPartner": "BPNL00000003CML1", - "manufacturerName": "MyManufacturerName", - nameAtManufacturer: "SupplierAsPlannedPartName", - manufacturerPartId: "ManuPartID", - "owner": "SUPPLIER", - "childRelations": [], - "parentRelations": [], - "activeAlert": false, - "underInvestigation": false, - "qualityType": "Ok", - "van": "--", - "semanticDataModel": "JUSTINSEQUENCE", - "classification": "product", - "detailAspectModels": [ - { - "type": "AS_PLANNED", - "data": { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } + id: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e43842', + idShort: '--', + semanticModelId: '12345678ABC', + businessPartner: 'BPNL00000003CML1', + manufacturerName: 'MyManufacturerName', + nameAtManufacturer: 'SupplierAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + owner: 'SUPPLIER', + childRelations: [], + parentRelations: [], + activeAlert: false, + underInvestigation: false, + qualityType: 'Ok', + van: '--', + semanticDataModel: 'JUSTINSEQUENCE', + classification: 'product', + detailAspectModels: [ + { + type: 'AS_PLANNED', + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, + }, + { + type: 'PART_SITE_INFORMATION_AS_PLANNED', + data: { + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890ZZ', + }, + }, + ], }, - { - "type": "PART_SITE_INFORMATION_AS_PLANNED", - "data": { - "functionValidUntil": "Sat Feb 08 03:30:48 GMT 2025", - "function": "production", - "functionValidFrom": "Wed Aug 21 00:10:36 GMT 2019", - "catenaXSiteId": "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } -] -}, - -] +]; diff --git a/frontend/src/app/mocks/services/parts-mock/partsAsPlanned/partsAsPlanned.model.ts b/frontend/src/app/mocks/services/parts-mock/partsAsPlanned/partsAsPlanned.model.ts index 440e5c31d9..c2ac800f66 100644 --- a/frontend/src/app/mocks/services/parts-mock/partsAsPlanned/partsAsPlanned.model.ts +++ b/frontend/src/app/mocks/services/parts-mock/partsAsPlanned/partsAsPlanned.model.ts @@ -56,7 +56,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890AA', }, }, ], @@ -97,7 +97,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890AA', }, }, ], @@ -138,7 +138,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890AA', }, }, ], @@ -174,7 +174,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890BB', }, }, ], @@ -220,7 +220,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890CC', }, }, ], @@ -257,7 +257,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890CC', }, }, ], @@ -299,7 +299,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890DD', }, }, ], @@ -341,7 +341,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890DD', }, }, ], @@ -382,7 +382,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890YY', }, }, ], @@ -423,7 +423,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890YY', }, }, ], @@ -464,7 +464,7 @@ export const mockBmwAsPlannedAssets = [ functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890ZZ', }, }, ], @@ -494,7 +494,7 @@ const MockEmptyPart: PartResponse = { functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', function: 'production', functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', - catenaXSiteId: 'urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01', + catenaXSiteId: 'BPNS1234567890ZZ', }, }, ], diff --git a/frontend/src/app/mocks/services/parts-mock/partsAsPlanned/partsAsPlanned.test.model.ts b/frontend/src/app/mocks/services/parts-mock/partsAsPlanned/partsAsPlanned.test.model.ts index a0613ae5dc..0ba52f108e 100644 --- a/frontend/src/app/mocks/services/parts-mock/partsAsPlanned/partsAsPlanned.test.model.ts +++ b/frontend/src/app/mocks/services/parts-mock/partsAsPlanned/partsAsPlanned.test.model.ts @@ -21,33 +21,34 @@ import { DetailAspectType } from '@page/parts/model/detailAspectModel.model'; import { PartResponse, PartsResponse, QualityType, SemanticDataModel } from '@page/parts/model/parts.model'; -import {Owner} from '@page/parts/model/owner.enum'; +import { Owner } from '@page/parts/model/owner.enum'; export const MOCK_part_5 = { id: 'MOCK_part_5', idShort: 'MOCK_part_5', businessPartner: 'BPNCML1000001', manufacturerName: 'Mercedes Benz', - nameAtManufacturer: "K-130", - manufacturerPartId: "ManuPartID", - classification: "A-Level", - semanticModelId: "semanticID", - detailAspectModels: [{ - type: DetailAspectType.AS_PLANNED, - data: { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } - }, + nameAtManufacturer: 'K-130', + manufacturerPartId: 'ManuPartID', + classification: 'A-Level', + semanticModelId: 'semanticID', + detailAspectModels: [ + { + type: DetailAspectType.AS_PLANNED, + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, + }, { type: DetailAspectType.PART_SITE_INFORMATION_AS_PLANNED, data: { - functionValidUntil: "Sat Feb 08 03:30:48 GMT 2025", - function: "production", - functionValidFrom: "Wed Aug 21 00:10:36 GMT 2019", - catenaXSiteId: "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890AA', + }, + }, ], owner: Owner.OWN, childRelations: [], @@ -64,26 +65,27 @@ export const MOCK_part_4 = { idShort: 'MOCK_part_4', businessPartner: 'BPNCML000001', manufacturerName: 'Daimler', - nameAtManufacturer: "F-Klasse", - manufacturerPartId: "ManuPartID", - semanticModelId: "semanticID", + nameAtManufacturer: 'F-Klasse', + manufacturerPartId: 'ManuPartID', + semanticModelId: 'semanticID', classification: 'B-Level', - detailAspectModels: [{ - type: DetailAspectType.AS_PLANNED, - data: { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } - }, + detailAspectModels: [ + { + type: DetailAspectType.AS_PLANNED, + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, + }, { type: DetailAspectType.PART_SITE_INFORMATION_AS_PLANNED, data: { - functionValidUntil: "Sat Feb 08 03:30:48 GMT 2025", - function: "production", - functionValidFrom: "Wed Aug 21 00:10:36 GMT 2019", - catenaXSiteId: "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890BB', + }, + }, ], owner: Owner.OWN, childRelations: [], @@ -99,30 +101,31 @@ export const MOCK_part_3 = { id: 'MOCK_part_3', idShort: 'MOCK_part_3', businessPartner: 'Mercedes-Benz', - semanticModelId: "semanticID", + semanticModelId: 'semanticID', manufacturerName: 'BWM AG', nameAtManufacturer: 'Back Door Left', - manufacturerPartId: "ManuPartID", + manufacturerPartId: 'ManuPartID', classification: 'C-Level', - detailAspectModels: [{ - type: DetailAspectType.AS_PLANNED, - data: { - validityPeriodFrom: "01.01.2022", - validityPeriodTo: "01.02.2022", - } - }, + detailAspectModels: [ + { + type: DetailAspectType.AS_PLANNED, + data: { + validityPeriodFrom: '01.01.2022', + validityPeriodTo: '01.02.2022', + }, + }, { type: DetailAspectType.PART_SITE_INFORMATION_AS_PLANNED, data: { - functionValidUntil: "Sat Feb 08 03:30:48 GMT 2025", - function: "production", - functionValidFrom: "Wed Aug 21 00:10:36 GMT 2019", - catenaXSiteId: "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890CC', + }, + }, ], owner: Owner.OWN, - childRelations: [ { id: MOCK_part_5.id, idShort: MOCK_part_5.idShort } ], + childRelations: [{ id: MOCK_part_5.id, idShort: MOCK_part_5.idShort }], parentRelations: [], activeAlert: false, underInvestigation: false, @@ -136,26 +139,27 @@ export const MOCK_part_2 = { idShort: 'MOCK_part_2', businessPartner: 'BMW', manufacturerName: 'BMW AG', - nameAtManufacturer: "MyAsPlannedPartName", - manufacturerPartId: "ManuPartID", - semanticModelId: "semanticID", + nameAtManufacturer: 'MyAsPlannedPartName', + manufacturerPartId: 'ManuPartID', + semanticModelId: 'semanticID', classification: 'A-Level', - detailAspectModels: [{ - type: DetailAspectType.AS_PLANNED, - data: { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } - }, + detailAspectModels: [ + { + type: DetailAspectType.AS_PLANNED, + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, + }, { type: DetailAspectType.PART_SITE_INFORMATION_AS_PLANNED, data: { - functionValidUntil: "Sat Feb 08 03:30:48 GMT 2025", - function: "production", - functionValidFrom: "Wed Aug 21 00:10:36 GMT 2019", - catenaXSiteId: "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890DD', + }, + }, ], owner: Owner.OWN, childRelations: [{ id: MOCK_part_4.id, idShort: MOCK_part_4.idShort }], @@ -171,27 +175,28 @@ export const MOCK_part_1 = { id: 'MOCK_part_1', idShort: 'MOCK_part_1', businessPartner: 'Audi', - semanticModelId: "mySemanticModelId", + semanticModelId: 'mySemanticModelId', manufacturerName: 'Audi AG', - nameAtManufacturer: "MyAsPlannedPartName", - manufacturerPartId: "ManuPartID", + nameAtManufacturer: 'MyAsPlannedPartName', + manufacturerPartId: 'ManuPartID', classification: 'C-Level', - detailAspectModels: [{ - type: DetailAspectType.AS_PLANNED, - data: { - validityPeriodFrom: "01.01.2023", - validityPeriodTo: "01.02.2023", - } - }, + detailAspectModels: [ + { + type: DetailAspectType.AS_PLANNED, + data: { + validityPeriodFrom: '01.01.2023', + validityPeriodTo: '01.02.2023', + }, + }, { type: DetailAspectType.PART_SITE_INFORMATION_AS_PLANNED, data: { - functionValidUntil: "Sat Feb 08 03:30:48 GMT 2025", - function: "production", - functionValidFrom: "Wed Aug 21 00:10:36 GMT 2019", - catenaXSiteId: "urn:uuid:0733946c-59c6-41ae-9570-cb43a6e4da01" - } - } + functionValidUntil: 'Sat Feb 08 03:30:48 GMT 2025', + function: 'production', + functionValidFrom: 'Wed Aug 21 00:10:36 GMT 2019', + catenaXSiteId: 'BPNS1234567890ZZ', + }, + }, ], owner: Owner.OWN, childRelations: [ @@ -203,7 +208,7 @@ export const MOCK_part_1 = { underInvestigation: false, qualityType: QualityType.Ok, van: 'myvan1', - semanticDataModel: SemanticDataModel.SERIALPART + semanticDataModel: SemanticDataModel.SERIALPART, }; export const mockAssets: PartsResponse = { diff --git a/frontend/src/app/modules/page/alerts/presentation/alerts.component.html b/frontend/src/app/modules/page/alerts/presentation/alerts.component.html index b7079030ac..522075b8f3 100644 --- a/frontend/src/app/modules/page/alerts/presentation/alerts.component.html +++ b/frontend/src/app/modules/page/alerts/presentation/alerts.component.html @@ -79,6 +79,11 @@
{{ tableHeader | i18n }}
- |
||||||||
+ | ||||||||
-
{{ 'table.noResultFound' | i18n }}{{ 'table.tryAgain' | i18n }} |
+ + | ++ | + +
-
-
+
|
-
- |
{{ 'table.noResultFound' | i18n }}
mat-header-cell
[ngClass]="{ hasQualityAlertsHeader: column === '!' }"
class="table--header--id: column === 'id'"
- (click)="sortingEventTrigger(column)"
- >
+ (click)="sortingEventTrigger(column)">
{{
- tableConfig?.header?.[column] | i18n }}
-
-
-
-
+
-
+
+ class="table--header--cell--content--sort--dsc" />
-
{{ 'table.noResultFound' | i18n }}
+
{{ i + 1 + '.' }}{{ item[1] === 'asc' ? '↑' : item[1] === 'desc' ? '↓' : '' }}
|
- + |
{{ 'table.noResultFound' | i18n }}!
{{ 'table.noResultFound' | i18n }}{{ pureColumn }} -
+
\ No newline at end of file
diff --git a/frontend/src/app/modules/shared/components/table-settings/table-settings.component.scss b/frontend/src/app/modules/shared/components/table-settings/table-settings.component.scss
new file mode 100644
index 0000000000..43f9e92e6a
--- /dev/null
+++ b/frontend/src/app/modules/shared/components/table-settings/table-settings.component.scss
@@ -0,0 +1,191 @@
+/********************************************************************************
+ * Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Apache License, Version 2.0 which is available at
+ * https://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ ********************************************************************************/
+@import '../../../../../theme/base.scss';
+@tailwind base;
+
+.container {
+ width: 240px;
+ overflow: hidden !important;
+}
+
+.dialog--item--container {
+ width: 100%;
+ padding: 3px;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ box-sizing: border-box;
+}
+
+.dialog--item--container_static {
+ width: 100%;
+ padding: 3px;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ box-sizing: border-box;
+}
+
+.dialog--content {
+ display: flex;
+ flex-direction: column;
+
+ .table--header--tooltip {
+ .mdc-tooltip__surface {
+ background-color: rgb(48, 48, 48);
+ @apply font-medium;
+ color: white;
+ max-width: 300px;
+ padding: 15px;
+ font-size: 14px;
+ line-height: 20px;
+
+ }
+
+ .mdc-tooltip--multiline {
+ white-space: pre-line;
+ }
+ }
+
+ .select-all-container {
+ display: flex;
+ justify-content: space-between;
+ padding-left: 16px;
+ }
+
+ .placeholder {
+ background: #ccc;
+ border: dotted 3px #999;
+ min-height: 24px;
+ transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .dialog--header--container {
+ display: flex;
+ padding-bottom: 24px;
+ justify-content: space-between;
+ }
+
+ .mat-icon {
+ width: 32px;
+ height: 32px;
+ font-size: 30px;
+ margin-top: 4px;
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .dialog--content--menu--order {
+ display: flex;
+ gap: 8px;
+ margin-right: 12px;
+ }
+
+ .dialog--header--text {
+ @extend .title-small;
+ font-weight: 600;
+ font-size: 16px;
+ text-align: left;
+ justify-self: center;
+ color: black;
+ }
+
+ .dialog--columns--container {
+ font-size: 18px;
+ }
+
+ .divider {
+ color: #D2D2D2;
+ }
+
+ .dialog--columns--columns--list .mdc-form-field {
+ height: 24px !important;
+ }
+
+ .drag-icon {
+ margin-left: 5px;
+ opacity: 0;
+ }
+
+ .dialog--item--container:hover {
+ background-color: rgb(237, 240, 244);
+ }
+
+ .dialog--item--container:hover img {
+ opacity: 1;
+ }
+
+ .dialog--columns--columns--list {
+ @extend .body-xsmall;
+ font-size: 12px;
+ line-height: 13.2px;
+ font-weight: 400;
+ }
+
+ // .dialog--columns--columns--list:hover {
+ // background-color: rgb(237, 240, 244);
+ // }
+}
+
+.dialog--actions--container {
+ background-color: rgb(237, 240, 244);
+ width: 100%;
+ display: flex;
+ justify-content: center;
+
+ .dialog--actions--save--button {
+ display: inline-flex;
+ -webkit-box-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ justify-content: center;
+ position: relative;
+ box-sizing: border-box;
+ -webkit-tap-highlight-color: transparent;
+ outline: 0px;
+ border: 0px;
+ margin: 0px;
+ cursor: pointer;
+ user-select: none;
+ vertical-align: middle;
+ appearance: none;
+ text-decoration: none;
+ font-family: LibreFranklin, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 500;
+ line-height: 1.5;
+ color: rgb(255, 255, 255);
+ min-width: 64px;
+ transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+
+ background-color: rgb(15, 113, 203);
+ border-radius: 50px;
+ font-size: 18px;
+ padding: 14px 32px;
+ box-shadow: rgba(15, 113, 203, 0.4) 0px 0px 0px 3px;
+ }
+
+ .dialog--actions--save--button:hover,
+ .dialog--actions--save--button:active,
+ .dialog--actions--save--button:focus {
+ background-color: rgb(13, 85, 175)
+ }
+
+}
\ No newline at end of file
diff --git a/frontend/src/app/modules/shared/components/table-settings/table-settings.component.spec.ts b/frontend/src/app/modules/shared/components/table-settings/table-settings.component.spec.ts
new file mode 100644
index 0000000000..73a3d014c1
--- /dev/null
+++ b/frontend/src/app/modules/shared/components/table-settings/table-settings.component.spec.ts
@@ -0,0 +1,150 @@
+/********************************************************************************
+ * Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Apache License, Version 2.0 which is available at
+ * https://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ ********************************************************************************/
+import { APP_INITIALIZER } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { TableSettingsService } from '@core/user/table-settings.service';
+import { PartTableType } from '@shared/components/table/table.model';
+import { SharedModule } from '@shared/shared.module';
+import { I18NEXT_SERVICE, I18NextModule, ITranslationService } from 'angular-i18next';
+import { TableSettingsComponent } from './table-settings.component';
+
+describe('TableSettingsComponent', () => {
+ let component: TableSettingsComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+ {{title | i18n}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ tableHeader | i18n }}
0 || filteredContent; else displayMessage">
-
+
{{ translationContext + '.status.' + status | i18n }}
{{ text }} {{ text }} {{ text | formatDate : { dateStyle: 'short', timeStyle: 'short' } }}
- {{ translationContext + '.tabs.received' | i18n }} {{ itemCountString }}
+ {{ translationContext + '.tabs.received' | i18n }}
+ ({{ itemCount[tabIndex$ | async] }})
- {{ translationContext + '.tabs.queuedAndRequested' | i18n }} {{ itemCountString }}
+ {{ translationContext + '.tabs.queuedAndRequested' | i18n }}
+ ({{ itemCount[tabIndex$ | async] }})
-
-
+
@@ -46,26 +46,30 @@
-
|
---|