@tuki-io/tuki-widgets 0.0.65 → 0.0.67

package/projects/tuki/widgets/users-list/src/classes/user-list.ts

@@ -1,47 +1,47 @@
-import { DeviceInterface } from './device';
-import { LineInterface } from './line';
-
-export class ListUser implements ListUserInterface {
-  // @ts-ignore
-  userid: string;
-  firstName?: string;
-  lastName?: string;
-  email?: string;
-  telephoneNumber?: string;
-  devices: DeviceInterface[] = [];
-  deviceProfiles: DeviceInterface[] = [];
-  lines?: LineInterface[];
-  siteId?: number;
-  siteName?: string;
-  webexUUID?: string;
-  cucmId?: number;
-  roleName?: string;
-  status?: string;
-  ldapIntegrated!: boolean;
-  isMigrated = false;
-
-  constructor(user?: ListUser, roleName?: string) {
-    if (user) {
-      Object.assign(this, user);
-    }
-    if (roleName) {
-      this.roleName = roleName;
-    }
-  }
-}
-
-export interface ListUserInterface {
-  userid: string;
-  firstName?: string;
-  lastName?: string;
-  email?: string;
-  telephoneNumber?: string;
-  viewMode?: any;
-  devices: DeviceInterface[];
-  deviceProfiles: DeviceInterface[];
-  lines?: LineInterface[];
-  siteId?: number;
-  siteName?: string;
-  webexUUID?: string;
-  cucmId?: number;
-}
+import { DeviceInterface } from './device';
+import { LineInterface } from './line';
+
+export class ListUser implements ListUserInterface {
+  // @ts-ignore
+  userid: string;
+  firstName?: string;
+  lastName?: string;
+  email?: string;
+  telephoneNumber?: string;
+  devices: DeviceInterface[] = [];
+  deviceProfiles: DeviceInterface[] = [];
+  lines?: LineInterface[];
+  siteId?: number;
+  siteName?: string;
+  webexUUID?: string;
+  cucmId?: number;
+  roleName?: string;
+  status?: string;
+  ldapIntegrated!: boolean;
+  isMigrated = false;
+
+  constructor(user?: ListUser, roleName?: string) {
+    if (user) {
+      Object.assign(this, user);
+    }
+    if (roleName) {
+      this.roleName = roleName;
+    }
+  }
+}
+
+export interface ListUserInterface {
+  userid: string;
+  firstName?: string;
+  lastName?: string;
+  email?: string;
+  telephoneNumber?: string;
+  viewMode?: any;
+  devices: DeviceInterface[];
+  deviceProfiles: DeviceInterface[];
+  lines?: LineInterface[];
+  siteId?: number;
+  siteName?: string;
+  webexUUID?: string;
+  cucmId?: number;
+}

package/projects/tuki/widgets/users-list/src/classes/user.ts

@@ -1,8 +1,8 @@
-export enum UserView {
-  USER = 0,
-  DEVICE = 1,
-  LINE = 2,
-  SNR = 3,
-  FEATURES = 4,
-  USER_COLLECTION = 5
-}
+export enum UserView {
+  USER = 0,
+  DEVICE = 1,
+  LINE = 2,
+  SNR = 3,
+  FEATURES = 4,
+  USER_COLLECTION = 5
+}

package/projects/tuki/widgets/users-list/src/material.module.ts

