@tuki-io/tuki-widgets 0.0.65 → 0.0.67

package/projects/tuki/widgets/user-device-manage/src/styles/icons.scss

@@ -1,32 +1,32 @@
-.fa:hover {
-  color: #0d56aa!important;
-}
-.mat-icon-button {
-  background: transparent;
-}
-.icon-webex-box {
-  width: 2rem;
-  height: 2rem;
-  font-size: .7rem;
-  line-height: 1rem;
-  display: inline-block;
-  background: $webex-icon-bg;
-  border-radius: 2rem;
-  line-height: 40px;
-  text-align: center;
-}
-.icon-webex {
-  filter: invert(12%) sepia(14%) saturate(4%) hue-rotate(354deg) brightness(103%) contrast(90%);
-  background-repeat: no-repeat;
-  background-position: center;
-  display: inline-block;
-  height: 1rem;
-  width: 1rem;
-}
-.icon-webex-user {
-  background-image: url('../assets/icons/icon_user.svg');
-}
-.icon-user-status {
-  display: inline-block;
-
-}
+.fa:hover {
+  color: #0d56aa!important;
+}
+.mat-icon-button {
+  background: transparent;
+}
+.icon-webex-box {
+  width: 2rem;
+  height: 2rem;
+  font-size: .7rem;
+  line-height: 1rem;
+  display: inline-block;
+  background: $webex-icon-bg;
+  border-radius: 2rem;
+  line-height: 40px;
+  text-align: center;
+}
+.icon-webex {
+  filter: invert(12%) sepia(14%) saturate(4%) hue-rotate(354deg) brightness(103%) contrast(90%);
+  background-repeat: no-repeat;
+  background-position: center;
+  display: inline-block;
+  height: 1rem;
+  width: 1rem;
+}
+.icon-webex-user {
+  background-image: url('../assets/icons/icon_user.svg');
+}
+.icon-user-status {
+  display: inline-block;
+
+}

package/projects/tuki/widgets/user-device-manage/src/styles/styles.scss

