chore(console): dependencies, type checks (#4264)

* cli, core * material cdk * schematics * chore(deps): bump ngx-color from 7.3.3 to 8.0.2 in /console (#4228) Bumps [ngx-color](https://github.com/scttcper/ngx-color) from 7.3.3 to 8.0.2. - [Release notes](https://github.com/scttcper/ngx-color/releases) - [Commits](https://github.com/scttcper/ngx-color/compare/v7.3.3...v8.0.2) --- updated-dependencies: - dependency-name: ngx-color dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * eslint-plugin * chore(deps): bump moment from 2.29.3 to 2.29.4 in /console (#3926) Bumps [moment](https://github.com/moment/moment) from 2.29.3 to 2.29.4. - [Release notes](https://github.com/moment/moment/releases) - [Changelog](https://github.com/moment/moment/blob/develop/CHANGELOG.md) - [Commits](https://github.com/moment/moment/compare/2.29.3...2.29.4) --- updated-dependencies: - dependency-name: moment dependency-type: direct:production ... Signed-off-by: dependabot[bot] <[email protected]> Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * chore(deps): bump codemirror from 5.65.6 to 6.0.1 in /console (#3928) Bumps [codemirror](https://github.com/codemirror/basic-setup) from 5.65.6 to 6.0.1. - [Release notes](https://github.com/codemirror/basic-setup/releases) - [Changelog](https://github.com/codemirror/basic-setup/blob/main/CHANGELOG.md) - [Commits](https://github.com/codemirror/basic-setup/commits/6.0.1) --- updated-dependencies: - dependency-name: codemirror dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * lock * use codemirror 5 * remove redundant null undefined checks * i18n, undefined checks * remove redundant null and undefined checks * checks Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Livio Spring <[email protected]>
2026-11-07 22:55:12 +00:00 · 2022-08-30 05:43:23 +00:00
parent 60b2092d2c
commit 70b3d80b37
15 changed files with 4026 additions and 4327 deletions
@@ -128,7 +128,7 @@ export class DialogPasswordlessComponent {
    this.service
      .sendMyPasswordlessLink()
      .then(() => {
-        this.toast.showInfo('USER.TOAST.PASSWORDLESSREGISTRATIONSENT');
+        this.toast.showInfo('USER.TOAST.PASSWORDLESSREGISTRATIONSENT', true);
        this.showSent = true;
      })
      .catch((error) => {
@@ -1,32 +1,50 @@
-<cnsl-card title="{{'USER.PASSWORDLESS.TITLE' | translate}}"
-  description="{{'USER.PASSWORDLESS.DESCRIPTION' | translate}}">
-
-  <button card-actions mat-icon-button (click)="getPasswordless()" class="icon-button"
-    matTooltip="{{'ACTIONS.REFRESH' | translate}}">
+<cnsl-card
+  title="{{ 'USER.PASSWORDLESS.TITLE' | translate }}"
+  description="{{ 'USER.PASSWORDLESS.DESCRIPTION' | translate }}"
+>
+  <button
+    card-actions
+    mat-icon-button
+    (click)="getPasswordless()"
+    class="icon-button"
+    matTooltip="{{ 'ACTIONS.REFRESH' | translate }}"
+  >
    <mat-icon class="icon">refresh</mat-icon>
  </button>
-  <cnsl-refresh-table [hideRefresh]="true" [loading]="loading$ | async" [dataSize]="dataSource?.data?.length ?? 0">
-    <button actions [disabled]="user && disabled" class="button cnsl-action-button"
-      (click)="sendPasswordlessRegistration()" mat-raised-button color="primary"
-      matTooltip="{{'ACTIONS.NEW' | translate}}">
+  <cnsl-refresh-table [hideRefresh]="true" [loading]="loading$ | async" [dataSize]="dataSource.data.length">
+    <button
+      actions
+      [disabled]="user && disabled"
+      class="button cnsl-action-button"
+      (click)="sendPasswordlessRegistration()"
+      mat-raised-button
+      color="primary"
+      matTooltip="{{ 'ACTIONS.NEW' | translate }}"
+    >
      <i class="icon las la-paper-plane"></i>
-      <span>{{'USER.PASSWORDLESS.SEND' | translate}}</span>
+      <span>{{ 'USER.PASSWORDLESS.SEND' | translate }}</span>
    </button>
    <table class="table" mat-table [dataSource]="dataSource">
      <ng-container matColumnDef="name">
-        <th mat-header-cell *matHeaderCellDef> {{ 'USER.PASSWORDLESS.NAME' | translate }} </th>
-        <td mat-cell *matCellDef="let mfa"><span *ngIf="mfa?.name" class="centered">
+        <th mat-header-cell *matHeaderCellDef>{{ 'USER.PASSWORDLESS.NAME' | translate }}</th>
+        <td mat-cell *matCellDef="let mfa">
+          <span *ngIf="mfa?.name" class="centered">
            {{ mfa?.name }}
          </span>
        </td>
      </ng-container>

      <ng-container matColumnDef="state">
-        <th mat-header-cell *matHeaderCellDef> {{ 'USER.PASSWORDLESS.TABLESTATE' | translate }} </th>
+        <th mat-header-cell *matHeaderCellDef>{{ 'USER.PASSWORDLESS.TABLESTATE' | translate }}</th>
        <td mat-cell *matCellDef="let mfa">
-          <span class="state"
-            [ngClass]="{'active': mfa.state === AuthFactorState.AUTH_FACTOR_STATE_READY, 'inactive': mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY }">{{'USER.PASSWORDLESS.STATE.'+
-            mfa.state | translate}}</span>
+          <span
+            class="state"
+            [ngClass]="{
+              active: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_READY,
+              inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY
+            }"
+            >{{ 'USER.PASSWORDLESS.STATE.' + mfa.state | translate }}</span
+          >
        </td>
      </ng-container>

@@ -34,8 +52,13 @@
        <th mat-header-cell *matHeaderCellDef></th>
        <td mat-cell *matCellDef="let mfa">
          <cnsl-table-actions>
-            <button actions matTooltip="{{'ACTIONS.REMOVE' | translate}}" color="warn" mat-icon-button
-              (click)="deletePasswordless(mfa.id)">
+            <button
+              actions
+              matTooltip="{{ 'ACTIONS.REMOVE' | translate }}"
+              color="warn"
+              mat-icon-button
+              (click)="deletePasswordless(mfa.id)"
+            >
              <i class="las la-trash"></i>
            </button>
          </cnsl-table-actions>
@@ -43,11 +66,11 @@
      </ng-container>

      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-      <tr class="highlight" mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+      <tr class="highlight" mat-row *matRowDef="let row; columns: displayedColumns"></tr>
    </table>
    <div *ngIf="(loading$ | async) === false && !dataSource?.data?.length" class="no-content-row">
      <i class="las la-exclamation"></i>
-      <span>{{'USER.PASSWORDLESS.EMPTY' | translate}}</span>
+      <span>{{ 'USER.PASSWORDLESS.EMPTY' | translate }}</span>
    </div>
  </cnsl-refresh-table>

@@ -56,4 +79,4 @@
      <mat-spinner diameter="50"></mat-spinner>
    </div>
  </div>
-</cnsl-card>
+</cnsl-card>
@@ -32,7 +32,7 @@ export class PasswordlessComponent implements OnInit, OnDestroy {

  @ViewChild(MatTable) public table!: MatTable<WebAuthNToken.AsObject>;
  @ViewChild(MatSort) public sort!: MatSort;
-  public dataSource!: MatTableDataSource<WebAuthNToken.AsObject>;
+  public dataSource: MatTableDataSource<WebAuthNToken.AsObject> = new MatTableDataSource<WebAuthNToken.AsObject>([]);

  public AuthFactorState: any = AuthFactorState;
  public error: string = '';
@@ -89,7 +89,7 @@ export class PasswordlessComponent implements OnInit, OnDestroy {
    this.service
      .sendPasswordlessRegistration(this.user.id)
      .then(() => {
-        this.toast.showInfo('USER.TOAST.PASSWORDLESSREGISTRATIONSENT');
+        this.toast.showInfo('USER.TOAST.PASSWORDLESSREGISTRATIONSENT', true);
      })
      .catch((error) => {
        this.toast.showError(error);
@@ -1,15 +1,15 @@
 <cnsl-top-view
  *ngIf="user"
-  title="{{ user?.human ? user.human?.profile?.displayName : user?.machine?.name }}"
+  title="{{ user.human ? user.human.profile?.displayName : user.machine?.name }}"
  docLink="https://docs.zitadel.com/docs/guides/basics/projects"
-  sub="{{ user?.preferredLoginName }}"
-  [isActive]="user?.state === UserState.USER_STATE_ACTIVE"
-  [isInactive]="user?.state === UserState.USER_STATE_INACTIVE"
-  stateTooltip="{{ 'USER.STATE.' + user?.state | translate }}"
+  sub="{{ user.preferredLoginName }}"
+  [isActive]="user.state === UserState.USER_STATE_ACTIVE"
+  [isInactive]="user.state === UserState.USER_STATE_INACTIVE"
+  stateTooltip="{{ 'USER.STATE.' + user.state | translate }}"
  (backClicked)="navigateBack()"
-  [hasActions]="['user.write$', 'user.write:' + user?.id] | hasRole | async"
+  [hasActions]="['user.write$', 'user.write:' + user.id] | hasRole | async"
 >
-  <ng-template topActions cnslHasRole [hasRole]="['user.write$', 'user.write:' + user?.id]">
+  <ng-template topActions cnslHasRole [hasRole]="['user.write$', 'user.write:' + user.id]">
    <button mat-menu-item color="warn" *ngIf="user?.state === UserState.USER_STATE_LOCKED" (click)="unlockUser()">
      {{ 'USER.PAGES.UNLOCK' | translate }}
    </button>
@@ -27,7 +27,7 @@
    >
      {{ 'USER.PAGES.REACTIVATE' | translate }}
    </button>
-    <ng-template cnslHasRole [hasRole]="['user.delete$', 'user.delete:' + user?.id]">
+    <ng-template cnslHasRole [hasRole]="['user.delete$', 'user.delete:' + user.id]">
      <button mat-menu-item matTooltip="{{ 'USER.PAGES.DELETE' | translate }}" (click)="deleteUser()">
        <span [style.color]="'var(--warn)'">{{ 'USER.PAGES.DELETE' | translate }}</span>
      </button>
@@ -60,7 +60,7 @@
        <span *ngIf="!loading && !user">{{ 'USER.PAGES.NOUSER' | translate }}</span>

        <ng-container *ngIf="currentSetting === 'general'">
-          <ng-template cnslHasRole [hasRole]="['user.read$', 'user.read:' + user?.id]">
+          <ng-template cnslHasRole [hasRole]="['user.read$', 'user.read:' + user.id]">
            <cnsl-card *ngIf="user.human" title="{{ 'USER.PROFILE.TITLE' | translate }}">
              <cnsl-detail-form
                [preferredLoginName]="user.preferredLoginName"
@@ -92,7 +92,7 @@
              <cnsl-contact
                [disablePhoneCode]="true"
                [state]="user.state"
-                [canWrite]="['user.write:' + user?.id, 'user.write$'] | hasRole | async"
+                [canWrite]="['user.write:' + user.id, 'user.write$'] | hasRole | async"
                *ngIf="user?.human"
                [human]="user.human"
                (editType)="openEditDialog($event)"
@@ -146,7 +146,7 @@
        </ng-container>

        <ng-container *ngIf="currentSetting && currentSetting === 'pat'">
-          <ng-template cnslHasRole [hasRole]="['user.read$', 'user.read:' + user?.id]">
+          <ng-template cnslHasRole [hasRole]="['user.read$', 'user.read:' + user.id]">
            <cnsl-card
              *ngIf="user.machine && user.id"
              title="{{ 'USER.MACHINE.TOKENSTITLE' | translate }}"
@@ -158,7 +158,7 @@
        </ng-container>

        <ng-container *ngIf="currentSetting && currentSetting === 'keys'">
-          <ng-template cnslHasRole [hasRole]="['user.read$', 'user.read:' + user?.id]">
+          <ng-template cnslHasRole [hasRole]="['user.read$', 'user.read:' + user.id]">
            <cnsl-card
              *ngIf="user.machine && user.id"
              title="{{ 'USER.MACHINE.KEYSTITLE' | translate }}"
@@ -1,13 +1,22 @@
-<cnsl-card title="{{'USER.MFA.TITLE' | translate}}" description="{{'USER.MFA.DESCRIPTION' | translate}}">
-  <button card-actions mat-icon-button (click)="getMFAs()" class="icon-button"
-    matTooltip="{{'ACTIONS.REFRESH' | translate}}">
+<cnsl-card title="{{ 'USER.MFA.TITLE' | translate }}" description="{{ 'USER.MFA.DESCRIPTION' | translate }}">
+  <button
+    card-actions
+    mat-icon-button
+    (click)="getMFAs()"
+    class="icon-button"
+    matTooltip="{{ 'ACTIONS.REFRESH' | translate }}"
+  >
    <mat-icon class="icon">refresh</mat-icon>
  </button>
-  <cnsl-refresh-table [hideRefresh]="true" [loading]="loading$ | async" (refreshed)="getMFAs()"
-    [dataSize]="dataSource?.data?.length ?? 0">
+  <cnsl-refresh-table
+    [hideRefresh]="true"
+    [loading]="loading$ | async"
+    (refreshed)="getMFAs()"
+    [dataSize]="dataSource.data.length"
+  >
    <table class="table" mat-table [dataSource]="dataSource">
      <ng-container matColumnDef="type">
-        <th mat-header-cell *matHeaderCellDef> {{ 'USER.MFA.TABLETYPE' | translate }} </th>
+        <th mat-header-cell *matHeaderCellDef>{{ 'USER.MFA.TABLETYPE' | translate }}</th>
        <td mat-cell *matCellDef="let mfa">
          <span *ngIf="mfa.otp !== undefined">OTP (One-Time Password)</span>
          <span *ngIf="mfa.u2f !== undefined">U2F (Universal 2nd Factor)</span>
@@ -15,7 +24,7 @@
      </ng-container>

      <ng-container matColumnDef="name">
-        <th mat-header-cell *matHeaderCellDef> {{ 'USER.MFA.NAME' | translate }} </th>
+        <th mat-header-cell *matHeaderCellDef>{{ 'USER.MFA.NAME' | translate }}</th>
        <td mat-cell *matCellDef="let mfa">
          <span *ngIf="mfa?.u2f?.name" class="centered">
            {{ mfa.u2f.name }}
@@ -24,11 +33,16 @@
      </ng-container>

      <ng-container matColumnDef="state">
-        <th mat-header-cell *matHeaderCellDef> {{ 'USER.MFA.TABLESTATE' | translate }} </th>
+        <th mat-header-cell *matHeaderCellDef>{{ 'USER.MFA.TABLESTATE' | translate }}</th>
        <td mat-cell *matCellDef="let mfa">
-          <span class="state"
-            [ngClass]="{'active': mfa.state === AuthFactorState.AUTH_FACTOR_STATE_READY, 'inactive': mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY}">
-            {{'USER.MFA.STATE.'+ mfa.state | translate}}
+          <span
+            class="state"
+            [ngClass]="{
+              active: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_READY,
+              inactive: mfa.state === AuthFactorState.AUTH_FACTOR_STATE_NOT_READY
+            }"
+          >
+            {{ 'USER.MFA.STATE.' + mfa.state | translate }}
          </span>
        </td>
      </ng-container>
@@ -37,8 +51,13 @@
        <th mat-header-cell *matHeaderCellDef></th>
        <td mat-cell *matCellDef="let mfa">
          <cnsl-table-actions>
-            <button actions matTooltip="{{'ACTIONS.REMOVE' | translate}}" color="warn" mat-icon-button
-              (click)="deleteMFA(mfa)">
+            <button
+              actions
+              matTooltip="{{ 'ACTIONS.REMOVE' | translate }}"
+              color="warn"
+              mat-icon-button
+              (click)="deleteMFA(mfa)"
+            >
              <i class="las la-trash"></i>
            </button>
          </cnsl-table-actions>
@@ -46,12 +65,11 @@
      </ng-container>

      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-      <tr class="highlight" mat-row *matRowDef="let row; columns: displayedColumns;">
-      </tr>
+      <tr class="highlight" mat-row *matRowDef="let row; columns: displayedColumns"></tr>
    </table>
    <div *ngIf="(loading$ | async) === false && !dataSource?.data?.length" class="no-content-row">
      <i class="las la-exclamation"></i>
-      <span>{{'USER.MFA.EMPTY' | translate}}</span>
+      <span>{{ 'USER.MFA.EMPTY' | translate }}</span>
    </div>
  </cnsl-refresh-table>
  <div class="table-wrapper">
@@ -59,4 +77,4 @@
      <mat-spinner diameter="50"></mat-spinner>
    </div>
  </div>
-</cnsl-card>
+</cnsl-card>
@@ -27,7 +27,7 @@ export class UserMfaComponent implements OnInit, OnDestroy {

  @ViewChild(MatTable) public table!: MatTable<AuthFactor.AsObject>;
  @ViewChild(MatSort) public sort!: MatSort;
-  public dataSource!: MatTableDataSource<AuthFactor.AsObject>;
+  public dataSource: MatTableDataSource<AuthFactor.AsObject> = new MatTableDataSource<AuthFactor.AsObject>([]);

  public AuthFactorState: any = AuthFactorState;