@@ -1,94 +1,94 @@
-import { NgModule } from '@angular/core';
-
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatListModule } from '@angular/material/list';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatTreeModule } from '@angular/material/tree';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { MatButtonModule } from '@angular/material/button';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatInputModule } from '@angular/material/input';
-import { MatNativeDateModule } from '@angular/material/core';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatStepperModule } from '@angular/material/stepper';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatCardModule } from '@angular/material/card';
-import { MatSelectModule } from '@angular/material/select';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTableModule } from '@angular/material/table';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatRadioModule } from '@angular/material/radio';
-
-
-@NgModule({
-  imports: [
-    DragDropModule,
-    MatButtonModule,
-    MatListModule,
-    MatProgressSpinnerModule,
-    MatExpansionModule,
-    MatInputModule,
-    MatInputModule,
-    MatListModule,
-    MatTreeModule,
-    MatTreeModule,
-    MatNativeDateModule,
-    MatDatepickerModule,
-    MatTooltipModule,
-    MatAutocompleteModule,
-    MatChipsModule,
-    MatSidenavModule,
-    MatFormFieldModule,
-    MatStepperModule,
-    MatTabsModule,
-    MatCardModule,
-    MatSelectModule,
-    MatCheckboxModule,
-    MatSlideToggleModule,
-    MatTableModule,
-    MatPaginatorModule,
-    MatMenuModule,
-    MatDialogModule,
-    MatRadioModule
-  ],
-  exports: [
-    DragDropModule,
-    MatButtonModule,
-    MatListModule,
-    MatProgressSpinnerModule,
-    MatExpansionModule,
-    MatInputModule,
-    MatInputModule,
-    MatListModule,
-    MatTreeModule,
-    MatTreeModule,
-    MatNativeDateModule,
-    MatDatepickerModule,
-    MatTooltipModule,
-    MatAutocompleteModule,
-    MatChipsModule,
-    MatSidenavModule,
-    MatFormFieldModule,
-    MatStepperModule,
-    MatTabsModule,
-    MatCardModule,
-    MatCheckboxModule,
-    MatSelectModule,
-    MatSlideToggleModule,
-    MatProgressSpinnerModule,
-    MatTableModule,
-    MatPaginatorModule,
-    MatMenuModule,
-    MatDialogModule,
-    MatRadioModule
-  ],
-})
-export class MaterialModule {
-}
+import { NgModule } from '@angular/core';
+
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatListModule } from '@angular/material/list';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatTreeModule } from '@angular/material/tree';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { MatButtonModule } from '@angular/material/button';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatInputModule } from '@angular/material/input';
+import { MatNativeDateModule } from '@angular/material/core';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatCardModule } from '@angular/material/card';
+import { MatSelectModule } from '@angular/material/select';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatTableModule } from '@angular/material/table';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatRadioModule } from '@angular/material/radio';
+
+
+@NgModule({
+  imports: [
+    DragDropModule,
+    MatButtonModule,
+    MatListModule,
+    MatProgressSpinnerModule,
+    MatExpansionModule,
+    MatInputModule,
+    MatInputModule,
+    MatListModule,
+    MatTreeModule,
+    MatTreeModule,
+    MatNativeDateModule,
+    MatDatepickerModule,
+    MatTooltipModule,
+    MatAutocompleteModule,
+    MatChipsModule,
+    MatSidenavModule,
+    MatFormFieldModule,
+    MatStepperModule,
+    MatTabsModule,
+    MatCardModule,
+    MatSelectModule,
+    MatCheckboxModule,
+    MatSlideToggleModule,
+    MatTableModule,
+    MatPaginatorModule,
+    MatMenuModule,
+    MatDialogModule,
+    MatRadioModule
+  ],
+  exports: [
+    DragDropModule,
+    MatButtonModule,
+    MatListModule,
+    MatProgressSpinnerModule,
+    MatExpansionModule,
+    MatInputModule,
+    MatInputModule,
+    MatListModule,
+    MatTreeModule,
+    MatTreeModule,
+    MatNativeDateModule,
+    MatDatepickerModule,
+    MatTooltipModule,
+    MatAutocompleteModule,
+    MatChipsModule,
+    MatSidenavModule,
+    MatFormFieldModule,
+    MatStepperModule,
+    MatTabsModule,
+    MatCardModule,
+    MatCheckboxModule,
+    MatSelectModule,
+    MatSlideToggleModule,
+    MatProgressSpinnerModule,
+    MatTableModule,
+    MatPaginatorModule,
+    MatMenuModule,
+    MatDialogModule,
+    MatRadioModule
+  ],
+})
+export class MaterialModule {
+}

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-stepper/device-move-user/device-move-user-wizard.component.html

