sgh-navbar 0.0.37 → 0.0.39

package/src/lib/toolbar/toolbar.component.ts

@@ -1,218 +0,0 @@
-import {
-  AfterViewInit,
-  Component,
-  EventEmitter,
-  HostListener,
-  Input,
-  Output,
-  ViewChild
-} from '@angular/core';
-import {fadeInOut} from '../sidenav/helper';
-import {MatDialog} from "@angular/material/dialog";
-import {MatMenuTrigger} from "@angular/material/menu";
-import {ClientListItem, SubClientListItem, ToolbarData} from "./toolbar-data";
-import {SubClientDialogComponent} from "./sub-client-dialog/sub-client-dialog.component";
-import {SghNavbarService} from "../sgh-navbar.service";
-
-@Component({
-  selector: 'app-toolbar',
-  templateUrl: './toolbar.component.html',
-  styleUrls: ['./toolbar.component.scss'],
-  animations: [
-    fadeInOut
-  ]
-})
-export class ToolbarComponent implements AfterViewInit {
-  @Input() expanded: boolean;
-  @Output() toggleSidebarEvent = new EventEmitter<boolean>();
-  @Input() toolbarData: ToolbarData = {
-    themeOptions: [{
-      name: 'Sgh-default-theme',
-      value: 'sgh-default-theme',
-      checked: true
-    }, {
-      name: 'Sgh-light-theme',
-      value: 'sgh-light-theme',
-      checked: false
-    }, {
-      name: 'Sgh-blue-theme',
-      value: 'sgh-blue-theme',
-      checked: false
-    }],
-    bgColor: '#fff',
-    img: '../assets/images/Synergen_Logo-new.svg',
-    profileView: false,
-    isNotifNavCollapsed: false,
-    searchEnable: true,
-    notificationEnable: true,
-    profileEnable: true,
-    settingsEnable: true,
-    clientList: [{
-      text: 'Client 1',
-      value: 'CLIENT_1',
-      selected: true,
-      subClientList: [
-        {text: 'Sub Client 1', value: 'SUB_CLIENT_1', checked: true},
-        {text: 'Sub Client 2', value: 'SUB_CLIENT_2', checked: false},
-        {text: 'Sub Client 3', value: 'SUB_CLIENT_3', checked: false}
-      ]
-    }, {
-      text: 'Client 2',
-      value: 'CLIENT_2',
-      selected: false,
-      subClientList: [
-        {text: 'Sub Client 1', value: 'SUB_CLIENT_1', checked: true},
-        {text: 'Sub Client 2', value: 'SUB_CLIENT_2', checked: false}
-      ]
-    }, {
-      text: 'Client 3',
-      value: 'CLIENT_3',
-      selected: false
-    }],
-    profileContent: '<div>profile content</div>',
-    clientConfigurationEnable: true,
-    applicationConfigurationEnable: true,
-  };
-  @Output() searchInputEvent = new EventEmitter<string>();
-  @Output() client = new EventEmitter<any>();
-  @Output() subClient = new EventEmitter<any>();
-
-  searchInput = "";
-  private prev: any;
-  selected: any = 'sgh-default-theme';
-  private wasInside = false;
-  selectedClient;
-
-  @ViewChild('clientMenuTrigger') clientMenuTrigger: MatMenuTrigger;
-
-
-  @HostListener('click')
-  clickInside() {
-    this.wasInside = true;
-  }
-
-  @HostListener('document:click')
-  clickOut() {
-    if (!this.wasInside) {
-      this.toolbarData.profileView = false;
-      this.toolbarData.isThemeCollapsed = false;
-      this.toolbarData.isNotifNavCollapsed = false;
-    }
-    this.wasInside = false;
-  }
-
-  constructor(private dialog: MatDialog, private sghNavbarSvc: SghNavbarService) {
-  }
-
-
-  toggleSidebar(): boolean {
-    this.toggleSidebarEvent.emit(this.expanded);
-    return this.expanded;
-  }
-
-  toggleNotificationList() {
-    this.toolbarData.isNotifNavCollapsed = !this.toolbarData.isNotifNavCollapsed
-  }
-
-  clickProfile() {
-    this.toolbarData.profileView = !this.toolbarData.profileView
-  }
-
-  onSearchInput() {
-    this.searchInputEvent.emit(this.searchInput);
-  }
-
-  ngAfterViewInit(): void {
-    // initially set client and subclients
-    setTimeout(() => {
-      this.toolbarData.clientList?.forEach((client: ClientListItem,index) => {
-        // select the first client
-        if(index == 0){
-          client.selected = true;
-          this.sghNavbarSvc.setClient(client);
-          this.selectedClient = client;
-        } else {
-          client.selected = false;
-        }
-        this.initSelectedSubClient(client);
-      });
-    },100)
-  }
-
-  setClass(selected: any) {
-    this.selected = selected;
-    window.document.body.classList.remove(this.prev);
-    window.document.body.classList.add(selected);
-    this.prev = selected;
-  }
-
-  protected readonly event = event;
-  selectedTheme: string = ''; // To store the selected radio button value
-  searchText: any;
-
-  onRadioClick(themeValue: string) {
-    this.selected = themeValue;
-    this.setClass(themeValue);
-  }
-
-  toggleSelect(event, clientItem: ClientListItem) { // event on client selection
-    // at least one subclient should exist
-    if (clientItem.subClientList && clientItem.subClientList.length > 0) { // if sub clients exist open sub client dialog
-      const subClientDialogRef = this.dialog.open(SubClientDialogComponent, {
-        data: {
-          client: clientItem
-        },
-        minWidth: 400,
-        disableClose: true
-      });
-
-      this.selectedClient = clientItem;
-      // unselect current selected client
-      this.unselectClientItems();
-      // select current client
-      clientItem.selected = true;
-      // select first item of each subclient
-      this.selectFirstSubclient();
-
-      subClientDialogRef.afterClosed().subscribe((event) => {
-        this.clientMenuTrigger.focus();
-        this.sghNavbarSvc.setClient(clientItem);
-        this.sghNavbarSvc.setSubclient(event.data.selectedSubClient);
-
-        // set the selected subclient item as checked, search by name comparison
-        let selectedObj = clientItem.subClientList?.find((scItem) => scItem.text == event.data.selectedSubClient.text);
-        selectedObj!.checked = true;
-      });
-    }
-  }
-
-  initSelectedSubClient(client: ClientListItem) {
-    client.subClientList?.forEach((subclient: SubClientListItem,index) => {
-      if(index == 0) {
-        subclient.checked = true;
-        if (client.selected) { // set the first subclient of the first client as selected
-          this.sghNavbarSvc.setSubclient(subclient);
-        }
-      } else { subclient.checked = false; }
-
-    });
-  }
-
-  unselectClientItems() {
-    this.toolbarData.clientList?.forEach((client: ClientListItem) => {
-      if (client.selected) {
-        client.selected = false;
-      }
-    });
-  }
-
-  selectFirstSubclient() {
-    this.toolbarData.clientList?.forEach((client) => {
-      if(client !== this.selectedClient) {
-        client.subClientList?.forEach((scItem,index) => {
-          index == 0 ? scItem.checked = true: scItem.checked = false;
-        });
-      }
-    })
-  }
-}

package/src/test.ts

@@ -1,15 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}