Improved api keys

ui-ngx/src/app/modules/home/components/api-key/add-api-key-dialog.component.html

@@ -45,6 +45,7 @@
     </mat-slide-toggle>
     <section class="flex gap-3">
       <mat-form-field appearance="outline" subscriptSizing="dynamic" class="flex-1">
+        <mat-label translate>api-key.expiration-date</mat-label>
         <mat-select formControlName="expirationTime" aria-label="Expiration date selector" (selectionChange)="onExpirationDateChange()">
           @for (value of expirationTimeOptions; track value) {
             <mat-option [value]="value">

ui-ngx/src/app/modules/home/components/api-key/api-keys-table-config.ts

@@ -81,7 +81,7 @@ export class ApiKeysTableConfig extends EntityTableConfig<ApiKeyInfo> {
       new DateEntityTableColumn<ApiKeyInfo>('createdTime', 'common.created-time', this.datePipe, '170px'),
       new EntityTableColumn<ApiKeyInfo>('description', 'api-key.description', '100%',
         (entity) => this.customTranslate.transform(entity?.description), () => ({}), true, () => ({}),
-        (entity) => entity?.description.length > 80 ? this.customTranslate.transform(entity.description) : undefined, false,
+        (entity) => entity?.description.length > 40 ? this.customTranslate.transform(entity.description) : undefined, false,
         {
           name: this.translate.instant('api-key.edit-description'),
           icon: 'edit',

ui-ngx/src/assets/locale/locale.constant-en_US.json

@@ -1000,7 +1000,8 @@
         "delete-api-key-text": "Be careful, after the confirmation key will become unrecoverable.",
         "delete-api-keys-title": "Are you sure you want to delete { count, plural, =1 {1 API key} other {# API keys} }?",
         "delete-api-keys-text": "Be careful, after the confirmation all selected keys will  become unrecoverable.",
-        "date": "Date",
+        "expiration-date": "Expiration date",
+        "date": "date",
         "description": "Description",
         "disable": "Disable",
         "edit-description": "Edit description",