@@ -1,110 +1,110 @@
-@import '../../node_modules/font-awesome/scss/font-awesome';
-@import 'variables';
-@import 'icons';
-@import 'form';
-@import "tables";
-
-*{
-  margin: 0;
-}
-
-body {
-  background: $webex-body-bg;
-}
-body, th, td {
-  font-family: $main-font;
-  font-size: 14px;
-}
-th {
-  color: rgba(0,0,0,.54);
-  text-align: left;
-}
-td {
-  box-sizing: border-box;
-  padding: 10px 5px 10px 0;
-}
-.content-box {
-  margin: auto;
-  position: relative;
-  width: 70%;
-
-  table {
-    width: 100%
-  }
-}
-.edit-icon-td {
-  width: 50px;
-  position: relative;
-
-  button {
-    position: absolute;
-    top: 4px;
-  }
-}
-.mat-progress-spinner circle, .mat-spinner circle {
-  stroke: #009fdb!important;
-}
-.data-loader {
-  position: absolute;
-  top: calc(50% - 25px);
-  left: calc(50% - 25px);
-}
-.flex-box {
-  display: flex;
-  justify-content: flex-start;
-}
-.mat-paginator {
-  background: transparent !important;
-}
-.mat-paginator-container {
-  min-height: 30px !important;
-}
-.mat-paginator-range-label {
-  margin: 0 10px 0 24px !important;
-  font-size: 15px !important;
-}
-.user-info-box {
-  background: white;
-  display: grid;
-  grid-template-columns: 30% 70%;
-  border-radius: 8px;
-  border: rgba(0, 0, 0, 0.2) 1px solid;
-  padding: 24px;
-  font-weight: 400;
-  font-size: 14px;
-
-  h3 {
-    display: block;
-    font-weight: 500;
-    font-size: 16px;
-  }
-}
-.mat-divider{
-  margin: 12px 0 !important;
-}
-.info-boxes-container {
-  padding: 24px 0;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-.header-box {
-  height: 60px;
-  width: 100%;
-  line-height: 60px;
-  background: white;
-  border-bottom: 1px solid #dedddd;
-
-  .header-back-block {
-    float: left;
-  }
-  .header-button-block {
-    float: right;
-  }
-}
-@media screen and (max-width: 1600px) {
-  .content-box {
-    width: 95%;
-  }
-}
-
+@import '../../node_modules/font-awesome/scss/font-awesome';
+@import 'variables';
+@import 'icons';
+@import 'form';
+@import "tables";
+
+*{
+  margin: 0;
+}
+
+body {
+  background: $webex-body-bg;
+}
+body, th, td {
+  font-family: $main-font;
+  font-size: 14px;
+}
+th {
+  color: rgba(0,0,0,.54);
+  text-align: left;
+}
+td {
+  box-sizing: border-box;
+  padding: 10px 5px 10px 0;
+}
+.content-box {
+  margin: auto;
+  position: relative;
+  width: 70%;
+
+  table {
+    width: 100%
+  }
+}
+.edit-icon-td {
+  width: 50px;
+  position: relative;
+
+  button {
+    position: absolute;
+    top: 4px;
+  }
+}
+.mat-progress-spinner circle, .mat-spinner circle {
+  stroke: #009fdb!important;
+}
+.data-loader {
+  position: absolute;
+  top: calc(50% - 25px);
+  left: calc(50% - 25px);
+}
+.flex-box {
+  display: flex;
+  justify-content: flex-start;
+}
+.mat-paginator {
+  background: transparent !important;
+}
+.mat-paginator-container {
+  min-height: 30px !important;
+}
+.mat-paginator-range-label {
+  margin: 0 10px 0 24px !important;
+  font-size: 15px !important;
+}
+.user-info-box {
+  background: white;
+  display: grid;
+  grid-template-columns: 30% 70%;
+  border-radius: 8px;
+  border: rgba(0, 0, 0, 0.2) 1px solid;
+  padding: 24px;
+  font-weight: 400;
+  font-size: 14px;
+
+  h3 {
+    display: block;
+    font-weight: 500;
+    font-size: 16px;
+  }
+}
+.mat-divider{
+  margin: 12px 0 !important;
+}
+.info-boxes-container {
+  padding: 24px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+.header-box {
+  height: 60px;
+  width: 100%;
+  line-height: 60px;
+  background: white;
+  border-bottom: 1px solid #dedddd;
+
+  .header-back-block {
+    float: left;
+  }
+  .header-button-block {
+    float: right;
+  }
+}
+@media screen and (max-width: 1600px) {
+  .content-box {
+    width: 95%;
+  }
+}
+

package/projects/tuki/widgets/user-device-manage/src/styles/tables.scss

@@ -1,30 +1,30 @@
-@import 'variables';
-
-.webex-table {
-  width: 100%;
-  margin: auto;
-
-  tr {
-    border-bottom: 1px solid $webex-tr-border;
-  }
-  th {
-    background: $webex-table-th-bg;
-    color: $webex-table-th-txt;
-    font-size: $webex-table-th-size;
-  }
-  td {
-    background: $webex-table-td-bg;
-    color: $webex-table-td-txt;
-    font-size: $webex-table-td-size;
-  }
-  tr:hover td {
-    background: $webex-tr-hover-bg;
-    cursor: pointer;
-  }
-  th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
-    border-bottom: 1px solid $webex-tr-border;
-  }
-  tr.mat-header-row {
-    height: 37px;
-  }
-}
+@import 'variables';
+
+.webex-table {
+  width: 100%;
+  margin: auto;
+
+  tr {
+    border-bottom: 1px solid $webex-tr-border;
+  }
+  th {
+    background: $webex-table-th-bg;
+    color: $webex-table-th-txt;
+    font-size: $webex-table-th-size;
+  }
+  td {
+    background: $webex-table-td-bg;
+    color: $webex-table-td-txt;
+    font-size: $webex-table-td-size;
+  }
+  tr:hover td {
+    background: $webex-tr-hover-bg;
+    cursor: pointer;
+  }
+  th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
+    border-bottom: 1px solid $webex-tr-border;
+  }
+  tr.mat-header-row {
+    height: 37px;
+  }
+}

