@tuki-io/tuki-widgets 0.0.65 → 0.0.67

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

@@ -1,131 +1,131 @@
-.info-holder {
-  display: flex;
-  gap: 16px;
-  align-items: center;
-  font-family: "Inter", sans-serif;
-  height: 102px;
-  width: 100%;
-  background: white;
-  margin: 0 0 30px 0;
-
-  &__user-image {
-    img {
-      width: 40px;
-      border-radius: 120px;
-      margin: 20px 0 0 0;
-    }
-  }
-
-  &__user-information {
-    padding: 10px;
-    margin: 10px;
-    gap: 10px;
-    display: flex;
-    flex-direction: column;
-  }
-
-  &__user-name {
-    font-size: 20px;
-    font-weight: 500;
-  }
-
-  &__user-breadcrumbs {
-    display: flex;
-    gap: 8px;
-    font-weight: 400;
-    font-size: 14px;
-    color: rgba(0, 0, 0, 0.7);
-    align-items: center;
-  }
-
-  .icon-separator {
-    height: 5px;
-    width: 5px;
-    background-color: rgba(0, 0, 0, 0.7);
-    border-radius: 50%;
-  }
-
-  .is-active {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-  }
-}
-.icon-user-status {
-  width: .5rem;
-  height: .5rem;
-  border-radius: 50%;
-  background-color: #707070;
-  margin: 0 5px 0 0;
-}
-.icon-user-status.icon-user-status-active  {
-  background-color: #1d805f;
-  display:inline-block;
-}
-// Devices list
-
-.webex-list {
-  padding: 2.5rem;
-}
-
-.webex-list-header {
-  display: flex;
-  align-items: center;
-
-  padding: 1rem;
-}
-
-.webex-list-header__hr {
-  width: 100%;
-
-  font-size: 12px;
-}
-
-// Device Row --------------
-
-.device-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: white;
-  border-bottom: 1px solid #b0b0b0;
-  padding: 0.8rem;
-  z-index: 10;
-  cursor: pointer;
-  transition: background-color 0.3s;
-  cursor: pointer;
-
-  /*&:hover {
-    background-color: #ededed;
-  }*/
-}
-
-.device-item__td {
-  width: 100%;
-}
-
-.device-item__actions-menu {
-  position: absolute;
-  margin: 0 1rem;
-  right: 0;
-}
-
-.device-item__more {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  cursor: pointer;
-
-  color: #b0b0b0;
-
-  border-radius: 50%;
-  padding: 0.5rem;
-
-  transition: background-color 0.3s ease-in-out;
-
-  /*&:hover {
-    background-color: #ffffff;
-  }*/
-}
+.info-holder {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  font-family: "Inter", sans-serif;
+  height: 102px;
+  width: 100%;
+  background: white;
+  margin: 0 0 30px 0;
+
+  &__user-image {
+    img {
+      width: 40px;
+      border-radius: 120px;
+      margin: 20px 0 0 0;
+    }
+  }
+
+  &__user-information {
+    padding: 10px;
+    margin: 10px;
+    gap: 10px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__user-name {
+    font-size: 20px;
+    font-weight: 500;
+  }
+
+  &__user-breadcrumbs {
+    display: flex;
+    gap: 8px;
+    font-weight: 400;
+    font-size: 14px;
+    color: rgba(0, 0, 0, 0.7);
+    align-items: center;
+  }
+
+  .icon-separator {
+    height: 5px;
+    width: 5px;
+    background-color: rgba(0, 0, 0, 0.7);
+    border-radius: 50%;
+  }
+
+  .is-active {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+  }
+}
+.icon-user-status {
+  width: .5rem;
+  height: .5rem;
+  border-radius: 50%;
+  background-color: #707070;
+  margin: 0 5px 0 0;
+}
+.icon-user-status.icon-user-status-active  {
+  background-color: #1d805f;
+  display:inline-block;
+}
+// Devices list
+
+.webex-list {
+  padding: 2.5rem;
+}
+
+.webex-list-header {
+  display: flex;
+  align-items: center;
+
+  padding: 1rem;
+}
+
+.webex-list-header__hr {
+  width: 100%;
+
+  font-size: 12px;
+}
+
+// Device Row --------------
+
+.device-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: white;
+  border-bottom: 1px solid #b0b0b0;
+  padding: 0.8rem;
+  z-index: 10;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  cursor: pointer;
+
+  /*&:hover {
+    background-color: #ededed;
+  }*/
+}
+
+.device-item__td {
+  width: 100%;
+}
+
+.device-item__actions-menu {
+  position: absolute;
+  margin: 0 1rem;
+  right: 0;
+}
+
+.device-item__more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  cursor: pointer;
+
+  color: #b0b0b0;
+
+  border-radius: 50%;
+  padding: 0.5rem;
+
+  transition: background-color 0.3s ease-in-out;
+
+  /*&:hover {
+    background-color: #ffffff;
+  }*/
+}

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

