fix(ui): add error handling to register client functionality

If an error occurs during the registration of a client, which can be triggered on the 'My Clients' page, nothing happened so far.
We added snackbar messages to inform the user about what happened with the registration request.

Author: BastianGem

src/app/components/my-apps/my-apps.component.ts

@@ -53,6 +53,7 @@ import { IClientVersionExt } from '../../interfaces/IClientVersionSummaryExt';
 import { ContractService } from '../../services/contract/contract.service';
 import { OrganizationService } from '../../services/org/organization.service';
 import { BreakContractComponent } from '../dialogs/break-contract/break-contract.component';
+import { HttpErrorResponse } from '@angular/common/http';
 
 @Component({
   selector: 'app-my-apps',
@@ -379,11 +380,26 @@ export class MyAppsComponent implements OnInit {
       entityId: extendedClientVersion.client.id,
       entityVersion: extendedClientVersion.version
     };
-    this.clientService.registerClient(action).subscribe(() => {
-      console.info(
-        `Client ${action.organizationId}/${action.entityId}/${action.entityVersion} successfully registered`
-      );
-      extendedClientVersion.status = 'Registered';
+    this.clientService.registerClient(action).subscribe({
+      next: () => {
+        this.snackbarService.showPrimarySnackBar(
+          this.translator.instant('CLIENTS.REGISTER_CLIENT_SUCCEED', {
+            clientName: action.entityId,
+            clientVersion: action.entityVersion
+          }) as string
+        );
+        console.info(
+          `Client ${action.organizationId}/${action.entityId}/${action.entityVersion} successfully registered`
+        );
+        extendedClientVersion.registerable = false;
+        extendedClientVersion.status = 'Registered';
+      },
+      error: (err: HttpErrorResponse) => {
+        this.snackbarService.showErrorSnackBar(
+          this.translator.instant('CLIENTS.REGISTER_CLIENT_FAILED') as string,
+          err
+        );
+      }
     });
   }
 

src/assets/i18n/de.json

@@ -99,6 +99,8 @@
     "FAILED_WHILE_FETCHING_CLIENTS": "Fehler beim Laden der Clients",
     "DELETE_CLIENT_FAILED": "Fehler beim Löschen des Client",
     "DELETE_CONTRACT_FAILED": "Fehler beim Löschen des Vertrags",
+    "REGISTER_CLIENT_FAILED": "Fehler beim Registrieren des Client",
+    "REGISTER_CLIENT_SUCCEED": "Der  Client {{ clientName }} ({{ clientVersion }}) wurde erfolgreich registriert",
     "NO_PROBES": "Für diese API liegen keine Policy-Daten vor",
     "RETIRED_API": "Diese API kann nicht mehr verwendet werden.",
     "SELECT": "Aus vorhandenen Anwendungen auswählen",

src/assets/i18n/en.json

@@ -99,6 +99,8 @@
     "FAILED_WHILE_FETCHING_CLIENTS": "Failed while fetching clients",
     "DELETE_CLIENT_FAILED": "Failed while removing the client",
     "DELETE_CONTRACT_FAILED": "Failed while removing the contract",
+    "REGISTER_CLIENT_FAILED": "Failed while registering the client",
+    "REGISTER_CLIENT_SUCCEED": "The client {{ clientName }} ({{ clientVersion }}) has been successfully registered",
     "NO_PROBES": "There is no policy data for the current API",
     "RETIRED_API": "This API is retired and can no longer be used.",
     "SELECT": "Select from available Clients",