From d0b7be7315097549e8c12b259a03de87ea745c7e Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Fri, 21 Nov 2025 13:40:19 +0200
Subject: [PATCH 01/13] added shopping cart in products portal

---
 .../preview-market-place-item.component.html                | 4 ++--
 .../preview-market-place-item.component.ts                  | 6 +++++-
 src/app/shared/navbar/navbar.component.html                 | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/p_product/marketplace/preview-market-place-item/preview-market-place-item.component.html b/src/app/p_product/marketplace/preview-market-place-item/preview-market-place-item.component.html
index e5645e7..ccb2bac 100644
--- a/src/app/p_product/marketplace/preview-market-place-item/preview-market-place-item.component.html
+++ b/src/app/p_product/marketplace/preview-market-place-item/preview-market-place-item.component.html
@@ -39,14 +39,14 @@
 
                     </div>
 
-                    <!-- <button *ngIf="(authService.isAuthenticated$ | async)" type="button" class="btn btn-primary my-3" (click)="placeInOrderList()">
+                    <button *ngIf="(authService.isAuthenticated$ | async)" type="button" class="btn btn-primary my-3" (click)="placeInOrderList()">
                         <i class="fas fa-shopping-cart mr-1"></i>
                         <span> Place in Order List </span>
                     </button>
 
                     <div *ngIf="!(authService.isAuthenticated$ | async)" class="my-3">
                         <b class="shadowed">You must be logged in to place an order</b>
-                    </div> -->
+                    </div>
                     <!-- <div class="separator-div"></div> -->
 
                 </div>
diff --git a/src/app/p_product/marketplace/preview-market-place-item/preview-market-place-item.component.ts b/src/app/p_product/marketplace/preview-market-place-item/preview-market-place-item.component.ts
index 2d5fff5..c4e2e85 100644
--- a/src/app/p_product/marketplace/preview-market-place-item/preview-market-place-item.component.ts
+++ b/src/app/p_product/marketplace/preview-market-place-item/preview-market-place-item.component.ts
@@ -4,6 +4,7 @@ import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { ProductOffering, ProductSpecification } from 'src/app/openApis/productCatalogManagement/models';
 import { ProductSpecificationService } from 'src/app/openApis/productCatalogManagement/services';
 import { fadeIn } from 'src/app/shared/animations/animations';
