@thetradeengineorg1/snova-shell-module 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/thetradeengineorg1-snova-shell-module.umd.js +5 -5
- package/bundles/thetradeengineorg1-snova-shell-module.umd.js.map +1 -1
- package/esm2015/lib/shell-components/components/Payments/document.component.js +2 -2
- package/esm2015/lib/shell-components/components/all-work-items-dialog/all-work-items-dialog.component.js +1 -1
- package/esm2015/lib/shell-components/components/feed-time/feed-time-dialog.component.js +2 -2
- package/esm2015/lib/shell-components/components/feed-time/feed-time.component.js +2 -2
- package/esm2015/lib/shell-components/components/header-side/header-side.component.js +5 -5
- package/esm2015/lib/shell-components/components/menu/menu.component.js +2 -2
- package/esm2015/lib/shell-components/components/notifications/announcement-dialog.component.js +2 -2
- package/esm2015/lib/shell-components/components/submit-feedback/submit-feedback.component.js +2 -2
- package/esm2015/lib/shell-components/shell.module.js +6 -6
- package/esm2015/lib/shell-components/shell.routing.js +2 -2
- package/fesm2015/thetradeengineorg1-snova-shell-module.js +10 -10
- package/fesm2015/thetradeengineorg1-snova-shell-module.js.map +1 -1
- package/lib/shell-components/components/Payments/document.component.d.ts +1 -1
- package/lib/shell-components/components/header-side/header-side.component.d.ts +1 -1
- package/lib/shell-components/shell.module.d.ts +4 -4
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/card'), require('@angular/material/progress-bar'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/material/snack-bar'), require('@angular/material/input'), require('@angular/material/core'), require('@angular/material/dialog'), require('@angular/material/menu'), require('@angular/material/sidenav'), require('@angular/material/list'), require('@angular/material/toolbar'), require('@angular/material/grid-list'), require('@angular/material/select'), require('@angular/material/table'), require('@angular/material/tabs'), require('@angular/material/checkbox'), require('@angular/material/badge'), require('@angular/forms'), require('@angular/common/http'), require('@angular/flex-layout'), require('@angular/material-moment-adapter'), require('@angular/router'), require('@
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@thetradeengineorg1/snova-shell-module', ['exports', '@angular/core', '@angular/common', '@angular/material/button', '@angular/material/card', '@angular/material/progress-bar', '@angular/material/tooltip', '@angular/material/icon', '@angular/material/snack-bar', '@angular/material/input', '@angular/material/core', '@angular/material/dialog', '@angular/material/menu', '@angular/material/sidenav', '@angular/material/list', '@angular/material/toolbar', '@angular/material/grid-list', '@angular/material/select', '@angular/material/table', '@angular/material/tabs', '@angular/material/checkbox', '@angular/material/badge', '@angular/forms', '@angular/common/http', '@angular/flex-layout', '@angular/material-moment-adapter', '@angular/router', '@
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/card'), require('@angular/material/progress-bar'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/material/snack-bar'), require('@angular/material/input'), require('@angular/material/core'), require('@angular/material/dialog'), require('@angular/material/menu'), require('@angular/material/sidenav'), require('@angular/material/list'), require('@angular/material/toolbar'), require('@angular/material/grid-list'), require('@angular/material/select'), require('@angular/material/table'), require('@angular/material/tabs'), require('@angular/material/checkbox'), require('@angular/material/badge'), require('@angular/forms'), require('@angular/common/http'), require('@angular/flex-layout'), require('@angular/material-moment-adapter'), require('@angular/router'), require('@thetradeengineorg1/snova-avatar'), require('@thetradeengineorg1/snova-ndc-dynamic'), require('@ngx-translate/core'), require('@ncstate/sat-popover'), require('@fortawesome/angular-fontawesome'), require('ngx-cookie-service'), require('ngx-toastr'), require('pubnub-angular2'), require('@ngrx/store'), require('@ngrx/effects'), require('ngx-perfect-scrollbar'), require('ngx-timeago'), require('guid-typescript'), require('underscore'), require('moment'), require('@angular/platform-browser'), require('rxjs'), require('@ngrx/entity'), require('rxjs/operators'), require('@fortawesome/fontawesome-svg-core'), require('@fortawesome/free-brands-svg-icons'), require('@fortawesome/free-solid-svg-icons'), require('ngx-ui-loader'), require('@microsoft/signalr'), require('@angular/flex-layout/flex'), require('@angular/material/divider'), require('@angular/flex-layout/extended'), require('@angular/animations'), require('@angular/material/form-field'), require('@thetradeengineorg1/snova-document-management'), require('resumablejs'), require('ng-push-ivy'), require('@angular/material/progress-spinner'), require('ngx-dropzone'), require('@angular/cdk/bidi'), require('@ngx-translate/http-loader'), require('ng-pick-datetime'), require('@thetradeengineorg1/snova-file-uploader'), require('@swimlane/ngx-datatable')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@thetradeengineorg1/snova-shell-module', ['exports', '@angular/core', '@angular/common', '@angular/material/button', '@angular/material/card', '@angular/material/progress-bar', '@angular/material/tooltip', '@angular/material/icon', '@angular/material/snack-bar', '@angular/material/input', '@angular/material/core', '@angular/material/dialog', '@angular/material/menu', '@angular/material/sidenav', '@angular/material/list', '@angular/material/toolbar', '@angular/material/grid-list', '@angular/material/select', '@angular/material/table', '@angular/material/tabs', '@angular/material/checkbox', '@angular/material/badge', '@angular/forms', '@angular/common/http', '@angular/flex-layout', '@angular/material-moment-adapter', '@angular/router', '@thetradeengineorg1/snova-avatar', '@thetradeengineorg1/snova-ndc-dynamic', '@ngx-translate/core', '@ncstate/sat-popover', '@fortawesome/angular-fontawesome', 'ngx-cookie-service', 'ngx-toastr', 'pubnub-angular2', '@ngrx/store', '@ngrx/effects', 'ngx-perfect-scrollbar', 'ngx-timeago', 'guid-typescript', 'underscore', 'moment', '@angular/platform-browser', 'rxjs', '@ngrx/entity', 'rxjs/operators', '@fortawesome/fontawesome-svg-core', '@fortawesome/free-brands-svg-icons', '@fortawesome/free-solid-svg-icons', 'ngx-ui-loader', '@microsoft/signalr', '@angular/flex-layout/flex', '@angular/material/divider', '@angular/flex-layout/extended', '@angular/animations', '@angular/material/form-field', '@thetradeengineorg1/snova-document-management', 'resumablejs', 'ng-push-ivy', '@angular/material/progress-spinner', 'ngx-dropzone', '@angular/cdk/bidi', '@ngx-translate/http-loader', 'ng-pick-datetime', '@thetradeengineorg1/snova-file-uploader', '@swimlane/ngx-datatable'], factory) :
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.thetradeengineorg1 = global.thetradeengineorg1 || {}, global.thetradeengineorg1["snova-shell-module"] = {}), global.ng.core, global.ng.common, global.ng.material.button, global.ng.material.card, global.ng.material.progressBar, global.ng.material.tooltip, global.ng.material.icon, global.ng.material.snackBar, global.ng.material.input, global.ng.material.core, global.ng.material.dialog, global.ng.material.menu, global.ng.material.sidenav, global.ng.material.list, global.ng.material.toolbar, global.ng.material.gridList, global.ng.material.select, global.ng.material.table, global.ng.material.tabs, global.ng.material.checkbox, global.ng.material.badge, global.ng.forms, global.ng.common.http, global.ng.flexLayout, global.ng.materialMomentAdapter, global.ng.router, global.i19, global.i2$2, global.i5$1, global.i20, global.i4, global.i5, global.i6, global.i2$3, global.i3, global.i1$2, global.i3$1, global.i35, global.guidTypescript, global._, global.moment, global.ng.platformBrowser, global.rxjs, global.entity, global.rxjs.operators, global.fontawesomeSvgCore, global.freeBrandsSvgIcons, global.freeSolidSvgIcons, global.i3$2, global.signalR, global.ng.flexLayout.flex, global.ng.material.divider, global.ng.flexLayout.extended, global.ng.animations, global.ng.material.formField, global.i15$1, global.Resumable, global.i1$4, global.ng.material.progressSpinner, global.i36, global.ng.cdk.bidi, global.httpLoader, global.ngPickDatetime, global.snovaFileUploader, global.i6$4));
|
|
5
5
|
})(this, (function (exports, i0, i9$1, i7$1, i6$3, i18, i16, i6$1, snackBar, i12, i9, i1$3, i7, i13, i10, i19$1, i11, i21, table, i1$5, i8, badge, i15, i1$1, flexLayout, materialMomentAdapter, i2, i19, i2$2, i5$1, i20, i4, i5, i6, i2$3, i3, i1$2, i3$1, i35, guidTypescript, _, moment, i1, rxjs, entity, operators, fontawesomeSvgCore, freeBrandsSvgIcons, freeSolidSvgIcons, i3$2, signalR, i6$2, i2$1, i40, animations, i22, i15$1, Resumable, i1$4, i25, i36, i17, httpLoader, ngPickDatetime, snovaFileUploader, i6$4) { 'use strict';
|
|
6
6
|
|
|
@@ -9910,7 +9910,7 @@
|
|
|
9910
9910
|
return MenuComponent;
|
|
9911
9911
|
}(CustomAppBaseComponent));
|
|
9912
9912
|
MenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.1", ngImport: i0__namespace, type: MenuComponent, deps: [{ token: i3__namespace.Store }, { token: i5__namespace.CookieService }, { token: i2__namespace.Router }, { token: i6__namespace.ToastrService }, { token: i5__namespace$1.TranslateService }, { token: AuthenticationService }, { token: i2__namespace.ActivatedRoute }, { token: i1__namespace$3.MatDialog }, { token: RecentSearchService }, { token: i9__namespace$1.Location }, { token: ThemeService }, { token: i1__namespace$2.Actions }, { token: i0__namespace.ChangeDetectorRef }, { token: WINDOW }, { token: GoogleAnalyticsService }, { token: CommonService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
9913
|
-
MenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.1", type: MenuComponent, selector: "app-menu", inputs: { reloadAll: ["reload", "reloadAll"] }, outputs: { isOpened: "isOpened", openNewDashboard: "openNewDashboard" }, host: { listeners: { "document:keydown.control.q": "keyOpenEvent()", "document:keydown.control.m": "keyCloseEvent()", "document:keydown.control.b": "remoteSearchByText()", "document:keydown.control.y": "remoteSearchById()" } }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "workspaceElement", first: true, predicate: ["workspaceElement"], descendants: true }, { propertyName: "menuElement", first: true, predicate: ["menuElement"], descendants: true }, { propertyName: "addWorkSpacePopOver", first: true, predicate: ["addWorkspace"], descendants: true }, { propertyName: "allSelected", first: true, predicate: ["allSelected"], descendants: true }, { propertyName: "allEditSelected", first: true, predicate: ["allEditSelected"], descendants: true }, { propertyName: "allDeleteSelected", first: true, predicate: ["allDeleteSelected"], descendants: true }, { propertyName: "infoPopOver", first: true, predicate: ["infoPopOver"], descendants: true }, { propertyName: "openMenuPopOver", predicate: ["openMenuPopUp"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<button type=\"submit\" class=\"visibles\" mat-icon-button [matMenuTriggerFor]=\"menus\" fxHide.gt-xs fxShow>\r\n <mat-icon class=\"newMenu\">menu</mat-icon>\r\n</button>\r\n<div fxFlex class=\"newLogo default-bg top-logo-bg newminilogo zoom-image-hover\" fxHide.gt-xs fxShow>\r\n <img src=\"{{companyMiniLogo}}\" alt=\"\" id=\"mini-logo-topbar\" style=\"width:30px; height:30px;\"\r\n (click)=\"getAllMenuItems()\" />\r\n</div>\r\n<div fxFlex class=\"newLogo top-logo-bg apps-button zoom-image-hover\" style=\"left: 0px;\" fxHide fxShow.gt-xs>\r\n <img src=\"{{companyMainLogo}}\" style=\"cursor: pointer;left: 20px;left: 20px;position: relative;\" id=\"main-logo-topbar\"\r\n class=\"img-height-main-logo-topbar\" (click)=\"getAllMenuItems()\" />\r\n</div>\r\n\r\n<!-- \r\n<mat-menu #menus=\"matMenu\" class=\"filter-panel\" (click)=\"$event.stopPropagation()\">\r\n <div *ngFor=\"let item of(menuItems$ | async)\">\r\n <div *ngIf=\"item.type === 'dropDown'\">\r\n <button mat-menu-item [matMenuTriggerFor]=\"levelTwoMenu\" (mouseover)=\"openLevel2Menu(item.state,item.sub)\">\r\n <mat-icon>{{ item.icon }}</mat-icon>{{ item.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n <div *ngIf=\"item.type == 'link'\">\r\n <button mat-menu-item routerLink=\"/{{ item.state }}\">\r\n <mat-icon>{{ item.icon }}</mat-icon>{{ item.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n\r\n<mat-menu #levelTwoMenu=\"matMenu\">\r\n <div *ngFor=\"let itemLvl2 of subLevels\">\r\n <div *ngIf=\"itemLvl2.type === 'dropDown'\">\r\n <button mat-menu-item [matMenuTriggerFor]=\"levelThreeMenu\"\r\n (mouseover)=\"openLevel3Menu(stateLvl1,itemLvl2.state,item.sub)\">\r\n {{ itemLvl2.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n <div *ngIf=\"itemLvl2.type == 'applicationlink'\">\r\n <button mat-menu-item routerLink=\"/{{ itemLvl2.state }}\">\r\n {{ itemLvl2.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n <div *ngIf=\"itemLvl2.type == 'link'\">\r\n <button mat-menu-item routerLink=\"/{{stateLvl1}}/{{ itemLvl2.state }}\">\r\n {{ itemLvl2.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n\r\n<mat-menu #levelThreeMenu=\"matMenu\">\r\n <div *ngFor=\"let itemLvl3 of subLevelsForLevel2\">\r\n <button mat-menu-item routerLink=\"/{{ level3Link1 }}/{{ level3Link2 }}/{{itemLvl3.state}}\">\r\n {{ itemLvl3.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n</mat-menu> -->\r\n\r\n<mat-menu #menus=\"matMenu\" yPosition=\"below\" class=\"filter-panel\" (click)=\"$event.stopPropagation()\"\r\n style=\"height:auto\">\r\n <div *ngFor=\"let item of items\">\r\n <div *ngIf=\"item.type == 'link' || item.type == 'applicationlink'\">\r\n <button mat-menu-item routerLink=\"/{{ item.state }}\" (click)=\"selectMenu(item,$event)\"\r\n routerLinkActive=\"item-active\">\r\n <mat-icon>{{ item.icon }}</mat-icon>{{ item.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n\r\n\r\n<div style=\"position: relative;\r\nleft: 90%\" class=\"store-icom mat-icon-button\" *ngIf=\"canAccess_feature_DragApps\"\r\n [ngClass]=\"this.routes.url.includes('/app-store/widgets') ? 'icon_active_class' : ''\">\r\n <fa-icon icon=\"store\" style=\"font-size: 20px !important;\" matTooltipClass=\"tooltipClass-mat\"\r\n matTooltip=\"{{ 'APP.APPSTORE' | translate}}\" (click)=\"openApps()\"\r\n class=\"mat-color-accent cursor-pointer theme-navbar-icon-color\"></fa-icon>\r\n</div>\r\n\r\n<div class=\"SearchBox dropdown\" style=\"position: absolute !important;\">\r\n <span class=\"mat-color-accent input-group-addon\" *ngIf=\"searchByText\">@ </span>\r\n <span class=\"mat-color-accent input-group-addon\" *ngIf=\"searchById\"># </span>\r\n <input type=\"text\" class=\"SearchBox-input dropbtn\" placeholder=\"{{ 'APP.STARTHEREORCLICKCONTROL+Q' | translate}}\"\r\n [class.hide-placeholder]=\"searchByText || searchById\" autocomplete=\"off\" #element [(ngModel)]=\"searchText\"\r\n (input)=\"SearchItem($event)\" (click)=\"SearchItem($event)\" (focus)=\"onFocus()\" (blur)=\"Set();\"\r\n (keydown.enter)=\"navigate($event, itemClicked)\" (keydown.arrowdown)=\"arrowDownEvent()\"\r\n (keydown.arrowup)=\"arrowUpEvent()\" (keydown.arrowleft)=\"arrowLeftEvent()\" (keydown.arrowright)=\"arrowRightEvent()\">\r\n\r\n <button class=\"SearchBox-button\">\r\n <span class=\"close_icon_search\">\r\n <span *ngIf=\"!searchText\"></span>\r\n <mat-icon *ngIf=\"searchText\" class=\"icon-button mr-05\" aria-hidden=\"false\" (click)=\"closeSearch($event)\"\r\n style=\"cursor:pointer\">\r\n close</mat-icon>\r\n </span>\r\n <mat-icon class=\"SearchBox-icon icon-color mt-lg-n2 mr-05 info-class\" [satPopoverAnchorFor]=\"p\"\r\n #infoPopOver=\"satPopoverAnchor\" color=\"primary\" (click)=\"openInfo(infoPopOver)\">info</mat-icon>\r\n <mat-icon class=\"SearchBox-icon icon-color mt-lg-n2\" color=\"primary\">search</mat-icon>\r\n </button>\r\n <div class=\"dropdown-content\" [ngClass]=\"{'d-block' : display, 'd-none' : !display}\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"\r\n *ngIf=\"loadingSearchMenuData || recentSearchesfetchInProgress || widgetsfetchInProgress\">\r\n </mat-progress-bar>\r\n <div class=\"row rowselect\">\r\n <div class=\"column columnselect-next pl-05\" *ngIf=\"items && (items.length>0) && !(searchById || searchByText)\">\r\n <div class=\"in-header\">{{ 'SHELL.APPLICATIONS' | translate}}</div>\r\n <div id=\"style-1\" style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <ng-container *ngIf=\"items && items.length>0\">\r\n <div *ngFor=\"let item of items; let i = index;\"\r\n [style.background-color]=\"selectedRowIndex == i ? themeBaseColor : 'white'\">\r\n <div *ngIf=\"item.type == 'link' || item.type == 'applicationlink'\">\r\n <button mat-menu-item routerLink=\"/{{ item.state }}\"\r\n [ngClass]=\"selectedRowIndex == i ? 'color-text' : 'color-text1'\"\r\n (mousedown)=\"selectAdimnTool(item.state, $event, item)\" routerLinkActive=\"item-active\"\r\n [routerLinkActiveOptions]=\"{exact:\r\n true}\" matTooltipClass=\"tooltipClass-mat\"\r\n matTooltip=\"{{ translateapplicationname(item.menu | softLabelsPipe : softLabels)}}\">\r\n <mat-icon class=\"icon-color\" [ngClass]=\"selectedRowIndex == i ? 'color-text' : 'color-text1'\">\r\n {{ item.icon }}</mat-icon><span\r\n [innerHTML]=\"translateapplicationname(item.menu) | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"column pl-05\" *ngIf=\"!(searchById || searchByText)\">\r\n\r\n <div class=\"columnselect-next ml-0\" *ngIf=\"workspaces && (workspaces.length>0)\">\r\n <div class=\"in-header\">{{ 'SHELL.DASHBOARDS' | translate}}\r\n <fa-icon icon=\"plus-square\"\r\n *ngIf=\"canAccess_feature_AddDashboard\" matTooltip=\"{{ 'APP.ADDDASHBOARD' | translate}}\"\r\n (click)=\"initializeWorkspaceForm();openWorkspaceForm();\" class=\"mat-color-accent cursor-pointer\"\r\n [satPopoverAnchorFor]=\"addWorkspace\">\r\n </fa-icon> \r\n </div>\r\n <div id=\"style-2\" style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <ng-container *ngIf=\"workspaces && workspaces.length>0\">\r\n <div *ngFor=\"let wc of workspaces; let i = index\"\r\n [style.background-color]=\"ws == i ? themeBaseColor : 'white'\" class=\"scroll\" #workspaceElement>\r\n <button mat-menu-item (mousedown)=\"selectMenu(wc,$event)\"\r\n [ngClass]=\"ws == i ? 'color-text' : 'color-text1'\" (click)=\"navigateToUrl(wc.workspaceId)\"\r\n routerLink=\"/dashboard-management/dashboard/{{ wc.workspaceId }}\" routerLinkActive=\"item-active\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{wc.workspaceName}}\">\r\n <span [innerHTML]=\"wc.workspaceName | highLightText : searchText \"></span>\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"column columnselect-apps ml-0\" *ngIf=\"widgets && widgets.length>0 && !(searchById || searchByText)\">\r\n <div class=\"in-header\">{{ 'SHELL.FAVOURITEAPPS' | translate}}</div>\r\n <div style=\"background-color: white !important; height: 445px !important; overflow: auto;\" id=\"style-3\">\r\n <div *ngFor=\"let widget of widgets; let i = index\"\r\n [style.background-color]=\"wd == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item routerLinkActive=\"item-active\" [routerLinkActiveOptions]=\"{exact:\r\n true}\" routerLink=\"/dashboard-management/widgets/{{ widget.widgetId }}\"\r\n [ngClass]=\"wd == i ? 'color-text' : 'color-text1'\" (mousedown)=\"OnSelect(widget,$event)\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{widget.widgetName | softLabelsPipe : softLabels}}\">\r\n <span [innerHTML]=\"widget.widgetName | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"columnselect-next ml-0\" *ngIf=\"projectList && projectList.length>0 && searchText && searchByText\">\r\n <div class=\"in-header\">Projects</div>\r\n <div class=\"scroll\" id=\"style-7\"\r\n style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <div *ngFor=\"let project of projectList; let i = index\"\r\n [style.background-color]=\"projectIndex == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item routerLinkActive=\"item-active\" [routerLinkActiveOptions]=\"{exact:\r\n true}\" [ngClass]=\"projectIndex == i ? 'color-text' : 'color-text1'\"\r\n (mousedown)=\"onProjectSelect(project,$event)\" matTooltipClass=\"tooltipClass-mat\"\r\n matTooltip=\"{{project.itemName | softLabelsPipe : softLabels}}\">\r\n <span [innerHTML]=\"project.itemName | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"columnselect-next ml-0\"\r\n *ngIf=\"userStorySearchList && userStorySearchList.length>0 && searchText && searchByText\">\r\n <div class=\"in-header\" *ngIf=\"isEnableBugBoard\">{{ 'SHELL.WIBUG' | translate}}</div>\r\n <div class=\"in-header\" *ngIf=\"!isEnableBugBoard\">{{ 'SHELL.WI'| translate}}</div>\r\n <div class=\"scroll\" id=\"style-5\"\r\n style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <div *ngFor=\"let userStory of userStorySearchList; let i = index\"\r\n [style.background-color]=\"users == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item routerLinkActive=\"item-active\" [routerLinkActiveOptions]=\"{exact:\r\n true}\" [ngClass]=\"users == i ? 'color-text' : 'color-text1'\" (mousedown)=\"OnUserStorySelect(userStory,$event)\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{userStory.itemName | softLabelsPipe : softLabels}}\">\r\n <span [innerHTML]=\"userStory.itemName | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n <div class=\"columnselect-next ml-0\"\r\n *ngIf=\"goalSearchList && goalSearchList.length>0 && searchText && searchByText\">\r\n <div class=\"in-header\">{{ 'SHELL.GOALSPRINT' | translate }}</div>\r\n <div class=\"scroll\" id=\"style-6\"\r\n style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <div *ngFor=\"let goal of goalSearchList; let i = index\"\r\n [style.background-color]=\"goalIndex == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item routerLinkActive=\"item-active\" [routerLinkActiveOptions]=\"{exact:\r\n true}\" [ngClass]=\"goalIndex == i ? 'color-text' : 'color-text1'\" (mousedown)=\"OnGoalSelect(goal,$event)\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{goal.itemName | softLabelsPipe : softLabels}}\">\r\n <span [innerHTML]=\"goal.itemName | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"column columnselect-apps ml-0\"\r\n *ngIf=\"(employeeList && employeeList.length > 0) && searchText && searchByText\">\r\n <div class=\"in-header\">Employees</div>\r\n <div id=\"style-4\" style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <div *ngFor=\"let employee of employeeList; let i = index\" style=\"background-color: white;\"\r\n [style.background-color]=\"selectedEmployeeIndex == i ? themeBaseColor : 'white'\" #workspaceElement>\r\n <button mat-menu-item (mousedown)=\"selectEmployee(employee,$event)\"\r\n [ngClass]=\"selectedEmployeeIndex == i ? 'color-text' : 'color-text1'\"\r\n routerLink=\"/dashboard/profile/{{ employee.itemId }}/overview\" routerLinkActive=\"item-active\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{employee.itemName}}\">\r\n <div fxLayout=\"row\">\r\n <app-avatar [name]=\"employee.itemName | removeSpecialCharacters\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ employee.itemName }}\" [src]=\"employee.profileImage | fetchSizedAndCachedImage: '20':''\"\r\n [isRound]=\"true\" size=\"20\" (click)=\"profilePage(employee.userId);$event.stopPropagation();\">\r\n </app-avatar> \r\n <div class=\"ml-05\">\r\n <span [innerHTML]=\"employee.itemName | highLightText : searchText\"></span>\r\n \r\n </div>\r\n </div>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"column columnselect-apps ml-0\"\r\n *ngIf=\"recentSearches && (recentSearches.length>0) && !(searchById || searchByText)\">\r\n <div class=\"in-header\">{{ 'SHELL.RECENTSEARCHS' | translate}}</div>\r\n <div style=\"background-color: white !important; height: 445px !important\">\r\n <div *ngFor=\"let search of recentSearches | slice:0:9 let i = index\"\r\n [style.background-color]=\"rs == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item [ngClass]=\"rs == i ? 'color-text' : 'color-text1'\"\r\n (mousedown)=\"searchText=search.recentSearch;SearchRecentItem(search,$event)\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{search.recentSearch | softLabelsPipe : softLabels}} \r\n ({{ convertToLocalTime(search.createdDateTime) | timeago }})\">\r\n <span [innerHTML]=\"search.recentSearch | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n ({{ convertToLocalTime(search.createdDateTime) | timeago }})\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n <!-- <div class=\"text-center in-header \" *ngIf=\"!searchText && searchById\">\r\n Please enter unique id and click enter for navigating to corresping page\r\n </div>\r\n \r\n <div class=\"text-center in-header \" *ngIf=\"!searchText && searchByText\" >\r\n Please enter text to retreive data by filtering\r\n </div> -->\r\n \r\n\r\n <sat-popover backdropClass=\"backdrop-color\" hasBackdrop #addWorkspace verticalAlign=\"below\" horizontalAlign=\"end\"\r\n [interactiveClose]=\"false\">\r\n <mat-card class=\"filter-data p-0\">\r\n <mat-card-title class=\"text-center\">\r\n <div class=\"card-title-text mat-bg-primary p-05 mb-1\">\r\n {{ 'APP.ADDDASHBOARDTITLE' | translate }}\r\n </div>\r\n </mat-card-title>\r\n <mat-card-content>\r\n <form [formGroup]=\"workspaceForm\" novalidate (submit)=\"workspaceForm.valid && upsertWorkspace()\">\r\n <div class=\"card-content\">\r\n <mat-form-field class=\"full-width\">\r\n <input matInput placeholder=\"{{ 'HRMANAGAMENT.NAME' | translate}}*\" formControlName=\"workspaceName\" />\r\n <mat-error\r\n *ngIf=\"workspaceForm.get('workspaceName').hasError('required') && workspaceForm.get('workspaceName').touched \">\r\n {{ 'APP.DASHBOARDNAMEREQUIRED' | translate }}\r\n </mat-error>\r\n <mat-error *ngIf=\"workspaceForm.get('workspaceName').hasError('maxlength')\">\r\n {{ 'APP.DASHBOARDNAMELENGTHEXCEED' | translate }}\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-form-field class=\"full-width\">\r\n <textarea matInput formControlName=\"description\" rows=\"2\"\r\n placeholder=\"{{ 'COMPANYSETTINGS.DESCRIPTION' | translate }}\"></textarea>\r\n <mat-error\r\n *ngIf=\"workspaceForm.get('description').hasError('maxlength') && workspaceForm.get('description').touched\">\r\n {{ 'APP.CUSTOMAPPDESCRIPTIONMAXLENGTHERROR' | translate }}\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-form-field class=\"full-width\" (click)=\"$event.stopPropagation();\">\r\n <mat-select formControlName=\"selectedRoles\" [compareWith]=\"compareSelectedRolesFn\"\r\n placeholder=\"{{ 'WIDGETS.VIEWROLES' | translate }}\" multiple required>\r\n <mat-option #allSelected (click)=\"toggleAllRolesSelected()\" [value]=\"0\">\r\n {{ 'PERMISSIONMANAGEMENT.SELECTALL' | translate }}</mat-option>\r\n <mat-option [value]=\"roles.roleId\" *ngFor=\"let roles of rolesDropDown\" #allSelected\r\n (click)=\"toggleRolesPerOne(allSelected.value)\">\r\n {{ roles.roleName }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error\r\n *ngIf=\"workspaceForm.get('selectedRoles').hasError('required') && workspaceForm.get('selectedRoles').touched\">\r\n {{ 'APP.SELECTANYROLE' | translate }}\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-form-field class=\"full-width\">\r\n <mat-select formControlName=\"editRoleIds\" [compareWith]=\"compareEditSelectedRolesFn\"\r\n placeholder=\"{{ 'WIDGETS.EDITROLES' | translate }}\" multiple>\r\n <mat-option #allEditSelected (click)=\"toggleEditAllRolesSelected()\" [value]=\"0\">\r\n {{ 'PERMISSIONMANAGEMENT.SELECTALL' | translate }}</mat-option>\r\n <mat-option [value]=\"role.roleId\" *ngFor=\"let role of rolesDropDown\" #allEditSelected\r\n (click)=\"toggleEditRolesPerOne()\">\r\n {{ role.roleName }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <mat-form-field class=\"full-width\">\r\n <mat-select formControlName=\"deleteRoleIds\" [compareWith]=\"compareDeleteSelectedRolesFn\"\r\n placeholder=\"{{ 'WIDGETS.DELETEROLES' | translate }}\" multiple>\r\n <mat-option #allDeleteSelected (click)=\"toggleDeleteAllRolesSelected()\" [value]=\"0\">\r\n {{ 'PERMISSIONMANAGEMENT.SELECTALL' | translate }}</mat-option>\r\n <mat-option [value]=\"role.roleId\" *ngFor=\"let role of rolesDropDown\" #allDeleteSelected\r\n (click)=\"toggleDeleteRolesPerOne()\">\r\n {{ role.roleName }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"text-center\">\r\n <button class=\"mr-1\" mat-button mat-raised-button color=\"primary\" type=\"button\" (click)=\"upsertWorkspace()\"\r\n [disabled]=\"!workspaceForm.valid\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"dashboardUpdateInProgress\">\r\n </mat-progress-bar>\r\n <fa-icon class=\"mr-05\" icon=\"plus\"></fa-icon> {{ 'SAVE' | translate }}\r\n </button>\r\n <button mat-button mat-raised-button type=\"button\" (click)=\"closeAddWorkspaceDialog()\">\r\n <fa-icon class=\"mr-05\" icon=\"times\"></fa-icon> {{ 'CANCEL' | translate }}\r\n </button>\r\n </div>\r\n </form>\r\n </mat-card-content>\r\n </mat-card>\r\n </sat-popover>\r\n\r\n\r\n <sat-popover #p hasBackdrop [interactiveClose]=\"true\" verticalAlign=\"above\">\r\n <div class=\"tooltip-wrapper\">\r\n <table>\r\n <tr>\r\n <td>Ctrl + Q: </td>\r\n <td> </td>\r\n <td> {{ 'SHELL.TOOPENSEARCHMENU' | translate}}</td>\r\n </tr>\r\n <tr>\r\n <td>Ctrl + B: </td>\r\n <td> </td>\r\n <td> {{ 'SHELL.TOOPENGOALSANDUSERS' | translate}}</td>\r\n </tr>\r\n <tr>\r\n <td>Ctrl + Y: </td>\r\n <td> </td>\r\n <td> {{ 'SHELL.TOSEARCHBYID' | translate}}</td>\r\n </tr>\r\n <tr>\r\n <td>Ctrl + M: </td>\r\n <td> </td>\r\n <td> {{ 'SHELL.TOCLOSEMENU' | translate}}</td>\r\n </tr>\r\n </table>\r\n </div>\r\n </sat-popover>\r\n\r\n <mat-spinner *ngIf=\"searchByTextLoading && display\" class=\"spinner-class\" [diameter]=\"100\"></mat-spinner>", components: [{ type: i7__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i7__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i4__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "listItem", "rotate", "fixedWidth", "transform"] }, { type: i18__namespace.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i19__namespace.SnovasysAvatarComponent, selector: "app-avatar", inputs: ["avatarClass", "name", "src", "isRound", "size"] }, { type: i20__namespace.SatPopover, selector: "sat-popover", inputs: ["backdropClass", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }, { type: i6__namespace$3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i22__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i21__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i25__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i40__namespace.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6__namespace$2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i9__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i2__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i40__namespace.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i16__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i15__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i15__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i20__namespace.SatPopoverAnchor, selector: "[satPopoverAnchorFor]", inputs: ["satPopoverAnchorFor"], outputs: ["popoverOpened", "popoverClosed"], exportAs: ["satPopoverAnchor"] }, { type: i6__namespace$2.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6__namespace$2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i6__namespace$3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i6__namespace$3.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i15__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i15__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i15__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i12__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i15__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i22__namespace.MatError, selector: "mat-error", inputs: ["id"] }, { type: i15__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], pipes: { "softLabelsPipe": SoftLabelPipe, "translate": i5__namespace$1.TranslatePipe, "highLightText": HighLightTextPipe, "removeSpecialCharacters": RemoveSpecialCharactersPipe, "fetchSizedAndCachedImage": FetchSizedAndCachedImagePipe, "slice": i9__namespace$1.SlicePipe, "timeago": i35__namespace.TimeagoPipe } });
|
|
9913
|
+
MenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.1", type: MenuComponent, selector: "app-menu", inputs: { reloadAll: ["reload", "reloadAll"] }, outputs: { isOpened: "isOpened", openNewDashboard: "openNewDashboard" }, host: { listeners: { "document:keydown.control.q": "keyOpenEvent()", "document:keydown.control.m": "keyCloseEvent()", "document:keydown.control.b": "remoteSearchByText()", "document:keydown.control.y": "remoteSearchById()" } }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "workspaceElement", first: true, predicate: ["workspaceElement"], descendants: true }, { propertyName: "menuElement", first: true, predicate: ["menuElement"], descendants: true }, { propertyName: "addWorkSpacePopOver", first: true, predicate: ["addWorkspace"], descendants: true }, { propertyName: "allSelected", first: true, predicate: ["allSelected"], descendants: true }, { propertyName: "allEditSelected", first: true, predicate: ["allEditSelected"], descendants: true }, { propertyName: "allDeleteSelected", first: true, predicate: ["allDeleteSelected"], descendants: true }, { propertyName: "infoPopOver", first: true, predicate: ["infoPopOver"], descendants: true }, { propertyName: "openMenuPopOver", predicate: ["openMenuPopUp"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<button type=\"submit\" class=\"visibles\" mat-icon-button [matMenuTriggerFor]=\"menus\" fxHide.gt-xs fxShow>\r\n <mat-icon class=\"newMenu\">menu</mat-icon>\r\n</button>\r\n<div fxFlex class=\"newLogo default-bg top-logo-bg newminilogo zoom-image-hover\" fxHide.gt-xs fxShow>\r\n <img src=\"{{companyMiniLogo}}\" alt=\"\" id=\"mini-logo-topbar\" style=\"width:30px; height:30px;\"\r\n (click)=\"getAllMenuItems()\" />\r\n</div>\r\n<div fxFlex class=\"newLogo top-logo-bg apps-button zoom-image-hover\" style=\"left: 0px;\" fxHide fxShow.gt-xs>\r\n <img src=\"{{companyMainLogo}}\" style=\"cursor: pointer;left: 20px;left: 20px;position: relative;\" id=\"main-logo-topbar\"\r\n class=\"img-height-main-logo-topbar\" (click)=\"getAllMenuItems()\" />\r\n</div>\r\n\r\n<!-- \r\n<mat-menu #menus=\"matMenu\" class=\"filter-panel\" (click)=\"$event.stopPropagation()\">\r\n <div *ngFor=\"let item of(menuItems$ | async)\">\r\n <div *ngIf=\"item.type === 'dropDown'\">\r\n <button mat-menu-item [matMenuTriggerFor]=\"levelTwoMenu\" (mouseover)=\"openLevel2Menu(item.state,item.sub)\">\r\n <mat-icon>{{ item.icon }}</mat-icon>{{ item.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n <div *ngIf=\"item.type == 'link'\">\r\n <button mat-menu-item routerLink=\"/{{ item.state }}\">\r\n <mat-icon>{{ item.icon }}</mat-icon>{{ item.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n\r\n<mat-menu #levelTwoMenu=\"matMenu\">\r\n <div *ngFor=\"let itemLvl2 of subLevels\">\r\n <div *ngIf=\"itemLvl2.type === 'dropDown'\">\r\n <button mat-menu-item [matMenuTriggerFor]=\"levelThreeMenu\"\r\n (mouseover)=\"openLevel3Menu(stateLvl1,itemLvl2.state,item.sub)\">\r\n {{ itemLvl2.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n <div *ngIf=\"itemLvl2.type == 'applicationlink'\">\r\n <button mat-menu-item routerLink=\"/{{ itemLvl2.state }}\">\r\n {{ itemLvl2.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n <div *ngIf=\"itemLvl2.type == 'link'\">\r\n <button mat-menu-item routerLink=\"/{{stateLvl1}}/{{ itemLvl2.state }}\">\r\n {{ itemLvl2.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n\r\n<mat-menu #levelThreeMenu=\"matMenu\">\r\n <div *ngFor=\"let itemLvl3 of subLevelsForLevel2\">\r\n <button mat-menu-item routerLink=\"/{{ level3Link1 }}/{{ level3Link2 }}/{{itemLvl3.state}}\">\r\n {{ itemLvl3.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n</mat-menu> -->\r\n\r\n<mat-menu #menus=\"matMenu\" yPosition=\"below\" class=\"filter-panel\" (click)=\"$event.stopPropagation()\"\r\n style=\"height:auto\">\r\n <div *ngFor=\"let item of items\">\r\n <div *ngIf=\"item.type == 'link' || item.type == 'applicationlink'\">\r\n <button mat-menu-item routerLink=\"/{{ item.state }}\" (click)=\"selectMenu(item,$event)\"\r\n routerLinkActive=\"item-active\">\r\n <mat-icon>{{ item.icon }}</mat-icon>{{ item.menu | softLabelsPipe : softLabels}}\r\n </button>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n\r\n\r\n<div style=\"position: relative;\r\nleft: 90%\" class=\"store-icom mat-icon-button\" *ngIf=\"canAccess_feature_DragApps\"\r\n [ngClass]=\"this.routes.url.includes('/app-store/widgets') ? 'icon_active_class' : ''\">\r\n <fa-icon icon=\"store\" style=\"font-size: 20px !important;\" matTooltipClass=\"tooltipClass-mat\"\r\n matTooltip=\"{{ 'APP.APPSTORE' | translate}}\" (click)=\"openApps()\"\r\n class=\"mat-color-accent cursor-pointer theme-navbar-icon-color\"></fa-icon>\r\n</div>\r\n\r\n<div class=\"SearchBox dropdown\" style=\"position: absolute !important;\">\r\n <span class=\"mat-color-accent input-group-addon\" *ngIf=\"searchByText\">@ </span>\r\n <span class=\"mat-color-accent input-group-addon\" *ngIf=\"searchById\"># </span>\r\n <input type=\"text\" class=\"SearchBox-input dropbtn\" placeholder=\"{{ 'APP.STARTHEREORCLICKCONTROL+Q' | translate}}\"\r\n [class.hide-placeholder]=\"searchByText || searchById\" autocomplete=\"off\" #element [(ngModel)]=\"searchText\"\r\n (input)=\"SearchItem($event)\" (click)=\"SearchItem($event)\" (focus)=\"onFocus()\" (blur)=\"Set();\"\r\n (keydown.enter)=\"navigate($event, itemClicked)\" (keydown.arrowdown)=\"arrowDownEvent()\"\r\n (keydown.arrowup)=\"arrowUpEvent()\" (keydown.arrowleft)=\"arrowLeftEvent()\" (keydown.arrowright)=\"arrowRightEvent()\">\r\n\r\n <button class=\"SearchBox-button\">\r\n <span class=\"close_icon_search\">\r\n <span *ngIf=\"!searchText\"></span>\r\n <mat-icon *ngIf=\"searchText\" class=\"icon-button mr-05\" aria-hidden=\"false\" (click)=\"closeSearch($event)\"\r\n style=\"cursor:pointer\">\r\n close</mat-icon>\r\n </span>\r\n <mat-icon class=\"SearchBox-icon icon-color mt-lg-n2 mr-05 info-class\" [satPopoverAnchorFor]=\"p\"\r\n #infoPopOver=\"satPopoverAnchor\" color=\"primary\" (click)=\"openInfo(infoPopOver)\">info</mat-icon>\r\n <mat-icon class=\"SearchBox-icon icon-color mt-lg-n2\" color=\"primary\">search</mat-icon>\r\n </button>\r\n <div class=\"dropdown-content\" [ngClass]=\"{'d-block' : display, 'd-none' : !display}\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"\r\n *ngIf=\"loadingSearchMenuData || recentSearchesfetchInProgress || widgetsfetchInProgress\">\r\n </mat-progress-bar>\r\n <div class=\"row rowselect\">\r\n <div class=\"column columnselect-next pl-05\" *ngIf=\"items && (items.length>0) && !(searchById || searchByText)\">\r\n <div class=\"in-header\">{{ 'SHELL.APPLICATIONS' | translate}}</div>\r\n <div id=\"style-1\" style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <ng-container *ngIf=\"items && items.length>0\">\r\n <div *ngFor=\"let item of items; let i = index;\"\r\n [style.background-color]=\"selectedRowIndex == i ? themeBaseColor : 'white'\">\r\n <div *ngIf=\"item.type == 'link' || item.type == 'applicationlink'\">\r\n <button mat-menu-item routerLink=\"/{{ item.state }}\"\r\n [ngClass]=\"selectedRowIndex == i ? 'color-text' : 'color-text1'\"\r\n (mousedown)=\"selectAdimnTool(item.state, $event, item)\" routerLinkActive=\"item-active\"\r\n [routerLinkActiveOptions]=\"{exact:\r\n true}\" matTooltipClass=\"tooltipClass-mat\"\r\n matTooltip=\"{{ translateapplicationname(item.menu | softLabelsPipe : softLabels)}}\">\r\n <mat-icon class=\"icon-color\" [ngClass]=\"selectedRowIndex == i ? 'color-text' : 'color-text1'\">\r\n {{ item.icon }}</mat-icon><span\r\n [innerHTML]=\"translateapplicationname(item.menu) | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"column pl-05\" *ngIf=\"!(searchById || searchByText)\">\r\n\r\n <div class=\"columnselect-next ml-0\" *ngIf=\"workspaces && (workspaces.length>0)\">\r\n <div class=\"in-header\">{{ 'SHELL.DASHBOARDS' | translate}}\r\n <fa-icon icon=\"plus-square\"\r\n *ngIf=\"canAccess_feature_AddDashboard\" matTooltip=\"{{ 'APP.ADDDASHBOARD' | translate}}\"\r\n (click)=\"initializeWorkspaceForm();openWorkspaceForm();\" class=\"mat-color-accent cursor-pointer\"\r\n [satPopoverAnchorFor]=\"addWorkspace\">\r\n </fa-icon> \r\n </div>\r\n <div id=\"style-2\" style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <ng-container *ngIf=\"workspaces && workspaces.length>0\">\r\n <div *ngFor=\"let wc of workspaces; let i = index\"\r\n [style.background-color]=\"ws == i ? themeBaseColor : 'white'\" class=\"scroll\" #workspaceElement>\r\n <button mat-menu-item (mousedown)=\"selectMenu(wc,$event)\"\r\n [ngClass]=\"ws == i ? 'color-text' : 'color-text1'\" (click)=\"navigateToUrl(wc.workspaceId)\"\r\n routerLink=\"/dashboard-management/dashboard/{{ wc.workspaceId }}\" routerLinkActive=\"item-active\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{wc.workspaceName}}\">\r\n <span [innerHTML]=\"wc.workspaceName | highLightText : searchText \"></span>\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"column columnselect-apps ml-0\" *ngIf=\"widgets && widgets.length>0 && !(searchById || searchByText)\">\r\n <div class=\"in-header\">{{ 'SHELL.FAVOURITEAPPS' | translate}}</div>\r\n <div style=\"background-color: white !important; height: 445px !important; overflow: auto;\" id=\"style-3\">\r\n <div *ngFor=\"let widget of widgets; let i = index\"\r\n [style.background-color]=\"wd == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item routerLinkActive=\"item-active\" [routerLinkActiveOptions]=\"{exact:\r\n true}\" routerLink=\"/dashboard-management/widgets/{{ widget.widgetId }}\"\r\n [ngClass]=\"wd == i ? 'color-text' : 'color-text1'\" (mousedown)=\"OnSelect(widget,$event)\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{widget.widgetName | softLabelsPipe : softLabels}}\">\r\n <span [innerHTML]=\"widget.widgetName | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"columnselect-next ml-0\" *ngIf=\"projectList && projectList.length>0 && searchText && searchByText\">\r\n <div class=\"in-header\">Projects</div>\r\n <div class=\"scroll\" id=\"style-7\"\r\n style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <div *ngFor=\"let project of projectList; let i = index\"\r\n [style.background-color]=\"projectIndex == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item routerLinkActive=\"item-active\" [routerLinkActiveOptions]=\"{exact:\r\n true}\" [ngClass]=\"projectIndex == i ? 'color-text' : 'color-text1'\"\r\n (mousedown)=\"onProjectSelect(project,$event)\" matTooltipClass=\"tooltipClass-mat\"\r\n matTooltip=\"{{project.itemName | softLabelsPipe : softLabels}}\">\r\n <span [innerHTML]=\"project.itemName | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"columnselect-next ml-0\"\r\n *ngIf=\"userStorySearchList && userStorySearchList.length>0 && searchText && searchByText\">\r\n <div class=\"in-header\" *ngIf=\"isEnableBugBoard\">{{ 'SHELL.WIBUG' | translate}}</div>\r\n <div class=\"in-header\" *ngIf=\"!isEnableBugBoard\">{{ 'SHELL.WI'| translate}}</div>\r\n <div class=\"scroll\" id=\"style-5\"\r\n style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <div *ngFor=\"let userStory of userStorySearchList; let i = index\"\r\n [style.background-color]=\"users == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item routerLinkActive=\"item-active\" [routerLinkActiveOptions]=\"{exact:\r\n true}\" [ngClass]=\"users == i ? 'color-text' : 'color-text1'\" (mousedown)=\"OnUserStorySelect(userStory,$event)\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{userStory.itemName | softLabelsPipe : softLabels}}\">\r\n <span [innerHTML]=\"userStory.itemName | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n <div class=\"columnselect-next ml-0\"\r\n *ngIf=\"goalSearchList && goalSearchList.length>0 && searchText && searchByText\">\r\n <div class=\"in-header\">{{ 'SHELL.GOALSPRINT' | translate }}</div>\r\n <div class=\"scroll\" id=\"style-6\"\r\n style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <div *ngFor=\"let goal of goalSearchList; let i = index\"\r\n [style.background-color]=\"goalIndex == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item routerLinkActive=\"item-active\" [routerLinkActiveOptions]=\"{exact:\r\n true}\" [ngClass]=\"goalIndex == i ? 'color-text' : 'color-text1'\" (mousedown)=\"OnGoalSelect(goal,$event)\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{goal.itemName | softLabelsPipe : softLabels}}\">\r\n <span [innerHTML]=\"goal.itemName | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"column columnselect-apps ml-0\"\r\n *ngIf=\"(employeeList && employeeList.length > 0) && searchText && searchByText\">\r\n <div class=\"in-header\">Employees</div>\r\n <div id=\"style-4\" style=\"background-color: white !important; height: 445px !important; overflow: auto;\">\r\n <div *ngFor=\"let employee of employeeList; let i = index\" style=\"background-color: white;\"\r\n [style.background-color]=\"selectedEmployeeIndex == i ? themeBaseColor : 'white'\" #workspaceElement>\r\n <button mat-menu-item (mousedown)=\"selectEmployee(employee,$event)\"\r\n [ngClass]=\"selectedEmployeeIndex == i ? 'color-text' : 'color-text1'\"\r\n routerLink=\"/dashboard/profile/{{ employee.itemId }}/overview\" routerLinkActive=\"item-active\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{employee.itemName}}\">\r\n <div fxLayout=\"row\">\r\n <app-avatar [name]=\"employee.itemName | removeSpecialCharacters\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ employee.itemName }}\" [src]=\"employee.profileImage | fetchSizedAndCachedImage: '20':''\"\r\n [isRound]=\"true\" size=\"20\" (click)=\"profilePage(employee.userId);$event.stopPropagation();\">\r\n </app-avatar> \r\n <div class=\"ml-05\">\r\n <span [innerHTML]=\"employee.itemName | highLightText : searchText\"></span>\r\n \r\n </div>\r\n </div>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"column columnselect-apps ml-0\"\r\n *ngIf=\"recentSearches && (recentSearches.length>0) && !(searchById || searchByText)\">\r\n <div class=\"in-header\">{{ 'SHELL.RECENTSEARCHS' | translate}}</div>\r\n <div style=\"background-color: white !important; height: 445px !important\">\r\n <div *ngFor=\"let search of recentSearches | slice:0:9 let i = index\"\r\n [style.background-color]=\"rs == i ? themeBaseColor : 'white'\">\r\n <button mat-menu-item [ngClass]=\"rs == i ? 'color-text' : 'color-text1'\"\r\n (mousedown)=\"searchText=search.recentSearch;SearchRecentItem(search,$event)\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{search.recentSearch | softLabelsPipe : softLabels}} \r\n ({{ convertToLocalTime(search.createdDateTime) | timeago }})\">\r\n <span [innerHTML]=\"search.recentSearch | softLabelsPipe : softLabels | highLightText : searchText\"></span>\r\n ({{ convertToLocalTime(search.createdDateTime) | timeago }})\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n <!-- <div class=\"text-center in-header \" *ngIf=\"!searchText && searchById\">\r\n Please enter unique id and click enter for navigating to corresping page\r\n </div>\r\n \r\n <div class=\"text-center in-header \" *ngIf=\"!searchText && searchByText\" >\r\n Please enter text to retreive data by filtering\r\n </div> -->\r\n \r\n\r\n <sat-popover backdropClass=\"backdrop-color\" hasBackdrop #addWorkspace verticalAlign=\"below\" horizontalAlign=\"end\"\r\n [interactiveClose]=\"false\">\r\n <mat-card class=\"filter-data p-0\">\r\n <mat-card-title class=\"text-center\">\r\n <div class=\"card-title-text mat-bg-primary p-05 mb-1\">\r\n {{ 'APP.ADDDASHBOARDTITLE' | translate }}\r\n </div>\r\n </mat-card-title>\r\n <mat-card-content>\r\n <form [formGroup]=\"workspaceForm\" novalidate (submit)=\"workspaceForm.valid && upsertWorkspace()\">\r\n <div class=\"card-content\">\r\n <mat-form-field class=\"full-width\">\r\n <input matInput placeholder=\"{{ 'HRMANAGAMENT.NAME' | translate}}*\" formControlName=\"workspaceName\" />\r\n <mat-error\r\n *ngIf=\"workspaceForm.get('workspaceName').hasError('required') && workspaceForm.get('workspaceName').touched \">\r\n {{ 'APP.DASHBOARDNAMEREQUIRED' | translate }}\r\n </mat-error>\r\n <mat-error *ngIf=\"workspaceForm.get('workspaceName').hasError('maxlength')\">\r\n {{ 'APP.DASHBOARDNAMELENGTHEXCEED' | translate }}\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-form-field class=\"full-width\">\r\n <textarea matInput formControlName=\"description\" rows=\"2\"\r\n placeholder=\"{{ 'COMPANYSETTINGS.DESCRIPTION' | translate }}\"></textarea>\r\n <mat-error\r\n *ngIf=\"workspaceForm.get('description').hasError('maxlength') && workspaceForm.get('description').touched\">\r\n {{ 'APP.CUSTOMAPPDESCRIPTIONMAXLENGTHERROR' | translate }}\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-form-field class=\"full-width\" (click)=\"$event.stopPropagation();\">\r\n <mat-select formControlName=\"selectedRoles\" [compareWith]=\"compareSelectedRolesFn\"\r\n placeholder=\"{{ 'WIDGETS.VIEWROLES' | translate }}\" multiple required>\r\n <mat-option #allSelected (click)=\"toggleAllRolesSelected()\" [value]=\"0\">\r\n {{ 'PERMISSIONMANAGEMENT.SELECTALL' | translate }}</mat-option>\r\n <mat-option [value]=\"roles.roleId\" *ngFor=\"let roles of rolesDropDown\" #allSelected\r\n (click)=\"toggleRolesPerOne(allSelected.value)\">\r\n {{ roles.roleName }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error\r\n *ngIf=\"workspaceForm.get('selectedRoles').hasError('required') && workspaceForm.get('selectedRoles').touched\">\r\n {{ 'APP.SELECTANYROLE' | translate }}\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-form-field class=\"full-width\">\r\n <mat-select formControlName=\"editRoleIds\" [compareWith]=\"compareEditSelectedRolesFn\"\r\n placeholder=\"{{ 'WIDGETS.EDITROLES' | translate }}\" multiple>\r\n <mat-option #allEditSelected (click)=\"toggleEditAllRolesSelected()\" [value]=\"0\">\r\n {{ 'PERMISSIONMANAGEMENT.SELECTALL' | translate }}</mat-option>\r\n <mat-option [value]=\"role.roleId\" *ngFor=\"let role of rolesDropDown\" #allEditSelected\r\n (click)=\"toggleEditRolesPerOne()\">\r\n {{ role.roleName }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <mat-form-field class=\"full-width\">\r\n <mat-select formControlName=\"deleteRoleIds\" [compareWith]=\"compareDeleteSelectedRolesFn\"\r\n placeholder=\"{{ 'WIDGETS.DELETEROLES' | translate }}\" multiple>\r\n <mat-option #allDeleteSelected (click)=\"toggleDeleteAllRolesSelected()\" [value]=\"0\">\r\n {{ 'PERMISSIONMANAGEMENT.SELECTALL' | translate }}</mat-option>\r\n <mat-option [value]=\"role.roleId\" *ngFor=\"let role of rolesDropDown\" #allDeleteSelected\r\n (click)=\"toggleDeleteRolesPerOne()\">\r\n {{ role.roleName }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"text-center\">\r\n <button class=\"mr-1\" mat-button mat-raised-button color=\"primary\" type=\"button\" (click)=\"upsertWorkspace()\"\r\n [disabled]=\"!workspaceForm.valid\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"dashboardUpdateInProgress\">\r\n </mat-progress-bar>\r\n <fa-icon class=\"mr-05\" icon=\"plus\"></fa-icon> {{ 'SAVE' | translate }}\r\n </button>\r\n <button mat-button mat-raised-button type=\"button\" (click)=\"closeAddWorkspaceDialog()\">\r\n <fa-icon class=\"mr-05\" icon=\"times\"></fa-icon> {{ 'CANCEL' | translate }}\r\n </button>\r\n </div>\r\n </form>\r\n </mat-card-content>\r\n </mat-card>\r\n </sat-popover>\r\n\r\n\r\n <sat-popover #p hasBackdrop [interactiveClose]=\"true\" verticalAlign=\"above\">\r\n <div class=\"tooltip-wrapper\">\r\n <table>\r\n <tr>\r\n <td>Ctrl + Q: </td>\r\n <td> </td>\r\n <td> {{ 'SHELL.TOOPENSEARCHMENU' | translate}}</td>\r\n </tr>\r\n <tr>\r\n <td>Ctrl + B: </td>\r\n <td> </td>\r\n <td> {{ 'SHELL.TOOPENGOALSANDUSERS' | translate}}</td>\r\n </tr>\r\n <tr>\r\n <td>Ctrl + Y: </td>\r\n <td> </td>\r\n <td> {{ 'SHELL.TOSEARCHBYID' | translate}}</td>\r\n </tr>\r\n <tr>\r\n <td>Ctrl + M: </td>\r\n <td> </td>\r\n <td> {{ 'SHELL.TOCLOSEMENU' | translate}}</td>\r\n </tr>\r\n </table>\r\n </div>\r\n </sat-popover>\r\n\r\n <mat-spinner *ngIf=\"searchByTextLoading && display\" class=\"spinner-class\" [diameter]=\"100\"></mat-spinner>", components: [{ type: i7__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i7__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i4__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "listItem", "rotate", "fixedWidth", "transform"] }, { type: i18__namespace.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i19__namespace.SnovasysAvatarComponent, selector: "app-avatar", inputs: ["name", "src", "isRound", "size", "avatarClass"] }, { type: i20__namespace.SatPopover, selector: "sat-popover", inputs: ["backdropClass", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }, { type: i6__namespace$3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i22__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i21__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i25__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i40__namespace.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6__namespace$2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i9__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i2__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i40__namespace.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i16__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i15__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i15__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i20__namespace.SatPopoverAnchor, selector: "[satPopoverAnchorFor]", inputs: ["satPopoverAnchorFor"], outputs: ["popoverOpened", "popoverClosed"], exportAs: ["satPopoverAnchor"] }, { type: i6__namespace$2.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6__namespace$2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i6__namespace$3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i6__namespace$3.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i15__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i15__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i15__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i12__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i15__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i22__namespace.MatError, selector: "mat-error", inputs: ["id"] }, { type: i15__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], pipes: { "softLabelsPipe": SoftLabelPipe, "translate": i5__namespace$1.TranslatePipe, "highLightText": HighLightTextPipe, "removeSpecialCharacters": RemoveSpecialCharactersPipe, "fetchSizedAndCachedImage": FetchSizedAndCachedImagePipe, "slice": i9__namespace$1.SlicePipe, "timeago": i35__namespace.TimeagoPipe } });
|
|
9914
9914
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.1", ngImport: i0__namespace, type: MenuComponent, decorators: [{
|
|
9915
9915
|
type: i0.Component,
|
|
9916
9916
|
args: [{
|
|
@@ -10591,7 +10591,7 @@
|
|
|
10591
10591
|
return AnnoucementDialogComponent;
|
|
10592
10592
|
}(CustomAppBaseComponent));
|
|
10593
10593
|
AnnoucementDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.1", ngImport: i0__namespace, type: AnnoucementDialogComponent, deps: [{ token: i1__namespace$3.MatDialogRef }, { token: i2__namespace.Router }, { token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10594
|
-
AnnoucementDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.1", type: AnnoucementDialogComponent, selector: "announcement-dialog", inputs: { _data: ["data", "_data"] }, outputs: { closeMatDialog: "closeMatDialog" }, usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"custom-dialog\">\r\n <div class=\"custom-close\" mat-dialog-close (click)=\"onNoClick()\">\r\n <fa-icon icon=\"times\" class=\"project-dialog\"></fa-icon>\r\n </div>\r\n</div>\r\n<div mat-dialog-content class=\"project-dialogContent\" id=\"style-1\">\r\n <mat-card class=\"p-0\">\r\n <div fxLayout=\"row\" class=\"announcement\">\r\n <div fxFlex fxLayout=\"column\">\r\n <div fxFlex=\"100px\" fxLayoutAlign=\"space-around center\">\r\n <app-avatar matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{announcedBy}}\" [name]=\"announcedBy | removeSpecialCharacters\"\r\n [src]=\"announcedByUserImage | fetchSizedAndCachedImage: '80':''\" [isRound]=\"true\" size=\"80\">\r\n </app-avatar>\r\n </div>\r\n <div fxFlex fxLayoutAlign=\"space-around center\" style=\"text-align: center;\">\r\n <span [innerHTML]=\"announcement | sanitizeHtml\"></span>\r\n </div>\r\n <div class=\"mb-1\" fxFlex=\"20px\" fxLayoutAlign=\"space-around center\">\r\n {{ announcedOn | utcToLocalTime | date: 'dd/MM/yyyy HH:mm' }}\r\n </div>\r\n </div>\r\n </div>\r\n </mat-card>\r\n</div>", components: [{ type: i4__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "listItem", "rotate", "fixedWidth", "transform"] }, { type: i6__namespace$3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i19__namespace.SnovasysAvatarComponent, selector: "app-avatar", inputs: ["
|
|
10594
|
+
AnnoucementDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.1", type: AnnoucementDialogComponent, selector: "announcement-dialog", inputs: { _data: ["data", "_data"] }, outputs: { closeMatDialog: "closeMatDialog" }, usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"custom-dialog\">\r\n <div class=\"custom-close\" mat-dialog-close (click)=\"onNoClick()\">\r\n <fa-icon icon=\"times\" class=\"project-dialog\"></fa-icon>\r\n </div>\r\n</div>\r\n<div mat-dialog-content class=\"project-dialogContent\" id=\"style-1\">\r\n <mat-card class=\"p-0\">\r\n <div fxLayout=\"row\" class=\"announcement\">\r\n <div fxFlex fxLayout=\"column\">\r\n <div fxFlex=\"100px\" fxLayoutAlign=\"space-around center\">\r\n <app-avatar matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{announcedBy}}\" [name]=\"announcedBy | removeSpecialCharacters\"\r\n [src]=\"announcedByUserImage | fetchSizedAndCachedImage: '80':''\" [isRound]=\"true\" size=\"80\">\r\n </app-avatar>\r\n </div>\r\n <div fxFlex fxLayoutAlign=\"space-around center\" style=\"text-align: center;\">\r\n <span [innerHTML]=\"announcement | sanitizeHtml\"></span>\r\n </div>\r\n <div class=\"mb-1\" fxFlex=\"20px\" fxLayoutAlign=\"space-around center\">\r\n {{ announcedOn | utcToLocalTime | date: 'dd/MM/yyyy HH:mm' }}\r\n </div>\r\n </div>\r\n </div>\r\n </mat-card>\r\n</div>", components: [{ type: i4__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "listItem", "rotate", "fixedWidth", "transform"] }, { type: i6__namespace$3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i19__namespace.SnovasysAvatarComponent, selector: "app-avatar", inputs: ["name", "src", "isRound", "size", "avatarClass"] }], directives: [{ type: i1__namespace$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i1__namespace$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i6__namespace$2.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6__namespace$2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6__namespace$2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i16__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "removeSpecialCharacters": RemoveSpecialCharactersPipe, "fetchSizedAndCachedImage": FetchSizedAndCachedImagePipe, "sanitizeHtml": SanitizeHtmlPipe, "date": i9__namespace$1.DatePipe, "utcToLocalTime": UtcToLocalTimePipe } });
|
|
10595
10595
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.1", ngImport: i0__namespace, type: AnnoucementDialogComponent, decorators: [{
|
|
10596
10596
|
type: i0.Component,
|
|
10597
10597
|
args: [{
|
|
@@ -12153,7 +12153,7 @@
|
|
|
12153
12153
|
return HeaderSideComponent;
|
|
12154
12154
|
}(CustomAppBaseComponent));
|
|
12155
12155
|
HeaderSideComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.1", ngImport: i0__namespace, type: HeaderSideComponent, deps: [{ token: i1__namespace$4.PushNotificationsService }, { token: ThemeService }, { token: i3__namespace$2.NgxUiLoaderService }, { token: LayoutService }, { token: i5__namespace$1.TranslateService }, { token: i2__namespace.Router }, { token: i5__namespace.CookieService }, { token: i1__namespace$3.MatDialog }, { token: CommonService }, { token: i3__namespace.Store }, { token: i2__namespace$3.PubNubAngular }, { token: AuthenticationService }, { token: i1__namespace$2.Actions }, { token: i0__namespace.ChangeDetectorRef }, { token: i6__namespace.ToastrService }, { token: i15__namespace$1.StoreManagementService }, { token: ShellModulesService }, { token: ChatService }, { token: SignalrService }, { token: WINDOW }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
12156
|
-
HeaderSideComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.1", type: HeaderSideComponent, selector: "app-header-side", inputs: { notificPanel: "notificPanel" }, outputs: { opened: "opened" }, viewQueries: [{ propertyName: "feedTimeSheetPopover", first: true, predicate: ["feedTimeSheet"], descendants: true }, { propertyName: "feedBackPopOver", first: true, predicate: ["feedBackPopover"], descendants: true }, { propertyName: "documentPopover", first: true, predicate: ["documentPopover"], descendants: true }, { propertyName: "openAnnoucementDialogComponent", first: true, predicate: ["openAnnoucementDialogComponent"], descendants: true }, { propertyName: "fileUploadDropzonePopup", predicate: ["fileUploadDropzonePopup"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<mat-toolbar class=\"topbar remove-padding\">\r\n <div fxFlex>\r\n <app-menu [reload]=\"reload\" (isOpened)=\"isOpened($event)\" (openNewDashboard)=\"navigateToUrl($event)\"></app-menu>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxHide.xs fxLayoutAlign=\"center\" style=\"vertical-align: center;\">\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n <div *ngIf=\"companiesList != null && companiesList.length > 1\" class=\"filter-data custom-box language-section\"\r\n style=\"width:150px;\" (click)=\"$event.stopPropagation()\">\r\n <mat-select placeholder=\"\" name=\"selectedCompany\" [(ngModel)]=\"selectedCompany\"\r\n (selectionChange)=\"selectCompany($event.value)\">\r\n <mat-select-trigger>\r\n <div *ngIf=\"selectedCompany\" fxLayout=\"row\" fxLayoutGap=\"15px\">\r\n <div [ngStyle]=\"{ 'margin-bottom': selectedCompany.companyMiniLogo ? '10px' : '0px' }\">\r\n <app-avatar [name]=\"selectedCompany.companyName | removeSpecialCharacters\"\r\n fxLayoutAlign=\"start center\" matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ selectedCompany.companyName }}\"\r\n [src]=\"selectedCompany.companyMiniLogo | fetchSizedAndCachedImage: '20':''\"\r\n [isRound]=\"true\" size=\"20\">\r\n </app-avatar>\r\n </div>\r\n <span matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{selectedCompany.companyName}}\" matTooltipShowDelay=\"400\"\r\n fxFlex=\"calc(100% - 40px)\" class=\"language-display\" style=\"color: black !important;\">{{ selectedCompanyName }}</span>\r\n </div>\r\n </mat-select-trigger>\r\n <div fxFlex class=\"search_goalinput ml-1\" fxLayoutAlign=\"start center\"\r\n style=\"position: sticky; top: 0; z-index: 1; background-color: white;\">\r\n <div fxLayoutAlign=\"start center\">\r\n <mat-form-field class=\"full-width\">\r\n <input class=\"search_goal\" matInput placeholder=\"{{'HRMANAGAMENT.SEARCH' | translate}}\"\r\n [(ngModel)]=\"searchText\" autocomplete=\"off\">\r\n <!-- (input)=\"search($event)\"> -->\r\n </mat-form-field>\r\n </div>\r\n <span class=\"close_icon masterdata-search-close\" fxLayoutAlign=\"end center\">\r\n <span *ngIf=\"!searchText\"></span>\r\n <mat-icon *ngIf=\"searchText\" class=\"icon-button mr-05 mt-05\" aria-hidden=\"false\"\r\n (click)=\"closeSearch()\" style=\"cursor:pointer\">\r\n close</mat-icon>\r\n </span>\r\n </div>\r\n <mat-option *ngFor=\"let companyList of searchCompanies(companiesList, searchText)\" [value]=\"companyList\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{companyList.companyName}}\" matTooltipShowDelay=\"400\">\r\n <div class=\"cursor-pointer\" fxLayout=\"row\">\r\n <app-avatar [name]=\"companyList.companyName | removeSpecialCharacters\"\r\n [ngStyle]=\"{ 'margin-bottom': companyList.companyMiniLogo ? '10px' : '0px' }\"\r\n fxLayoutAlign=\"start center\" matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ companyList.companyName }}\"\r\n [src]=\"companyList.companyMiniLogo | fetchSizedAndCachedImage: '20':''\" [isRound]=\"true\"\r\n size=\"20\">\r\n </app-avatar>\r\n <div class=\"ml-05\">\r\n {{ companyList.companyName }}\r\n </div>\r\n </div>\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n <!-- <div *ngIf=\"showTrailPeriod\">\r\n <span>{{ 'SHELL.FREETRAILEXPIRE' | translate }}<span [(ngModel)]=\"noOfDays\">{{company.trailDays}}</span>\r\n {{ 'SHELL.DAYS' | translate }}</span>\r\n </div> -->\r\n <!-- <div class=\"home\">\r\n <button mat-icon-button [style.overflow]=\"'visible'\" matTooltip=\"{{ 'SHELL.HOME' | translate}}\"\r\n class=\"topbar-button-right\" (click)=\"changeMenuType('WorkspaceMenuItems');navigateToDashboards()\"\r\n [ngClass]=\"(menuType == 'WorkspaceMenuItems'|| this.router.url.includes('/dashboard-management')) ? 'icon_active_class' : ''\">\r\n <mat-icon>home</mat-icon>\r\n </button>\r\n </div> -->\r\n <!-- <div class=\"home\" *ngIf=\"canAccess_feature_ViewRoles\">\r\n <button mat-icon-button [style.overflow]=\"'visible'\" matTooltip=\"{{ 'ROLESVIEW.ROLES' | translate}}\"\r\n class=\"topbar-button-right\" (click)=\"changeMenuType('WorkspaceMenuItems');navigateToRoles()\"\r\n [ngClass]=\"(menuType == 'WorkspaceMenuItems'|| this.router.url.includes('/rolemanagement/rolemanagement')) ? 'icon_active_class' : ''\">\r\n <mat-icon>brightness_high</mat-icon>\r\n </button>\r\n </div> -->\r\n <div *ngIf=\"(canAccess_feature_Settings) || (canAccess_feature_ViewRoles)\">\r\n <button matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.SETTINGS' | translate }}\" class=\"topbar-button-right theme-navbar-icon-color\" mat-icon-button\r\n (click)=\"navigateToSettings()\"\r\n [ngClass]=\"(this.router.url.includes('/settings')) ? 'icon_active_class' : ''\">\r\n <mat-icon>settings</mat-icon>\r\n </button>\r\n </div>\r\n <!-- <div *ngIf=\"canAccess_feature_AbilityToChat\">\r\n <button mat-icon-button [style.overflow]=\"'visible'\" matTooltip=\"{{ 'SHELL.CHAT' | translate }}\"\r\n class=\"topbar-button-right\" (click)=\"navigateToMessenger()\"\r\n [ngClass]=\"(this.router.url.includes('/chat')) ? 'icon_active_class' : ''\">\r\n <mat-icon matBadge=\"{{messagesUnreadCount}}\" [matBadgeHidden]=\"messagesUnreadCount == 0\"\r\n matBadgeColor=\"warn\" class=\"m-0 icon\">forum</mat-icon>\r\n </button>\r\n </div> -->\r\n\r\n <div *ngIf=\"canAccess_feature_MyProjectWork\">\r\n <button matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.MYWORK' | translate }}\" class=\"topbar-button-right theme-navbar-icon-color\" mat-icon-button\r\n (click)=\"navigateToStatusReport()\">\r\n <mat-icon>assignment</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div\r\n *ngIf=\"(canAccess_feature_PunchCard) && !( timesheetDisableorEnable && timesheetDisableorEnable.TimeSheetRestricted)\">\r\n <button mat-icon-button id=\"feedTimeSheetComponent\" [style.overflow]=\"'visible'\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.LOGTIME' | translate}}\" [satPopoverAnchorFor]=\"feedTimeSheet\"\r\n (click)=\"openTimeSheet()\" class=\"topbar-button-right theme-navbar-icon-color\">\r\n <mat-icon>access_time</mat-icon>\r\n </button>\r\n </div>\r\n <!-- Notification toggle button -->\r\n <button mat-icon-button matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.NOTIFICATIONS' | translate}}\" (click)=\"toggleNotific()\"\r\n [style.overflow]=\"'visible'\" *ngIf=\"newNotificationsCount != 0\" class=\"topbar-button-right theme-navbar-icon-color\"\r\n [matMenuTriggerFor]=\"notification\">\r\n <mat-icon>notifications</mat-icon>\r\n <span *ngIf=\"newNotificationsCount != 0\" class=\"notification-number mat-bg-warn\">{{\r\n newNotificationsCount }}</span>\r\n </button>\r\n <mat-menu #notification=\"matMenu\">\r\n <app-notifications></app-notifications>\r\n </mat-menu>\r\n\r\n <!-- Top left user menu -->\r\n <button mat-icon-button [matMenuTriggerFor]=\"accountMenu\" (click)=\"toggleRecording()\"\r\n [ngClass]=\"this.router.url.includes('/dashboard/profile/') ? 'icon_active_class' : ''\"\r\n class=\"topbar-button-right img-button\" *ngIf=\"authenticatedUserRecord\">\r\n <img class=\"icon-highlight-setter\" *ngIf=\"authenticatedUserRecord.profileImage\"\r\n [src]=\"authenticatedUserRecord.profileImage | fetchSizedAndCachedImage: '60':''\" alt=\"profile image\" />\r\n <div *ngIf=\"!authenticatedUserRecord.profileImage\" style=\"margin-left: 4px !important;\">\r\n <app-avatar [name]=\"authenticatedUserRecord.fullName | removeSpecialCharacters\" [isRound]=\"true\" size=\"30\">\r\n </app-avatar>\r\n </div>\r\n </button>\r\n\r\n <sat-popover #feedTimeSheet [autoFocus]=\"false\" hasBackdrop [restoreFocus]=\"false\" [interactiveClose]=\"true\"\r\n scrollStrategy=\"reposition\" verticalAlign=\"below\" horizontalAlign=\"before\">\r\n <app-feed-time (closeFeedTimeSheetPopup)=\"closeFeedTimeSheet()\" [isFeedTimeSheet]=\"isFeedTimeSheet\">\r\n </app-feed-time>\r\n </sat-popover>\r\n\r\n <mat-menu #accountMenu=\"matMenu\">\r\n <button mat-menu-item (click)=\"navigateToProfile()\">\r\n <mat-icon>account_box</mat-icon>\r\n <span>{{ 'SHELL.PROFILE' | translate}}</span>\r\n <mat-icon class=\"activity-recorder recording-style\" *ngIf=\"isRecording\">\r\n <!-- fiber_manual_record -->\r\n </mat-icon>\r\n </button>\r\n\r\n <!-- <button mat-menu-item (click)=\"goToUserStore()\" *ngIf=\"isStoreAccess\">\r\n <mat-icon>cloud</mat-icon>\r\n <span>Store</span>\r\n </button> -->\r\n <button mat-menu-item matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.CLEARDEMODATA' | translate}}\" *ngIf=\"showDeleteIcon && showDelete\"\r\n (click)=\"clearDemoData()\" [style.overflow]=\"'visible'\">\r\n <mat-icon>delete</mat-icon>\r\n <span>{{ 'SHELL.CLEARDEMODATA' | translate}}</span>\r\n </button>\r\n <button mat-menu-item matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.EXPORTCONFIGURATION' | translate}}\"\r\n *ngIf=\"canAccess_feature_ManageSystemExports\" (click)=\"exportConfigurationDialogData()\"\r\n [style.overflow]=\"'visible'\">\r\n <mat-icon>get_app</mat-icon>\r\n <span>{{ 'SHELL.EXPORTCONFIGURATION' | translate}}</span>\r\n </button>\r\n <button mat-menu-item matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.IMPORTCONFIGURATION' | translate}}\"\r\n [satPopoverAnchorFor]=\"fileUploadDropzonePopover\" #fileUploadDropzonePopup=\"satPopoverAnchor\"\r\n *ngIf=\"canAccess_feature_ManageSystemImports\" (click)=\"addUploadFilePopupOpen(fileUploadDropzonePopup)\">\r\n <mat-icon>publish</mat-icon>\r\n <span>{{ 'SHELL.IMPORTCONFIGURATION' | translate}}</span>\r\n </button>\r\n <!--<div class=\"filter-data custom-box language-section\" (click)=\"$event.stopPropagation()\">\r\n <mat-select placeholder=\"\" name=\"currentLang\" [(ngModel)]=\"currentLang\" (selectionChange)=\"setLang()\">\r\n <mat-select-trigger>\r\n <div fxLayout=\"row\" fxLayoutGap=\"15px\">\r\n <mat-icon fxFlex=\"24px\" class=\"language-icon\">language</mat-icon>\r\n <span fxFlex=\"calc(100% - 40px)\" class=\"language-display\">{{ selectedLangName }}</span>\r\n </div>\r\n </mat-select-trigger>\r\n <mat-option value=\"option\" *ngFor=\"let lang of availableLangs\" [value]=\"lang.code\">\r\n {{ lang.name }}\r\n </mat-option>\r\n </mat-select>\r\n </div>-->\r\n <button mat-menu-item (click)=\"onNavigateToBillingScreen()\" *ngIf=\"canAccess_feature_ManageAccountsAndBilling\">\r\n <mat-icon>account_balance</mat-icon>\r\n <span>Account & Billing</span>\r\n </button>\r\n <button mat-menu-item (click)=\"onNavigateToPricingScreen()\" *ngIf=\"canAccess_feature_ManageAccountsAndBilling\">\r\n <mat-icon>account_balance_wallet</mat-icon>\r\n <span>Pricing & Features</span>\r\n </button>\r\n\r\n <button *ngIf=\"canAccess_feature_AlternateSignIn\" mat-menu-item (click)=\"alternateSignIn()\"\r\n [style.overflow]=\"'visible'\" matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.SIGNINAS' | translate}}\">\r\n <mat-icon>how_to_reg</mat-icon>\r\n <span>{{ 'SHELL.SIGNINAS' | translate}}</span>\r\n </button>\r\n <button mat-menu-item (click)=\"onSignout()\">\r\n <mat-icon>exit_to_app</mat-icon>\r\n <span>{{ 'SHELL.SIGNOUT' | translate}}</span>\r\n </button>\r\n <mat-divider></mat-divider>\r\n <button mat-menu-item (click)=\"feedBackPopover.toggle();openFeedBackDialog()\">\r\n <mat-icon class=\"feedback-icon\" [satPopoverAnchorFor]=\"feedBackPopover\">\r\n sentiment_satisfied_alt\r\n </mat-icon>\r\n <span>v-{{applicationVersion}}</span>\r\n </button>\r\n </mat-menu>\r\n</mat-toolbar>\r\n<!-- <ngx-ui-loader fgsSize=\"180\" [fgsType]=\"spinnerType\" color=\"primary\"></ngx-ui-loader> -->\r\n<div *ngIf=\"loading\" class=\"k-i-loading\"></div>\r\n<sat-popover #feedBackPopover verticalAlign=\"below\" hasBackdrop backdropClass=\"backdrop-color\"\r\n [interactiveClose]=\"false\" horizontalAlign=\"end\">\r\n <app-submit-feedback *ngIf=\"isFeedBackDialog\" (closeDialog)=\"closeFeedBacklogDialog()\">\r\n </app-submit-feedback>\r\n</sat-popover>\r\n\r\n<mat-menu #menu2=\"matMenu\" class=\"dialog_window\" (click)=\"$event.stopPropagation()\">\r\n <mat-card-content class=\"p-0 m-0 listof_assets store-list-dropdown\" id=\"style-1\">\r\n <mat-list class=\"compact-list\">\r\n <mat-card class=\"p-0 asset-card\" *ngIf=\"(canAccess_feature_AddOrUpdateForm || canAccess_feature_ViewForms)\"\r\n [routerLink]=\"['/applications/view-forms']\">\r\n <span class=\"hide-content-overflow userStory-name-control store-dropdown-padding\">Forms</span>\r\n </mat-card>\r\n <mat-card class=\"p-0 asset-card\" *ngIf=\"canAccess_feature_AddOrUpdateApplications\"\r\n [routerLink]=\"['/applications/custom-applications']\">\r\n <span class=\"hide-content-overflow userStory-name-control store-dropdown-padding\">Custom\r\n applications</span>\r\n </mat-card>\r\n <mat-card *ngIf=\"canAccess_feature_ViewRoles\" class=\"p-0 asset-card\"\r\n [routerLink]=\"['/rolemanagement/rolemanagement']\">\r\n <span class=\"hide-content-overflow userStory-name-control store-dropdown-padding\">Role\r\n configuration</span>\r\n </mat-card>\r\n <mat-card *ngIf=\"canAccess_feature_ManageProjectRolePermissions\" class=\"p-0 asset-card\"\r\n [routerLink]=\"['/rolemanagement/entityrolemanagement']\">\r\n <span class=\"hide-content-overflow userStory-name-control store-dropdown-padding\">{{projectRoleText |\r\n softLabelsPipe : softLabels}}</span>\r\n </mat-card>\r\n </mat-list>\r\n </mat-card-content>\r\n</mat-menu>\r\n\r\n<div [@fade] *ngIf=\"displayWelcomeNote && userFullName\" class=\"welcome-note\">\r\n <span *ngIf=\"loggedInCount == 1; else elseSpan\">Welcome </span> <span> {{ userFullName }} </span>\r\n <ng-template #elseSpan> Welcome back </ng-template>\r\n</div>\r\n<sat-popover #fileUploadDropzonePopover hasBackdrop [interactiveClose]=\"false\" backdropClass=\"testrun-popover\"\r\n scrollStrategy=\"reposition\">\r\n <mat-card class=\"p-0 mr-0 custom-hrm-dropzone\">\r\n <mat-card-title>\r\n <div class=\"card-title-text mat-bg-primary p-05\" fxLayout=\"row\">\r\n <div fxFlex class=\"text-center\">\r\n {{'TESTMANAGEMENT.UPLOADFILES' | translate}}\r\n </div>\r\n <div fxFlex=\"20px\" fxLayoutAlign=\"end center\">\r\n <button class=\"inline_edit_close_btn btn\" (click)=\"closeUploadFilePopup()\">\r\n <fa-icon icon=\"times\"></fa-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </mat-card-title>\r\n <div class=\"m-1\">\r\n <div class=\"custom-dropzone dropzone-height\" ngx-dropzone (change)=\"filesSelected($event)\" accept=\".json\">\r\n <ngx-dropzone-label>\r\n <span>{{'DOCUMENTMANAGEMENT.DRAGANDDROPFILESHERE' | translate}}</span>\r\n </ngx-dropzone-label>\r\n <ngx-dropzone-preview class=\"custom-dropzone-preview\" *ngFor=\"let f of files\" [removable]=\"true\"\r\n (removed)=\"onRemove(f)\">\r\n <ngx-dropzone-label class=\"custom-dropzone-label\" [attr.data-tip]=\"f.name\">\r\n {{ setLabelNameForDropzone(f.name) }}\r\n </ngx-dropzone-label>\r\n </ngx-dropzone-preview>\r\n </div>\r\n <div class=\"m-05 text-muted\" style=\"text-align: center;\">\r\n <span>allowed file extensions : .json</span>\r\n </div>\r\n <mat-progress-bar color=\"primary\" mode=\"determinate\" [value]=\"progressValue\" *ngIf=\"progressValue > 0\">\r\n </mat-progress-bar>\r\n <div *ngIf=\"progressValue > 0\">\r\n {{progressValue}}% completed (Uploading {{fileCounter}} of {{files.length}} files)\r\n </div>\r\n <div class=\"mt-05\" fxLayoutAlign=\"center end\" *ngIf=\"filesPresent\">\r\n <button mat-button mat-raised-button color=\"primary\" (click)=\"saveFiles()\">\r\n <fa-icon class=\"mr-05\" icon=\"save\"></fa-icon>{{'UPLOAD' | translate}}\r\n </button>\r\n <button class=\"ml-1\" mat-button mat-raised-button (click)=\"removeAllFiles();\">\r\n <fa-icon class=\"mr-05\" icon=\"times\"></fa-icon>{{'DOCUMENTMANAGEMENT.CLEARFILES' | translate}}\r\n </button>\r\n </div>\r\n <div class=\"mt-05\" fxLayoutAlign=\"center end\" *ngIf=\"importingInProgress\">\r\n <button class=\"ml-1\" mat-button mat-raised-button [disabled]=\"true\">\r\n <fa-icon class=\"mr-05\" icon=\"upload\"></fa-icon>{{'SHELL.IMPORTINGTEXT' | translate }}\r\n <i class=\"fa fa-spin fa-spinner\" *ngIf=\"importingInProgress\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </mat-card>\r\n</sat-popover>\r\n\r\n<style>\r\n .file-or-folder-icon {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 50px;\r\n }\r\n\r\n .file-or-folder-name-align {\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n text-align: center;\r\n word-break: break-word;\r\n }\r\n\r\n .dropzone-height {\r\n height: 130px;\r\n }\r\n\r\n .custom-dropzone-preview {\r\n height: 100px !important;\r\n min-height: 100px !important;\r\n padding: 0px !important;\r\n }\r\n</style>\r\n<ng-template #openAnnoucementDialogComponent let-data>\r\n <announcement-dialog [data]=[data]></announcement-dialog>\r\n</ng-template>", styles: ["\n .file-or-folder-icon {\n width: 50px;\n height: 50px;\n font-size: 50px;\n }\n\n .file-or-folder-name-align {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-align: center;\n word-break: break-word;\n }\n\n .dropzone-height {\n height: 130px;\n }\n\n .custom-dropzone-preview {\n height: 100px !important;\n min-height: 100px !important;\n padding: 0px !important;\n }\n"], components: [{ type: i19__namespace$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: MenuComponent, selector: "app-menu", inputs: ["reload"], outputs: ["isOpened", "openNewDashboard"] }, { type: i21__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i19__namespace.SnovasysAvatarComponent, selector: "app-avatar", inputs: ["avatarClass", "name", "src", "isRound", "size"] }, { type: i22__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i6__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i7__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NotificationsComponent, selector: "app-notifications", inputs: ["notificPanel"] }, { type: i20__namespace.SatPopover, selector: "sat-popover", inputs: ["backdropClass", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }, { type: FeedTimeComponent, selector: "app-feed-time", inputs: ["isFeedTimeSheet"], outputs: ["closeFeedTimeSheetPopup"] }, { type: i7__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: FeedBackSubmissionComponent, selector: "app-submit-feedback", outputs: ["closeDialog"] }, { type: i10__namespace.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i6__namespace$3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "listItem", "rotate", "fixedWidth", "transform"] }, { type: i36__namespace.NgxDropzoneComponent, selector: "ngx-dropzone, [ngx-dropzone]", inputs: ["accept", "disabled", "multiple", "maxFileSize", "expandable"], outputs: ["change"] }, { type: i36__namespace.NgxDropzonePreviewComponent, selector: "ngx-dropzone-preview", inputs: ["removable", "file"], outputs: ["removed"] }, { type: i18__namespace.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: AnnoucementDialogComponent, selector: "announcement-dialog", inputs: ["data"], outputs: ["closeMatDialog"] }], directives: [{ type: i6__namespace$2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6__namespace$2.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i40__namespace.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i6__namespace$2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i15__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i21__namespace.MatSelectTrigger, selector: "mat-select-trigger" }, { type: i6__namespace$2.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i9__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i40__namespace.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i16__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i12__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i15__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i40__namespace.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i20__namespace.SatPopoverAnchor, selector: "[satPopoverAnchorFor]", inputs: ["satPopoverAnchorFor"], outputs: ["popoverOpened", "popoverClosed"], exportAs: ["satPopoverAnchor"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6__namespace$3.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i2__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i6__namespace$3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i36__namespace.ɵb, selector: "ngx-dropzone-label" }], pipes: { "removeSpecialCharacters": RemoveSpecialCharactersPipe, "fetchSizedAndCachedImage": FetchSizedAndCachedImagePipe, "translate": i5__namespace$1.TranslatePipe, "softLabelsPipe": SoftLabelPipe }, animations: [
|
|
12156
|
+
HeaderSideComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.1", type: HeaderSideComponent, selector: "app-header-side", inputs: { notificPanel: "notificPanel" }, outputs: { opened: "opened" }, viewQueries: [{ propertyName: "feedTimeSheetPopover", first: true, predicate: ["feedTimeSheet"], descendants: true }, { propertyName: "feedBackPopOver", first: true, predicate: ["feedBackPopover"], descendants: true }, { propertyName: "documentPopover", first: true, predicate: ["documentPopover"], descendants: true }, { propertyName: "openAnnoucementDialogComponent", first: true, predicate: ["openAnnoucementDialogComponent"], descendants: true }, { propertyName: "fileUploadDropzonePopup", predicate: ["fileUploadDropzonePopup"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<mat-toolbar class=\"topbar remove-padding\">\r\n <div fxFlex>\r\n <app-menu [reload]=\"reload\" (isOpened)=\"isOpened($event)\" (openNewDashboard)=\"navigateToUrl($event)\"></app-menu>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxHide.xs fxLayoutAlign=\"center\" style=\"vertical-align: center;\">\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n <div *ngIf=\"companiesList != null && companiesList.length > 1\" class=\"filter-data custom-box language-section\"\r\n style=\"width:150px;\" (click)=\"$event.stopPropagation()\">\r\n <mat-select placeholder=\"\" name=\"selectedCompany\" [(ngModel)]=\"selectedCompany\"\r\n (selectionChange)=\"selectCompany($event.value)\">\r\n <mat-select-trigger>\r\n <div *ngIf=\"selectedCompany\" fxLayout=\"row\" fxLayoutGap=\"15px\">\r\n <div [ngStyle]=\"{ 'margin-bottom': selectedCompany.companyMiniLogo ? '10px' : '0px' }\">\r\n <app-avatar [name]=\"selectedCompany.companyName | removeSpecialCharacters\"\r\n fxLayoutAlign=\"start center\" matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ selectedCompany.companyName }}\"\r\n [src]=\"selectedCompany.companyMiniLogo | fetchSizedAndCachedImage: '20':''\"\r\n [isRound]=\"true\" size=\"20\">\r\n </app-avatar>\r\n </div>\r\n <span matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{selectedCompany.companyName}}\" matTooltipShowDelay=\"400\"\r\n fxFlex=\"calc(100% - 40px)\" class=\"language-display\" style=\"color: black !important;\">{{ selectedCompanyName }}</span>\r\n </div>\r\n </mat-select-trigger>\r\n <div fxFlex class=\"search_goalinput ml-1\" fxLayoutAlign=\"start center\"\r\n style=\"position: sticky; top: 0; z-index: 1; background-color: white;\">\r\n <div fxLayoutAlign=\"start center\">\r\n <mat-form-field class=\"full-width\">\r\n <input class=\"search_goal\" matInput placeholder=\"{{'HRMANAGAMENT.SEARCH' | translate}}\"\r\n [(ngModel)]=\"searchText\" autocomplete=\"off\">\r\n <!-- (input)=\"search($event)\"> -->\r\n </mat-form-field>\r\n </div>\r\n <span class=\"close_icon masterdata-search-close\" fxLayoutAlign=\"end center\">\r\n <span *ngIf=\"!searchText\"></span>\r\n <mat-icon *ngIf=\"searchText\" class=\"icon-button mr-05 mt-05\" aria-hidden=\"false\"\r\n (click)=\"closeSearch()\" style=\"cursor:pointer\">\r\n close</mat-icon>\r\n </span>\r\n </div>\r\n <mat-option *ngFor=\"let companyList of searchCompanies(companiesList, searchText)\" [value]=\"companyList\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{companyList.companyName}}\" matTooltipShowDelay=\"400\">\r\n <div class=\"cursor-pointer\" fxLayout=\"row\">\r\n <app-avatar [name]=\"companyList.companyName | removeSpecialCharacters\"\r\n [ngStyle]=\"{ 'margin-bottom': companyList.companyMiniLogo ? '10px' : '0px' }\"\r\n fxLayoutAlign=\"start center\" matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ companyList.companyName }}\"\r\n [src]=\"companyList.companyMiniLogo | fetchSizedAndCachedImage: '20':''\" [isRound]=\"true\"\r\n size=\"20\">\r\n </app-avatar>\r\n <div class=\"ml-05\">\r\n {{ companyList.companyName }}\r\n </div>\r\n </div>\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n <!-- <div *ngIf=\"showTrailPeriod\">\r\n <span>{{ 'SHELL.FREETRAILEXPIRE' | translate }}<span [(ngModel)]=\"noOfDays\">{{company.trailDays}}</span>\r\n {{ 'SHELL.DAYS' | translate }}</span>\r\n </div> -->\r\n <!-- <div class=\"home\">\r\n <button mat-icon-button [style.overflow]=\"'visible'\" matTooltip=\"{{ 'SHELL.HOME' | translate}}\"\r\n class=\"topbar-button-right\" (click)=\"changeMenuType('WorkspaceMenuItems');navigateToDashboards()\"\r\n [ngClass]=\"(menuType == 'WorkspaceMenuItems'|| this.router.url.includes('/dashboard-management')) ? 'icon_active_class' : ''\">\r\n <mat-icon>home</mat-icon>\r\n </button>\r\n </div> -->\r\n <!-- <div class=\"home\" *ngIf=\"canAccess_feature_ViewRoles\">\r\n <button mat-icon-button [style.overflow]=\"'visible'\" matTooltip=\"{{ 'ROLESVIEW.ROLES' | translate}}\"\r\n class=\"topbar-button-right\" (click)=\"changeMenuType('WorkspaceMenuItems');navigateToRoles()\"\r\n [ngClass]=\"(menuType == 'WorkspaceMenuItems'|| this.router.url.includes('/rolemanagement/rolemanagement')) ? 'icon_active_class' : ''\">\r\n <mat-icon>brightness_high</mat-icon>\r\n </button>\r\n </div> -->\r\n <div *ngIf=\"(canAccess_feature_Settings) || (canAccess_feature_ViewRoles)\">\r\n <button matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.SETTINGS' | translate }}\" class=\"topbar-button-right theme-navbar-icon-color\" mat-icon-button\r\n (click)=\"navigateToSettings()\"\r\n [ngClass]=\"(this.router.url.includes('/settings')) ? 'icon_active_class' : ''\">\r\n <mat-icon>settings</mat-icon>\r\n </button>\r\n </div>\r\n <!-- <div *ngIf=\"canAccess_feature_AbilityToChat\">\r\n <button mat-icon-button [style.overflow]=\"'visible'\" matTooltip=\"{{ 'SHELL.CHAT' | translate }}\"\r\n class=\"topbar-button-right\" (click)=\"navigateToMessenger()\"\r\n [ngClass]=\"(this.router.url.includes('/chat')) ? 'icon_active_class' : ''\">\r\n <mat-icon matBadge=\"{{messagesUnreadCount}}\" [matBadgeHidden]=\"messagesUnreadCount == 0\"\r\n matBadgeColor=\"warn\" class=\"m-0 icon\">forum</mat-icon>\r\n </button>\r\n </div> -->\r\n\r\n <div *ngIf=\"canAccess_feature_MyProjectWork\">\r\n <button matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.MYWORK' | translate }}\" class=\"topbar-button-right theme-navbar-icon-color\" mat-icon-button\r\n (click)=\"navigateToStatusReport()\">\r\n <mat-icon>assignment</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div\r\n *ngIf=\"(canAccess_feature_PunchCard) && !( timesheetDisableorEnable && timesheetDisableorEnable.TimeSheetRestricted)\">\r\n <button mat-icon-button id=\"feedTimeSheetComponent\" [style.overflow]=\"'visible'\"\r\n matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.LOGTIME' | translate}}\" [satPopoverAnchorFor]=\"feedTimeSheet\"\r\n (click)=\"openTimeSheet()\" class=\"topbar-button-right theme-navbar-icon-color\">\r\n <mat-icon>access_time</mat-icon>\r\n </button>\r\n </div>\r\n <!-- Notification toggle button -->\r\n <button mat-icon-button matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.NOTIFICATIONS' | translate}}\" (click)=\"toggleNotific()\"\r\n [style.overflow]=\"'visible'\" *ngIf=\"newNotificationsCount != 0\" class=\"topbar-button-right theme-navbar-icon-color\"\r\n [matMenuTriggerFor]=\"notification\">\r\n <mat-icon>notifications</mat-icon>\r\n <span *ngIf=\"newNotificationsCount != 0\" class=\"notification-number mat-bg-warn\">{{\r\n newNotificationsCount }}</span>\r\n </button>\r\n <mat-menu #notification=\"matMenu\">\r\n <app-notifications></app-notifications>\r\n </mat-menu>\r\n\r\n <!-- Top left user menu -->\r\n <button mat-icon-button [matMenuTriggerFor]=\"accountMenu\" (click)=\"toggleRecording()\"\r\n [ngClass]=\"this.router.url.includes('/dashboard/profile/') ? 'icon_active_class' : ''\"\r\n class=\"topbar-button-right img-button\" *ngIf=\"authenticatedUserRecord\">\r\n <img class=\"icon-highlight-setter\" *ngIf=\"authenticatedUserRecord.profileImage\"\r\n [src]=\"authenticatedUserRecord.profileImage | fetchSizedAndCachedImage: '60':''\" alt=\"profile image\" />\r\n <div *ngIf=\"!authenticatedUserRecord.profileImage\" style=\"margin-left: 4px !important;\">\r\n <app-avatar [name]=\"authenticatedUserRecord.fullName | removeSpecialCharacters\" [isRound]=\"true\" size=\"30\">\r\n </app-avatar>\r\n </div>\r\n </button>\r\n\r\n <sat-popover #feedTimeSheet [autoFocus]=\"false\" hasBackdrop [restoreFocus]=\"false\" [interactiveClose]=\"true\"\r\n scrollStrategy=\"reposition\" verticalAlign=\"below\" horizontalAlign=\"before\">\r\n <app-feed-time (closeFeedTimeSheetPopup)=\"closeFeedTimeSheet()\" [isFeedTimeSheet]=\"isFeedTimeSheet\">\r\n </app-feed-time>\r\n </sat-popover>\r\n\r\n <mat-menu #accountMenu=\"matMenu\">\r\n <button mat-menu-item (click)=\"navigateToProfile()\">\r\n <mat-icon>account_box</mat-icon>\r\n <span>{{ 'SHELL.PROFILE' | translate}}</span>\r\n <mat-icon class=\"activity-recorder recording-style\" *ngIf=\"isRecording\">\r\n <!-- fiber_manual_record -->\r\n </mat-icon>\r\n </button>\r\n\r\n <!-- <button mat-menu-item (click)=\"goToUserStore()\" *ngIf=\"isStoreAccess\">\r\n <mat-icon>cloud</mat-icon>\r\n <span>Store</span>\r\n </button> -->\r\n <button mat-menu-item matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.CLEARDEMODATA' | translate}}\" *ngIf=\"showDeleteIcon && showDelete\"\r\n (click)=\"clearDemoData()\" [style.overflow]=\"'visible'\">\r\n <mat-icon>delete</mat-icon>\r\n <span>{{ 'SHELL.CLEARDEMODATA' | translate}}</span>\r\n </button>\r\n <button mat-menu-item matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.EXPORTCONFIGURATION' | translate}}\"\r\n *ngIf=\"canAccess_feature_ManageSystemExports\" (click)=\"exportConfigurationDialogData()\"\r\n [style.overflow]=\"'visible'\">\r\n <mat-icon>get_app</mat-icon>\r\n <span>{{ 'SHELL.EXPORTCONFIGURATION' | translate}}</span>\r\n </button>\r\n <button mat-menu-item matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.IMPORTCONFIGURATION' | translate}}\"\r\n [satPopoverAnchorFor]=\"fileUploadDropzonePopover\" #fileUploadDropzonePopup=\"satPopoverAnchor\"\r\n *ngIf=\"canAccess_feature_ManageSystemImports\" (click)=\"addUploadFilePopupOpen(fileUploadDropzonePopup)\">\r\n <mat-icon>publish</mat-icon>\r\n <span>{{ 'SHELL.IMPORTCONFIGURATION' | translate}}</span>\r\n </button>\r\n <!--<div class=\"filter-data custom-box language-section\" (click)=\"$event.stopPropagation()\">\r\n <mat-select placeholder=\"\" name=\"currentLang\" [(ngModel)]=\"currentLang\" (selectionChange)=\"setLang()\">\r\n <mat-select-trigger>\r\n <div fxLayout=\"row\" fxLayoutGap=\"15px\">\r\n <mat-icon fxFlex=\"24px\" class=\"language-icon\">language</mat-icon>\r\n <span fxFlex=\"calc(100% - 40px)\" class=\"language-display\">{{ selectedLangName }}</span>\r\n </div>\r\n </mat-select-trigger>\r\n <mat-option value=\"option\" *ngFor=\"let lang of availableLangs\" [value]=\"lang.code\">\r\n {{ lang.name }}\r\n </mat-option>\r\n </mat-select>\r\n </div>-->\r\n <button mat-menu-item (click)=\"onNavigateToBillingScreen()\" *ngIf=\"canAccess_feature_ManageAccountsAndBilling\">\r\n <mat-icon>account_balance</mat-icon>\r\n <span>Account & Billing</span>\r\n </button>\r\n <button mat-menu-item (click)=\"onNavigateToPricingScreen()\" *ngIf=\"canAccess_feature_ManageAccountsAndBilling\">\r\n <mat-icon>account_balance_wallet</mat-icon>\r\n <span>Pricing & Features</span>\r\n </button>\r\n\r\n <button *ngIf=\"canAccess_feature_AlternateSignIn\" mat-menu-item (click)=\"alternateSignIn()\"\r\n [style.overflow]=\"'visible'\" matTooltipClass=\"tooltipClass-mat\" matTooltip=\"{{ 'SHELL.SIGNINAS' | translate}}\">\r\n <mat-icon>how_to_reg</mat-icon>\r\n <span>{{ 'SHELL.SIGNINAS' | translate}}</span>\r\n </button>\r\n <button mat-menu-item (click)=\"onSignout()\">\r\n <mat-icon>exit_to_app</mat-icon>\r\n <span>{{ 'SHELL.SIGNOUT' | translate}}</span>\r\n </button>\r\n <mat-divider></mat-divider>\r\n <button mat-menu-item (click)=\"feedBackPopover.toggle();openFeedBackDialog()\">\r\n <mat-icon class=\"feedback-icon\" [satPopoverAnchorFor]=\"feedBackPopover\">\r\n sentiment_satisfied_alt\r\n </mat-icon>\r\n <span>v-{{applicationVersion}}</span>\r\n </button>\r\n </mat-menu>\r\n</mat-toolbar>\r\n<!-- <ngx-ui-loader fgsSize=\"180\" [fgsType]=\"spinnerType\" color=\"primary\"></ngx-ui-loader> -->\r\n<div *ngIf=\"loading\" class=\"k-i-loading\"></div>\r\n<sat-popover #feedBackPopover verticalAlign=\"below\" hasBackdrop backdropClass=\"backdrop-color\"\r\n [interactiveClose]=\"false\" horizontalAlign=\"end\">\r\n <app-submit-feedback *ngIf=\"isFeedBackDialog\" (closeDialog)=\"closeFeedBacklogDialog()\">\r\n </app-submit-feedback>\r\n</sat-popover>\r\n\r\n<mat-menu #menu2=\"matMenu\" class=\"dialog_window\" (click)=\"$event.stopPropagation()\">\r\n <mat-card-content class=\"p-0 m-0 listof_assets store-list-dropdown\" id=\"style-1\">\r\n <mat-list class=\"compact-list\">\r\n <mat-card class=\"p-0 asset-card\" *ngIf=\"(canAccess_feature_AddOrUpdateForm || canAccess_feature_ViewForms)\"\r\n [routerLink]=\"['/applications/view-forms']\">\r\n <span class=\"hide-content-overflow userStory-name-control store-dropdown-padding\">Forms</span>\r\n </mat-card>\r\n <mat-card class=\"p-0 asset-card\" *ngIf=\"canAccess_feature_AddOrUpdateApplications\"\r\n [routerLink]=\"['/applications/custom-applications']\">\r\n <span class=\"hide-content-overflow userStory-name-control store-dropdown-padding\">Custom\r\n applications</span>\r\n </mat-card>\r\n <mat-card *ngIf=\"canAccess_feature_ViewRoles\" class=\"p-0 asset-card\"\r\n [routerLink]=\"['/rolemanagement/rolemanagement']\">\r\n <span class=\"hide-content-overflow userStory-name-control store-dropdown-padding\">Role\r\n configuration</span>\r\n </mat-card>\r\n <mat-card *ngIf=\"canAccess_feature_ManageProjectRolePermissions\" class=\"p-0 asset-card\"\r\n [routerLink]=\"['/rolemanagement/entityrolemanagement']\">\r\n <span class=\"hide-content-overflow userStory-name-control store-dropdown-padding\">{{projectRoleText |\r\n softLabelsPipe : softLabels}}</span>\r\n </mat-card>\r\n </mat-list>\r\n </mat-card-content>\r\n</mat-menu>\r\n\r\n<div [@fade] *ngIf=\"displayWelcomeNote && userFullName\" class=\"welcome-note\">\r\n <span *ngIf=\"loggedInCount == 1; else elseSpan\">Welcome </span> <span> {{ userFullName }} </span>\r\n <ng-template #elseSpan> Welcome back </ng-template>\r\n</div>\r\n<sat-popover #fileUploadDropzonePopover hasBackdrop [interactiveClose]=\"false\" backdropClass=\"testrun-popover\"\r\n scrollStrategy=\"reposition\">\r\n <mat-card class=\"p-0 mr-0 custom-hrm-dropzone\">\r\n <mat-card-title>\r\n <div class=\"card-title-text mat-bg-primary p-05\" fxLayout=\"row\">\r\n <div fxFlex class=\"text-center\">\r\n {{'TESTMANAGEMENT.UPLOADFILES' | translate}}\r\n </div>\r\n <div fxFlex=\"20px\" fxLayoutAlign=\"end center\">\r\n <button class=\"inline_edit_close_btn btn\" (click)=\"closeUploadFilePopup()\">\r\n <fa-icon icon=\"times\"></fa-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </mat-card-title>\r\n <div class=\"m-1\">\r\n <div class=\"custom-dropzone dropzone-height\" ngx-dropzone (change)=\"filesSelected($event)\" accept=\".json\">\r\n <ngx-dropzone-label>\r\n <span>{{'DOCUMENTMANAGEMENT.DRAGANDDROPFILESHERE' | translate}}</span>\r\n </ngx-dropzone-label>\r\n <ngx-dropzone-preview class=\"custom-dropzone-preview\" *ngFor=\"let f of files\" [removable]=\"true\"\r\n (removed)=\"onRemove(f)\">\r\n <ngx-dropzone-label class=\"custom-dropzone-label\" [attr.data-tip]=\"f.name\">\r\n {{ setLabelNameForDropzone(f.name) }}\r\n </ngx-dropzone-label>\r\n </ngx-dropzone-preview>\r\n </div>\r\n <div class=\"m-05 text-muted\" style=\"text-align: center;\">\r\n <span>allowed file extensions : .json</span>\r\n </div>\r\n <mat-progress-bar color=\"primary\" mode=\"determinate\" [value]=\"progressValue\" *ngIf=\"progressValue > 0\">\r\n </mat-progress-bar>\r\n <div *ngIf=\"progressValue > 0\">\r\n {{progressValue}}% completed (Uploading {{fileCounter}} of {{files.length}} files)\r\n </div>\r\n <div class=\"mt-05\" fxLayoutAlign=\"center end\" *ngIf=\"filesPresent\">\r\n <button mat-button mat-raised-button color=\"primary\" (click)=\"saveFiles()\">\r\n <fa-icon class=\"mr-05\" icon=\"save\"></fa-icon>{{'UPLOAD' | translate}}\r\n </button>\r\n <button class=\"ml-1\" mat-button mat-raised-button (click)=\"removeAllFiles();\">\r\n <fa-icon class=\"mr-05\" icon=\"times\"></fa-icon>{{'DOCUMENTMANAGEMENT.CLEARFILES' | translate}}\r\n </button>\r\n </div>\r\n <div class=\"mt-05\" fxLayoutAlign=\"center end\" *ngIf=\"importingInProgress\">\r\n <button class=\"ml-1\" mat-button mat-raised-button [disabled]=\"true\">\r\n <fa-icon class=\"mr-05\" icon=\"upload\"></fa-icon>{{'SHELL.IMPORTINGTEXT' | translate }}\r\n <i class=\"fa fa-spin fa-spinner\" *ngIf=\"importingInProgress\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </mat-card>\r\n</sat-popover>\r\n\r\n<style>\r\n .file-or-folder-icon {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 50px;\r\n }\r\n\r\n .file-or-folder-name-align {\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n text-align: center;\r\n word-break: break-word;\r\n }\r\n\r\n .dropzone-height {\r\n height: 130px;\r\n }\r\n\r\n .custom-dropzone-preview {\r\n height: 100px !important;\r\n min-height: 100px !important;\r\n padding: 0px !important;\r\n }\r\n</style>\r\n<ng-template #openAnnoucementDialogComponent let-data>\r\n <announcement-dialog [data]=[data]></announcement-dialog>\r\n</ng-template>", styles: ["\n .file-or-folder-icon {\n width: 50px;\n height: 50px;\n font-size: 50px;\n }\n\n .file-or-folder-name-align {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-align: center;\n word-break: break-word;\n }\n\n .dropzone-height {\n height: 130px;\n }\n\n .custom-dropzone-preview {\n height: 100px !important;\n min-height: 100px !important;\n padding: 0px !important;\n }\n"], components: [{ type: i19__namespace$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: MenuComponent, selector: "app-menu", inputs: ["reload"], outputs: ["isOpened", "openNewDashboard"] }, { type: i21__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i19__namespace.SnovasysAvatarComponent, selector: "app-avatar", inputs: ["name", "src", "isRound", "size", "avatarClass"] }, { type: i22__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i6__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i7__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NotificationsComponent, selector: "app-notifications", inputs: ["notificPanel"] }, { type: i20__namespace.SatPopover, selector: "sat-popover", inputs: ["backdropClass", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }, { type: FeedTimeComponent, selector: "app-feed-time", inputs: ["isFeedTimeSheet"], outputs: ["closeFeedTimeSheetPopup"] }, { type: i7__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i2__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: FeedBackSubmissionComponent, selector: "app-submit-feedback", outputs: ["closeDialog"] }, { type: i10__namespace.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i6__namespace$3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "listItem", "rotate", "fixedWidth", "transform"] }, { type: i36__namespace.NgxDropzoneComponent, selector: "ngx-dropzone, [ngx-dropzone]", inputs: ["accept", "disabled", "multiple", "maxFileSize", "expandable"], outputs: ["change"] }, { type: i36__namespace.NgxDropzonePreviewComponent, selector: "ngx-dropzone-preview", inputs: ["removable", "file"], outputs: ["removed"] }, { type: i18__namespace.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: AnnoucementDialogComponent, selector: "announcement-dialog", inputs: ["data"], outputs: ["closeMatDialog"] }], directives: [{ type: i6__namespace$2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6__namespace$2.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i40__namespace.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i6__namespace$2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i15__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i21__namespace.MatSelectTrigger, selector: "mat-select-trigger" }, { type: i6__namespace$2.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i9__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i40__namespace.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i16__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i12__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i15__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i40__namespace.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i20__namespace.SatPopoverAnchor, selector: "[satPopoverAnchorFor]", inputs: ["satPopoverAnchorFor"], outputs: ["popoverOpened", "popoverClosed"], exportAs: ["satPopoverAnchor"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6__namespace$3.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i2__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i6__namespace$3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i36__namespace.ɵb, selector: "ngx-dropzone-label" }], pipes: { "removeSpecialCharacters": RemoveSpecialCharactersPipe, "fetchSizedAndCachedImage": FetchSizedAndCachedImagePipe, "translate": i5__namespace$1.TranslatePipe, "softLabelsPipe": SoftLabelPipe }, animations: [
|
|
12157
12157
|
animations.trigger('fade', [
|
|
12158
12158
|
animations.transition('void => *', [
|
|
12159
12159
|
animations.style({ opacity: 0 }),
|