From 6d108cff58d04ede1456fb4d86838de6e4327cb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Henry=20T=C3=A4schner?=
 <129834483+HenryT-CG@users.noreply.github.com>
Date: Tue, 26 Nov 2024 08:05:15 +0100
Subject: [PATCH] fix: manage iam is not available (#288)

---
 .../app-detail/app-detail.component.html      | 22 ++++++++++++-------
 .../app-detail/app-detail.component.scss      |  8 +++++++
 src/assets/i18n/de.json                       |  4 ++++
 src/assets/i18n/en.json                       |  4 ++++
 4 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/app/permission/app-detail/app-detail.component.html b/src/app/permission/app-detail/app-detail.component.html
index a11d7b5..14324b4 100644
--- a/src/app/permission/app-detail/app-detail.component.html
+++ b/src/app/permission/app-detail/app-detail.component.html
@@ -148,11 +148,15 @@
             pFrozenColumn
             id="apm_app_detail_permission_table_header_permissions"
             [attr.colspan]="(currentApp.isProduct ? 2 : 3) + (showPermissionTools ? 2 : 0)"
-            class="py-2 border-right-primary"
-            [ngClass]="
-              myPermissions.includes('PERMISSION#EDIT') || myPermissions.includes('PERMISSION#DELETE') ? 'py-0' : 'py-1'
-            "
+            class="py-2 px-0 border-right-primary"
           >
+            <!-- summary -->
+            <div *ngIf="!currentApp.isProduct" class="absolute pl-2 flex flex-column row-gap-1 text-sm">
+              <div>{{ 'PERMISSION.LABEL' | translate }}: {{ permissions.length }}</div>
+              <div>
+                {{ 'DIALOG.DETAIL.HEADER_PRODUCTS' | translate }}{{ currentApp.workspaceDetails?.products?.length }}
+              </div>
+            </div>
             <div class="flex flex-row justify-content-evenly">
               <div class="flex flex-row align-items-center column-gap-2">
                 <span
@@ -323,8 +327,10 @@
             id="apm_app_detail_permission_table_header_permission_key"
             class="p-2 vertical-align-bottom border-bottom-primary sm:white-space-nowrap"
           >
-            {{ 'PERMISSION.KEY' | translate }}
-            <p-sortIcon field="key"></p-sortIcon>
+            <div class="flex flex-column sm:flex-row justify-content-end sm:justify-content-start">
+              <span class="pb-4 sm:pb-0 white-space-nowrap">{{ 'PERMISSION.KEY' | translate }}</span>
+              <p-sortIcon field="key"></p-sortIcon>
+            </div>
           </th>
           <th
             pFrozenColumn
@@ -333,7 +339,7 @@
             class="p-2 vertical-align-bottom border-bottom-primary white-space-nowrap"
           >
             <div *ngIf="currentApp.isProduct">{{ 'DIALOG.DETAIL.FILTER.PRODUCT' | translate }}</div>
-            <div *ngIf="!currentApp.isProduct" class="flex">
+            <div *ngIf="!currentApp.isProduct" class="flex flex-wrap sm:white-space-nowrap">
               <span #filterProduct class="p-float-label inline-block">
                 <p-dropdown
                   id="apm_app_detail_permission_table_filter_product_name"
@@ -371,7 +377,7 @@
             id="apm_app_detail_permission_table_header_permission_filter_app_id"
             class="p-2 vertical-align-bottom border-bottom-primary white-space-nowrap border-right-primary"
           >
-            <div class="flex">
+            <div class="flex flex-wrap sm:white-space-nowrap">
               <span #filterApp class="p-float-label inline-block">
                 <p-dropdown
                   id="apm_app_detail_permission_table_filter_app_id"
diff --git a/src/app/permission/app-detail/app-detail.component.scss b/src/app/permission/app-detail/app-detail.component.scss
index bad55cd..2663812 100644
--- a/src/app/permission/app-detail/app-detail.component.scss
+++ b/src/app/permission/app-detail/app-detail.component.scss
@@ -15,6 +15,10 @@
   .word-break-all {
     word-break: break-all;
   }
+  .p-datatable .p-datatable-header {
+    padding-left: 0;
+    padding-right: 0;
+  }
   .p-datatable {
     .p-datatable-wrapper {
       margin-top: 0.5rem;
@@ -22,6 +26,10 @@
     .p-datatable-thead > tr:first-of-type > th {
       border-bottom: unset;
     }
+    .p-datatable-thead > tr > th:last-of-type,
+    .p-datatable-tbody > tr > td:last-of-type {
+      border-right: unset;
+    }
   }
   .button-letter-icon {
     padding: 1px 4px !important;
diff --git a/src/assets/i18n/de.json b/src/assets/i18n/de.json
index 1edcfa0..cbfc608 100644
--- a/src/assets/i18n/de.json
+++ b/src/assets/i18n/de.json
@@ -166,6 +166,7 @@
     "DETAIL": {
       "HEADER_WORKSPACE": "Workspace: ",
       "HEADER_PRODUCT": "Applikation: ",
+      "HEADER_PRODUCTS": "Applikationen: ",
       "HEADER_APP": "App: ",
       "SUBHEADER_WORKSPACE": "Verwalten von Berechtigungen für den Workspace und den Apps der registrierten Applikationen",
       "SUBHEADER_PRODUCT": "Verwalten von Berechtigungen für die Applikation und deren Apps",
@@ -362,6 +363,9 @@
       "ASSIGNMENTS": "Es konnten keine Berechtigungen gefunden werden.",
       "WORKSPACE": "Es konnten keine Daten zu diesem Workspace gefunden werden"
     },
+    "HTTP_STATUS_418": {
+      "ROLES": "Eine Rollenauswahl ist nicht möglich da IAM nicht zur Verfügung steht."
+    },
     "HTTP_STATUS_500": {
       "APP": "Unbekanntes Problem beim Abrufen von Apps. Bitte versuchen sie es erneut.",
       "APPS": "Unbekanntes Problem beim Abrufen von Apps. Bitte versuchen sie es erneut.",
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index c2f3f0a..27589ec 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -166,6 +166,7 @@
     "DETAIL": {
       "HEADER_WORKSPACE": "Workspace: ",
       "HEADER_PRODUCT": "Application: ",
+      "HEADER_PRODUCTS": "Applicationen: ",
       "HEADER_APP": "App: ",
       "SUBHEADER_WORKSPACE": "Managing Business Roles and Permissions of Workspace and all Apps of the registered Applications",
       "SUBHEADER_PRODUCT": "Managing Business Roles and Permissions of the Application including all of its Apps",
@@ -362,6 +363,9 @@
       "ASSIGNMENTS": "No Permissions could be found.",
       "WORKSPACE": "No data could be found for this Workspace."
     },
+    "HTTP_STATUS_418": {
+      "ROLES": "A role selection is not possible because IAM is not available."
+    },
     "HTTP_STATUS_500": {
       "APP": "Unknown problem retrieving Application data. Please try again.",
       "APPS": "Unknown problem retrieving Applications data. Please try again.",