package/projects/tuki/widgets/user-device-manage/src/user-device-manage.module.ts

@@ -1,73 +1,73 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { APIService } from './services/api.service';
-import { AppLoaderComponent } from './utils/app-loader/app-loader';
-import { UserService } from './services/user.service';
-import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
-import { AuthInterceptor } from './interseptors/auth.interceptor';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CommonModule } from '@angular/common';
-import { MaterialModule } from './material.module';
-import { NotificationService } from './services/notification.service';
-import { NotificationsComponent } from './notifications/notification.component';
-import { RemoveKynFromIBMService } from './services/removeKynFromIBM.service';
-import { SiteSettingsService } from './services/site-settings.service';
-import { LazyLoadingSelectComponent } from './lazy-loading-select/lazy-loading-select.component';
-import { DnsService } from './services/dns.service';
-import { LineService } from './services/line.service';
-import { DeviceListComponent } from './device-list/device-list.component';
-import { DeviceManageWidgetComponent } from './device-manage-widget.component';
-import { DeviceAssociatedLineComponent } from './device-associated-line/device-associated-line.component';
-import {
-  DeviceAssociatedLineExtensionComponent
-} from './device-associated-line/device-associated-line-extension/device-associated-line-extension.component';
-import {
-  DeviceAssociatedLineDetailsBoxComponent
-} from './device-associated-line/device-associated-line-details-box/device-associated-line-details-box.component';
-import { AssociatedLineRowComponent } from './device-associated-line/associated-line-row/associated-line-row.component';
-import { DeviceService } from './services/device.service';
-import { InfoDialogComponent } from './confirm-dialog/info-dialog.component';
-import { ValidationService } from './services/validation.service';
-
-@NgModule({
-  declarations: [
-    AppLoaderComponent,
-    NotificationsComponent,
-    LazyLoadingSelectComponent,
-    DeviceListComponent,
-    DeviceManageWidgetComponent,
-    DeviceAssociatedLineComponent,
-    DeviceAssociatedLineExtensionComponent,
-    DeviceAssociatedLineDetailsBoxComponent,
-    AssociatedLineRowComponent,
-    InfoDialogComponent
-  ],
-  imports: [
-    CommonModule,
-    BrowserModule,
-    BrowserAnimationsModule,
-    FormsModule,
-    ReactiveFormsModule,
-    HttpClientModule,
-    MaterialModule,
-  ],
-  providers: [
-    APIService,
-    UserService,
-    NotificationService,
-    RemoveKynFromIBMService,
-    SiteSettingsService,
-    DnsService,
-    LineService,
-    DeviceService,
-    ValidationService,
-    {provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true}
-  ],
-  exports: [
-    DeviceManageWidgetComponent
-  ]
-
-})
-export class UserDeviceManageModule {
-}
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { APIService } from './services/api.service';
+import { AppLoaderComponent } from './utils/app-loader/app-loader';
+import { UserService } from './services/user.service';
+import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import { AuthInterceptor } from './interseptors/auth.interceptor';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { CommonModule } from '@angular/common';
+import { MaterialModule } from './material.module';
+import { NotificationService } from './services/notification.service';
+import { NotificationsComponent } from './notifications/notification.component';
+import { RemoveKynFromIBMService } from './services/removeKynFromIBM.service';
+import { SiteSettingsService } from './services/site-settings.service';
+import { LazyLoadingSelectComponent } from './lazy-loading-select/lazy-loading-select.component';
+import { DnsService } from './services/dns.service';
+import { LineService } from './services/line.service';
+import { DeviceListComponent } from './device-list/device-list.component';
+import { DeviceManageWidgetComponent } from './device-manage-widget.component';
+import { DeviceAssociatedLineComponent } from './device-associated-line/device-associated-line.component';
+import {
+  DeviceAssociatedLineExtensionComponent
+} from './device-associated-line/device-associated-line-extension/device-associated-line-extension.component';
+import {
+  DeviceAssociatedLineDetailsBoxComponent
+} from './device-associated-line/device-associated-line-details-box/device-associated-line-details-box.component';
+import { AssociatedLineRowComponent } from './device-associated-line/associated-line-row/associated-line-row.component';
+import { DeviceService } from './services/device.service';
+import { InfoDialogComponent } from './confirm-dialog/info-dialog.component';
+import { ValidationService } from './services/validation.service';
+
+@NgModule({
+  declarations: [
+    AppLoaderComponent,
+    NotificationsComponent,
+    LazyLoadingSelectComponent,
+    DeviceListComponent,
+    DeviceManageWidgetComponent,
+    DeviceAssociatedLineComponent,
+    DeviceAssociatedLineExtensionComponent,
+    DeviceAssociatedLineDetailsBoxComponent,
+    AssociatedLineRowComponent,
+    InfoDialogComponent
+  ],
+  imports: [
+    CommonModule,
+    BrowserModule,
+    BrowserAnimationsModule,
+    FormsModule,
+    ReactiveFormsModule,
+    HttpClientModule,
+    MaterialModule,
+  ],
+  providers: [
+    APIService,
+    UserService,
+    NotificationService,
+    RemoveKynFromIBMService,
+    SiteSettingsService,
+    DnsService,
+    LineService,
+    DeviceService,
+    ValidationService,
+    {provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true}
+  ],
+  exports: [
+    DeviceManageWidgetComponent
+  ]
+
+})
+export class UserDeviceManageModule {
+}