+import { AuthService } from 'src/app/shared/services/auth.service';
 import { ThemingService } from 'src/app/theming/theming.service';
 
 @Component({
@@ -20,7 +21,8 @@ export class PreviewMarketPlaceItemComponent implements OnInit {
     },
     private dialogRef: MatDialogRef<PreviewMarketPlaceItemComponent>,
     private specService: ProductSpecificationService,
-    private themingService: ThemingService
+    private themingService: ThemingService,
+    public authService: AuthService
   ) { }
 
   productOffering: ProductOffering
@@ -54,6 +56,8 @@ export class PreviewMarketPlaceItemComponent implements OnInit {
 
   }
 
+  placeInOrderList() {}
+
   closeDialog() {
       this.dialogRef.close()
   }
diff --git a/src/app/shared/navbar/navbar.component.html b/src/app/shared/navbar/navbar.component.html
index b607aac..685b82b 100644
--- a/src/app/shared/navbar/navbar.component.html
+++ b/src/app/shared/navbar/navbar.component.html
@@ -261,7 +261,7 @@
             <ng-container *ngIf="appService.portalDomain !== '' && appService.portalDomain !== 'metrics'">
                 <ng-container *ngIf="authService.isAuthenticated$ | async; else elseTemplate">
                     <ul class="navbar-nav">
-                            <li class="nav-item" [@fadeIn] *ngIf="appService.portalDomain === 'services'">
+                            <li class="nav-item" [@fadeIn] *ngIf="appService.portalDomain === 'services' || appService.portalDomain === 'products'">
                                 <a class="nav-link d-flex align-items-center" routerLink="/{{appService.portalDomain}}/service_order_checkout">
                                     <span class="badge badge-danger mr-1"> {{requesterService.orderedSpecsList.length}} </span>
                                     <i class="fas fa-shopping-cart mr-1"></i>
-- 
GitLab


From b648407f43a48d4d62c09e6c5bcfc5564fcbd926 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Mon, 24 Nov 2025 11:22:27 +0200
Subject: [PATCH 02/13] added product spec characteristic tab with
 update/create characteristic dialog

---
 src/app/app-products.module.ts                |   2 +
 ...roduct-spec-characteristics.component.html | 229 ++++++++++++++++++
 ...roduct-spec-characteristics.component.scss |   0
 ...-product-spec-characteristics.component.ts | 210 ++++++++++++++++
 .../edit-product-specs.component.html         | 114 +++++++++
 .../edit-product-specs.component.ts           |  63 ++++-
 6 files changed, 611 insertions(+), 7 deletions(-)
 create mode 100644 src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.html
 create mode 100644 src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.scss
 create mode 100644 src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts

diff --git a/src/app/app-products.module.ts b/src/app/app-products.module.ts
index 7ac9468..e68f47d 100644
--- a/src/app/app-products.module.ts
+++ b/src/app/app-products.module.ts
@@ -10,6 +10,7 @@ import { ListProductSpecsComponent } from './p_product/admin/productCatalogManag
 import { EditProductCatalogsComponent } from './p_product/admin/productCatalogManagement/edit-product-catalogs/edit-product-catalogs.component';
 import { EditProductCategoriesComponent } from './p_product/admin/productCatalogManagement/edit-product-categories/edit-product-categories.component';
 import { EditProductSpecsComponent } from './p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component';
+import { EditProductSpecCharacteristicsComponent } from './p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component';
 import { DeleteProductCatalogsComponent } from './p_product/admin/productCatalogManagement/delete-product-catalogs/delete-product-catalogs.component';
 import { DeleteProductCategoriesComponent } from './p_product/admin/productCatalogManagement/delete-product-categories/delete-product-categories.component';
 import { DeleteProductSpecsComponent } from './p_product/admin/productCatalogManagement/delete-product-specs/delete-product-specs.component';
@@ -34,6 +35,7 @@ import { AssignSubcategoriesComponent } from './p_product/admin/productCatalogMa
         EditProductCatalogsComponent,
         EditProductCategoriesComponent,
         EditProductSpecsComponent,
+        EditProductSpecCharacteristicsComponent,
         DeleteProductCatalogsComponent,
         DeleteProductCategoriesComponent,
         DeleteProductSpecsComponent,
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.html
new file mode 100644
index 0000000..c084cef
--- /dev/null
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.html
@@ -0,0 +1,229 @@
+<div class="container">
+
+    <h4 mat-dialog-title class="row shadowed mb-3" *ngIf="newSpec">
+            <i class="far fa-clipboard mr-2"></i>
+            <span>Design New Product Characteristic</span>
+    </h4>
+    
+    <h4  mat-dialog-title class=" shadowed mb-3" *ngIf="!newSpec">
+            <i class="far fa-edit mr-2"></i>
+            <span>Edit Service Characteristic</span>
+    </h4>
+    
+    <form [formGroup]="editFormCharacteristic">
+        <mat-dialog-content>
+    
+            <div class="row justify-content-center align-items-center">
+                <mat-form-field class="col-md-12">
+                    <mat-label>Name</mat-label>
+                    <input matInput formControlName="name">
+                </mat-form-field>
+                
+                <mat-form-field class="col-md-12">
+                    <mat-label>Description</mat-label>
+                    <textarea matTextareaAutosize="true" matAutosizeMinRows="2" matInput formControlName="description"></textarea>
+                </mat-form-field>
+                
+                <div class="col-12" formGroupName="validFor">
+                    <div class="row">
+                        <mat-form-field class="col-md-6" [owlDateTimeTrigger]="pickerFrom">
+                            <mat-label>Valid From</mat-label>
+                            <!-- <input matInput [matDatepicker]="pickerFrom" formControlName="startDateTime">
+                                                                <mat-datepicker-toggle matSuffix [for]="pickerFrom"></mat-datepicker-toggle>
+                                                                <mat-datepicker #pickerFrom></mat-datepicker> -->
+                
+                            <input matInput [owlDateTime]="pickerFrom" placeholder="Date Time" formControlName="startDateTime">
+                            <mat-icon matSuffix>date_range</mat-icon>
+                            <!-- <span [owlDateTimeTrigger]="dt1"><i class="fa fa-calendar"></i></span> -->
+                            <owl-date-time #pickerFrom></owl-date-time>
+                        </mat-form-field>
+                
+                        <mat-form-field class="col-md-6" [owlDateTimeTrigger]="pickerUntil">
+                            <mat-label>Valid Until</mat-label>
+                            <!-- <input matInput [matDatepicker]="pickerUntil" formControlName="endDateTime">
+                                                                <mat-datepicker-toggle matSuffix [for]="pickerUntil"></mat-datepicker-toggle>
+                                                                <mat-datepicker #pickerUntil></mat-datepicker> -->
+                            <input matInput [owlDateTime]="pickerUntil" placeholder="Date Time" formControlName="endDateTime">
+                            <mat-icon matSuffix>date_range</mat-icon>
+                            <!-- <span [owlDateTimeTrigger]="dt1"><i class="fa fa-calendar"></i></span> -->
+                            <owl-date-time #pickerUntil></owl-date-time>
+                        </mat-form-field>
+                    </div>
+                </div>
+    
+                <mat-form-field [ngClass]="{'col-lg-2':subTypeSelection, 'col-lg-4':!subTypeSelection}">
+                    <mat-label>Value Type</mat-label>
+                    <mat-select formControlName="valueType">
+                        <mat-option *ngFor="let type of valueTypes" [value]="type">
+                            {{type}}</mat-option>
+                    </mat-select>
+                </mat-form-field>
+                
+                <mat-form-field class="col-lg-2" *ngIf="subTypeSelection">
+                    <mat-label>Of</mat-label>
+                    <mat-select [formControl]="subValueTypeCtrl">
+                        <mat-option *ngFor="let type of subValueTypes" [value]="type">
+                            {{type}}</mat-option>
+                    </mat-select>
+                </mat-form-field>
+
+                <!-- <mat-form-field appearance="" class="col-md-2">
+                    <mat-label>Value Sub Type</mat-label>
+                    <mat-select [formControl]="valueSubType">
+                        <mat-option *ngFor="let type of valueTypes" [value]="type">
+                            {{type}}</mat-option>
+                    </mat-select>
+                </mat-form-field> -->
+                
+                <mat-form-field class="col-lg-2">
+                    <mat-label>Min Cardinality</mat-label>
+                    <input matInput type="number" formControlName="minCardinality">
+                </mat-form-field>
+                
+                <mat-form-field class="col-lg-2">
+                    <mat-label>Max Cardinality</mat-label>
+                    <input matInput type="number" formControlName="maxCardinality">
+                </mat-form-field>
+                
+                <div class="col-lg-4">
+                    <div class="row">
+                        <div class="col-6 text-center">
+                            <mat-checkbox color="primary" formControlName="extensible">Extensible</mat-checkbox>
+                        </div>
+                        
+                        <div class="col-6 text-center ">
+                            <mat-checkbox color="primary" formControlName="configurable">Configurable</mat-checkbox>
+                        </div>    
+                    </div>
+                </div>
+    
+            </div>
+        
+            <div class="mt-3" *ngIf="editFormCharacteristic.controls.valueType.value">
+                <h5 class="shadowed mb-3 d-flex align-items-center">
+                    <div class="mr-4">
+                        <i class="fas fa-sort-numeric-up-alt mr-2"></i>
+                        <span>Service Characteristic Value</span>
+                    </div>
+                    <div>
+                        <button type="button" class="btn btn-success btn-sm" (click)="createFormArrayItem()"><i
+                                class="fas fa-plus-circle mr-2"></i>Add</button>
+                    </div>
+                </h5>
+            
+                <div formArrayName="serviceSpecCharacteristicValue" class="container-fluid">
+            
+                    <div *ngFor="let val of editFormCharacteristic.get('serviceSpecCharacteristicValue')['controls']; let i = index;"
+                        [formGroupName]="i" class="row align-items-center justify-content-center characteristic-value-container" [@fadeIn]>
+                    
+                        <ng-template [ngIf]="!isCharValueBlockExpanded[i]" [ngIfElse]="blockExpanded">
+                            <div formGroupName="value" class="col-lg-6 mt-2">
+                                <div class="row">
+                                    <mat-form-field class="col-lg-6">
+                                        <mat-label>Alias</mat-label>
+                                        <input matInput formControlName="alias">
+                                    </mat-form-field>
+                                    <mat-form-field class="col-lg-6">
+                                        <mat-label>Value</mat-label>
+                                        <input matInput formControlName="value">
+                                    </mat-form-field>
+                    
+                                </div>
+                            </div>
+                    
+                            <mat-form-field class="col-lg-2 mt-2">
+                                <mat-label>Unit Of Measure</mat-label>
+                                <input matInput formControlName="unitOfMeasure">
+                            </mat-form-field>
+                    
+                            <div class="col-lg-2 text-center mt-2">
+                                <mat-checkbox color="primary" formControlName="isDefault" (change)="isDefaultCheckboxChanged(i, $event)">Is
+                                    Default
+                                </mat-checkbox>
+                            </div>
+
+                            <div class="col-lg-2">
+                                <div class="row">
+                                    <div class="col-6">
+                                        <div class="text-left text-lg-center mt-1">
+                                            <button class="btn btn-md" (click)="deleteFormArrayItem(i)"><i
+                                                    class="far fa-trash-alt" aria-hidden="true" matTooltip="Delete value"></i></button>
+                                        </div>
+                                    </div>
+        
+                                    <div class="col-6">
+                                        <div class="text-right">
+                                            <button class="btn btn-lg" (click)="expandCharValueBlock(i)"><i
+                                                    class="fa fa-expand" aria-hidden="true" matTooltip="Expand block"></i></button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </ng-template>
+                    
+                        <ng-template #blockExpanded>
+                    
+                            <div formGroupName="value" class="col-lg-6 mt-2 order-1">
+                                <!-- <div class="row"> -->
+                                <mat-form-field>
+                                    <mat-label>Alias</mat-label>
+                                    <input matInput formControlName="alias">
+                                </mat-form-field>
+                            </div>
+
+                            <mat-form-field class="col-lg-2 mt-2 order-3 order-md-2">
+                                <mat-label>Unit Of Measure</mat-label>
+                                <input matInput formControlName="unitOfMeasure">
+                            </mat-form-field>
+                    
+                            <div class="col-lg-2 text-center mt-2 order-4">
+                                <mat-checkbox color="primary" formControlName="isDefault" (change)="isDefaultCheckboxChanged(i, $event)">Is
+                                    Default
+                                </mat-checkbox>
+                            </div>
+
+
+                            <div class="col-lg-2  order-5">
+                                <div class="row">
+                                    <div class="col-6">
+                                        <div class="text-left text-lg-center mt-1">
+                                            <button class="btn btn-md" (click)="deleteFormArrayItem(i)"><i
+                                                    class="far fa-trash-alt" aria-hidden="true" matTooltip="Delete value"></i></button>
+                                        </div>
+                                    </div>
+        
+                                    <div class="col-6">
+                                        <div class="text-right">
+                                            <button class="btn btn-lg" (click)="expandCharValueBlock(i)"><i
+                                                    class="fa fa-compress" aria-hidden="true" matTooltip="Collapse block"></i></button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                    
+                            <div class="col-md-12 order-2 order-lg-6" formGroupName="value">
+                                <mat-form-field>
+                                    <mat-label>Value</mat-label>
+                                    <textarea matTextareaAutosize="true" matAutosizeMaxRows="4" matInput formControlName="value"></textarea>
+                                    <!-- <input matInput formControlName="value"> -->
+                                </mat-form-field>
+                            </div>
+                            
+                        </ng-template>
+                                       
+                    </div>
+
+                </div>
+            
+            </div>
+        
+        </mat-dialog-content>
+                <div class="container-fluid">
+                    <div class="row justify-content-end">
+                        <button type="button" class="btn btn-danger m-2" (click)="closeDialog()">Cancel</button>
+                        <button type="submit" class="btn btn-success m-2" (click)="submitDialog()">Submit</button>
+                    </div>
+                </div>
+    </form>
+</div>
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.scss b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
new file mode 100644
index 0000000..981cd59
--- /dev/null
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
@@ -0,0 +1,210 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { UntypedFormGroup, UntypedFormControl, UntypedFormArray } from '@angular/forms';
+import { ToastrService } from 'ngx-toastr';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { trigger } from '@angular/animations';
+import { fadeIn, simpleFade } from 'src/app/shared/animations/animations';
+import { ProductSpecification, ProductSpecificationCharacteristicRes, ProductSpecificationCharacteristicValue, ProductSpecificationUpdate } from 'src/app/openApis/productCatalogManagement/models';
+import { ProductSpecificationService } from 'src/app/openApis/productCatalogManagement/services';
+
+
+
+@Component({
+    selector: 'app-edit-product-spec-characteristics',
+    templateUrl: './edit-product-spec-characteristics.component.html',
+    styleUrls: ['./edit-product-spec-characteristics.component.scss'],
+    animations: [trigger('fadeIn', fadeIn()), trigger('simpleFade', simpleFade())]
+})
+export class EditProductSpecCharacteristicsComponent implements OnInit {
+
+    constructor(
+        @Inject(MAT_DIALOG_DATA) public data: {
+            productSpec: ProductSpecification,
+            specToBeUpdated: ProductSpecificationCharacteristicRes,
+        },
+        private dialogRef: MatDialogRef<EditProductSpecCharacteristicsComponent>,
+        private specService: ProductSpecificationService,
+        private toast: ToastrService
+    ) { }
+
+    editFormCharacteristic = new UntypedFormGroup({
+        name: new UntypedFormControl(),
+        description: new UntypedFormControl(),
+        configurable: new UntypedFormControl(),
+        extensible: new UntypedFormControl(),
+        maxCardinality: new UntypedFormControl(1),
+        minCardinality: new UntypedFormControl(0),
+        validFor: new UntypedFormGroup({
+            endDateTime: new UntypedFormControl(new Date(new Date().setFullYear(new Date().getFullYear() + 20))),
+            startDateTime: new UntypedFormControl(new Date())
+        }),
+        valueType: new UntypedFormControl(),
+        serviceSpecCharacteristicValue: new UntypedFormArray([])
+    })
+
+    subValueTypeCtrl = new UntypedFormControl('INTEGER')
+
+    valueTypes = ['INTEGER', 'SMALLINT', 'LONGINT', 'FLOAT', 'BINARY', 'BOOLEAN', 'ARRAY', 'SET', 'TEXT', 'LONGTEXT', 'ENUM', 'TIMESTAMP']
+    subValueTypes = ['INTEGER', 'SMALLINT', 'LONGINT', 'FLOAT', 'BINARY', 'BOOLEAN', 'TEXT', 'LONGTEXT', 'TIMESTAMP']
+
+    // valueSubType = new FormControl()
+    subTypeSelection: boolean = false
+
+    newSpec: boolean = false
+
+    compDestroy$ = new Subject()
+
+    isCharValueBlockExpanded: boolean[] = []
+
+    ngOnInit(): void {
+        if (this.data.specToBeUpdated) {
+            if (!this.data.specToBeUpdated.validFor) this.data.specToBeUpdated.validFor = { endDateTime: null, startDateTime: null }
+            this.editFormCharacteristic.patchValue(this.data.specToBeUpdated)
+
+            const formArray = this.editFormCharacteristic.get('serviceSpecCharacteristicValue') as UntypedFormArray
+            this.data.specToBeUpdated.productSpecCharacteristicValue.forEach(val => {
+                formArray.push(this.updateFormArrayItem(val))
+                this.isCharValueBlockExpanded.push(false)
+            })
+
+            this.subValueTypeCtrl.patchValue(this.data.specToBeUpdated.productSpecCharacteristicValue[0].valueType)
+            if (['SET', 'ARRAY', 'ENUM'].includes(this.data.specToBeUpdated.valueType)) {
+                this.subTypeSelection = true
+            }
+        }
+
+        else { this.newSpec = true }
+
+        this.editFormCharacteristic.get('valueType').valueChanges.pipe(
+            takeUntil(this.compDestroy$)
+        )
+            .subscribe(
+                val => {
+                    this.editFormCharacteristic.setControl('serviceSpecCharacteristicValue', new UntypedFormArray([]))
+                    this.createFormArrayItem()
+
+
+                    if (['SET', 'ARRAY', 'ENUM'].includes(val)) {
+                        this.subTypeSelection = true
+                        this.subValueTypeCtrl.valueChanges.pipe(
+                            takeUntil(this.compDestroy$)
+                        )
+                            .subscribe(
+                                subVal => {
+                                    this.editFormCharacteristic.setControl('serviceSpecCharacteristicValue', new UntypedFormArray([]))
+                                    this.createFormArrayItem()
+                                }
+                            )
+                    } else {
+                        this.subTypeSelection = false
+                    }
+                    // const formArray = this.editFormCharacteristic.get('serviceSpecCharacteristicValue') as FormArray
+                    // if (val !== 'ARRAY' && val !=='ENUM' && val !=='SET') {       
+                    //   this.subTypeSelection = false   
+                    //   formArray.setControl(0,       
+                    //     new FormGroup({
+                    //     value: new FormGroup({
+                    //       alias: new FormControl(),
+                    //       value: new FormControl(),
+                    //     }),
+                    //     unitOfMeasure: new FormControl(),
+                    //     isDefault: new FormControl(),
+                    //     valueType: new FormControl(this.editFormCharacteristic.get('valueType').value)
+                    //   }))
+                    // }
+                }
+            )
+    }
+
+
+    updateFormArrayItem(CharValue: ProductSpecificationCharacteristicValue): UntypedFormGroup {
+        return new UntypedFormGroup({
+            value: new UntypedFormGroup({
+                alias: new UntypedFormControl(CharValue.value.alias),
+                value: new UntypedFormControl(CharValue.value.value),
+            }),
+            unitOfMeasure: new UntypedFormControl(CharValue.unitOfMeasure),
+            isDefault: new UntypedFormControl({ value: (CharValue.isDefault || this.data.specToBeUpdated.valueType === 'ARRAY'), disabled: this.data.specToBeUpdated.valueType === 'ARRAY' }),
+            valueType: new UntypedFormControl(CharValue.valueType)
+        })
+    }
+
+
+    createFormArrayItem() {
+        const formArray = this.editFormCharacteristic.get('serviceSpecCharacteristicValue') as UntypedFormArray
+
+        // let isDisabled: boolean = true
+        let subType: string = this.editFormCharacteristic.get('valueType').value
+
+        if (['SET', 'ARRAY', 'ENUM'].includes(this.editFormCharacteristic.get('valueType').value)) {
+            // isDisabled = false
+            subType = this.subValueTypeCtrl.value
+        }
+
+        formArray.push(
+            new UntypedFormGroup({
+                value: new UntypedFormGroup({
+                    alias: new UntypedFormControl(),
+                    value: new UntypedFormControl(),
+                }),
+                unitOfMeasure: new UntypedFormControl(),
+                isDefault: new UntypedFormControl({ value: this.editFormCharacteristic.get('valueType').value === 'ARRAY', disabled: this.editFormCharacteristic.get('valueType').value === 'ARRAY' }),
+                valueType: new UntypedFormControl(subType)
+            })
+        )
+        this.isCharValueBlockExpanded.push(false)
+    }
+
+    deleteFormArrayItem(index) {
+        const formArray = this.editFormCharacteristic.get('serviceSpecCharacteristicValue') as UntypedFormArray
+        formArray.removeAt(index)
+        this.isCharValueBlockExpanded.splice(index, 1)
+    }
+
+    expandCharValueBlock(index) {
+        this.isCharValueBlockExpanded[index] = !this.isCharValueBlockExpanded[index]
+    }
+
+    isDefaultCheckboxChanged(index, event: MatCheckboxChange) {
+        if (this.editFormCharacteristic.get('valueType').value === "ENUM" && event.checked) {
+            const formArray = this.editFormCharacteristic.get('serviceSpecCharacteristicValue') as UntypedFormArray
+            for (let i = 0; i < formArray.controls.length; i++) {
+                if (i !== index) formArray.controls[i].get('isDefault').setValue(false)
+            }
+        }
+    }
+
+
+    closeDialog() {
+        this.dialogRef.close()
+    }
+
+    submitDialog() {
+
+        if (this.newSpec) {
+            this.data.productSpec.productSpecCharacteristic.push(this.editFormCharacteristic.getRawValue())
+        } else {
+            // const updateCharacteristIndex = this.data.productSpec.productSpecCharacteristic.findIndex(char => char.id === this.data.specToBeUpdated.id)
+            // this.data.productSpec.productSpecCharacteristic[updateCharacteristIndex] = this.editFormCharacteristic.getRawValue()
+        }
+
+        const updateCharacteristicObj: ProductSpecificationUpdate = {
+            productSpecCharacteristic: this.data.productSpec.productSpecCharacteristic
+        }
+
+        this.specService.patchProductSpecification({ id: this.data.productSpec.id, productSpecification: updateCharacteristicObj }).subscribe(
+            data => { },
+            error => { console.error(error); this.toast.error("An error occurred upon updating Spec Characteristics") },
+            () => { this.dialogRef.close('updated') }
+        )
+    }
+
+    ngOnDestroy(): void {
+        this.compDestroy$.next("destroyed")
+    }
+
+
+}
\ No newline at end of file
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
index 29881af..b5153be 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
@@ -200,6 +200,120 @@
                                     </div>
                                 </div>
                                 <!-- END OF Related Parties Tab -->
+
+                                <!-- Product Specification Characteristics Tab -->
+                                <div class="tab-pane active" *ngIf="activeListItem === 'Product Specification Characteristics'"
+                                    role="tabpanel" [@fadeIn]>
+                                    <div class="card mat-elevation-z1 bg-light">
+                                        <div class="card-body">
+                                            <div
+                                                class="filter-container row align-items-center justify-content-center">
+                                                <mat-form-field appearance=""
+                                                    class="white-background col-xl-9 col-lg-8">
+                                                    <mat-label>Apply Filter...</mat-label>
+                                                    <input matInput
+                                                        (keyup)="applySpecCharFilter($event.target.value)">
+                                                </mat-form-field>
+
+                                                <div class="text-lg-right col-xl-3 col-lg-4 mb-3 mb-lg-0">
+                                                    <button type="button" class="btn btn-success btn-sm"
+                                                        (click)="openCharacteristicDesignDialog(null)">
+                                                        <i class="fas fa-plus-circle mr-2"></i>Create New
+                                                        Characteristic
+                                                    </button>
+                                                </div>
+                                            </div>
+                                            <div class="mb-3">
+                                                <mat-chip-list>
+                                                    <mat-chip *ngFor="let tag of specCharacteristicsTags"
+                                                        [selected]="tag === tagFiltervalue"
+                                                        (click)="filterCharacteristicsByTag(tag)">{{tag}}</mat-chip>
+                                                </mat-chip-list>
+                                            </div>
+
+                                            <div class="table-responsive">
+                                                <table mat-table [dataSource]="dataSource" matSort #specSort="matSort"
+                                                    matSortActive="name" matSortDirection="asc" matSortDisableClear
+                                                    class="table table-generic">
+                                                    <ng-container matColumnDef="name">
+                                                        <th mat-header-cell *matHeaderCellDef mat-sort-header> Name
+                                                        </th>
+                                                        <td mat-cell *matCellDef="let element"
+                                                            matTooltipClass="universal-tooltip"
+                                                            [matTooltip]="element.description"
+                                                            matTooltipPosition="above">
+                                                            <b>{{element.name}}</b> </td>
+                                                    </ng-container>
+
+                                                    <ng-container matColumnDef="type">
+                                                        <th mat-header-cell *matHeaderCellDef mat-sort-header> Value
+                                                            Type </th>
+                                                        <td mat-cell *matCellDef="let element">
+                                                            {{element.valueType}} </td>
+                                                    </ng-container>
+
+                                                    <ng-container matColumnDef="defaultValues">
+                                                        <th mat-header-cell *matHeaderCellDef mat-sort-header>
+                                                            Default Values </th>
+                                                        <td mat-cell *matCellDef="let element">
+                                                            <span
+                                                                *ngFor="let val of element.serviceSpecCharacteristicValue; let last = last"
+                                                                [class.hidden]="!val || !val.isDefault">
+                                                                <span
+                                                                    *ngIf="val && val.isDefault">{{val.value.value}}
+                                                                    <span
+                                                                        *ngIf="val.value.alias">({{val.value.alias}})</span>
+                                                                    <!-- <span class="comma-separator">, </span> -->
+                                                                </span>
+                                                                <br>
+                                                                <div *ngIf="last" class="value-measureUnits">
+                                                                    {{val.unitOfMeasure}}</div>
+
+                                                            </span>
+                                                        </td>
+                                                    </ng-container>
+
+                                                    <ng-container matColumnDef="configurable">
+                                                        <th mat-header-cell *matHeaderCellDef mat-sort-header>
+                                                            Configurable </th>
+                                                        <td mat-cell *matCellDef="let element">
+                                                            {{element.configurable}} </td>
+                                                    </ng-container>
+
+                                                    <ng-container matColumnDef="actions">
+                                                        <th mat-header-cell *matHeaderCellDef>Actions</th>
+                                                        <td mat-cell *matCellDef="let element">
+                                                            <div class="d-flex">
+                                                                <button class="btn btn-warning btn-sm mr-1"
+                                                                    (click)="openCharacteristicDesignDialog(element)"><i
+                                                                        class="far fa-edit"></i></button>
+                                                                <button class="btn btn-primary btn-sm mr-1"
+                                                                    (click)="cloneProductSpecCharacteristic(element)"><i
+                                                                        class="far fa-copy"></i></button>
+                                                                <button class="btn btn-danger btn-sm"
+                                                                    (click)="openCharacteristicDesignDialog(element)"><i
+                                                                        class="far fa-trash-alt"></i></button>
+                                                            </div>
+                                                        </td>
+                                                    </ng-container>
+
+                                                    <tr mat-header-row
+                                                        *matHeaderRowDef="displayedColumnsCharacteristics"></tr>
+                                                    <tr mat-row
+                                                        *matRowDef="let row; columns: displayedColumnsCharacteristics;">
+                                                    </tr>
+                                                </table>
+
+                                                <!-- <mat-paginator [pageSizeOptions]="[10, 20, 50]" showFirstLastButtons>
+                                                </mat-paginator> -->
+                                            </div>
+                                        </div>
+                                        <div class="card-footer"></div>
+                                    </div>
+
+                                </div>
+                                <!-- END OF Product Specification Characteristics Tab -->
+
                             </div>
                         </div>
                     </div>
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
index b94127a..f78a818 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
@@ -6,11 +6,13 @@ import { ActivatedRoute, ActivationEnd, Router } from '@angular/router';
 import { ToastrService } from 'ngx-toastr';
 import { Observable, Subscription } from 'rxjs';
 import { map, startWith } from 'rxjs/operators';
-import { ProductSpecification, ProductSpecificationCreate, ProductSpecificationUpdate, ServiceSpecificationRef } from 'src/app/openApis/productCatalogManagement/models';
+import { ProductSpecification, ProductSpecificationCreate, ProductSpecificationUpdate, ServiceSpecificationRef, ProductSpecificationCharacteristicRes } from 'src/app/openApis/productCatalogManagement/models';
 import { ProductSpecificationService } from 'src/app/openApis/productCatalogManagement/services';
 import { fadeIn } from 'src/app/shared/animations/animations';
 import { AppService } from 'src/app/shared/services/app.service';
 import { AssignServiceSpecificationComponent } from './assign-service-specification/assign-service-specification.component';
+import { MatTableDataSource } from '@angular/material/table';
+import { EditProductSpecCharacteristicsComponent } from './edit-product-spec-characteristics/edit-product-spec-characteristics.component';
 
 @Component({
   selector: 'app-edit-product-specs',
@@ -20,11 +22,18 @@ import { AssignServiceSpecificationComponent } from './assign-service-specificat
 })
 export class EditProductSpecsComponent implements OnInit {
 
+  // to change
+  displayedColumnsCharacteristics = ['name', 'type', 'defaultValues', 'configurable', 'actions'];
+  specCharacteristicsTags: string[] = ["All"]
+  tagFiltervalue:string = "All"
+  dataSource = new MatTableDataSource<ProductSpecificationCharacteristicRes>();
+  
+
   constructor(
     private activatedRoute: ActivatedRoute,
     private specService: ProductSpecificationService,
     private dialog: MatDialog,
-    private toastrService: ToastrService,
+    private toast: ToastrService,
     private router: Router,
     public appService: AppService
   ) { }
@@ -35,7 +44,7 @@ export class EditProductSpecsComponent implements OnInit {
   finishedLoading: boolean = false
   newSpecification = false
 
-  listItems = ["Main Properties", "Service Specification Relationships", "Related Parties"]
+  listItems = ["Main Properties", "Service Specification Relationships", "Related Parties", "Product Specification Characteristics"]
   activeListItem = "Main Properties"
 
   editForm =  new UntypedFormGroup({
@@ -100,7 +109,7 @@ export class EditProductSpecsComponent implements OnInit {
   retrieveProductSpec() {
     this.specService.retrieveProductSpecification({id: this.specID}).subscribe(
       data => this.spec = data,
-      error => {console.error(error), this.toastrService.error("An error occurred while loading Product Specification")},
+      error => {console.error(error), this.toast.error("An error occurred while loading Product Specification")},
       () => {
         if (this.spec) {
           this.finishedLoading = true
@@ -142,7 +151,7 @@ export class EditProductSpecsComponent implements OnInit {
     dialogRef.afterClosed().subscribe (
       result => { 
         if (result) { 
-          this.toastrService.success("Service Specification Relationship list was successfully updated")
+          this.toast.success("Product Specification Relationship list was successfully updated")
           this.retrieveProductSpec()
         }
       }
@@ -167,7 +176,7 @@ export class EditProductSpecsComponent implements OnInit {
           error => console.error(error),
           () => {
             this.newSpecification = false
-            this.toastrService.success("Product Specification was successfully created")
+            this.toast.success("Product Specification was successfully created")
             this.refreshProductSpecification(updatedSpec)
           }
         )
@@ -177,7 +186,7 @@ export class EditProductSpecsComponent implements OnInit {
           data => { updatedSpec = data },
           error => console.error(error),
           () => {
-            this.toastrService.success("Product Specification was successfully updated")
+            this.toast.success("Product Specification was successfully updated")
             this.refreshProductSpecification(updatedSpec)
           }
         )
@@ -191,6 +200,46 @@ export class EditProductSpecsComponent implements OnInit {
     this.retrieveProductSpec()
   }
 
+
+  cloneProductSpecCharacteristic(characteristic: any) {
+    throw new Error('Method not implemented.');
+  }
+
+  applySpecCharFilter(filterValue: string) {
+    filterValue = filterValue.trim();
+    filterValue = filterValue.toLowerCase();
+    this.dataSource.filter = filterValue;
+  }
+
+  openCharacteristicDesignDialog(characteristic: ProductSpecificationCharacteristicRes) {
+    const dialogRef = this.dialog.open(EditProductSpecCharacteristicsComponent, {
+      data: {
+        serviceSpec: this.spec,
+        specToBeUpdated: characteristic
+      },
+      disableClose: true
+    })
+
+    dialogRef.afterClosed().subscribe (
+      result => { 
+        if (result) { 
+          this.toast.success("Product Specification Characteristics list was successfully updated");
+          this.retrieveProductSpec();
+        }
+      }
+    )
+  }
+
+  filterCharacteristicsByTag(tagName) {
+    this.tagFiltervalue = tagName
+    if (tagName === "All") {
+      this.dataSource.data = this.spec.productSpecCharacteristic.filter(specCharacteristic => specCharacteristic.valueType);
+    } else {
+      this.dataSource.data = this.spec.productSpecCharacteristic.filter(specCharacteristic => specCharacteristic.valueType)
+      .filter(specChar => specChar.productSpecCharRelationship.some( rel => rel.name === tagName ));
+    }
+  }
+
   ngOnDestroy() {
     this.subscriptions.unsubscribe()
   }
-- 
GitLab


From 3f0262e65d20628f4c7138d8e0ce7c700b4b1764 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Mon, 24 Nov 2025 14:18:18 +0200
Subject: [PATCH 03/13] added delete-product-spec-characteristic logic

---
 src/app/app-products.module.ts                |  2 +
 ...roduct-spec-characteristics.component.html | 12 +++
 ...roduct-spec-characteristics.component.scss |  0
 ...-product-spec-characteristics.component.ts | 45 +++++++++++
 .../edit-product-specs.component.html         |  4 +-
 .../edit-product-specs.component.ts           | 76 ++++++++++++++++++-
 6 files changed, 134 insertions(+), 5 deletions(-)
 create mode 100644 src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.html
 create mode 100644 src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.scss
 create mode 100644 src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.ts

diff --git a/src/app/app-products.module.ts b/src/app/app-products.module.ts
index e68f47d..352d3c9 100644
--- a/src/app/app-products.module.ts
+++ b/src/app/app-products.module.ts
@@ -11,6 +11,7 @@ import { EditProductCatalogsComponent } from './p_product/admin/productCatalogMa
 import { EditProductCategoriesComponent } from './p_product/admin/productCatalogManagement/edit-product-categories/edit-product-categories.component';
 import { EditProductSpecsComponent } from './p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component';
 import { EditProductSpecCharacteristicsComponent } from './p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component';
+import { DeleteProductSpecCharacteristicsComponent } from './p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component';
 import { DeleteProductCatalogsComponent } from './p_product/admin/productCatalogManagement/delete-product-catalogs/delete-product-catalogs.component';
 import { DeleteProductCategoriesComponent } from './p_product/admin/productCatalogManagement/delete-product-categories/delete-product-categories.component';
 import { DeleteProductSpecsComponent } from './p_product/admin/productCatalogManagement/delete-product-specs/delete-product-specs.component';
@@ -36,6 +37,7 @@ import { AssignSubcategoriesComponent } from './p_product/admin/productCatalogMa
         EditProductCategoriesComponent,
         EditProductSpecsComponent,
         EditProductSpecCharacteristicsComponent,
+        DeleteProductSpecCharacteristicsComponent,
         DeleteProductCatalogsComponent,
         DeleteProductCategoriesComponent,
         DeleteProductSpecsComponent,
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.html
new file mode 100644
index 0000000..29077a3
--- /dev/null
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.html
@@ -0,0 +1,12 @@
+<h4 mat-dialog-title class="shadowed mb-3">
+    <i class="far fa-trash-alt mr-2"></i>
+    <span>Confirm deletion</span>
+</h4>
+<div mat-dialog-content>
+    Are you sure you want to permanently delete characteristic <b><dfn>{{data.specToBeDeleted.name}}</dfn></b> ?
+</div>
+
+<div mat-dialog-actions class="d-flex justify-content-end">
+    <button type="button" class="btn btn-outline-danger m-2" (click)="closeDialog()">Cancel</button>
+    <button type="button" class="btn btn-danger m-2" (click)="confirmDelete()">Delete</button>
+</div>
\ No newline at end of file
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.scss b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.ts
new file mode 100644
index 0000000..585ca57
--- /dev/null
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.ts
@@ -0,0 +1,45 @@
+import { trigger } from "@angular/animations";
+import { Component, Inject, OnInit } from "@angular/core";
+import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
+import { ProductSpecification, ProductSpecificationCharacteristicRes, ProductSpecificationUpdate } from "src/app/openApis/productCatalogManagement/models";
+import { ProductSpecificationService } from "src/app/openApis/productCatalogManagement/services";
+import { fadeIn, simpleFade } from "src/app/shared/animations/animations";
+
+
+@Component({
+    selector: 'app-delete-product-spec-characteristics',
+    templateUrl: './delete-product-spec-characteristics.component.html',
+    styleUrls: ['./delete-product-spec-characteristics.component.scss'],
+    animations: [trigger('fadeIn', fadeIn()), trigger('simpleFade', simpleFade())]
+})
+export class DeleteProductSpecCharacteristicsComponent implements OnInit {
+    constructor(
+        @Inject(MAT_DIALOG_DATA) public data: {
+        productSpec: ProductSpecification
+        productSpecCharacteristicArray:ProductSpecificationCharacteristicRes[], 
+        specToBeDeleted: ProductSpecificationCharacteristicRes
+        },
+        private dialogRef: MatDialogRef<DeleteProductSpecCharacteristicsComponent>,
+        private specService: ProductSpecificationService
+    ) { }
+
+    ngOnInit() {
+    }
+
+    confirmDelete() { 
+        // this.dialogRef.close('deleted')
+        const updateSpecObj: ProductSpecificationUpdate = {
+        productSpecCharacteristic: this.data.productSpecCharacteristicArray
+        }
+
+        this.specService.patchProductSpecification({ id: this.data.productSpec.id, productSpecification: updateSpecObj }).subscribe(
+        data => {},
+        error => console.error(error),
+        () => this.dialogRef.close('deleted')
+        )
+    }
+
+    closeDialog() {
+        this.dialogRef.close()
+    }
+}
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
index b5153be..d71b10d 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
@@ -257,7 +257,7 @@
                                                             Default Values </th>
                                                         <td mat-cell *matCellDef="let element">
                                                             <span
-                                                                *ngFor="let val of element.serviceSpecCharacteristicValue; let last = last"
+                                                                *ngFor="let val of element.productSpecCharacteristicValue; let last = last"
                                                                 [class.hidden]="!val || !val.isDefault">
                                                                 <span
                                                                     *ngIf="val && val.isDefault">{{val.value.value}}
@@ -291,7 +291,7 @@
                                                                     (click)="cloneProductSpecCharacteristic(element)"><i
                                                                         class="far fa-copy"></i></button>
                                                                 <button class="btn btn-danger btn-sm"
-                                                                    (click)="openCharacteristicDesignDialog(element)"><i
+                                                                    (click)="openCharacteristicDeleteDialog(element)"><i
                                                                         class="far fa-trash-alt"></i></button>
                                                             </div>
                                                         </td>
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
index f78a818..1972f9b 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
@@ -113,7 +113,6 @@ export class EditProductSpecsComponent implements OnInit {
       () => {
         if (this.spec) {
           this.finishedLoading = true
-
           //populate General Panel Info
           if (!this.spec.validFor) this.spec.validFor = { endDateTime: new Date(new Date().setFullYear(new Date().getFullYear()+20)).toISOString(), startDateTime: new Date().toISOString() }
           this.editForm.patchValue(this.spec)
@@ -124,6 +123,16 @@ export class EditProductSpecsComponent implements OnInit {
             startWith(null),
             map( (value:null | string) => value ? this._filterOnRelatedSpecs(value) : this.spec.serviceSpecification.slice() )
           )
+
+          //populate Specification Characteristic Panel Info
+          // filter Spec Characteristic that does not have defined Value Type (parent spec char)
+          this.dataSource.data = this.spec.productSpecCharacteristic.filter(specCharacteristic => specCharacteristic.valueType)
+          // this.dataSource.paginator = this.paginator;
+
+          this.specCharacteristicsTags = ["All"]
+          this.tagFiltervalue = "All"
+          this.specCharacteristicsTags = this.retrieveSpecCharaceristicsTags(this.dataSource.data)
+
   
         }
         else {
@@ -133,6 +142,16 @@ export class EditProductSpecsComponent implements OnInit {
     )
   }
 
+  retrieveSpecCharaceristicsTags(dataSource: ProductSpecificationCharacteristicRes[]) {
+      let tagsArray = this.specCharacteristicsTags
+      dataSource.forEach(char => {
+        char.productSpecCharRelationship.filter( e => e.relationshipType === "tag").forEach(rel => {
+          if (!tagsArray.includes(rel.name)) tagsArray.push(rel.name)
+        })
+      });
+      return tagsArray
+    }
+
   private _filterOnRelatedSpecs(filterValue: string) {
     filterValue = filterValue.trim();
     filterValue = filterValue.toLowerCase();
@@ -201,8 +220,34 @@ export class EditProductSpecsComponent implements OnInit {
   }
 
 
-  cloneProductSpecCharacteristic(characteristic: any) {
-    throw new Error('Method not implemented.');
+  cloneProductSpecCharacteristic(characteristic: ProductSpecificationCharacteristicRes) {
+    const cloneCharacteristic: ProductSpecificationCharacteristicRes = {
+      name: `Copy of ${characteristic.name}`,
+      description: characteristic.description,
+      configurable: characteristic.configurable,
+      extensible: characteristic.extensible,
+      minCardinality: characteristic.minCardinality,
+      maxCardinality: characteristic.maxCardinality,
+      productSpecCharRelationship: characteristic.productSpecCharRelationship,
+      productSpecCharacteristicValue: characteristic.productSpecCharacteristicValue,
+      validFor: characteristic.validFor,
+      valueType: characteristic.valueType
+    }
+
+    this.spec.productSpecCharacteristic.push(cloneCharacteristic);
+
+    const updateCharacteristicObj: ProductSpecificationUpdate = {
+      productSpecCharacteristic: this.spec.productSpecCharacteristic
+    }
+
+    this.specService.patchProductSpecification({id: this.spec.id, productSpecification: updateCharacteristicObj}).subscribe(
+      data => {},
+      error => console.error(error),
+      () => {
+        this.toast.success("Product Specification Characteristics list was successfully updated");
+        this.retrieveProductSpec();
+      }
+    )
   }
 
   applySpecCharFilter(filterValue: string) {
@@ -211,6 +256,31 @@ export class EditProductSpecsComponent implements OnInit {
     this.dataSource.filter = filterValue;
   }
 
+  openCharacteristicDeleteDialog(characteristic: ProductSpecificationCharacteristicRes) {
+    // const specToBeDeletedIndex = this.spec.productSpecCharacteristic.findIndex(char => char.id === characteristic.id)
+
+    // const newSpecCharacteristicArray: ProductSpecificationCharacteristicRes[] = this.spec.productSpecCharacteristic.slice()
+
+    // newSpecCharacteristicArray.splice(specToBeDeletedIndex, 1)
+
+    // const dialogRef = this.dialog.open(DeleteProductSpecCharacteristicsComponent, {
+    //   data: {
+    //     serviceSpec: this.spec,
+    //     serviceSpecCharacteristicArray: newSpecCharacteristicArray,
+    //     specToBeDeleted: this.spec.productSpecCharacteristic[specToBeDeletedIndex]
+    //   }
+    // })
+
+    // dialogRef.afterClosed().subscribe (
+    //   result => { 
+    //     if (result){ 
+    //       this.toast.success("Product Specification Characteristics list was successfully updated")
+    //       this.retrieveProductSpec()
+    //     }
+    //   }
+    // )
+  }
+
   openCharacteristicDesignDialog(characteristic: ProductSpecificationCharacteristicRes) {
     const dialogRef = this.dialog.open(EditProductSpecCharacteristicsComponent, {
       data: {
-- 
GitLab


From b8ed35e94bd4c2a6f97a2359d1d5ff0428786ab5 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Wed, 26 Nov 2025 09:52:42 +0200
Subject: [PATCH 04/13] bug fixes

---
 ...roduct-spec-characteristics.component.html |  8 ++--
 ...-product-spec-characteristics.component.ts | 18 +++----
 .../edit-product-specs.component.ts           | 47 ++++++++++---------
 3 files changed, 37 insertions(+), 36 deletions(-)

diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.html
index c084cef..572842c 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.html
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.html
@@ -7,7 +7,7 @@
     
     <h4  mat-dialog-title class=" shadowed mb-3" *ngIf="!newSpec">
             <i class="far fa-edit mr-2"></i>
-            <span>Edit Service Characteristic</span>
+            <span>Edit Product Characteristic</span>
     </h4>
     
     <form [formGroup]="editFormCharacteristic">
@@ -103,7 +103,7 @@
                 <h5 class="shadowed mb-3 d-flex align-items-center">
                     <div class="mr-4">
                         <i class="fas fa-sort-numeric-up-alt mr-2"></i>
-                        <span>Service Characteristic Value</span>
+                        <span>Product Characteristic Value</span>
                     </div>
                     <div>
                         <button type="button" class="btn btn-success btn-sm" (click)="createFormArrayItem()"><i
@@ -111,9 +111,9 @@
                     </div>
                 </h5>
             
-                <div formArrayName="serviceSpecCharacteristicValue" class="container-fluid">
+                <div formArrayName="productSpecCharacteristicValue" class="container-fluid">
             
-                    <div *ngFor="let val of editFormCharacteristic.get('serviceSpecCharacteristicValue')['controls']; let i = index;"
+                    <div *ngFor="let val of editFormCharacteristic.get('productSpecCharacteristicValue')['controls']; let i = index;"
                         [formGroupName]="i" class="row align-items-center justify-content-center characteristic-value-container" [@fadeIn]>
                     
                         <ng-template [ngIf]="!isCharValueBlockExpanded[i]" [ngIfElse]="blockExpanded">
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
index 981cd59..1e02090 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
@@ -42,7 +42,7 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
             startDateTime: new UntypedFormControl(new Date())
         }),
         valueType: new UntypedFormControl(),
-        serviceSpecCharacteristicValue: new UntypedFormArray([])
+        productSpecCharacteristicValue: new UntypedFormArray([])
     })
 
     subValueTypeCtrl = new UntypedFormControl('INTEGER')
@@ -64,7 +64,7 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
             if (!this.data.specToBeUpdated.validFor) this.data.specToBeUpdated.validFor = { endDateTime: null, startDateTime: null }
             this.editFormCharacteristic.patchValue(this.data.specToBeUpdated)
 
-            const formArray = this.editFormCharacteristic.get('serviceSpecCharacteristicValue') as UntypedFormArray
+            const formArray = this.editFormCharacteristic.get('productSpecCharacteristicValue') as UntypedFormArray
             this.data.specToBeUpdated.productSpecCharacteristicValue.forEach(val => {
                 formArray.push(this.updateFormArrayItem(val))
                 this.isCharValueBlockExpanded.push(false)
@@ -83,7 +83,7 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
         )
             .subscribe(
                 val => {
-                    this.editFormCharacteristic.setControl('serviceSpecCharacteristicValue', new UntypedFormArray([]))
+                    this.editFormCharacteristic.setControl('productSpecCharacteristicValue', new UntypedFormArray([]))
                     this.createFormArrayItem()
 
 
@@ -94,7 +94,7 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
                         )
                             .subscribe(
                                 subVal => {
-                                    this.editFormCharacteristic.setControl('serviceSpecCharacteristicValue', new UntypedFormArray([]))
+                                    this.editFormCharacteristic.setControl('productSpecCharacteristicValue', new UntypedFormArray([]))
                                     this.createFormArrayItem()
                                 }
                             )
@@ -134,7 +134,7 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
 
 
     createFormArrayItem() {
-        const formArray = this.editFormCharacteristic.get('serviceSpecCharacteristicValue') as UntypedFormArray
+        const formArray = this.editFormCharacteristic.get('productSpecCharacteristicValue') as UntypedFormArray
 
         // let isDisabled: boolean = true
         let subType: string = this.editFormCharacteristic.get('valueType').value
@@ -159,7 +159,7 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
     }
 
     deleteFormArrayItem(index) {
-        const formArray = this.editFormCharacteristic.get('serviceSpecCharacteristicValue') as UntypedFormArray
+        const formArray = this.editFormCharacteristic.get('productSpecCharacteristicValue') as UntypedFormArray
         formArray.removeAt(index)
         this.isCharValueBlockExpanded.splice(index, 1)
     }
@@ -170,7 +170,7 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
 
     isDefaultCheckboxChanged(index, event: MatCheckboxChange) {
         if (this.editFormCharacteristic.get('valueType').value === "ENUM" && event.checked) {
-            const formArray = this.editFormCharacteristic.get('serviceSpecCharacteristicValue') as UntypedFormArray
+            const formArray = this.editFormCharacteristic.get('productSpecCharacteristicValue') as UntypedFormArray
             for (let i = 0; i < formArray.controls.length; i++) {
                 if (i !== index) formArray.controls[i].get('isDefault').setValue(false)
             }
@@ -187,8 +187,8 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
         if (this.newSpec) {
             this.data.productSpec.productSpecCharacteristic.push(this.editFormCharacteristic.getRawValue())
         } else {
-            // const updateCharacteristIndex = this.data.productSpec.productSpecCharacteristic.findIndex(char => char.id === this.data.specToBeUpdated.id)
-            // this.data.productSpec.productSpecCharacteristic[updateCharacteristIndex] = this.editFormCharacteristic.getRawValue()
+            const updateCharacteristIndex = this.data.productSpec.productSpecCharacteristic.findIndex(char => char.uuid === this.data.specToBeUpdated.uuid)
+            this.data.productSpec.productSpecCharacteristic[updateCharacteristIndex] = this.editFormCharacteristic.getRawValue()
         }
 
         const updateCharacteristicObj: ProductSpecificationUpdate = {
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
index 1972f9b..8bd7358 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
@@ -13,6 +13,7 @@ import { AppService } from 'src/app/shared/services/app.service';
 import { AssignServiceSpecificationComponent } from './assign-service-specification/assign-service-specification.component';
 import { MatTableDataSource } from '@angular/material/table';
 import { EditProductSpecCharacteristicsComponent } from './edit-product-spec-characteristics/edit-product-spec-characteristics.component';
+import { DeleteProductSpecCharacteristicsComponent } from './delete-product-spec-characteristics/delete-product-spec-characteristics.component';
 
 @Component({
   selector: 'app-edit-product-specs',
@@ -257,34 +258,34 @@ export class EditProductSpecsComponent implements OnInit {
   }
 
   openCharacteristicDeleteDialog(characteristic: ProductSpecificationCharacteristicRes) {
-    // const specToBeDeletedIndex = this.spec.productSpecCharacteristic.findIndex(char => char.id === characteristic.id)
-
-    // const newSpecCharacteristicArray: ProductSpecificationCharacteristicRes[] = this.spec.productSpecCharacteristic.slice()
-
-    // newSpecCharacteristicArray.splice(specToBeDeletedIndex, 1)
-
-    // const dialogRef = this.dialog.open(DeleteProductSpecCharacteristicsComponent, {
-    //   data: {
-    //     serviceSpec: this.spec,
-    //     serviceSpecCharacteristicArray: newSpecCharacteristicArray,
-    //     specToBeDeleted: this.spec.productSpecCharacteristic[specToBeDeletedIndex]
-    //   }
-    // })
-
-    // dialogRef.afterClosed().subscribe (
-    //   result => { 
-    //     if (result){ 
-    //       this.toast.success("Product Specification Characteristics list was successfully updated")
-    //       this.retrieveProductSpec()
-    //     }
-    //   }
-    // )
+    const specToBeDeletedIndex = this.spec.productSpecCharacteristic.findIndex(char => char.uuid === characteristic.uuid)
+
+    const newSpecCharacteristicArray: ProductSpecificationCharacteristicRes[] = this.spec.productSpecCharacteristic.slice()
+
+    newSpecCharacteristicArray.splice(specToBeDeletedIndex, 1)
+
+    const dialogRef = this.dialog.open(DeleteProductSpecCharacteristicsComponent, {
+      data: {
+        productSpec: this.spec,
+        productSpecCharacteristicArray: newSpecCharacteristicArray,
+        specToBeDeleted: this.spec.productSpecCharacteristic[specToBeDeletedIndex]
+      }
+    })
+
+    dialogRef.afterClosed().subscribe (
+      result => { 
+        if (result){ 
+          this.toast.success("Product Specification Characteristics list was successfully updated")
+          this.retrieveProductSpec()
+        }
+      }
+    )
   }
 
   openCharacteristicDesignDialog(characteristic: ProductSpecificationCharacteristicRes) {
     const dialogRef = this.dialog.open(EditProductSpecCharacteristicsComponent, {
       data: {
-        serviceSpec: this.spec,
+        productSpec: this.spec,
         specToBeUpdated: characteristic
       },
       disableClose: true
-- 
GitLab


From 58e2114c5816b97828e29e300646645b6481d39d Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Fri, 28 Nov 2025 13:31:04 +0200
Subject: [PATCH 05/13] added peel to assigned service specs that display the
 service spec type (rfss or cfss)

---
 .../assign-service-specification.component.html       | 11 +++++++++--
 .../edit-product-specs.component.html                 |  5 ++++-
 .../edit-product-specs.component.ts                   |  2 +-
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.html
index 3e3dd66..2c4580a 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.html
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.html
@@ -13,7 +13,10 @@
 
                 <mat-autocomplete #autoComplete="matAutocomplete" (optionSelected)="selected($event)" autoActiveFirstOption>
                     <mat-option *ngFor="let spec of filteredSpecs$ | async" [value]="spec">
-                        {{spec.name}}
+                        {{spec.name}} 
+                        <b class="badge badge-info ml-1">
+                            {{ spec['@type'] === 'CustomerFacingServiceSpecification' ? 'CFSS' : (spec['@type'] === 'ResourceFacingServiceSpecification' ? 'RFSS' : 'null') }}
+                        </b>
                     </mat-option>
                 </mat-autocomplete>
             </mat-form-field>
@@ -26,7 +29,11 @@
                     <th mat-header-cell *matHeaderCellDef mat-sort-header> Assigned Service Specifications </th>
                     <td mat-cell *matCellDef="let element" matTooltipClass="universal-tooltip"
                         [matTooltip]="element.description" matTooltipPosition="above">
-                        <b>{{element.name}}</b> </td>
+                        <b>{{element.name}}</b>
+                        <b class="badge badge-info ml-1">
+                            {{ element['@type'] === 'CustomerFacingServiceSpecification' ? 'CFSS' : (element['@type'] === 'ResourceFacingServiceSpecification' ? 'RFSS' : 'null') }}
+                        </b> 
+                    </td>
                 </ng-container>
 
                 <ng-container matColumnDef="actions">
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
index d71b10d..989ec95 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
@@ -168,7 +168,10 @@
     
                                                 <div *ngFor="let relatedServiceSpecification of filteredServiceSpecificationRel$ | async"
                                                     class="spec-relationship-container pt-3">
-                                                    <div><a routerLink="/services/service_spec_update/{{relatedServiceSpecification.id}}"><b>{{relatedServiceSpecification.name}}</b></a></div>
+                                                    <div><a routerLink="/services/service_spec_update/{{relatedServiceSpecification.id}}"><b>{{relatedServiceSpecification.name}}</b></a>
+                                                        <div class="badge badge-info ml-1">
+                                                            {{ relatedServiceSpecification['@type'] === 'CustomerFacingServiceSpecification' ? 'CFSS' : (relatedServiceSpecification['@type'] === 'ResourceFacingServiceSpecification' ? 'RFSS' : 'null') }}
+                                                        </div></div>
                                                     <a routerLink='/services/service_spec_update/{{relatedServiceSpecification.id}}'>
                                                         <button class="btn btn-warning btn-sm"><i class="far fa-edit"></i></button>
                                                     </a>
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
index 8bd7358..898b3dd 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
@@ -118,7 +118,7 @@ export class EditProductSpecsComponent implements OnInit {
           if (!this.spec.validFor) this.spec.validFor = { endDateTime: new Date(new Date().setFullYear(new Date().getFullYear()+20)).toISOString(), startDateTime: new Date().toISOString() }
           this.editForm.patchValue(this.spec)
           this.editForm.markAsPristine()
-
+          
           //populate Service Specification Relationship Panel Info
           this.filteredServiceSpecificationRel$ = this.serviceSpecificationRelationshipFilterCtrl.valueChanges.pipe(
             startWith(null),
-- 
GitLab


From 31fd12a01cad3e47473b6e3ff5da4c7f28ceb08b Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Mon, 1 Dec 2025 15:46:37 +0200
Subject: [PATCH 06/13] added mapping of service spec characteristics to
 product spec characteristics logic

---
 src/app/app-products.module.ts                |   3 +-
 .../assign-service-specification.component.ts | 116 ++++++++++++++++--
 ...m-characteristic-assignment.component.html |  14 +++
 ...irm-characteristic-assignment.component.ts |  26 ++++
 ...-product-spec-characteristics.component.ts |  16 ++-
 5 files changed, 157 insertions(+), 18 deletions(-)
 create mode 100644 src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.html
 create mode 100644 src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.ts

diff --git a/src/app/app-products.module.ts b/src/app/app-products.module.ts
index 352d3c9..d26ba40 100644
--- a/src/app/app-products.module.ts
+++ b/src/app/app-products.module.ts
@@ -23,7 +23,7 @@ import { EditProductOfferingsComponent } from './p_product/admin/productCatalogM
 import { PreviewMarketPlaceItemComponent } from './p_product/marketplace/preview-market-place-item/preview-market-place-item.component';
 import { AssignProductOfferingsComponent } from './p_product/admin/productCatalogManagement/edit-product-categories/assign-product-offerings/assign-product-offerings.component';
 import { AssignSubcategoriesComponent } from './p_product/admin/productCatalogManagement/edit-product-categories/assign-subcategories/assign-subcategories.component';
-
+import { ConfirmCharacteristicAssignmentComponent } from './p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component';
 
 
 @NgModule({
@@ -42,6 +42,7 @@ import { AssignSubcategoriesComponent } from './p_product/admin/productCatalogMa
         DeleteProductCategoriesComponent,
         DeleteProductSpecsComponent,
         AssignServiceSpecificationComponent,
+        ConfirmCharacteristicAssignmentComponent,
         ListProductOfferingsComponent,
         DeleteProductOfferingComponent,
         EditProductOfferingsComponent,
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
index ede201f..12e6584 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
@@ -1,15 +1,18 @@
 import { Component, OnInit, Inject, ViewChild, ElementRef } from '@angular/core';
 import { UntypedFormControl } from '@angular/forms';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { MatSort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
+import { ToastrService } from 'ngx-toastr';
 import { Observable } from 'rxjs';
 import { map, startWith } from 'rxjs/operators'
 import { ProductSpecification, ProductSpecificationUpdate } from 'src/app/openApis/productCatalogManagement/models';
 import { ProductSpecificationService } from 'src/app/openApis/productCatalogManagement/services';
 import { ServiceSpecification } from 'src/app/openApis/serviceCatalogManagement/models';
 import { ServiceSpecificationService } from 'src/app/openApis/serviceCatalogManagement/services';
+import { ConfirmCharacteristicAssignmentComponent } from './confirm-characteristic-assignment/confirm-characteristic-assignment.component';
+
 
 @Component({
   selector: 'app-assign-service-specification',
@@ -24,7 +27,10 @@ export class AssignServiceSpecificationComponent implements OnInit {
     },
     private dialogRef: MatDialogRef<AssignServiceSpecificationComponent>,
     private productSpecService: ProductSpecificationService,
-    private serviceSpecService: ServiceSpecificationService
+    private serviceSpecService: ServiceSpecificationService,
+    private toast: ToastrService,
+    private dialog: MatDialog
+    
   ) { }
 
   @ViewChild('specInput') specInput: ElementRef<HTMLInputElement>;  
@@ -51,6 +57,8 @@ export class AssignServiceSpecificationComponent implements OnInit {
       data => this.nonSelectedSpecs = data,
       error => console.error(error),
       () => {
+
+
         //remove self from available spec list as well as the allready assigned specs
         const initiallyAssignedSpecIDs: string[] = this.data.productSpec.serviceSpecification.map(el => el.id)
         this.nonSelectedSpecs = this.nonSelectedSpecs.filter(spec => !initiallyAssignedSpecIDs.includes(spec.id))
@@ -68,13 +76,26 @@ export class AssignServiceSpecificationComponent implements OnInit {
   }
 
   selected(event: MatAutocompleteSelectedEvent): void {
-    this.selectedSpecs.push(event.option.value);
-    this.dataSource.data = this.selectedSpecs
-
-    this.nonSelectedSpecs = this.nonSelectedSpecs.filter(el => el.name != event.option.value.name)
-
+    const selectedLiteSpec = event.option.value;
+    //retrieve full service specs details, @type and spec characteristics once a service spec is selected
     this.specInput.nativeElement.value = '';
     this.specInputCtrl.setValue(null);
+
+    this.serviceSpecService.retrieveServiceSpecification({ 
+      id: selectedLiteSpec.id 
+    }).subscribe(
+      (fullSpec: ServiceSpecification) => {
+
+        this.selectedSpecs.push(fullSpec);
+        this.dataSource.data = this.selectedSpecs;
+        this.nonSelectedSpecs = this.nonSelectedSpecs.filter(
+          el => el.name != selectedLiteSpec.name
+        );
+      },
+      (error) => {
+        this.toast.error('Failed to fetch full service specification details', error);
+      }
+    );
   }
 
   private _filter(value: string): ProductSpecification[] {
@@ -103,16 +124,87 @@ export class AssignServiceSpecificationComponent implements OnInit {
 
   confirmAssignment() {
     
-    const updateRelationshipsObj: ProductSpecificationUpdate = {
-      serviceSpecification: this.selectedSpecs.map(spec =>{ return {id: spec.id, name: spec.name}})
+    const hasConfigurableCFSS = this.selectedSpecs.some(spec => {
+      const s = spec as any;
+      const type = s['@type'] || 'ServiceSpecification';
+      const chars = s.serviceSpecCharacteristic || [];
+      const hasConfigurable = chars.some(c => c.configurable === true);
+      
+      return type === 'CustomerFacingServiceSpecification' && hasConfigurable;
+    });
+
+    if (hasConfigurableCFSS) {
+      // Open the dialog to ask the user
+      const dialogRef = this.dialog.open(ConfirmCharacteristicAssignmentComponent, {
+        width: '600px',
+        disableClose: true
+      });
+
+      dialogRef.afterClosed().subscribe(result => {
+        // result === true (Yes), result === false (No), result === undefined (Cancel)
+        if (result === true) {
+          this.executeAssignment(true);
+        } else if (result === false) {
+          this.executeAssignment(false);
+        }
+      });
+    } else {
+      this.executeAssignment(false);
     }
+  }
 
-    this.productSpecService.patchProductSpecification({id: this.data.productSpec.id, productSpecification: updateRelationshipsObj}).subscribe(
+  executeAssignment(importCharacteristics: boolean) {
+    const serviceRefs: any[] = [];
+    const newProductCharacteristics: any[] = [];
+
+    this.selectedSpecs.forEach(spec => {
+      const sourceSpec = spec as any;
+      const type = sourceSpec['@type'] || 'ServiceSpecification';
+
+      serviceRefs.push({
+        id: sourceSpec.id,
+        name: sourceSpec.name,
+        '@type': type
+      });
+
+      if (importCharacteristics && type === 'CustomerFacingServiceSpecification') {
+        const serviceChars = sourceSpec.serviceSpecCharacteristic || [];
+        const configurableChars = serviceChars.filter(char => char.configurable === true);
+
+        const mappedChars = configurableChars.map(char => ({
+          name: char.name,
+          description: char.description,
+          valueType: char.valueType,
+          configurable: char.configurable,
+          minCardinality: char.minCardinality,
+          maxCardinality: char.maxCardinality,
+          productSpecCharacteristicValue: char.serviceSpecCharacteristicValue,
+          '@type': 'ProductSpecCharacteristic'
+        }));
+
+        newProductCharacteristics.push(...mappedChars);
+      }
+    });
+
+    const existingChars = this.data.productSpec.productSpecCharacteristic || [];
+    
+    const finalCharacteristics = [...existingChars, ...newProductCharacteristics];
+
+    const updateRelationshipsObj: ProductSpecificationUpdate = {
+      serviceSpecification: serviceRefs,
+      productSpecCharacteristic: finalCharacteristics
+    };
+
+    // console.log(updateRelationshipsObj);
+
+    this.productSpecService.patchProductSpecification({
+      id: this.data.productSpec.id, 
+      productSpecification: updateRelationshipsObj
+    }).subscribe(
       data => {},
-      error => console.error(error),
+      error => this.toast.error('Failed to update Product Specification', error),
       () => {this.dialogRef.close('updated')}
     )
   }
 
-
 }
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.html
new file mode 100644
index 0000000..ea86b4b
--- /dev/null
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.html
@@ -0,0 +1,14 @@
+<h2 mat-dialog-title>Import Characteristics?</h2>
+<mat-dialog-content class="mat-typography">
+    <p>
+    The selected <b>CustomerFacingServiceSpecification</b>(s) contain configurable characteristics.
+    </p>
+    <p>
+    Do you want to automatically add these as <b>Product Characteristics</b> to the Product Specification?
+    </p>
+</mat-dialog-content>
+<mat-dialog-actions align="end">
+    <button (click)="onCancel()" class="btn btn-danger">Cancel</button>
+    <button (click)="onNo()" class="btn btn-primary ml-2">No, just link Service Specification</button>
+    <button (click)="onYes()" class="btn btn-success mt-2">Yes, Import Characteristics</button>
+</mat-dialog-actions>
\ No newline at end of file
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.ts
new file mode 100644
index 0000000..db06fad
--- /dev/null
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.ts
@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+
+@Component({
+  selector: 'app-confirm-characteristic-assignment',
+  templateUrl: './confirm-characteristic-assignment.component.html',
+  styles: []
+})
+export class ConfirmCharacteristicAssignmentComponent {
+
+  constructor(
+    public dialogRef: MatDialogRef<ConfirmCharacteristicAssignmentComponent>
+  ) {}
+
+  onCancel(): void {
+    this.dialogRef.close(); // Returns undefined
+  }
+
+  onNo(): void {
+    this.dialogRef.close(false); // Returns false
+  }
+
+  onYes(): void {
+    this.dialogRef.close(true); // Returns true
+  }
+}
\ No newline at end of file
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
index 1e02090..1613257 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
@@ -184,22 +184,28 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
 
     submitDialog() {
 
+
+
         if (this.newSpec) {
             this.data.productSpec.productSpecCharacteristic.push(this.editFormCharacteristic.getRawValue())
         } else {
             const updateCharacteristIndex = this.data.productSpec.productSpecCharacteristic.findIndex(char => char.uuid === this.data.specToBeUpdated.uuid)
             this.data.productSpec.productSpecCharacteristic[updateCharacteristIndex] = this.editFormCharacteristic.getRawValue()
         }
+        console.log(this.newSpec);
+        console.log(this.data.productSpec);
 
         const updateCharacteristicObj: ProductSpecificationUpdate = {
             productSpecCharacteristic: this.data.productSpec.productSpecCharacteristic
         }
 
-        this.specService.patchProductSpecification({ id: this.data.productSpec.id, productSpecification: updateCharacteristicObj }).subscribe(
-            data => { },
-            error => { console.error(error); this.toast.error("An error occurred upon updating Spec Characteristics") },
-            () => { this.dialogRef.close('updated') }
-        )
+        console.log(updateCharacteristicObj);
+
+        // this.specService.patchProductSpecification({ id: this.data.productSpec.id, productSpecification: updateCharacteristicObj }).subscribe(
+        //     data => { },
+        //     error => { console.error(error); this.toast.error("An error occurred upon updating Spec Characteristics") },
+        //     () => { this.dialogRef.close('updated') }
+        // )
     }
 
     ngOnDestroy(): void {
-- 
GitLab


From 6d0411de1026ec50a896e9f8be70fe7c5a87f231 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Mon, 8 Dec 2025 12:04:27 +0200
Subject: [PATCH 07/13] fixed filtering bug in service spec assignment input

---
 .../assign-service-specification.component.ts | 59 ++++++++++++-------
 ...-product-spec-characteristics.component.ts | 12 ++--
 2 files changed, 45 insertions(+), 26 deletions(-)

diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
index 12e6584..3129cbb 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
@@ -5,7 +5,7 @@ import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dial
 import { MatSort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
 import { ToastrService } from 'ngx-toastr';
-import { Observable } from 'rxjs';
+import { BehaviorSubject, combineLatest, Observable } from 'rxjs';
 import { map, startWith } from 'rxjs/operators'
 import { ProductSpecification, ProductSpecificationUpdate } from 'src/app/openApis/productCatalogManagement/models';
 import { ProductSpecificationService } from 'src/app/openApis/productCatalogManagement/services';
@@ -47,32 +47,51 @@ export class AssignServiceSpecificationComponent implements OnInit {
   filteredSpecs$: Observable<ProductSpecification[]>
   selectedSpecs: ProductSpecification[] = []
 
+  // the subject holds the data when it arrives from the api
+  private availableSpecsSubject = new BehaviorSubject<ProductSpecification[]>([]);
+
 
   ngOnInit(): void {
-    this.listServiceSpecs()
+    this.listServiceSpecs();
+
+    // for the filtering to work when user starts typing in the input
+    this.filteredSpecs$ = combineLatest([
+      this.specInputCtrl.valueChanges.pipe(startWith('')),
+      this.availableSpecsSubject.asObservable()
+      ]).pipe(
+        map(([inputValue, specs]) => {
+          const filterValue = typeof inputValue === 'string' ? inputValue.toLowerCase() : '';
+          return this.performFilter(filterValue, specs);
+        })
+      );
   }
 
   listServiceSpecs() {
     this.serviceSpecService.listServiceSpecification({}).subscribe(
-      data => this.nonSelectedSpecs = data,
-      error => console.error(error),
-      () => {
-
-
-        //remove self from available spec list as well as the allready assigned specs
-        const initiallyAssignedSpecIDs: string[] = this.data.productSpec.serviceSpecification.map(el => el.id)
-        this.nonSelectedSpecs = this.nonSelectedSpecs.filter(spec => !initiallyAssignedSpecIDs.includes(spec.id))
-
-        this.selectedSpecs = this.data.productSpec.serviceSpecification.slice()
-        this.dataSource.data = this.selectedSpecs
-        this.dataSource.sort = this.sort
+      data => {
+        // remove the already assigned specs
+        const initiallyAssignedIDs = this.data.productSpec.serviceSpecification.map(el => el.id);
+        const filteredData = data.filter(spec => !initiallyAssignedIDs.includes(spec.id));
+        
+        // push data into subject
+        this.availableSpecsSubject.next(filteredData);
+        
+        this.selectedSpecs = this.data.productSpec.serviceSpecification.slice();
+        this.dataSource.data = this.selectedSpecs;
+        this.dataSource.sort = this.sort;
+      },
+      error => console.error(error)
+    );
+  }
 
-        this.filteredSpecs$ = this.specInputCtrl.valueChanges.pipe(
-          startWith(null),
-          map( (spec: string | ServiceSpecification) => typeof(spec) === 'string' ? this._filter(spec) : this.nonSelectedSpecs.slice() )
-        )
-      }
-    )
+  private performFilter(filterValue: string, specs: ProductSpecification[]): ProductSpecification[] {
+    if (!filterValue) {
+      return specs;
+    }
+    return specs.filter(spec => {
+      const name = spec.name ? spec.name.toLowerCase() : '';
+      return name.indexOf(filterValue) !== -1;
+    });
   }
 
   selected(event: MatAutocompleteSelectedEvent): void {
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
index 1613257..1101e69 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
@@ -199,13 +199,13 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
             productSpecCharacteristic: this.data.productSpec.productSpecCharacteristic
         }
 
-        console.log(updateCharacteristicObj);
+        // console.log(updateCharacteristicObj);
 
-        // this.specService.patchProductSpecification({ id: this.data.productSpec.id, productSpecification: updateCharacteristicObj }).subscribe(
-        //     data => { },
-        //     error => { console.error(error); this.toast.error("An error occurred upon updating Spec Characteristics") },
-        //     () => { this.dialogRef.close('updated') }
-        // )
+        this.specService.patchProductSpecification({ id: this.data.productSpec.id, productSpecification: updateCharacteristicObj }).subscribe(
+            data => { },
+            error => { console.error(error); this.toast.error("An error occurred upon updating Spec Characteristics") },
+            () => { this.dialogRef.close('updated') }
+        )
     }
 
     ngOnDestroy(): void {
-- 
GitLab


From dde467a9e284fd694c085ebbdfe91bf594ed91d7 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Tue, 9 Dec 2025 12:16:17 +0200
Subject: [PATCH 08/13] fixed characteristic assignment from cfss bug

---
 .../assign-service-specification.component.ts | 130 +++++++++++++-----
 ...m-characteristic-assignment.component.html |   3 +-
 ...irm-characteristic-assignment.component.ts |   8 +-
 3 files changed, 100 insertions(+), 41 deletions(-)

diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
index 3129cbb..8e5b55c 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
@@ -43,7 +43,7 @@ export class AssignServiceSpecificationComponent implements OnInit {
   @ViewChild(MatSort, {static: true}) sort: MatSort;
 
   specInputCtrl = new UntypedFormControl();
-  nonSelectedSpecs: ProductSpecification[]
+  nonSelectedSpecs: ProductSpecification[] = [];
   filteredSpecs$: Observable<ProductSpecification[]>
   selectedSpecs: ProductSpecification[] = []
 
@@ -160,21 +160,19 @@ export class AssignServiceSpecificationComponent implements OnInit {
       });
 
       dialogRef.afterClosed().subscribe(result => {
-        // result === true (Yes), result === false (No), result === undefined (Cancel)
-        if (result === true) {
-          this.executeAssignment(true);
-        } else if (result === false) {
-          this.executeAssignment(false);
-        }
+        console.log(result);
+        this.executeAssignment(result);
       });
-    } else {
+    }
+    else {
       this.executeAssignment(false);
     }
   }
 
   executeAssignment(importCharacteristics: boolean) {
     const serviceRefs: any[] = [];
-    const newProductCharacteristics: any[] = [];
+    
+    let tempCharacteristics = [...(this.data.productSpec.productSpecCharacteristic || [])];
 
     this.selectedSpecs.forEach(spec => {
       const sourceSpec = spec as any;
@@ -186,43 +184,109 @@ export class AssignServiceSpecificationComponent implements OnInit {
         '@type': type
       });
 
-      if (importCharacteristics && type === 'CustomerFacingServiceSpecification') {
+      // If user said YES, we manually prepare the chars to add
+      if (importCharacteristics) {
         const serviceChars = sourceSpec.serviceSpecCharacteristic || [];
         const configurableChars = serviceChars.filter(char => char.configurable === true);
 
-        const mappedChars = configurableChars.map(char => ({
-          name: char.name,
-          description: char.description,
-          valueType: char.valueType,
-          configurable: char.configurable,
-          minCardinality: char.minCardinality,
-          maxCardinality: char.maxCardinality,
-          productSpecCharacteristicValue: char.serviceSpecCharacteristicValue,
-          '@type': 'ProductSpecCharacteristic'
-        }));
-
-        newProductCharacteristics.push(...mappedChars);
+        configurableChars.forEach(sourceChar => {
+          const cleanValues = (sourceChar.serviceSpecCharacteristicValue || []).map(val => ({
+            valueType: val.valueType,
+            isDefault: val.isDefault,
+            value: val.value,
+            unitOfMeasure: val.unitOfMeasure,
+            valueFrom: val.valueFrom,
+            valueTo: val.valueTo,
+            rangeInterval: val.rangeInterval,
+            alias: val.alias
+          }));
+
+          const newCharObj = {
+            name: sourceChar.name,
+            description: sourceChar.description,
+            valueType: sourceChar.valueType,
+            configurable: sourceChar.configurable,
+            minCardinality: sourceChar.minCardinality,
+            maxCardinality: sourceChar.maxCardinality,
+            productSpecCharacteristicValue: cleanValues,
+            '@type': 'ProductSpecCharacteristic'
+          };
+
+          // if characteristic already exists by name, overwrite it anyway
+          const existingCharIndex = tempCharacteristics.findIndex(c => c.name === sourceChar.name);
+          if (existingCharIndex > -1) {
+            tempCharacteristics[existingCharIndex] = { ...newCharObj, uuid: tempCharacteristics[existingCharIndex].uuid };
+          } else {
+            tempCharacteristics.push(newCharObj);
+          }
+        });
       }
     });
 
-    const existingChars = this.data.productSpec.productSpecCharacteristic || [];
-    
-    const finalCharacteristics = [...existingChars, ...newProductCharacteristics];
-
-    const updateRelationshipsObj: ProductSpecificationUpdate = {
+    const payloadStep1: ProductSpecificationUpdate = {
       serviceSpecification: serviceRefs,
-      productSpecCharacteristic: finalCharacteristics
+      productSpecCharacteristic: tempCharacteristics
     };
 
-    // console.log(updateRelationshipsObj);
+    this.productSpecService.patchProductSpecification({
+      id: this.data.productSpec.id,
+      productSpecification: payloadStep1
+    }).subscribe(
+      (updatedSpec) => { 
+        
+        // If user said NO, and we have CFSS, we need to check if backend added them 
+        // and remove them (patching the list without them)
+        if (!importCharacteristics) {
+          this.removeUnwantedCharacteristics(updatedSpec);
+        } else {
+          this.toast.success('Product Specification updated successfully');
+          this.dialogRef.close('updated');
+        }
+      },
+      error => {
+        console.error('Update failed', error);
+        this.toast.error('Failed to update Product Specification');
+      }
+    );
+  }
+
+  removeUnwantedCharacteristics(spec: ProductSpecification) {
+    // identify characteristics to remove (from CFSS) if user clicks no
+    const unwantedNames: string[] = [];
+    
+    this.selectedSpecs.forEach(s => {
+      const sourceSpec = s as any;
+      if (sourceSpec['@type'] === 'CustomerFacingServiceSpecification') {
+         const chars = sourceSpec.serviceSpecCharacteristic || [];
+         chars.filter(c => c.configurable).forEach(c => unwantedNames.push(c.name));
+      }
+    });
+
+    const currentChars = spec.productSpecCharacteristic || [];
+    const newSpecCharacteristicArray = currentChars.filter(c => !unwantedNames.includes(c.name));
+
+    // If there is nothing to change, just close
+    if (newSpecCharacteristicArray.length === currentChars.length) {
+      this.dialogRef.close('updated');
+      return;
+    }
+
+    const updateCharacteristicObj: ProductSpecificationUpdate = {
+      productSpecCharacteristic: newSpecCharacteristicArray
+    }
 
     this.productSpecService.patchProductSpecification({
-      id: this.data.productSpec.id, 
-      productSpecification: updateRelationshipsObj
+      id: spec.id, 
+      productSpecification: updateCharacteristicObj
     }).subscribe(
       data => {},
-      error => this.toast.error('Failed to update Product Specification', error),
-      () => {this.dialogRef.close('updated')}
+      error => {
+        this.toast.warning('Service assigned, but failed to clean up auto-assigned characteristics.');
+        this.dialogRef.close('updated'); 
+      },
+      () => {
+        this.dialogRef.close('updated');
+      }
     )
   }
 
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.html
index ea86b4b..46b9089 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.html
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.html
@@ -8,7 +8,6 @@
     </p>
 </mat-dialog-content>
 <mat-dialog-actions align="end">
-    <button (click)="onCancel()" class="btn btn-danger">Cancel</button>
+    <button (click)="onYes()" class="btn btn-success ml-2">Yes, Import Characteristics</button>
     <button (click)="onNo()" class="btn btn-primary ml-2">No, just link Service Specification</button>
-    <button (click)="onYes()" class="btn btn-success mt-2">Yes, Import Characteristics</button>
 </mat-dialog-actions>
\ No newline at end of file
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.ts
index db06fad..e891008 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/confirm-characteristic-assignment/confirm-characteristic-assignment.component.ts
@@ -12,15 +12,11 @@ export class ConfirmCharacteristicAssignmentComponent {
     public dialogRef: MatDialogRef<ConfirmCharacteristicAssignmentComponent>
   ) {}
 
-  onCancel(): void {
-    this.dialogRef.close(); // Returns undefined
-  }
-
   onNo(): void {
-    this.dialogRef.close(false); // Returns false
+    this.dialogRef.close(false);
   }
 
   onYes(): void {
-    this.dialogRef.close(true); // Returns true
+    this.dialogRef.close(true);
   }
 }
\ No newline at end of file
-- 
GitLab


From 1696f524d5f9208ca6f2f7ded7afd75cc53e8d74 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Tue, 9 Dec 2025 13:11:21 +0200
Subject: [PATCH 09/13] fixed copy characteristic bug when it already exists

---
 .../assign-service-specification.component.ts | 26 +++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
index 8e5b55c..ad03048 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
@@ -165,7 +165,7 @@ export class AssignServiceSpecificationComponent implements OnInit {
       });
     }
     else {
-      this.executeAssignment(false);
+      this.executeAssignment(null);
     }
   }
 
@@ -251,7 +251,6 @@ export class AssignServiceSpecificationComponent implements OnInit {
   }
 
   removeUnwantedCharacteristics(spec: ProductSpecification) {
-    // identify characteristics to remove (from CFSS) if user clicks no
     const unwantedNames: string[] = [];
     
     this.selectedSpecs.forEach(s => {
@@ -262,11 +261,26 @@ export class AssignServiceSpecificationComponent implements OnInit {
       }
     });
 
+    const originalNames = (this.data.productSpec.productSpecCharacteristic || []).map(c => c.name);
+
     const currentChars = spec.productSpecCharacteristic || [];
-    const newSpecCharacteristicArray = currentChars.filter(c => !unwantedNames.includes(c.name));
+    
+    const newSpecCharacteristicArray = currentChars.filter(char => {
+      const isUnwanted = unwantedNames.includes(char.name);
+      const wasPreExisting = originalNames.includes(char.name);
+
+      // If it is NOT in the unwanted list, keep it.
+      if (!isUnwanted) return true;
+
+      // If it IS in the unwanted list, BUT it existed before we started, keep it.
+      if (wasPreExisting) return true;
+
+      return false;
+    });
 
-    // If there is nothing to change, just close
+    // If there is nothing to change (lengths match), just close
     if (newSpecCharacteristicArray.length === currentChars.length) {
+      this.toast.success('Product Specification updated successfully');
       this.dialogRef.close('updated');
       return;
     }
@@ -279,12 +293,14 @@ export class AssignServiceSpecificationComponent implements OnInit {
       id: spec.id, 
       productSpecification: updateCharacteristicObj
     }).subscribe(
-      data => {},
+      data => {}, 
       error => {
+        console.error(error);
         this.toast.warning('Service assigned, but failed to clean up auto-assigned characteristics.');
         this.dialogRef.close('updated'); 
       },
       () => {
+        this.toast.success("Product Specification Characteristics list was successfully updated");
         this.dialogRef.close('updated');
       }
     )
-- 
GitLab


From ca7eaef4d6447293123952497e2d6dc0de47f96a Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Wed, 10 Dec 2025 14:09:19 +0200
Subject: [PATCH 10/13] changed cfss/rfss peel colors

---
 .../assign-service-specification.component.html        |  6 +++---
 .../edit-product-specs.component.html                  |  5 +++--
 src/app/shared/navbar/navbar.component.html            | 10 +++++++++-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.html
index 2c4580a..4eae4f5 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.html
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.html
@@ -14,7 +14,7 @@
                 <mat-autocomplete #autoComplete="matAutocomplete" (optionSelected)="selected($event)" autoActiveFirstOption>
                     <mat-option *ngFor="let spec of filteredSpecs$ | async" [value]="spec">
                         {{spec.name}} 
-                        <b class="badge badge-info ml-1">
+                        <b class="badge ml-1 {{ spec['@type'] === 'CustomerFacingServiceSpecification' ? 'badge-warning' : (spec['@type'] === 'ResourceFacingServiceSpecification' ? 'badge-success' : 'badge-danger') }}">
                             {{ spec['@type'] === 'CustomerFacingServiceSpecification' ? 'CFSS' : (spec['@type'] === 'ResourceFacingServiceSpecification' ? 'RFSS' : 'null') }}
                         </b>
                     </mat-option>
@@ -30,9 +30,9 @@
                     <td mat-cell *matCellDef="let element" matTooltipClass="universal-tooltip"
                         [matTooltip]="element.description" matTooltipPosition="above">
                         <b>{{element.name}}</b>
-                        <b class="badge badge-info ml-1">
+                        <b class="badge ml-1 {{ element['@type'] === 'CustomerFacingServiceSpecification' ? 'badge-warning' : (element['@type'] === 'ResourceFacingServiceSpecification' ? 'badge-success' : 'badge-danger') }}">
                             {{ element['@type'] === 'CustomerFacingServiceSpecification' ? 'CFSS' : (element['@type'] === 'ResourceFacingServiceSpecification' ? 'RFSS' : 'null') }}
-                        </b> 
+                        </b>
                     </td>
                 </ng-container>
 
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
index 989ec95..a942f95 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.html
@@ -169,9 +169,10 @@
                                                 <div *ngFor="let relatedServiceSpecification of filteredServiceSpecificationRel$ | async"
                                                     class="spec-relationship-container pt-3">
                                                     <div><a routerLink="/services/service_spec_update/{{relatedServiceSpecification.id}}"><b>{{relatedServiceSpecification.name}}</b></a>
-                                                        <div class="badge badge-info ml-1">
+                                                        <div class="badge ml-1 {{ relatedServiceSpecification['@type'] === 'CustomerFacingServiceSpecification' ? 'badge-warning' : (relatedServiceSpecification['@type'] === 'ResourceFacingServiceSpecification' ? 'badge-success' : 'badge-danger') }}">
                                                             {{ relatedServiceSpecification['@type'] === 'CustomerFacingServiceSpecification' ? 'CFSS' : (relatedServiceSpecification['@type'] === 'ResourceFacingServiceSpecification' ? 'RFSS' : 'null') }}
-                                                        </div></div>
+                                                        </div>
+                                                    </div>
                                                     <a routerLink='/services/service_spec_update/{{relatedServiceSpecification.id}}'>
                                                         <button class="btn btn-warning btn-sm"><i class="far fa-edit"></i></button>
                                                     </a>
diff --git a/src/app/shared/navbar/navbar.component.html b/src/app/shared/navbar/navbar.component.html
index 685b82b..61d2099 100644
--- a/src/app/shared/navbar/navbar.component.html
+++ b/src/app/shared/navbar/navbar.component.html
@@ -261,7 +261,7 @@
             <ng-container *ngIf="appService.portalDomain !== '' && appService.portalDomain !== 'metrics'">
                 <ng-container *ngIf="authService.isAuthenticated$ | async; else elseTemplate">
                     <ul class="navbar-nav">
-                            <li class="nav-item" [@fadeIn] *ngIf="appService.portalDomain === 'services' || appService.portalDomain === 'products'">
+                            <li class="nav-item" [@fadeIn] *ngIf="appService.portalDomain === 'services'">
                                 <a class="nav-link d-flex align-items-center" routerLink="/{{appService.portalDomain}}/service_order_checkout">
                                     <span class="badge badge-danger mr-1"> {{requesterService.orderedSpecsList.length}} </span>
                                     <i class="fas fa-shopping-cart mr-1"></i>
@@ -269,6 +269,14 @@
                                 </a>
                             </li>
 
+                            <!-- <li class="nav-item" [@fadeIn] *ngIf="appService.portalDomain === 'products'">
+                                <a class="nav-link d-flex align-items-center" routerLink="/{{appService.portalDomain}}/product_order_checkout">
+                                    <span class="badge badge-danger mr-1"> {{requesterService.orderedSpecsList.length}} </span>
+                                    <i class="fas fa-shopping-cart mr-1"></i>
+                                    <span> Order List </span>
+                                </a>
+                            </li> -->
+
                             <li class="nav-item dropdown" dropdown *ngIf="authService.portalUser" [@fadeIn]>
                                 <a class="nav-link dropdown-toggle" id="navbarDropdown2" aria-haspopup="true" dropdownToggle tabindex="-1">{{authService.portalUserJWT.preferred_username}}</a>
                                 <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown2" *dropdownMenu>
-- 
GitLab


From 9c9279f7b29426614471326707d4c097ddc1a006 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Wed, 10 Dec 2025 14:58:33 +0200
Subject: [PATCH 11/13] added missing characteristic attributes

---
 .../assign-service-specification.component.ts     | 12 +++++++++++-
 ...it-product-spec-characteristics.component.scss | 15 +++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
index ad03048..d6a4363 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
@@ -206,10 +206,20 @@ export class AssignServiceSpecificationComponent implements OnInit {
             description: sourceChar.description,
             valueType: sourceChar.valueType,
             configurable: sourceChar.configurable,
+            extensible: sourceChar.extensible,
+            regex: sourceChar.regex,
+            uiType: sourceChar.uiType,
+            unitOfMeasure: sourceChar.unitOfMeasure,
+            defaultValue: sourceChar.defaultValue,
             minCardinality: sourceChar.minCardinality,
             maxCardinality: sourceChar.maxCardinality,
             productSpecCharacteristicValue: cleanValues,
-            '@type': 'ProductSpecCharacteristic'
+            productSpecCharRelationship: [],
+            validFor: sourceChar.validFor || { startDateTime: new Date().toISOString(), endDateTime: null },
+            lifecycleStatus: "In design",
+            '@type': 'ProductSpecCharacteristic',
+            '@baseType': 'BaseEntity',
+            '@schemaLocation': null
           };
 
           // if characteristic already exists by name, overwrite it anyway
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.scss b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.scss
index e69de29..42ca63a 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.scss
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.scss
@@ -0,0 +1,15 @@
+.form-array-container {
+    max-height: 250px;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.characteristic-value-container {
+    // padding-top: 0.75rem;
+    border: 1px;
+    border-style: dashed;
+    border-color: #ccc;
+    margin-bottom: 0.5rem;
+    background-color: #fafaff;
+    border-radius: 5px;
+}
\ No newline at end of file
-- 
GitLab


From 73778786fb238769236f3eef0a83742ef8ae6177 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Wed, 10 Dec 2025 15:16:04 +0200
Subject: [PATCH 12/13] improved error displays with toastr

---
 .../assign-service-specification.component.ts    |  5 +----
 ...ete-product-spec-characteristics.component.ts |  6 ++++--
 ...dit-product-spec-characteristics.component.ts |  6 +-----
 .../edit-product-specs.component.ts              | 16 +++++++++++-----
 4 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
index d6a4363..4dda413 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/assign-service-specification/assign-service-specification.component.ts
@@ -80,7 +80,7 @@ export class AssignServiceSpecificationComponent implements OnInit {
         this.dataSource.data = this.selectedSpecs;
         this.dataSource.sort = this.sort;
       },
-      error => console.error(error)
+    error => this.toast.error('Failed to fetch Service Specifications', error)
     );
   }
 
@@ -160,7 +160,6 @@ export class AssignServiceSpecificationComponent implements OnInit {
       });
 
       dialogRef.afterClosed().subscribe(result => {
-        console.log(result);
         this.executeAssignment(result);
       });
     }
@@ -254,7 +253,6 @@ export class AssignServiceSpecificationComponent implements OnInit {
         }
       },
       error => {
-        console.error('Update failed', error);
         this.toast.error('Failed to update Product Specification');
       }
     );
@@ -305,7 +303,6 @@ export class AssignServiceSpecificationComponent implements OnInit {
     }).subscribe(
       data => {}, 
       error => {
-        console.error(error);
         this.toast.warning('Service assigned, but failed to clean up auto-assigned characteristics.');
         this.dialogRef.close('updated'); 
       },
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.ts
index 585ca57..29bafc1 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/delete-product-spec-characteristics/delete-product-spec-characteristics.component.ts
@@ -1,6 +1,7 @@
 import { trigger } from "@angular/animations";
 import { Component, Inject, OnInit } from "@angular/core";
 import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
+import { Toast, ToastrService } from "ngx-toastr";
 import { ProductSpecification, ProductSpecificationCharacteristicRes, ProductSpecificationUpdate } from "src/app/openApis/productCatalogManagement/models";
 import { ProductSpecificationService } from "src/app/openApis/productCatalogManagement/services";
 import { fadeIn, simpleFade } from "src/app/shared/animations/animations";
@@ -20,7 +21,8 @@ export class DeleteProductSpecCharacteristicsComponent implements OnInit {
         specToBeDeleted: ProductSpecificationCharacteristicRes
         },
         private dialogRef: MatDialogRef<DeleteProductSpecCharacteristicsComponent>,
-        private specService: ProductSpecificationService
+        private specService: ProductSpecificationService,
+        private toast: ToastrService
     ) { }
 
     ngOnInit() {
@@ -34,7 +36,7 @@ export class DeleteProductSpecCharacteristicsComponent implements OnInit {
 
         this.specService.patchProductSpecification({ id: this.data.productSpec.id, productSpecification: updateSpecObj }).subscribe(
         data => {},
-        error => console.error(error),
+        error => this.toast.error("An error occurred while deleting the Product Specification Characteristic"),
         () => this.dialogRef.close('deleted')
         )
     }
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
index 1101e69..f2408ed 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-spec-characteristics/edit-product-spec-characteristics.component.ts
@@ -192,18 +192,14 @@ export class EditProductSpecCharacteristicsComponent implements OnInit {
             const updateCharacteristIndex = this.data.productSpec.productSpecCharacteristic.findIndex(char => char.uuid === this.data.specToBeUpdated.uuid)
             this.data.productSpec.productSpecCharacteristic[updateCharacteristIndex] = this.editFormCharacteristic.getRawValue()
         }
-        console.log(this.newSpec);
-        console.log(this.data.productSpec);
 
         const updateCharacteristicObj: ProductSpecificationUpdate = {
             productSpecCharacteristic: this.data.productSpec.productSpecCharacteristic
         }
 
-        // console.log(updateCharacteristicObj);
-
         this.specService.patchProductSpecification({ id: this.data.productSpec.id, productSpecification: updateCharacteristicObj }).subscribe(
             data => { },
-            error => { console.error(error); this.toast.error("An error occurred upon updating Spec Characteristics") },
+            error => this.toast.error("An error occurred upon updating Spec Characteristics"),
             () => { this.dialogRef.close('updated') }
         )
     }
diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
index 898b3dd..a3f5daa 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
@@ -110,7 +110,7 @@ export class EditProductSpecsComponent implements OnInit {
   retrieveProductSpec() {
     this.specService.retrieveProductSpecification({id: this.specID}).subscribe(
       data => this.spec = data,
-      error => {console.error(error), this.toast.error("An error occurred while loading Product Specification")},
+      error => this.toast.error("An error occurred while loading Product Specification"),
       () => {
         if (this.spec) {
           this.finishedLoading = true
@@ -193,7 +193,7 @@ export class EditProductSpecsComponent implements OnInit {
       if (this.newSpecification) {
         this.specService.createProductSpecification(updateObj).subscribe(
           data => { updatedSpec = data },
-          error => console.error(error),
+          error => this.toast.error("An error occurred while creating the Product Specification"),
           () => {
             this.newSpecification = false
             this.toast.success("Product Specification was successfully created")
@@ -204,7 +204,7 @@ export class EditProductSpecsComponent implements OnInit {
       else {
         this.specService.patchProductSpecification({ id: this.specID, productSpecification: updateObj }).subscribe(
           data => { updatedSpec = data },
-          error => console.error(error),
+          error => this.toast.error("An error occurred while updating the Product Specification"),
           () => {
             this.toast.success("Product Specification was successfully updated")
             this.refreshProductSpecification(updatedSpec)
@@ -243,7 +243,7 @@ export class EditProductSpecsComponent implements OnInit {
 
     this.specService.patchProductSpecification({id: this.spec.id, productSpecification: updateCharacteristicObj}).subscribe(
       data => {},
-      error => console.error(error),
+      error => this.toast.error("An error occurred while cloning the Product Specification Characteristic"),
       () => {
         this.toast.success("Product Specification Characteristics list was successfully updated");
         this.retrieveProductSpec();
@@ -275,9 +275,12 @@ export class EditProductSpecsComponent implements OnInit {
     dialogRef.afterClosed().subscribe (
       result => { 
         if (result){ 
-          this.toast.success("Product Specification Characteristics list was successfully updated")
+          this.toast.success("Product Specification Characteristics list was successfully updated");
           this.retrieveProductSpec()
         }
+        else {
+          this.toast.error("An error occurred while updating Product Specification Characteristics list");
+        }
       }
     )
   }
@@ -297,6 +300,9 @@ export class EditProductSpecsComponent implements OnInit {
           this.toast.success("Product Specification Characteristics list was successfully updated");
           this.retrieveProductSpec();
         }
+        else {
+          this.toast.error("An error occurred while updating Product Specification Characteristics list");
+        }
       }
     )
   }
-- 
GitLab


From a24ca4418f1d1f28c0fab1ce13546e6c0605c409 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Wed, 10 Dec 2025 16:16:03 +0200
Subject: [PATCH 13/13] removed filtering of characteristics with no value type

---
 .../edit-product-specs/edit-product-specs.component.ts   | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
index a3f5daa..77cb87e 100644
--- a/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
+++ b/src/app/p_product/admin/productCatalogManagement/edit-product-specs/edit-product-specs.component.ts
@@ -126,8 +126,7 @@ export class EditProductSpecsComponent implements OnInit {
           )
 
           //populate Specification Characteristic Panel Info
-          // filter Spec Characteristic that does not have defined Value Type (parent spec char)
-          this.dataSource.data = this.spec.productSpecCharacteristic.filter(specCharacteristic => specCharacteristic.valueType)
+          this.dataSource.data = this.spec.productSpecCharacteristic;
           // this.dataSource.paginator = this.paginator;
 
           this.specCharacteristicsTags = ["All"]
@@ -278,9 +277,6 @@ export class EditProductSpecsComponent implements OnInit {
           this.toast.success("Product Specification Characteristics list was successfully updated");
           this.retrieveProductSpec()
         }
-        else {
-          this.toast.error("An error occurred while updating Product Specification Characteristics list");
-        }
       }
     )
   }
@@ -300,9 +296,6 @@ export class EditProductSpecsComponent implements OnInit {
           this.toast.success("Product Specification Characteristics list was successfully updated");
           this.retrieveProductSpec();
         }
-        else {
-          this.toast.error("An error occurred while updating Product Specification Characteristics list");
-        }
       }
     )
   }
-- 
GitLab