@@ -1,37 +1,37 @@
-<form>
-  <div class="device-item-panel-container">
-    <div class="device-left">
-      <div
-        class="device-migration-status"
-        [ngClass]="{'--checked':  device.toMigrate}"
-      >
-        <mat-checkbox
-          class="rounded"
-          [checked]="device.toMigrate"
-        ></mat-checkbox>
-      </div>
-    </div>
-    <div class="device-right">
-      <div class="device-header">
-        <div class="device-name">{{ device.name }}</div>
-        <div class="device-migrate" *ngIf="device.isEligible">
-          <mat-checkbox name="toMigrate"
-            [(ngModel)]="device.toMigrate"
-          >Migrate this device</mat-checkbox>
-        </div>
-      </div>
-      <mat-divider></mat-divider>
-      <div class="device-info">
-        <div *ngIf="device.product" class="device-info__item">
-          <div class="key">Device type</div>
-          <div class="value">{{ device.product }}</div>
-        </div>
-        <div *ngIf="device.mac" class="device-info__item">
-          <div class="key">MAC address</div>
-          <div class="value">{{ device.mac }}</div>
-        </div>
-
-      </div>
-    </div>
-  </div>
-</form>
+<form>
+  <div class="device-item-panel-container">
+    <div class="device-left">
+      <div
+        class="device-migration-status"
+        [ngClass]="{'--checked':  device.toMigrate}"
+      >
+        <mat-checkbox
+          class="rounded"
+          [checked]="device.toMigrate"
+        ></mat-checkbox>
+      </div>
+    </div>
+    <div class="device-right">
+      <div class="device-header">
+        <div class="device-name">{{ device.name }}</div>
+        <div class="device-migrate" *ngIf="device.isEligible">
+          <mat-checkbox name="toMigrate"
+            [(ngModel)]="device.toMigrate"
+          >Migrate this device</mat-checkbox>
+        </div>
+      </div>
+      <mat-divider></mat-divider>
+      <div class="device-info">
+        <div *ngIf="device.product" class="device-info__item">
+          <div class="key">Device type</div>
+          <div class="value">{{ device.product }}</div>
+        </div>
+        <div *ngIf="device.mac" class="device-info__item">
+          <div class="key">MAC address</div>
+          <div class="value">{{ device.mac }}</div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</form>

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-stepper/device-move-user/device-move-user-wizard.component.scss

