@tuki-io/tuki-widgets 0.0.65 → 0.0.67

package/projects/tuki/widgets/user-device-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-device-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-device-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-device-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-device-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;
+}

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

@@ -1,81 +1,81 @@
-import { AfterContentInit, Component, EventEmitter, Input, Output } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { NotificationService } from '../services/notification.service';
-import { SiteSettingsService } from '../services/site-settings.service';
-
-export interface OptionValue {
-  key: string;
-  value: string;
-  disabled: boolean;
-}
-
-@Component({
-  selector: 'app-lazy-loading-select',
-  templateUrl: './lazy-loading-select.component.html',
-  styleUrls: ['./lazy-loading-select.component.scss']
-})
-export class LazyLoadingSelectComponent implements AfterContentInit {
-  optionsPending!: boolean;
-  options!: any;
-
-  @Input()
-  public siteId!: number
-  @Input()
-  public form!: FormGroup;
-  @Input()
-  public standalone = true;
-  @Input()
-  public placeholder!: string;
-  @Input()
-  public controlName!: string;
-  @Input()
-  public optionsToken!: string;
-  @Input()
-  public appearance = 'standard';
-  @Input()
-  public errorCode!: string;
-  @Input()
-  public errorText!: string;
-  @Input()
-  public default!: OptionValue;
-  @Input()
-  public id!: string;
-  @Output()
-  public changeField = new EventEmitter<string>();
-
-  get formControl(): FormControl {
-    return this.form?.get(this.controlName) as FormControl;
-  }
-
-
-  constructor(
-    private notificationService: NotificationService,
-    private siteSettingsService: SiteSettingsService,
-  ) {
-  }
-
-  ngAfterContentInit() {
-    this.options = [this.form?.get(this.controlName)?.value];
-  }
-
-  getOptions() {
-    if (!this.siteId && this.options.length > 1) {
-      return;
-    }
-    this.optionsPending = true;
-    this.siteSettingsService.getSelectionOptions(this.siteId, this.optionsToken)
-      .subscribe(() => {
-        this.optionsPending = false;
-        // @ts-ignore
-        this.options = this.siteSettingsService[this.optionsToken];
-      }, () => {
-        this.optionsPending = false;
-        // this.notificationService.error(this.translate.instant('COMMON.LOAD_SELECT_OPTIONS_FAILED'));
-      });
-  }
-
-  public onFieldChange(token: string) {
-    this.changeField.emit(token);
-  }
-
-}
+import { AfterContentInit, Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { NotificationService } from '../services/notification.service';
+import { SiteSettingsService } from '../services/site-settings.service';
+
+export interface OptionValue {
+  key: string;
+  value: string;
+  disabled: boolean;
+}
+
+@Component({
+  selector: 'app-lazy-loading-select',
+  templateUrl: './lazy-loading-select.component.html',
+  styleUrls: ['./lazy-loading-select.component.scss']
+})
+export class LazyLoadingSelectComponent implements AfterContentInit {
+  optionsPending!: boolean;
+  options!: any;
+
+  @Input()
+  public siteId!: number
+  @Input()
+  public form!: FormGroup;
+  @Input()
+  public standalone = true;
+  @Input()
+  public placeholder!: string;
+  @Input()
+  public controlName!: string;
+  @Input()
+  public optionsToken!: string;
+  @Input()
+  public appearance = 'standard';
+  @Input()
+  public errorCode!: string;
+  @Input()
+  public errorText!: string;
+  @Input()
+  public default!: OptionValue;
+  @Input()
+  public id!: string;
+  @Output()
+  public changeField = new EventEmitter<string>();
+
+  get formControl(): FormControl {
+    return this.form?.get(this.controlName) as FormControl;
+  }
+
+
+  constructor(
+    private notificationService: NotificationService,
+    private siteSettingsService: SiteSettingsService,
+  ) {
+  }
+
+  ngAfterContentInit() {
+    this.options = [this.form?.get(this.controlName)?.value];
+  }
+
+  getOptions() {
+    if (!this.siteId && this.options.length > 1) {
+      return;
+    }
+    this.optionsPending = true;
+    this.siteSettingsService.getSelectionOptions(this.siteId, this.optionsToken)
+      .subscribe(() => {
+        this.optionsPending = false;
+        // @ts-ignore
+        this.options = this.siteSettingsService[this.optionsToken];
+      }, () => {
+        this.optionsPending = false;
+        // this.notificationService.error(this.translate.instant('COMMON.LOAD_SELECT_OPTIONS_FAILED'));
+      });
+  }
+
+  public onFieldChange(token: string) {
+    this.changeField.emit(token);
+  }
+
+}

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

@@ -1,87 +1,87 @@
-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 { MatDialogModule } from '@angular/material/dialog';
-
-
-@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,
-    MatDialogModule
-  ],
-  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
-  ],
-})
-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 { MatDialogModule } from '@angular/material/dialog';
+
+
+@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,
+    MatDialogModule
+  ],
+  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
+  ],
+})
+export class MaterialModule {
+}

