Provided support for adding Manual asset

https://github.com/ghostfolio/ghostfolio/issues/2283

-Added Radio button and Input

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

@@ -45,6 +45,11 @@ export class AdminService {
     symbol
   }: UniqueAsset): Promise<SymbolProfile | never> {
     try {
+      if(dataSource==="MANUAL")
+      return await this.symbolProfileService.add(
+        {symbol, currency:DEFAULT_CURRENCY, dataSource:"MANUAL"}  
+      );
+
       const assetProfiles = await this.dataProviderService.getAssetProfiles([
         { dataSource, symbol }
       ]);

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

@@ -7,9 +7,11 @@ import {
   OnInit
 } from '@angular/core';
 import {
+  AbstractControl,
   FormBuilder,
   FormControl,
   FormGroup,
+  ValidationErrors,
   Validators
 } from '@angular/forms';
 import { MatDialogRef } from '@angular/material/dialog';
@@ -23,31 +25,67 @@ import { AdminService } from '@ghostfolio/client/services/admin.service';
 })
 export class CreateAssetProfileDialog implements OnInit, OnDestroy {
   public createAssetProfileForm: FormGroup;
+  public selectedOption: string;
 
   public constructor(
     public readonly adminService: AdminService,
     public readonly changeDetectorRef: ChangeDetectorRef,
     public readonly dialogRef: MatDialogRef<CreateAssetProfileDialog>,
-    public readonly formBuilder: FormBuilder
+    public readonly formBuilder: FormBuilder,
+    
   ) {}
   
   public ngOnInit() {  
+
+      
     this.createAssetProfileForm = this.formBuilder.group({
-      searchSymbol: new FormControl(null, [Validators.required])
+      searchSymbol: new FormControl(null, [Validators.required]),
+      addSymbol: new FormControl(null, [Validators.required])
+    },
+    {
+      validators: atLeastOneValid,
     });
+    
+    this.selectedOption = 'auto';
   }
 
   public onCancel() {
     this.dialogRef.close();
   }
 
+  public onRadioChange(option: string) {
+    this.selectedOption = option;
+  }
+
   public onSubmit() {
+    console.log(this.createAssetProfileForm.controls['addSymbol'].value)
+    this.selectedOption==='auto'?
     this.dialogRef.close({
       dataSource:
         this.createAssetProfileForm.controls['searchSymbol'].value.dataSource,
       symbol: this.createAssetProfileForm.controls['searchSymbol'].value.symbol
-    });
+    })
+    :
+    this.dialogRef.close({
+      dataSource:"MANUAL",
+      symbol: this.createAssetProfileForm.controls['addSymbol'].value
+    })
   }
  
   public ngOnDestroy() {}
 }
+
+const atLeastOneValid = (control: AbstractControl): ValidationErrors | null => {
+  const searchSymbolControl = control.get('searchSymbol');
+  const addSymbolControl = control.get('addSymbol');
+
+  if(searchSymbolControl.valid && addSymbolControl.valid){
+    return { atLeastOneValid: true };
+  }
+
+  if ((!searchSymbolControl || !addSymbolControl) || (searchSymbolControl.valid || addSymbolControl.valid)) {   
+    return null; 
+  }
+
+  return { atLeastOneValid: true }; 
+};

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

@@ -6,6 +6,14 @@
 >
   <h1 i18n mat-dialog-title>Add Asset Profile</h1>
   <div class="flex-grow-1 py-3" mat-dialog-content>
+    <div class="my-2">
+      <mat-radio-group [(ngModel)]="selectedOption" name="radioOptions">
+          <div class="flex"><mat-radio-button [checked]="selectedOption==='auto'" value="auto" (click)="onRadioChange('auto')" name="auto"></mat-radio-button><label for="auto">Search</label></div>
+          <div class="flex"><mat-radio-button value="manual" (click)="onRadioChange('manual')" name="manual"></mat-radio-button><label for="auto">Add Manually</label></div>
+      </mat-radio-group>
+    </div>
+   
+      <div *ngIf="selectedOption === 'auto'">
         <mat-form-field appearance="outline" class="w-100">
           <mat-label i18n>Name, symbol or ISIN</mat-label>
             <gf-symbol-autocomplete
@@ -14,13 +22,21 @@
             />
           </mat-form-field>
       </div>
+      <div *ngIf="selectedOption === 'manual'">
+        <mat-form-field appearance="outline" class="w-100">
+          <mat-label>Symbol</mat-label>
+          <input matInput formControlName="addSymbol" placeholder="Enter symbol"/>
+        </mat-form-field>
+      </div>   
+   
+  </div>
   <div class="d-flex justify-content-end" mat-dialog-actions>
     <button i18n mat-button type="button" (click)="onCancel()">Cancel</button>
     <button
       color="primary"
       mat-flat-button
       type="submit"
-      [disabled]="!createAssetProfileForm.valid"
+      [disabled]="createAssetProfileForm.hasError('atLeastOneValid')"
     >
       <ng-container i18n>Save</ng-container>
     </button>

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

@@ -3,7 +3,10 @@ import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDialogModule } from '@angular/material/dialog';
+import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatRadioModule } from '@angular/material/radio';
+
 import { GfSymbolAutocompleteModule } from '@ghostfolio/ui/symbol-autocomplete';
 
 import { CreateAssetProfileDialog } from './create-asset-profile-dialog.component';
@@ -17,6 +20,8 @@ import { CreateAssetProfileDialog } from './create-asset-profile-dialog.componen
     MatDialogModule,
     MatButtonModule,
     MatFormFieldModule,
+    MatInputModule,
+    MatRadioModule,
     ReactiveFormsModule
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]