@tuki-io/tuki-widgets 0.0.72 → 0.0.74

package/{users-list → projects/tuki/widgets/users-list}/src/user-list-confirm-dialog/user-list-confirm-dialog.component.html

@@ -1,15 +1,15 @@
-<div id="info-dialog" class="app-dialog" aria-labelledby="info-dialog-label" role="dialog">
-  <h3 *ngIf="title" class="app-dialog-title">{{title}}</h3>
-  <div mat-dialog-content *ngIf="message" class="app-dialog-content">
-    <div class="move_user_popup_icon"></div>
-    <div class="dialog-content-message" [innerHTML]="message"></div>
-  </div>
-  <div mat-dialog-actions class="flex-gap-container">
-    <button class="app-dialog-button app-dialog-cancel-button" (click)="onClose(false)">
-      Cancel
-    </button>
-    <button class="app-dialog-button app-dialog-confirm-button" (click)="onClose(true)">
-      {{confirmButtonText}}
-    </button>
-  </div>
-</div>
+<div id="info-dialog" class="app-dialog" aria-labelledby="info-dialog-label" role="dialog">
+  <h3 *ngIf="title" class="app-dialog-title">{{title}}</h3>
+  <div mat-dialog-content *ngIf="message" class="app-dialog-content">
+    <div class="move_user_popup_icon"></div>
+    <div class="dialog-content-message" [innerHTML]="message"></div>
+  </div>
+  <div mat-dialog-actions class="flex-gap-container">
+    <button class="app-dialog-button app-dialog-cancel-button" (click)="onClose(false)">
+      Cancel
+    </button>
+    <button class="app-dialog-button app-dialog-confirm-button" (click)="onClose(true)">
+      {{confirmButtonText}}
+    </button>
+  </div>
+</div>

package/{users-list → projects/tuki/widgets/users-list}/src/user-list-confirm-dialog/user-list-confirm-dialog.component.scss

@@ -1,103 +1,103 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
-$main-webex-font: Inter, 'Inter', sans-serif;
-
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
-$main-webex-font: Inter, 'Inter', sans-serif;
-
-#info-dialog {
-  min-height: 150px;
-  width: 400px;
-  box-sizing: border-box;
-  position: relative;
-  padding: 0 0 30px 0;
-
-
-  .fa  {
-    font-size: 35px;
-    margin: 0 auto 20px;
-    display: block;
-    text-align: center;
-    color: #009fdb;
-    cursor: default;
-  }
-
-}
-.scroll-content {
-  overflow-y: auto;
-  margin: auto;
-  max-height: 150px;
-  width: 100%;
-}
-.app-dialog {
-  font-family: $main-webex-font;
-
-  .app-dialog-title {
-    text-align: center;
-    font-weight: 600;
-    font-size: 16px;
-    font-family: $main-webex-font;
-    margin: 0 0 24px 0;
-  }
-  .flex-gap-container {
-    gap: 16px;
-    position: absolute;
-    right: 0;
-    gap: 15px;
-    display: flex;
-
-  }
-  .app-dialog-content {
-    color: rgba(0, 0, 0, 0.70);
-    font-size: 14px;
-    margin: 0 auto 15px;
-  }
-}
-
-.move_user_popup_icon {
-  display: block;
-  height: 30xp;
-  margin: auto;
-}
-.mat-dialog-actions {
-  margin: 0;
-  bottom: -20px;
-}
-.dialog-content-message {
-  font-weight: 500;
-  p  {
-    padding: 15px 0 0 0;
-  }
-}
-.mat-dialog-content {
-  padding: 0;
-}
-
-.app-dialog-button {
-  height: 32px;
-  padding: 10px 12px;
-  text-align: center;
-  border-radius: 50px;
-  box-shadow: none;
-  line-height: 11px;
-  border: none;
-  font-size: 14px;
-  font-family: $main-webex-font;
-  cursor: pointer;
-}
-.app-dialog-cancel-button {
-  border: 1px solid rgba(0, 0, 0, 0.50);
-  color: black;
-  background: white;
-}
-.app-dialog-confirm-button {
-  background: black;
-  color: white;
-}
-.move_user_popup_icon {
-  background-image: url('../assets/icons/move_user_to_another_location.svg');
-  display: block;
-  height: 100px;
-  margin: auto;
-  background-repeat: no-repeat;
-  background-position: center;
-}
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
+$main-webex-font: Inter, 'Inter', sans-serif;
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
+$main-webex-font: Inter, 'Inter', sans-serif;
+
+#info-dialog {
+  min-height: 150px;
+  width: 400px;
+  box-sizing: border-box;
+  position: relative;
+  padding: 0 0 30px 0;
+
+
+  .fa  {
+    font-size: 35px;
+    margin: 0 auto 20px;
+    display: block;
+    text-align: center;
+    color: #009fdb;
+    cursor: default;
+  }
+
+}
+.scroll-content {
+  overflow-y: auto;
+  margin: auto;
+  max-height: 150px;
+  width: 100%;
+}
+.app-dialog {
+  font-family: $main-webex-font;
+
+  .app-dialog-title {
+    text-align: center;
+    font-weight: 600;
+    font-size: 16px;
+    font-family: $main-webex-font;
+    margin: 0 0 24px 0;
+  }
+  .flex-gap-container {
+    gap: 16px;
+    position: absolute;
+    right: 0;
+    gap: 15px;
+    display: flex;
+
+  }
+  .app-dialog-content {
+    color: rgba(0, 0, 0, 0.70);
+    font-size: 14px;
+    margin: 0 auto 15px;
+  }
+}
+
+.move_user_popup_icon {
+  display: block;
+  height: 30xp;
+  margin: auto;
+}
+.mat-dialog-actions {
+  margin: 0;
+  bottom: -20px;
+}
+.dialog-content-message {
+  font-weight: 500;
+  p  {
+    padding: 15px 0 0 0;
+  }
+}
+.mat-dialog-content {
+  padding: 0;
+}
+
+.app-dialog-button {
+  height: 32px;
+  padding: 10px 12px;
+  text-align: center;
+  border-radius: 50px;
+  box-shadow: none;
+  line-height: 11px;
+  border: none;
+  font-size: 14px;
+  font-family: $main-webex-font;
+  cursor: pointer;
+}
+.app-dialog-cancel-button {
+  border: 1px solid rgba(0, 0, 0, 0.50);
+  color: black;
+  background: white;
+}
+.app-dialog-confirm-button {
+  background: black;
+  color: white;
+}
+.move_user_popup_icon {
+  background-image: url('../assets/icons/move_user_to_another_location.svg');
+  display: block;
+  height: 100px;
+  margin: auto;
+  background-repeat: no-repeat;
+  background-position: center;
+}

