feat: implements frontend logic

apps/api/src/app/admin/admin.controller.ts

@@ -338,12 +338,9 @@ export class AdminController {
     @Param('dataSource') dataSource: DataSource,
     @Param('symbol') symbol: string
   ): Promise<EnhancedSymbolProfile> {
-    return this.adminService.patchAssetProfileData(
+    return this.adminService.patchAssetProfileData(dataSource, symbol, {
-      { dataSource, symbol },
-      {
       ...assetProfileData
-      }
+    });
-    );
   }
 
   @HasPermission(permissions.accessAdminControl)

apps/api/src/app/admin/admin.service.ts

@@ -492,42 +492,48 @@ export class AdminService {
   }
 
   public async patchAssetProfileData(
-    assetProfileIdentifier: AssetProfileIdentifier,
+    dataSource: DataSource,
+    symbol: string,
     {
       assetClass,
       assetSubClass,
       comment,
       countries,
       currency,
-      dataSource,
+      dataSource: newDataSource,
       holdings,
       name,
       scraperConfiguration,
       sectors,
-      symbol,
+      symbol: newSymbol,
       symbolMapping,
       url
     }: Prisma.SymbolProfileUpdateInput
   ) {
     if (
-      symbol &&
+      newSymbol &&
-      dataSource &&
+      newDataSource &&
-      assetProfileIdentifier.symbol !== symbol &&
+      (newSymbol !== symbol || newDataSource !== dataSource)
-      assetProfileIdentifier.dataSource !== dataSource
     ) {
       await this.symbolProfileService.updateAssetProfileIdentifier(
-        assetProfileIdentifier,
         {
-          dataSource: dataSource as DataSource, // TODO change
+          dataSource,
-          symbol: symbol as string
+          symbol
+        },
+        {
+          dataSource: newDataSource as DataSource,
+          symbol: newSymbol as string
         }
       );
 
       await this.marketDataService.updateAssetProfileIdentifier(
-        assetProfileIdentifier,
         {
-          dataSource: dataSource as DataSource,
+          dataSource,
-          symbol: symbol as string
+          symbol
+        },
+        {
+          dataSource: newDataSource as DataSource,
+          symbol: newSymbol as string
         }
       );
 
@@ -572,7 +578,10 @@ export class AdminService {
       };
 
       await this.symbolProfileService.updateSymbolProfile(
-        assetProfileIdentifier,
+        {
+          dataSource,
+          symbol
+        },
         updatedSymbolProfile
       );
 

apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.ts

@@ -55,7 +55,12 @@ export class AssetProfileDialog implements OnDestroy, OnInit {
     return { id: assetSubClass, label: translate(assetSubClass) };
   });
   public assetProfile: AdminMarketDataDetails['assetProfile'];
-  public assetProfileIdentifierForm;
+  public assetProfileIdentifierForm = this.formBuilder.group({
+    editedSearchSymbol: new FormControl<AssetProfileIdentifier>(
+      { symbol: null, dataSource: null },
+      [Validators.required]
+    )
+  });
   public assetProfileForm = this.formBuilder.group({
     assetClass: new FormControl<AssetClass>(undefined),
     assetSubClass: new FormControl<AssetSubClass>(undefined),
@@ -225,6 +230,14 @@ export class AssetProfileDialog implements OnDestroy, OnInit {
       });
   }
 
+  public get isSymbolEditable() {
+    return !this.assetProfileForm.dirty;
+  }
+
+  public get isSymbolEditButtonInvisible() {
+    return this.assetProfile?.dataSource === 'MANUAL';
+  }
+
   public onClose() {
     this.dialogRef.close();
   }
@@ -284,9 +297,40 @@ export class AssetProfileDialog implements OnDestroy, OnInit {
 
     this.assetProfileForm.enable();
 
+    this.assetProfileIdentifierForm.reset();
+
     this.changeDetectorRef.markForCheck();
   }
 
+  public async onSubmitAssetProfileIdentifierForm() {
+    const assetProfileIdentifierData: UpdateAssetProfileDto = {
+      dataSource:
+        this.assetProfileIdentifierForm.get('editedSearchSymbol').value
+          .dataSource,
+      symbol:
+        this.assetProfileIdentifierForm.get('editedSearchSymbol').value.symbol
+    };
+
+    try {
+      await validateObjectForForm({
+        classDto: UpdateAssetProfileDto,
+        form: this.assetProfileIdentifierForm,
+        object: assetProfileIdentifierData
+      });
+    } catch (error) {
+      console.error(error);
+      return;
+    }
+
+    this.adminService
+      .patchAssetProfile(this.data.dataSource, this.data.symbol, {
+        ...assetProfileIdentifierData
+      })
+      .subscribe(() => {
+        this.initialize();
+      });
+  }
+
   public async onSubmitAssetProfileForm() {
     let countries = [];
     let scraperConfiguration = {};
@@ -360,10 +404,8 @@ export class AssetProfileDialog implements OnDestroy, OnInit {
     }
 
     this.adminService
-      .patchAssetProfile({
+      .patchAssetProfile(this.data.dataSource, this.data.symbol, {
-        ...assetProfileData,
+        ...assetProfileData
-        dataSource: this.data.dataSource,
-        symbol: this.data.symbol
       })
       .subscribe(() => {
         this.initialize();

apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html

@@ -88,14 +88,28 @@
     <div class="row">
       @if (isEditSymbolMode) {
         <div class="col-12 mb-3">
+          <form
+            [formGroup]="assetProfileIdentifierForm"
+            (keyup.enter)="
+              assetProfileIdentifierForm.valid &&
+                onSubmitAssetProfileIdentifierForm()
+            "
+            (ngSubmit)="onSubmitAssetProfileIdentifierForm()"
+          >
             <mat-form-field appearance="outline">
               <mat-label i18n>Name, symbol or ISIN</mat-label>
               <gf-symbol-autocomplete
-              formControlName="searchSymbol"
+                formControlName="editedSearchSymbol"
                 [includeIndices]="true"
               />
             </mat-form-field>
-          <button class="mx-1 no-min-width px-2" mat-button type="button">
+            <button
+              class="mx-1 no-min-width px-2"
+              color="primary"
+              mat-flat-button
+              type="submit"
+              [disabled]="!assetProfileIdentifierForm.valid"
+            >
               Apply
             </button>
             <button
@@ -106,6 +120,7 @@
             >
               Cancel
             </button>
+          </form>
         </div>
       } @else {
         <div class="col-6 mb-3">
@@ -128,7 +143,10 @@
             class="mx-1 no-min-width px-2"
             mat-button
             type="button"
-            [disabled]="assetProfileForm.dirty"
+            [disabled]="!isSymbolEditable"
+            [ngClass]="{
+              'd-none': isSymbolEditButtonInvisible
+            }"
             (click)="onSetEditSymboleMode()"
           >
             <ion-icon name="create-outline"></ion-icon>

apps/client/src/app/services/admin.service.ts

@@ -216,20 +216,24 @@ export class AdminService {
     return this.http.get<IDataProviderHistoricalResponse>(url);
   }
 
-  public patchAssetProfile({
+  public patchAssetProfile(
+    dataSource: DataSource,
+    symbol: string,
+    {
       assetClass,
       assetSubClass,
       comment,
       countries,
       currency,
-    dataSource,
+      dataSource: newDataSource,
       name,
       scraperConfiguration,
       sectors,
-    symbol,
+      symbol: newSymbol,
       symbolMapping,
       url
-  }: AssetProfileIdentifier & UpdateAssetProfileDto) {
+    }: UpdateAssetProfileDto
+  ) {
     return this.http.patch<EnhancedSymbolProfile>(
       `/api/v1/admin/profile-data/${dataSource}/${symbol}`,
       {
@@ -239,6 +243,8 @@ export class AdminService {
         countries,
         currency,
         name,
+        newDataSource,
+        newSymbol,
         scraperConfiguration,
         sectors,
         symbolMapping,