@@ -1,129 +1,129 @@
-.device-item-panel-container {
-  display: flex;
-
-  border: 1px solid gray;
-  border-radius: 0.5rem;
-
-  margin-bottom: 1.5rem;
-
-  overflow: hidden;
-}
-
-.device-migration-status {
-  height: 100%;
-  padding: 1rem;
-
-  background-color: hsl(40.33deg 100% 88.04%);
-}
-
-.device-right {
-  width: 100%;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  padding: 1rem 2rem;
-}
-
-.device-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 0 7px 0;
-
-  & .device-name {
-    font-size: 18px;
-    font-weight: bold;
-  }
-
-  & .device-migrate {
-
-    font-weight: bold;
-
-    .mat-checkbox ::ng-deep .mat-checkbox-label {
-      margin-left: 0.4rem;
-    }
-
-    ::ng-deep .mat-checkbox-checked.mat-accent {
-      .mat-checkbox-ripple .mat-ripple-element {
-        background-color: hsl(220, 100%, 50%) !important;
-      }
-
-      .mat-checkbox-background,
-      .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
-        background-color: hsl(220, 100%, 50%) !important;
-      }
-    }
-
-    ::ng-deep .mat-checkbox.mat-accent {
-      .mat-checkbox-ripple .mat-ripple-element {
-        background-color: hsl(220, 100%, 50%) !important;
-      }
-    }
-  }
-}
-
-.device-info {
-  // display: inline-flex;
-  // gap: 4.5rem;
-  display: grid;
-  grid-template-columns: auto auto;
-  gap: 2.5rem;
-}
-
-.device-info__item {
-  font-size: 16px;
-  font-weight: bold;
-
-  & .key {
-    margin: 10px 0 0 0;
-  }
-
-  & .value {
-    color: rgb(160, 160, 160);
-  }
-}
-
-.--checked {
-  background-color: hsl(164.62deg 66.1% 88.43%);
-}
-
-.mat-checkbox ::ng-deep .mat-checkbox-inner-container {
-  width: 20px;
-  height: 20px;
-}
-
-::ng-deep .mat-checkbox-checked.mat-accent {
-  .mat-checkbox-ripple .mat-ripple-element {
-    background-color: hsl(159.43deg 59.32% 23.14%) !important;
-  }
-
-  .mat-checkbox-background,
-  .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
-    background-color: hsl(159.43deg 59.32% 23.14%);
-  }
-}
-
-::ng-deep .mat-checkbox.mat-accent {
-  .mat-checkbox-ripple .mat-ripple-element {
-    background-color: hsl(159.43deg 59.32% 23.14%) !important;
-  }
-}
-
-::ng-deep .rounded {
-
-  & .mat-checkbox-background,
-  .mat-checkbox-frame {
-    border-radius: 50% !important;
-  }
-
-  pointer-events: none;
-}
-
-::ng-deep .mat-divider {
-  display: block;
-  margin: 0;
-  border-top-width: 2px;
-  border-top-style: solid;
-}
+.device-item-panel-container {
+  display: flex;
+
+  border: 1px solid gray;
+  border-radius: 0.5rem;
+
+  margin-bottom: 1.5rem;
+
+  overflow: hidden;
+}
+
+.device-migration-status {
+  height: 100%;
+  padding: 1rem;
+
+  background-color: hsl(40.33deg 100% 88.04%);
+}
+
+.device-right {
+  width: 100%;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  padding: 1rem 2rem;
+}
+
+.device-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0 7px 0;
+
+  & .device-name {
+    font-size: 18px;
+    font-weight: bold;
+  }
+
+  & .device-migrate {
+
+    font-weight: bold;
+
+    .mat-checkbox ::ng-deep .mat-checkbox-label {
+      margin-left: 0.4rem;
+    }
+
+    ::ng-deep .mat-checkbox-checked.mat-accent {
+      .mat-checkbox-ripple .mat-ripple-element {
+        background-color: hsl(220, 100%, 50%) !important;
+      }
+
+      .mat-checkbox-background,
+      .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
+        background-color: hsl(220, 100%, 50%) !important;
+      }
+    }
+
+    ::ng-deep .mat-checkbox.mat-accent {
+      .mat-checkbox-ripple .mat-ripple-element {
+        background-color: hsl(220, 100%, 50%) !important;
+      }
+    }
+  }
+}
+
+.device-info {
+  // display: inline-flex;
+  // gap: 4.5rem;
+  display: grid;
+  grid-template-columns: auto auto;
+  gap: 2.5rem;
+}
+
+.device-info__item {
+  font-size: 16px;
+  font-weight: bold;
+
+  & .key {
+    margin: 10px 0 0 0;
+  }
+
+  & .value {
+    color: rgb(160, 160, 160);
+  }
+}
+
+.--checked {
+  background-color: hsl(164.62deg 66.1% 88.43%);
+}
+
+.mat-checkbox ::ng-deep .mat-checkbox-inner-container {
+  width: 20px;
+  height: 20px;
+}
+
+::ng-deep .mat-checkbox-checked.mat-accent {
+  .mat-checkbox-ripple .mat-ripple-element {
+    background-color: hsl(159.43deg 59.32% 23.14%) !important;
+  }
+
+  .mat-checkbox-background,
+  .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
+    background-color: hsl(159.43deg 59.32% 23.14%);
+  }
+}
+
+::ng-deep .mat-checkbox.mat-accent {
+  .mat-checkbox-ripple .mat-ripple-element {
+    background-color: hsl(159.43deg 59.32% 23.14%) !important;
+  }
+}
+
+::ng-deep .rounded {
+
+  & .mat-checkbox-background,
+  .mat-checkbox-frame {
+    border-radius: 50% !important;
+  }
+
+  pointer-events: none;
+}
+
+::ng-deep .mat-divider {
+  display: block;
+  margin: 0;
+  border-top-width: 2px;
+  border-top-style: solid;
+}