package/projects/tuki/widgets/user-device-manage/src/utils/app-loader/app-loader.component.html

@@ -1,6 +1,6 @@
-<div class="overlay">
-  <mat-progress-spinner
-    class="page-spinner"
-    mode="indeterminate"
-    [diameter]="120"></mat-progress-spinner>
-</div>
+<div class="overlay">
+  <mat-progress-spinner
+    class="page-spinner"
+    mode="indeterminate"
+    [diameter]="120"></mat-progress-spinner>
+</div>

package/projects/tuki/widgets/user-device-manage/src/utils/app-loader/app-loader.component.scss

@@ -1,11 +1,11 @@
-.overlay {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: rgba(255, 255, 255, 0.2);
-    z-index: 200;
-}
+.overlay {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(255, 255, 255, 0.2);
+    z-index: 200;
+}

package/projects/tuki/widgets/user-device-manage/src/utils/app-loader/app-loader.ts

@@ -1,13 +1,13 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-
-@Component({
-  selector: 'app-loader',
-  templateUrl: './app-loader.component.html',
-  styleUrls: ['./app-loader.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-})
-export class AppLoaderComponent {
-  constructor() {
-  }
-
-}
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+  selector: 'app-loader',
+  templateUrl: './app-loader.component.html',
+  styleUrls: ['./app-loader.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class AppLoaderComponent {
+  constructor() {
+  }
+
+}

package/projects/tuki/widgets/user-manage/ng-package.json

@@ -1,7 +1,7 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "public-api.ts"
-  },
-  "assets": ["./src/styles/*.*","./assets/**/*.*"]
-}
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  },
+  "assets": ["./src/styles/*.*","./assets/**/*.*"]
+}

package/projects/tuki/widgets/user-manage/public-api.ts

@@ -1,6 +1,6 @@
-export * from "./src/services/api.service";
-export * from "./src/services/site-settings.service";
-export * from "./src/services/user.service";
-export * from "./src/services/utils.service";
-export * from "./src/user-manage.module";
-export * from "./src/user-manage-widget.component";
+export * from "./src/services/api.service";
+export * from "./src/services/site-settings.service";
+export * from "./src/services/user.service";
+export * from "./src/services/utils.service";
+export * from "./src/user-manage.module";
+export * from "./src/user-manage-widget.component";