@tuki-io/tuki-widgets 0.0.65 → 0.0.67

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

@@ -1,354 +1,354 @@
-import { AfterViewInit, Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
-import { FormGroup, Validators } from '@angular/forms';
-import { SimplifiedUser } from './classes/simplified-user';
-import { LineAssociation } from './classes/line-association';
-import { LineAssociationInterface } from './classes/line-association-interface';
-import { Device, DeviceViewType } from './classes/device';
-import { forkJoin } from 'rxjs';
-import { MatTabGroup } from '@angular/material/tabs';
-import { MatDialog } from '@angular/material/dialog';
-import { InfoDialogComponent } from './confirm-dialog/info-dialog.component';
-import { UserService } from './services/user.service';
-import { DeviceService } from './services/device.service';
-import { APIService } from './services/api.service';
-import { LineService } from './services/line.service';
-import { SiteSettingsService } from './services/site-settings.service';
-import { ValidationService } from './services/validation.service';
-import { TOGGLE_TYPES } from './app.constants';
-
-@Component({
-  selector: 'app-device-manage-widget',
-  templateUrl: './device-manage-widget.component.html',
-  styleUrls: ['./device-manage-widget.component.scss'],
-})
-export class DeviceManageWidgetComponent implements OnInit, OnDestroy, AfterViewInit {
-  @ViewChild("tabs", { static: false }) tabs!:MatTabGroup;
-  @Output() onSave = new EventEmitter<string>();
-  @Output() onChange = new EventEmitter<string>();
-  @Output() discardChanges = new EventEmitter();
-  @Output() goBack = new EventEmitter();
-  @Input() token!: string;
-  @Input() host!: string;
-  @Input() siteId!: number;
-  @Input() userId!: string;
-  @Input() isLdap!: boolean;
-  @Input() deviceName!: string | undefined;
-
-  dataPending!: boolean;
-  tabIndex = 0;
-  deviceIndex!: number;
-  tabInit = false;
-
-  get form(): FormGroup {
-    return this.device?.form;
-  }
-
-  get lineAssociations(): LineAssociation[] | LineAssociationInterface[] {
-    return this.device?.lineAssociations;
-  }
-
-  get device(): Device {
-    // @ts-ignore
-    return  this.deviceIndex !== undefined && this.deviceIndex > -1 ? this.userService.user.devices[this.deviceIndex] : null;
-  }
-
-  get originDevice(): Device {
-    // @ts-ignore
-    return this.deviceIndex !== undefined && this.deviceIndex > -1 ? this.userService?.originUser.devices[this.deviceIndex] : null;
-  }
-
-  get userToken(): string {
-    return this.userService.user?.token;
-  }
-
-  get user(): SimplifiedUser {
-    return this.userService.user;
-  }
-
-  get hasDeviceUnsavedChanges(): boolean {
-    return this.deviceService.hasUnsavedChanges(this.device, this.originDevice);
-  }
-
-
-  constructor(
-    public userService: UserService,
-    public deviceService: DeviceService,
-    private apiService: APIService,
-    public lineService: LineService,
-    public siteSettingsService: SiteSettingsService,
-    private validationService: ValidationService,
-    private dialog: MatDialog
-  ) {
-  }
-
-  ngOnInit(): void {
-    this.apiService.token = this.token;
-    this.apiService.apiUrl = this.host;
-    console.log('this.apiService.apiUrl = ', this.apiService.apiUrl);
-    // this.setData(true);
-    this.getData();
-
-    this.userService.onFetchUserToken$
-      .subscribe(() => {
-        this.setData();
-      })
-  }
-
-  ngAfterViewInit(): void {
-    console.log('TABS = ', this.tabs);
-
-    if (this.tabs && !this.tabInit) {
-      const handleTabClick = this.tabs._handleClick;
-      this.tabInit = true;
-
-      // 2. Replace the click handler with our custom function
-      this.tabs._handleClick = (tab, header, index) => {
-
-        // 3. Implement your conditional logic in canDeactivateTab()
-        // (return the boolean here)
-        if (this.hasDeviceUnsavedChanges) {
-          this.openUnsavedChangesDialog(TOGGLE_TYPES.TABS, {handleTabClick, tab, header, index});
-
-          // 4. If the tab *should* be changed, call the 'old' click handler
-          // handleTabClick.apply(this.tabs, [tab, header, index]);
-        } else {
-          handleTabClick.apply(this.tabs, [tab, header, index]);
-          this.tabIndex = index;
-        }
-      };
-    }
-
-  }
-
-  ngOnDestroy() {
-  }
-
-  onGoBack(): void {
-    this.goBack.emit();
-  }
-
-  toggleAssociatedLine(lineIndex: number, lineAssociation: LineAssociationInterface | LineAssociation): void {
-    if (!this.lineService.currentActiveLinePkid) {
-      lineAssociation.active = true;
-      this.lineService.currentActiveLinePkid = lineAssociation.linePkid;
-      return;
-    }
-    if (!lineAssociation.hasChanges && lineAssociation.active) {
-      lineAssociation.active = false;
-      this.lineService.currentActiveLinePkid = null;
-      return;
-    }
-    if (this.device.lineAssociationsHasChanges) {
-      this.openUnsavedChangesDialog(TOGGLE_TYPES.ASSOCIATED_LINE_ONLY);
-    } else {
-      this.setLineActive(lineIndex);
-    }
-  }
-
-  openUnsavedChangesDialog(toggleType: string, handleTabClick?: any): void {
-    const dialogRef = this.dialog.open(InfoDialogComponent, {
-      data: {
-        title: 'Discard unsaved edits?',
-        message: 'You\'re about to leave this page and discard all unsaved app edits',
-        confirmButtonText: 'Discard'
-      }
-    });
-    dialogRef.beforeClosed().subscribe(result => {
-      if (result) {
-        switch (toggleType) {
-          case TOGGLE_TYPES.TABS:
-            this.resetByTabToggle(handleTabClick);
-            break;
-          case TOGGLE_TYPES.ASSOCIATED_LINE_ONLY:
-            this.resetLine(handleTabClick);
-            break;
-        }
-        this.tabIndex = handleTabClick.index;
-      }
-    });
-  }
-
-  resetByTabToggle(handleTabClick?: any): void {
-    switch (this.tabIndex) {
-      case 0:
-        this.userService.resetDevice(this.device, this.validationService);
-        break;
-      case 1:
-        this.resetLine();
-        break;
-    }
-    this.discardChanges.emit();
-    if (handleTabClick) {
-      handleTabClick.handleTabClick.apply(this.tabs, [handleTabClick.tab, handleTabClick.header, handleTabClick.index]);
-    }
-  }
-
-  resetLine(lineIndex?: number | undefined, handleTabClick?: any): void {
-    const lineIndToReset = this.lineAssociations.findIndex(line => line.active && line.hasChanges);
-    if (lineIndToReset > -1) {
-      this.resetAssociatedLine(lineIndToReset);
-    }
-    if (lineIndex !== undefined && lineIndex > -1) {
-      this.setLineActive(lineIndex);
-    }
-    this.discardChanges.emit();
-    if (handleTabClick) {
-      handleTabClick.handleTabClick.apply(this.tabs, [handleTabClick.tab, handleTabClick.header, handleTabClick.index]);
-    }
-  }
-
-  onRemoveLine(lineIndex: number): void {
-    if (!this.lineAssociations || !this.lineAssociations[lineIndex]) {
-      return;
-    }
-    const dialogRef = this.dialog.open(InfoDialogComponent, {
-      data: {
-        title: 'Remove device associated line?',
-        message: `You\'re sure that you want to delete ${this.lineAssociations[lineIndex].directoryNumber?.directoryNumber} associated line`,
-        confirmButtonText: 'Delete Line'
-      }
-    });
-    dialogRef.beforeClosed().subscribe(result => {
-      if (result) {
-        this.dataPending = true;
-        this.deleteLine(this.lineAssociations[lineIndex]);
-      }
-    });
-  }
-
-  resetAssociatedLine(lineIndex: number): void {
-    if (this.userService.user?.devices?.length) {
-      const deviceInd = this.userService.user?.devices.findIndex((device: Device) => device.name === this.device.name);
-      if (deviceInd > -1) {
-        this.userService.resetLineAssociation(deviceInd, lineIndex, this.validationService);
-        this.userService.user.devices[this.deviceIndex].lineAssociationsHasChanges = false;
-      }
-    }
-
-  }
-
-  setLineActive(index: number): void {
-    if (this.lineAssociations?.length) {
-      this.device.lineAssociations.forEach(line => line.active = false);
-    }
-    if (this.lineAssociations[index]) {
-      this.lineService.currentActiveLinePkid = this.device.lineAssociations[index].linePkid;
-      this.device.lineAssociations[index].active = true;
-    }
-  }
-
-  onDeviceSave(): void {
-    switch (this.tabIndex) {
-      case DeviceViewType.INFO:
-        this.updateDevice(this.siteId, this.device?.name, this.userToken);
-        break;
-      case DeviceViewType.LINES:
-        this.onUpdateLine();
-        break;
-    }
-  }
-
-  save(): void {
-    this.onDeviceSave();
-  }
-
-  onUpdateDevice(): void {
-    this.updateDevice(this.siteId, this.device?.name, this.userToken);
-  }
-
-  onUpdateLine(): void {
-    this.lineService.onSaveLineAssociationEvent.next(true);
-  }
-
-  afterLineUpdate(): void {
-    this.onSave.emit('associated line is updated');
-  }
-
-  updateDevice(siteId: number, deviceName: string, token: string): void {
-    if (this.deviceService.hasUnsavedChanges(this.device, this.originDevice) && !this.dataPending) {
-      this.dataPending = true;
-      const calls = []
-      if (this.deviceService.hasDeviceInfoUnsavedChanges(this.device, this.originDevice)) {
-        const body = this.deviceService.getDataToUpdateDevice(this.device, this.originDevice);
-        calls.push(this.deviceService.putDeviceFields(siteId, deviceName, token, body))
-      }
-      if (calls?.length) {
-        forkJoin(calls).subscribe((results: any) => {
-          this.userService.persistUserCache()
-            .subscribe(() => {
-              this.userService.fetchUserToken(this.siteId, this.userService.user.userid, this.validationService)
-                .subscribe(() => {
-                  this.dataPending = false;
-                  this.onSave.emit('device updated');
-                }, () => this.dataPending = false);
-            })
-        }, () => this.dataPending = false)
-      }
-    }
-  }
-
-  public onChangeField(token: string): void {
-    if (!token) {
-      return;
-    }
-    if (this.device) {
-      (this.userService.user.devices[this.deviceIndex] as any)[token] = this.form?.get(token)?.value;
-      this.onChange.emit();
-    }
-
-  }
-
-  private getData() {
-    this.dataPending = true;
-    forkJoin([
-      this.userService.fetchUserToken(this.siteId, this.userId, this.validationService),
-      this.siteSettingsService.getDeviceSoftkeyTemplates(this.siteId),
-      this.siteSettingsService.getSiteDefaults(this.siteId)
-    ]).subscribe(() => {
-      console.log('device widget user', this.user);
-      if (this.originDevice?.callingSearchSpaceName && this.siteSettingsService?.siteDefaults?.cssFilter) {
-        this.siteSettingsService.siteDefaults.cssFilter.push(this.originDevice.callingSearchSpaceName);
-      }
-      this.setData();
-      this.ngAfterViewInit();
-
-      this.dataPending = false;
-    }, () => this.dataPending = false)
-  }
-
-  private setCookie(name: string, value: string, days: number) {
-    var expires = "";
-    if (days) {
-      var date = new Date();
-      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-      expires = "; expires=" + date.toUTCString();
-    }
-    document.cookie = name + "=" + (value || "") + expires + "; path=/";
-  }
-
-
-  private setData(isInit?: boolean): void {
-    /*if (isInit) {
-      this.userService.user = new SimplifiedUser(JSON.parse(JSON.stringify(this.user.getFullData())), this.validationService);
-      this.userService.originUser = new SimplifiedUser(JSON.parse(JSON.stringify(this.user.getFullData())), this.validationService);
-    }*/
-    if (this.deviceName && this.userService.user?.devices?.length) {
-      this.deviceIndex = this.userService.user.devices.findIndex((device: Device) => device.name === this.deviceName);
-    }
-  }
-
-  private deleteLine(line: LineAssociation | LineAssociationInterface): void {
-    this.lineService.deleteLine(this.siteId, line.linePkid, this.userService.user.token)
-      .subscribe(() => {
-        this.userService.persistUserCache()
-          .subscribe(() => {
-            this.userService.fetchUserToken(this.siteId, this.userService.user.userid, this.validationService)
-              .subscribe(() => {
-                // this.updatedLineAssociationEvent.emit();
-                this.dataPending = false;
-              });
-          })
-      })
-  }
-
-}
+import { AfterViewInit, Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
+import { FormGroup, Validators } from '@angular/forms';
+import { SimplifiedUser } from './classes/simplified-user';
+import { LineAssociation } from './classes/line-association';
+import { LineAssociationInterface } from './classes/line-association-interface';
+import { Device, DeviceViewType } from './classes/device';
+import { forkJoin } from 'rxjs';
+import { MatTabGroup } from '@angular/material/tabs';
+import { MatDialog } from '@angular/material/dialog';
+import { InfoDialogComponent } from './confirm-dialog/info-dialog.component';
+import { UserService } from './services/user.service';
+import { DeviceService } from './services/device.service';
+import { APIService } from './services/api.service';
+import { LineService } from './services/line.service';
+import { SiteSettingsService } from './services/site-settings.service';
+import { ValidationService } from './services/validation.service';
+import { TOGGLE_TYPES } from './app.constants';
+
+@Component({
+  selector: 'app-device-manage-widget',
+  templateUrl: './device-manage-widget.component.html',
+  styleUrls: ['./device-manage-widget.component.scss'],
+})
+export class DeviceManageWidgetComponent implements OnInit, OnDestroy, AfterViewInit {
+  @ViewChild("tabs", { static: false }) tabs!:MatTabGroup;
+  @Output() onSave = new EventEmitter<string>();
+  @Output() onChange = new EventEmitter<string>();
+  @Output() discardChanges = new EventEmitter();
+  @Output() goBack = new EventEmitter();
+  @Input() token!: string;
+  @Input() host!: string;
+  @Input() siteId!: number;
+  @Input() userId!: string;
+  @Input() isLdap!: boolean;
+  @Input() deviceName!: string | undefined;
+
+  dataPending!: boolean;
+  tabIndex = 0;
+  deviceIndex!: number;
+  tabInit = false;
+
+  get form(): FormGroup {
+    return this.device?.form;
+  }
+
+  get lineAssociations(): LineAssociation[] | LineAssociationInterface[] {
+    return this.device?.lineAssociations;
+  }
+
+  get device(): Device {
+    // @ts-ignore
+    return  this.deviceIndex !== undefined && this.deviceIndex > -1 ? this.userService.user.devices[this.deviceIndex] : null;
+  }
+
+  get originDevice(): Device {
+    // @ts-ignore
+    return this.deviceIndex !== undefined && this.deviceIndex > -1 ? this.userService?.originUser.devices[this.deviceIndex] : null;
+  }
+
+  get userToken(): string {
+    return this.userService.user?.token;
+  }
+
+  get user(): SimplifiedUser {
+    return this.userService.user;
+  }
+
+  get hasDeviceUnsavedChanges(): boolean {
+    return this.deviceService.hasUnsavedChanges(this.device, this.originDevice);
+  }
+
+
+  constructor(
+    public userService: UserService,
+    public deviceService: DeviceService,
+    private apiService: APIService,
+    public lineService: LineService,
+    public siteSettingsService: SiteSettingsService,
+    private validationService: ValidationService,
+    private dialog: MatDialog
+  ) {
+  }
+
+  ngOnInit(): void {
+    this.apiService.token = this.token;
+    this.apiService.apiUrl = this.host;
+    console.log('this.apiService.apiUrl = ', this.apiService.apiUrl);
+    // this.setData(true);
+    this.getData();
+
+    this.userService.onFetchUserToken$
+      .subscribe(() => {
+        this.setData();
+      })
+  }
+
+  ngAfterViewInit(): void {
+    console.log('TABS = ', this.tabs);
+
+    if (this.tabs && !this.tabInit) {
+      const handleTabClick = this.tabs._handleClick;
+      this.tabInit = true;
+
+      // 2. Replace the click handler with our custom function
+      this.tabs._handleClick = (tab, header, index) => {
+
+        // 3. Implement your conditional logic in canDeactivateTab()
+        // (return the boolean here)
+        if (this.hasDeviceUnsavedChanges) {
+          this.openUnsavedChangesDialog(TOGGLE_TYPES.TABS, {handleTabClick, tab, header, index});
+
+          // 4. If the tab *should* be changed, call the 'old' click handler
+          // handleTabClick.apply(this.tabs, [tab, header, index]);
+        } else {
+          handleTabClick.apply(this.tabs, [tab, header, index]);
+          this.tabIndex = index;
+        }
+      };
+    }
+
+  }
+
+  ngOnDestroy() {
+  }
+
+  onGoBack(): void {
+    this.goBack.emit();
+  }
+
+  toggleAssociatedLine(lineIndex: number, lineAssociation: LineAssociationInterface | LineAssociation): void {
+    if (!this.lineService.currentActiveLinePkid) {
+      lineAssociation.active = true;
+      this.lineService.currentActiveLinePkid = lineAssociation.linePkid;
+      return;
+    }
+    if (!lineAssociation.hasChanges && lineAssociation.active) {
+      lineAssociation.active = false;
+      this.lineService.currentActiveLinePkid = null;
+      return;
+    }
+    if (this.device.lineAssociationsHasChanges) {
+      this.openUnsavedChangesDialog(TOGGLE_TYPES.ASSOCIATED_LINE_ONLY);
+    } else {
+      this.setLineActive(lineIndex);
+    }
+  }
+
+  openUnsavedChangesDialog(toggleType: string, handleTabClick?: any): void {
+    const dialogRef = this.dialog.open(InfoDialogComponent, {
+      data: {
+        title: 'Discard unsaved edits?',
+        message: 'You\'re about to leave this page and discard all unsaved app edits',
+        confirmButtonText: 'Discard'
+      }
+    });
+    dialogRef.beforeClosed().subscribe(result => {
+      if (result) {
+        switch (toggleType) {
+          case TOGGLE_TYPES.TABS:
+            this.resetByTabToggle(handleTabClick);
+            break;
+          case TOGGLE_TYPES.ASSOCIATED_LINE_ONLY:
+            this.resetLine(handleTabClick);
+            break;
+        }
+        this.tabIndex = handleTabClick.index;
+      }
+    });
+  }
+
+  resetByTabToggle(handleTabClick?: any): void {
+    switch (this.tabIndex) {
+      case 0:
+        this.userService.resetDevice(this.device, this.validationService);
+        break;
+      case 1:
+        this.resetLine();
+        break;
+    }
+    this.discardChanges.emit();
+    if (handleTabClick) {
+      handleTabClick.handleTabClick.apply(this.tabs, [handleTabClick.tab, handleTabClick.header, handleTabClick.index]);
+    }
+  }
+
+  resetLine(lineIndex?: number | undefined, handleTabClick?: any): void {
+    const lineIndToReset = this.lineAssociations.findIndex(line => line.active && line.hasChanges);
+    if (lineIndToReset > -1) {
+      this.resetAssociatedLine(lineIndToReset);
+    }
+    if (lineIndex !== undefined && lineIndex > -1) {
+      this.setLineActive(lineIndex);
+    }
+    this.discardChanges.emit();
+    if (handleTabClick) {
+      handleTabClick.handleTabClick.apply(this.tabs, [handleTabClick.tab, handleTabClick.header, handleTabClick.index]);
+    }
+  }
+
+  onRemoveLine(lineIndex: number): void {
+    if (!this.lineAssociations || !this.lineAssociations[lineIndex]) {
+      return;
+    }
+    const dialogRef = this.dialog.open(InfoDialogComponent, {
+      data: {
+        title: 'Remove device associated line?',
+        message: `You\'re sure that you want to delete ${this.lineAssociations[lineIndex].directoryNumber?.directoryNumber} associated line`,
+        confirmButtonText: 'Delete Line'
+      }
+    });
+    dialogRef.beforeClosed().subscribe(result => {
+      if (result) {
+        this.dataPending = true;
+        this.deleteLine(this.lineAssociations[lineIndex]);
+      }
+    });
+  }
+
+  resetAssociatedLine(lineIndex: number): void {
+    if (this.userService.user?.devices?.length) {
+      const deviceInd = this.userService.user?.devices.findIndex((device: Device) => device.name === this.device.name);
+      if (deviceInd > -1) {
+        this.userService.resetLineAssociation(deviceInd, lineIndex, this.validationService);
+        this.userService.user.devices[this.deviceIndex].lineAssociationsHasChanges = false;
+      }
+    }
+
+  }
+
+  setLineActive(index: number): void {
+    if (this.lineAssociations?.length) {
+      this.device.lineAssociations.forEach(line => line.active = false);
+    }
+    if (this.lineAssociations[index]) {
+      this.lineService.currentActiveLinePkid = this.device.lineAssociations[index].linePkid;
+      this.device.lineAssociations[index].active = true;
+    }
+  }
+
+  onDeviceSave(): void {
+    switch (this.tabIndex) {
+      case DeviceViewType.INFO:
+        this.updateDevice(this.siteId, this.device?.name, this.userToken);
+        break;
+      case DeviceViewType.LINES:
+        this.onUpdateLine();
+        break;
+    }
+  }
+
+  save(): void {
+    this.onDeviceSave();
+  }
+
+  onUpdateDevice(): void {
+    this.updateDevice(this.siteId, this.device?.name, this.userToken);
+  }
+
+  onUpdateLine(): void {
+    this.lineService.onSaveLineAssociationEvent.next(true);
+  }
+
+  afterLineUpdate(): void {
+    this.onSave.emit('associated line is updated');
+  }
+
+  updateDevice(siteId: number, deviceName: string, token: string): void {
+    if (this.deviceService.hasUnsavedChanges(this.device, this.originDevice) && !this.dataPending) {
+      this.dataPending = true;
+      const calls = []
+      if (this.deviceService.hasDeviceInfoUnsavedChanges(this.device, this.originDevice)) {
+        const body = this.deviceService.getDataToUpdateDevice(this.device, this.originDevice);
+        calls.push(this.deviceService.putDeviceFields(siteId, deviceName, token, body))
+      }
+      if (calls?.length) {
+        forkJoin(calls).subscribe((results: any) => {
+          this.userService.persistUserCache()
+            .subscribe(() => {
+              this.userService.fetchUserToken(this.siteId, this.userService.user.userid, this.validationService)
+                .subscribe(() => {
+                  this.dataPending = false;
+                  this.onSave.emit('device updated');
+                }, () => this.dataPending = false);
+            })
+        }, () => this.dataPending = false)
+      }
+    }
+  }
+
+  public onChangeField(token: string): void {
+    if (!token) {
+      return;
+    }
+    if (this.device) {
+      (this.userService.user.devices[this.deviceIndex] as any)[token] = this.form?.get(token)?.value;
+      this.onChange.emit();
+    }
+
+  }
+
+  private getData() {
+    this.dataPending = true;
+    forkJoin([
+      this.userService.fetchUserToken(this.siteId, this.userId, this.validationService),
+      this.siteSettingsService.getDeviceSoftkeyTemplates(this.siteId),
+      this.siteSettingsService.getSiteDefaults(this.siteId)
+    ]).subscribe(() => {
+      console.log('device widget user', this.user);
+      if (this.originDevice?.callingSearchSpaceName && this.siteSettingsService?.siteDefaults?.cssFilter) {
+        this.siteSettingsService.siteDefaults.cssFilter.push(this.originDevice.callingSearchSpaceName);
+      }
+      this.setData();
+      this.ngAfterViewInit();
+
+      this.dataPending = false;
+    }, () => this.dataPending = false)
+  }
+
+  private setCookie(name: string, value: string, days: number) {
+    var expires = "";
+    if (days) {
+      var date = new Date();
+      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+      expires = "; expires=" + date.toUTCString();
+    }
+    document.cookie = name + "=" + (value || "") + expires + "; path=/";
+  }
+
+
+  private setData(isInit?: boolean): void {
+    /*if (isInit) {
+      this.userService.user = new SimplifiedUser(JSON.parse(JSON.stringify(this.user.getFullData())), this.validationService);
+      this.userService.originUser = new SimplifiedUser(JSON.parse(JSON.stringify(this.user.getFullData())), this.validationService);
+    }*/
+    if (this.deviceName && this.userService.user?.devices?.length) {
+      this.deviceIndex = this.userService.user.devices.findIndex((device: Device) => device.name === this.deviceName);
+    }
+  }
+
+  private deleteLine(line: LineAssociation | LineAssociationInterface): void {
+    this.lineService.deleteLine(this.siteId, line.linePkid, this.userService.user.token)
+      .subscribe(() => {
+        this.userService.persistUserCache()
+          .subscribe(() => {
+            this.userService.fetchUserToken(this.siteId, this.userService.user.userid, this.validationService)
+              .subscribe(() => {
+                // this.updatedLineAssociationEvent.emit();
+                this.dataPending = false;
+              });
+          })
+      })
+  }
+
+}