package/{users-list → projects/tuki/widgets/users-list}/src/user-list-confirm-dialog/user-list-confirm-dialog.component.ts

@@ -1,35 +1,35 @@
-import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-
-@Component({
-  selector: 'app-info-dialog',
-  templateUrl: './user-list-confirm-dialog.component.html',
-  styleUrls: ['./user-list-confirm-dialog.component.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class UserListConfirmDialogComponent implements OnInit {
-  public confirmButtonText = 'OK';
-  public message = '';
-  public title = '';
-
-  constructor(
-    public dialogRef: MatDialogRef<any>,
-    @Inject(MAT_DIALOG_DATA) public data: InfoDialogConfig
-  ) { }
-
-  ngOnInit(): void {
-    this.confirmButtonText = this.data.confirmButtonText || '';
-    this.message = this.data.message || '';
-    this.title = this.data.title || '';
-  }
-
-  public onClose(val: boolean): void {
-    this.dialogRef.close(val);
-  }
-}
-
-export class InfoDialogConfig {
-  message!: string;
-  title!: string;
-  confirmButtonText!: string;
-}
+import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+@Component({
+  selector: 'app-info-dialog',
+  templateUrl: './user-list-confirm-dialog.component.html',
+  styleUrls: ['./user-list-confirm-dialog.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class UserListConfirmDialogComponent implements OnInit {
+  public confirmButtonText = 'OK';
+  public message = '';
+  public title = '';
+
+  constructor(
+    public dialogRef: MatDialogRef<any>,
+    @Inject(MAT_DIALOG_DATA) public data: InfoDialogConfig
+  ) { }
+
+  ngOnInit(): void {
+    this.confirmButtonText = this.data.confirmButtonText || '';
+    this.message = this.data.message || '';
+    this.title = this.data.title || '';
+  }
+
+  public onClose(val: boolean): void {
+    this.dialogRef.close(val);
+  }
+}
+
+export class InfoDialogConfig {
+  message!: string;
+  title!: string;
+  confirmButtonText!: string;
+}

package/{users-list → projects/tuki/widgets/users-list}/src/users-list.component.html

@@ -1,86 +1,86 @@
-<app-loader *ngIf="dataPending"></app-loader>
-<div *ngIf="!showMoveUserWizard" id="users-list">
-  <app-pagination
-    [pagination]="usersSearchService.getPagination()"
-    [showPageSizeOptions]="true"
-    (pageNumberChangeEmitter)="pageNumberChangeEvent($event)"
-    (pageEmitter)="pageEvent($event)">
-  </app-pagination>
-
-  <table class="webex-table" mat-table *ngIf="users?.length" #table [dataSource]="dataSource">
-
-    <ng-container matColumnDef="user-icon">
-      <th mat-header-cell *matHeaderCellDef class="webex-table-th"></th>
-      <td class="user-site" mat-cell *matCellDef="let user"
-          [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}"
-          (click)="onUserClick(user)">
-        <span class="icon-webex-box"><span class="icon-webex icon-webex-user"></span></span>
-      </td>
-    </ng-container>
-
-    <ng-container matColumnDef="name">
-      <th mat-header-cell *matHeaderCellDef class="webex-table-th">First / Last Name</th>
-      <td class="user-site" mat-cell *matCellDef="let user"
-          [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}"
-          (click)="onUserClick(user)"> {{ user.firstName }} {{ user.lastName }}
-      </td>
-    </ng-container>
-
-    <ng-container matColumnDef="email">
-      <th mat-header-cell *matHeaderCellDef class="webex-table-th">Email</th>
-      <td class="user-site" [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}"
-          mat-cell *matCellDef="let user" (click)="onUserClick(user)">
-        {{ user.email }}
-      </td>
-    </ng-container>
-
-    <ng-container matColumnDef="status">
-      <th mat-header-cell *matHeaderCellDef class="webex-table-th">Status</th>
-      <td class="user-site" mat-cell *matCellDef="let user"
-          [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}"
-          (click)="onUserClick(user)">
-        <span class="icon-user-status icon-user-status-active"></span>{{user.status}}
-      </td>
-    </ng-container>
-
-    <ng-container matColumnDef="actions">
-      <th mat-header-cell *matHeaderCellDef class="webex-table-th"></th>
-      <td class="user-site" mat-cell *matCellDef="let user, let i = index"
-          [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}">
-        <mat-progress-spinner class="field-spinner"
-                              [diameter]="20"
-                              mode="indeterminate"
-                              *ngIf="user.status === 'In Progress'"></mat-progress-spinner>
-        <button *ngIf="!(moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid)"
-                class="button-action-dot" mat-icon-button [matMenuTriggerFor]="menu">
-          <div class="icon-actions-dots">
-            <span class="icon-dot">.</span>
-            <span class="icon-dot">.</span>
-            <span class="icon-dot">.</span>
-          </div>
-        </button>
-        <mat-menu #menu="matMenu">
-          <button mat-menu-item [disabled]="true">Resend Invitation</button>
-          <button mat-menu-item [disabled]="true">Reset Password</button>
-          <button *ngIf="!user.isMigrated" mat-menu-item (click)="onMoveUser(user, i, 'QuickMove', 'MT')">Quick Move User to MT</button>
-          <button *ngIf="!user.isMigrated" mat-menu-item (click)="onMoveUser(user, i, 'MT', 'MT')">Move User to MT</button>
-          <button *ngIf="user.isMigrated" mat-menu-item (click)="onMoveUser(user, i, 'DI', 'DI')">Revert User to UCM/DI</button>
-          <button mat-menu-item [disabled]="true">Deactivate User</button>
-          <button mat-menu-item [disabled]="true">Delete User</button>
-        </mat-menu>
-      </td>
-    </ng-container>
-
-    <ng-container matColumnDef="role">
-      <th mat-header-cell *matHeaderCellDef class="webex-table-th">Administrator Role</th>
-      <td class="user-site" mat-cell *matCellDef="let user" (click)="onUserClick(user)">{{ user.roleName || '' }}</td>
-    </ng-container>
-
-    <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
-    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-  </table>
-</div>
-
-<app-move-user-wizard *ngIf="showMoveUserWizard" [user]="moveUser" (done)="closeMoveUserWizard(true)"
-                      [customerId]="customerId" (runMoveUser)="runMoveUserToMT()"
-                      (closeMoveUserWizard)="closeMoveUserWizard(false)"></app-move-user-wizard>
+<app-loader *ngIf="dataPending"></app-loader>
+<div *ngIf="!showMoveUserWizard" id="users-list">
+  <app-pagination
+    [pagination]="usersSearchService.getPagination()"
+    [showPageSizeOptions]="true"
+    (pageNumberChangeEmitter)="pageNumberChangeEvent($event)"
+    (pageEmitter)="pageEvent($event)">
+  </app-pagination>
+
+  <table class="webex-table" mat-table *ngIf="users?.length" #table [dataSource]="dataSource">
+
+    <ng-container matColumnDef="user-icon">
+      <th mat-header-cell *matHeaderCellDef class="webex-table-th"></th>
+      <td class="user-site" mat-cell *matCellDef="let user"
+          [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}"
+          (click)="onUserClick(user)">
+        <span class="icon-webex-box"><span class="icon-webex icon-webex-user"></span></span>
+      </td>
+    </ng-container>
+
+    <ng-container matColumnDef="name">
+      <th mat-header-cell *matHeaderCellDef class="webex-table-th">First / Last Name</th>
+      <td class="user-site" mat-cell *matCellDef="let user"
+          [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}"
+          (click)="onUserClick(user)"> {{ user.firstName }} {{ user.lastName }}
+      </td>
+    </ng-container>
+
+    <ng-container matColumnDef="email">
+      <th mat-header-cell *matHeaderCellDef class="webex-table-th">Email</th>
+      <td class="user-site" [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}"
+          mat-cell *matCellDef="let user" (click)="onUserClick(user)">
+        {{ user.email }}
+      </td>
+    </ng-container>
+
+    <ng-container matColumnDef="status">
+      <th mat-header-cell *matHeaderCellDef class="webex-table-th">Status</th>
+      <td class="user-site" mat-cell *matCellDef="let user"
+          [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}"
+          (click)="onUserClick(user)">
+        <span class="icon-user-status icon-user-status-active"></span>{{user.status}}
+      </td>
+    </ng-container>
+
+    <ng-container matColumnDef="actions">
+      <th mat-header-cell *matHeaderCellDef class="webex-table-th"></th>
+      <td class="user-site" mat-cell *matCellDef="let user, let i = index"
+          [ngClass]="{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}">
+        <mat-progress-spinner class="field-spinner"
+                              [diameter]="20"
+                              mode="indeterminate"
+                              *ngIf="user.status === 'In Progress'"></mat-progress-spinner>
+        <button *ngIf="!(moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid)"
+                class="button-action-dot" mat-icon-button [matMenuTriggerFor]="menu">
+          <div class="icon-actions-dots">
+            <span class="icon-dot">.</span>
+            <span class="icon-dot">.</span>
+            <span class="icon-dot">.</span>
+          </div>
+        </button>
+        <mat-menu #menu="matMenu">
+          <button mat-menu-item [disabled]="true">Resend Invitation</button>
+          <button mat-menu-item [disabled]="true">Reset Password</button>
+          <button *ngIf="!user.isMigrated" mat-menu-item (click)="onMoveUser(user, i, 'QuickMove', 'MT')">Quick Move User to MT</button>
+          <button *ngIf="!user.isMigrated" mat-menu-item (click)="onMoveUser(user, i, 'MT', 'MT')">Move User to MT</button>
+          <button *ngIf="user.isMigrated" mat-menu-item (click)="onMoveUser(user, i, 'DI', 'DI')">Revert User to UCM/DI</button>
+          <button mat-menu-item [disabled]="true">Deactivate User</button>
+          <button mat-menu-item [disabled]="true">Delete User</button>
+        </mat-menu>
+      </td>
+    </ng-container>
+
+    <ng-container matColumnDef="role">
+      <th mat-header-cell *matHeaderCellDef class="webex-table-th">Administrator Role</th>
+      <td class="user-site" mat-cell *matCellDef="let user" (click)="onUserClick(user)">{{ user.roleName || '' }}</td>
+    </ng-container>
+
+    <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  </table>
+</div>
+
+<app-move-user-wizard *ngIf="showMoveUserWizard" [user]="moveUser" (done)="closeMoveUserWizard(true)"
+                      [customerId]="customerId" (runMoveUser)="runMoveUserToMT()"
+                      (closeMoveUserWizard)="closeMoveUserWizard(false)"></app-move-user-wizard>