@@ -1,25 +1,25 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { Device } from '../classes/device';
-
-@Component({
-  selector: 'app-device-list',
-  templateUrl: './device-list.component.html',
-  styleUrls: ['./device-list.component.scss']
-})
-export class DeviceListComponent {
-  @Input() devices!: Device[];
-  @Output()
-  onDeviceSelect = new EventEmitter<Device>();
-
-  constructor() {
-    console.log('devices list');
-
-  }
-
-
-  selectDevice(device: Device): void {
-    this.onDeviceSelect.emit(device);
-  }
-
-
-}
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Device } from '../classes/device';
+
+@Component({
+  selector: 'app-device-list',
+  templateUrl: './device-list.component.html',
+  styleUrls: ['./device-list.component.scss']
+})
+export class DeviceListComponent {
+  @Input() devices!: Device[];
+  @Output()
+  onDeviceSelect = new EventEmitter<Device>();
+
+  constructor() {
+    console.log('devices list');
+
+  }
+
+
+  selectDevice(device: Device): void {
+    this.onDeviceSelect.emit(device);
+  }
+
+
+}

package/projects/tuki/widgets/user-manage/src/environments/environment.prod.ts

@@ -1,9 +1,9 @@
-export const environment = {
-  production: true,
-  apiUrl: '',
-  notificationsLifetime: 30000,
-  longNotificationsLifetime: 45000,
-  cashCleanTimer: 300000,
-  cashArrayLength: 1000,
-  matomoUrl: '',
-};
+export const environment = {
+  production: true,
+  apiUrl: '',
+  notificationsLifetime: 30000,
+  longNotificationsLifetime: 45000,
+  cashCleanTimer: 300000,
+  cashArrayLength: 1000,
+  matomoUrl: '',
+};

package/projects/tuki/widgets/user-manage/src/environments/environment.ts

@@ -1,10 +1,10 @@
-export const environment = {
-  production: false,
-  // apiUrl: 'http://localhost:4200',
-  apiUrl: 'http://192.168.0.191:8080',
-  notificationsLifetime: 30000,
-  longNotificationsLifetime: 45000,
-  cashCleanTimer: 900000,
-  cashArrayLength: 10000,
-  matomoUrl: 'http://192.168.0.136/matomo/',
-};
+export const environment = {
+  production: false,
+  // apiUrl: 'http://localhost:4200',
+  apiUrl: 'http://192.168.0.191:8080',
+  notificationsLifetime: 30000,
+  longNotificationsLifetime: 45000,
+  cashCleanTimer: 900000,
+  cashArrayLength: 10000,
+  matomoUrl: 'http://192.168.0.136/matomo/',
+};

package/projects/tuki/widgets/user-manage/src/interseptors/auth.interceptor.ts

@@ -1,35 +1,35 @@
-import { Injectable } from '@angular/core';
-import {HttpEvent, HttpRequest, HttpInterceptor, HttpHandler, HttpErrorResponse} from '@angular/common/http';
-import { Observable, throwError } from 'rxjs';
-import {catchError } from 'rxjs/operators';
-
-@Injectable()
-export class AuthInterceptor implements HttpInterceptor {
-  constructor() {
-  }
-
-  intercept(
-    request: HttpRequest<any>,
-    next: HttpHandler
-  ): Observable<HttpEvent<any>> {
-    request = request.clone({
-      setHeaders: {
-        // Authorization: basicAuthHeaderString
-      }
-      , withCredentials: true
-    })
-
-    return next.handle(request).pipe(catchError(err => {
-      if (err instanceof HttpErrorResponse) {
-        if (err.status === 401) {
-          if (window.history.length < 3) {
-            err.error.message = '';
-          } else {
-            err.error.message = 'SESSION_INACTIVE';
-          }
-        }
-      }
-      return throwError(err);
-    }));
-  }
-}
+import { Injectable } from '@angular/core';
+import {HttpEvent, HttpRequest, HttpInterceptor, HttpHandler, HttpErrorResponse} from '@angular/common/http';
+import { Observable, throwError } from 'rxjs';
+import {catchError } from 'rxjs/operators';
+
+@Injectable()
+export class AuthInterceptor implements HttpInterceptor {
+  constructor() {
+  }
+
+  intercept(
+    request: HttpRequest<any>,
+    next: HttpHandler
+  ): Observable<HttpEvent<any>> {
+    request = request.clone({
+      setHeaders: {
+        // Authorization: basicAuthHeaderString
+      }
+      , withCredentials: true
+    })
+
+    return next.handle(request).pipe(catchError(err => {
+      if (err instanceof HttpErrorResponse) {
+        if (err.status === 401) {
+          if (window.history.length < 3) {
+            err.error.message = '';
+          } else {
+            err.error.message = 'SESSION_INACTIVE';
+          }
+        }
+      }
+      return throwError(err);
+    }));
+  }
+}