package/projects/tuki/widgets/user-device-manage/src/notifications/notification.component.html

@@ -1,33 +1,33 @@
-<!--
-
-<div class="notification-block" role="alert" aria-live="assertive">
-  <div class="notification"
-       *ngFor="let notification of list"
-       [ngClass]="{'error': notification.isError(), 'success': notification.isSuccess()}">
-
-    <div class="flex-box">
-      <div class="notification-icons-block">
-        <i *ngIf="notification.isError()" class="fa fa-exclamation-triangle"></i>
-        <i *ngIf="notification.isWarning()" class="fa fa-hand-paper-o"></i>
-        <i *ngIf="notification.isSuccess()" class="fa fa-check"></i>
-        <i *ngIf="notification.isInfo()" class="fa fa-info-circle"></i>
-      </div>
-      <div *ngIf="!isReadMore" class="message-block">
-        {{notification.message | truncate:[93]}}
-      </div>
-      <div *ngIf="isReadMore" class="message-block">
-        {{notification.message}}
-      </div>
-    </div>
-    <div class="read-more-error link clickable" *ngIf="notification.message && notification.message.length > 93"
-         (click)="readMore()">{{(isReadMore ? 'BUTTON.COLLAPSE' : 'BUTTON.READ_MORE') | translate}}</div>
-    <button
-      class="close"
-      mat-icon-button
-      matTooltip="{{'BUTTON.CLOSE' | translate}} {{'NOTIFICATION_MSG.' + notification.type | translate}} {{'NOTIFICATION_MSG.NOTI' | translate}}"
-      (click)="removeNotification(notification)">
-      <img class="notification-icon-close" src="assets/icons/close_icon_modal.svg" alt="">
-    </button>
-  </div>
-</div>
--->
+<!--
+
+<div class="notification-block" role="alert" aria-live="assertive">
+  <div class="notification"
+       *ngFor="let notification of list"
+       [ngClass]="{'error': notification.isError(), 'success': notification.isSuccess()}">
+
+    <div class="flex-box">
+      <div class="notification-icons-block">
+        <i *ngIf="notification.isError()" class="fa fa-exclamation-triangle"></i>
+        <i *ngIf="notification.isWarning()" class="fa fa-hand-paper-o"></i>
+        <i *ngIf="notification.isSuccess()" class="fa fa-check"></i>
+        <i *ngIf="notification.isInfo()" class="fa fa-info-circle"></i>
+      </div>
+      <div *ngIf="!isReadMore" class="message-block">
+        {{notification.message | truncate:[93]}}
+      </div>
+      <div *ngIf="isReadMore" class="message-block">
+        {{notification.message}}
+      </div>
+    </div>
+    <div class="read-more-error link clickable" *ngIf="notification.message && notification.message.length > 93"
+         (click)="readMore()">{{(isReadMore ? 'BUTTON.COLLAPSE' : 'BUTTON.READ_MORE') | translate}}</div>
+    <button
+      class="close"
+      mat-icon-button
+      matTooltip="{{'BUTTON.CLOSE' | translate}} {{'NOTIFICATION_MSG.' + notification.type | translate}} {{'NOTIFICATION_MSG.NOTI' | translate}}"
+      (click)="removeNotification(notification)">
+      <img class="notification-icon-close" src="assets/icons/close_icon_modal.svg" alt="">
+    </button>
+  </div>
+</div>
+-->