package/projects/tuki/widgets/user-manage/src/lazy-loading-select/lazy-loading-select.component.html

@@ -1,50 +1,50 @@
-<ng-container *ngIf="standalone">
-  <mat-form-field appearance="outline">
-    <mat-select [formControl]="formControl"
-                (openedChange)="getOptions()"
-                [placeholder]="placeholder"
-                (selectionChange)="onFieldChange(controlName)"
-                [id]="id">
-      <mat-option *ngIf="default" [disabled]="default.disabled" [value]="default.key">{{default.value}}</mat-option>
-      <mat-option *ngFor="let type of options" [value]="type">
-        {{type}}
-      </mat-option>
-      <mat-progress-spinner class="field-spinner"
-                            [diameter]="20"
-                            mode="indeterminate"
-                            *ngIf="optionsPending"></mat-progress-spinner>
-    </mat-select>
-    <mat-error *ngIf="form.get(controlName)?.hasError(errorCode)">
-      <i class="fa fa-exclamation-triangle"></i>
-      {{errorText}}
-    </mat-error>
-  </mat-form-field>
-</ng-container>
-
-<!--
-This duplication is caused by the following bug: https://github.com/angular/components/issues/9411
-Which doesn't allow projection in mat-form-field
--->
-
-<ng-container *ngIf="!standalone">
-  <mat-select *ngIf="form.get(controlName)"
-              [formControl]="formControl"
-              (openedChange)="getOptions()"
-              [placeholder]="placeholder"
-              (selectionChange)="onFieldChange(controlName)"
-              [id]="id"
-  >
-    <mat-option *ngIf="default" [disabled]="default.disabled" [value]="default.key">{{default.value}}</mat-option>
-    <mat-option *ngFor="let type of options" [value]="type">
-      {{type}}
-    </mat-option>
-    <mat-progress-spinner class="field-spinner"
-                          [diameter]="20"
-                          mode="indeterminate"
-                          *ngIf="optionsPending"></mat-progress-spinner>
-  </mat-select>
-  <mat-error *ngIf="form.get(controlName)?.hasError(errorCode)">
-    <i class="fa fa-exclamation-triangle"></i>
-    {{errorText}}
-  </mat-error>
-</ng-container>
+<ng-container *ngIf="standalone">
+  <mat-form-field appearance="outline">
+    <mat-select [formControl]="formControl"
+                (openedChange)="getOptions()"
+                [placeholder]="placeholder"
+                (selectionChange)="onFieldChange(controlName)"
+                [id]="id">
+      <mat-option *ngIf="default" [disabled]="default.disabled" [value]="default.key">{{default.value}}</mat-option>
+      <mat-option *ngFor="let type of options" [value]="type">
+        {{type}}
+      </mat-option>
+      <mat-progress-spinner class="field-spinner"
+                            [diameter]="20"
+                            mode="indeterminate"
+                            *ngIf="optionsPending"></mat-progress-spinner>
+    </mat-select>
+    <mat-error *ngIf="form.get(controlName)?.hasError(errorCode)">
+      <i class="fa fa-exclamation-triangle"></i>
+      {{errorText}}
+    </mat-error>
+  </mat-form-field>
+</ng-container>
+
+<!--
+This duplication is caused by the following bug: https://github.com/angular/components/issues/9411
+Which doesn't allow projection in mat-form-field
+-->
+
+<ng-container *ngIf="!standalone">
+  <mat-select *ngIf="form.get(controlName)"
+              [formControl]="formControl"
+              (openedChange)="getOptions()"
+              [placeholder]="placeholder"
+              (selectionChange)="onFieldChange(controlName)"
+              [id]="id"
+  >
+    <mat-option *ngIf="default" [disabled]="default.disabled" [value]="default.key">{{default.value}}</mat-option>
+    <mat-option *ngFor="let type of options" [value]="type">
+      {{type}}
+    </mat-option>
+    <mat-progress-spinner class="field-spinner"
+                          [diameter]="20"
+                          mode="indeterminate"
+                          *ngIf="optionsPending"></mat-progress-spinner>
+  </mat-select>
+  <mat-error *ngIf="form.get(controlName)?.hasError(errorCode)">
+    <i class="fa fa-exclamation-triangle"></i>
+    {{errorText}}
+  </mat-error>
+</ng-container>

package/projects/tuki/widgets/user-manage/src/lazy-loading-select/lazy-loading-select.component.scss

@@ -1,8 +1,8 @@
-.field-spinner {
-  margin-top: -30px;
-}
-
-mat-form-field {
-  width: 300px;
-  max-width: 300px;
-}
+.field-spinner {
+  margin-top: -30px;
+}
+
+mat-form-field {
+  width: 300px;
+  max-width: 300px;
+}