\n \n
\n \n \n
\n \n \n \n \n
\n \n
\n \n \n \n \n
\n\n \n {{ routeParts[routeParts.length - 1]?.breadcrumb | translate }}\n
\n \n \n\n","","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'button-loading',\n templateUrl: './button-loading.component.html',\n styleUrls: ['./button-loading.component.scss']\n})\nexport class ButtonLoadingComponent implements OnInit {\n\n @Input('loading') loading: boolean;\n @Input('btnClass') btnClass: string;\n @Input('raised') raised: boolean = true;\n @Input('loadingText') loadingText = 'Please wait';\n @Input('type') type: 'button' | 'submit' = 'submit';\n @Input('color') color: 'primary' | 'accent' | 'warn';\n\n constructor() { \n }\n\n ngOnInit() {\n }\n\n}\n","\n \n
\n\n \n \n \n \n \n \n\n \n \n \n
","import { Component, OnInit, Input, Renderer2 } from '@angular/core';\nimport { NavigationService } from '../../../shared/services/navigation.service';\nimport { LayoutService } from '../../../shared/services/layout.service';\nimport PerfectScrollbar from 'perfect-scrollbar';\nimport { CustomizerService } from 'app/shared/services/customizer.service';\nimport { ThemeService, ITheme } from 'app/shared/services/theme.service';\n\n@Component({\n selector: 'app-customizer',\n templateUrl: './customizer.component.html',\n styleUrls: ['./customizer.component.scss'],\n})\nexport class CustomizerComponent implements OnInit {\n isCustomizerOpen = false;\n viewMode: 'options' | 'json' = 'options';\n sidenavTypes = [\n {\n name: 'Default Menu',\n value: 'default-menu',\n },\n {\n name: 'Separator Menu',\n value: 'separator-menu',\n },\n {\n name: 'Icon Menu',\n value: 'icon-menu',\n },\n ];\n sidebarColors: any[];\n topbarColors: any[];\n\n layoutConf;\n selectedMenu = 'icon-menu';\n selectedLayout: string;\n isTopbarFixed = false;\n isFooterFixed = false;\n isRTL = false;\n egretThemes: ITheme[];\n perfectScrollbarEnabled = true;\n\n constructor(\n private navService: NavigationService,\n public layout: LayoutService,\n private themeService: ThemeService,\n public customizer: CustomizerService,\n private renderer: Renderer2\n ) {}\n\n ngOnInit() {\n this.layoutConf = this.layout.layoutConf;\n this.selectedLayout = this.layoutConf.navigationPos;\n this.isTopbarFixed = this.layoutConf.topbarFixed;\n this.isRTL = this.layoutConf.dir === 'rtl';\n this.egretThemes = this.themeService.egretThemes;\n }\n changeTheme(theme) {\n // this.themeService.changeTheme(theme);\n this.layout.publishLayoutChange({ matTheme: theme.name });\n }\n changeLayoutStyle(data) {\n this.layout.publishLayoutChange({ navigationPos: this.selectedLayout });\n }\n changeSidenav(data) {\n this.navService.publishNavigationChange(data.value);\n }\n toggleBreadcrumb(data) {\n this.layout.publishLayoutChange({ useBreadcrumb: data.checked });\n }\n toggleTopbarFixed(data) {\n this.layout.publishLayoutChange({ topbarFixed: data.checked });\n }\n toggleDir(data) {\n let dir = data.checked ? 'rtl' : 'ltr';\n this.layout.publishLayoutChange({ dir: dir });\n }\n tooglePerfectScrollbar(data) {\n this.layout.publishLayoutChange({ perfectScrollbar: this.perfectScrollbarEnabled });\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'egret-notifications2',\n templateUrl: './egret-notifications2.component.html',\n styleUrls: ['./egret-notifications2.component.scss']\n})\nexport class EgretNotifications2Component implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n \n \n \n \n \n
\n \n \n help \n
\n Customize the template then copy configuration json.
\n\n \n Top Navigation \n Side Navigation \n \n
\n\n \n \n \n \n\n \n \n\n Layouts
\n\n
\n\n Material Themes
\n\n
\n \n check \n
\n \n
\n\n Sidebar colors
\n\n
\n \n check \n
\n \n
\n\n Footer Colors
\n\n Fixed Footer \n
\n\n \n
\n \n check \n
\n \n \n Simple \n Simple with title \n \n
\n\n Breadcrumb
\n\n Use breadcrumb \n
\n Breadcrumb types\n \n \n \n {{type.name}}\n \n \n
\n\n Navigation
\n\n Custom scrollbar \n
\n \n \n RTL \n
\n Test
\n\n
","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subject, combineLatest } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Component({\n selector: 'egret-example-viewer-template',\n templateUrl: './example-viewer-template.component.html',\n styleUrls: ['./example-viewer-template.component.scss']\n})\nexport class EgretExampleViewerTemplateComponent implements OnInit, OnDestroy {\n private unsubscribeAll: Subject\n
","import { Component, OnInit, Input, ViewChild, ViewContainerRef, AfterViewInit, ComponentFactoryResolver, OnDestroy, ComponentRef } from \"@angular/core\";\n// import { EXAMPLE_COMPONENTS } from \"assets/examples/examples\";\n\n@Component({\n selector: \"egret-example-viewer\",\n templateUrl: \"./example-viewer.component.html\",\n styleUrls: [\"./example-viewer.component.scss\"]\n})\nexport class EgretExampleViewerComponent implements OnInit, AfterViewInit, OnDestroy {\n\n private _exampleId: string;\n exampleViewRef: ComponentRef\n
\n\n \n \n \n \n {{data?.title}} \n \n \n \n \n \n \n \n \n \n
\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","\n","import { Component, OnInit, EventEmitter, Input, ViewChildren , Output, Renderer2 } from '@angular/core';\nimport { ThemeService } from '../../services/theme.service';\nimport { LayoutService } from '../../services/layout.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { JwtAuthService } from '../../services/auth/jwt-auth.service';\nimport { EgretNotifications2Component } from '../egret-notifications2/egret-notifications2.component';\n\n@Component({\n selector: 'app-header-side',\n templateUrl: './header-side.template.html'\n})\nexport class HeaderSideComponent implements OnInit {\n @Input() notificPanel;\n @ViewChildren(EgretNotifications2Component) noti;\n public availableLangs = [{\n name: 'EN',\n code: 'en',\n flag: 'flag-icon-us'\n }, {\n name: 'ES',\n code: 'es',\n flag: 'flag-icon-es'\n }];\n currentLang = this.availableLangs[0];\n\n public egretThemes;\n public layoutConf: any;\n constructor(\n private themeService: ThemeService,\n private layout: LayoutService,\n public translate: TranslateService,\n private renderer: Renderer2,\n public jwtAuth: JwtAuthService\n ) {}\n ngOnInit() {\n this.egretThemes = this.themeService.egretThemes;\n this.layoutConf = this.layout.layoutConf;\n this.translate.use(this.currentLang.code);\n }\n setLang(lng) {\n this.currentLang = lng;\n this.translate.use(lng.code);\n }\n changeTheme(theme) {\n // this.themeService.changeTheme(theme);\n }\n toggleNotific() {\n this.notificPanel.toggle();\n }\n toggleSidenav() {\n if (this.layoutConf.sidebarStyle === 'closed') {\n return this.layout.publishLayoutChange({\n sidebarStyle: 'full'\n });\n }\n this.layout.publishLayoutChange({\n sidebarStyle: 'closed'\n });\n }\n\n toggleCollapse() {\n // compact --> full\n if (this.layoutConf.sidebarStyle === 'compact') {\n return this.layout.publishLayoutChange({\n sidebarStyle: 'full',\n sidebarCompactToggle: false\n }, {transitionClass: true});\n }\n\n // * --> compact\n this.layout.publishLayoutChange({\n sidebarStyle: 'compact',\n sidebarCompactToggle: true\n }, {transitionClass: true});\n\n }\n\n onSearch(e) {\n // console.log(e)\n }\n}\n","\n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n ![\"\"](\"assets/images/face-7.jpg\")
\n \n\n \n
","import { Component, OnInit, Input, OnDestroy, Renderer2 } from '@angular/core';\nimport { NavigationService } from \"../../../shared/services/navigation.service\";\nimport { Subscription } from 'rxjs';\nimport { ThemeService } from '../../../shared/services/theme.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { LayoutService } from '../../services/layout.service';\nimport { JwtAuthService } from 'app/shared/services/auth/jwt-auth.service';\n\n@Component({\n selector: 'app-header-top',\n templateUrl: './header-top.component.html'\n})\nexport class HeaderTopComponent implements OnInit, OnDestroy {\n layoutConf: any;\n menuItems:any;\n menuItemSub: Subscription;\n egretThemes: any[] = [];\n currentLang = 'en';\n availableLangs = [{\n name: 'English',\n code: 'en',\n }, {\n name: 'Spanish',\n code: 'es',\n }]\n @Input() notificPanel;\n constructor(\n private layout: LayoutService,\n private navService: NavigationService,\n public themeService: ThemeService,\n public translate: TranslateService,\n private renderer: Renderer2,\n public jwtAuth: JwtAuthService\n ) { }\n\n ngOnInit() {\n this.layoutConf = this.layout.layoutConf;\n this.egretThemes = this.themeService.egretThemes;\n this.menuItemSub = this.navService.menuItems$\n .subscribe(res => {\n res = res.filter(item => item.type !== 'icon' && item.type !== 'separator');\n let limit = 4\n let mainItems:any[] = res.slice(0, limit)\n if(res.length <= limit) {\n return this.menuItems = mainItems\n }\n let subItems:any[] = res.slice(limit, res.length - 1)\n mainItems.push({\n name: 'More',\n type: 'dropDown',\n tooltip: 'More',\n icon: 'more_horiz',\n sub: subItems\n })\n this.menuItems = mainItems\n })\n }\n ngOnDestroy() {\n this.menuItemSub.unsubscribe()\n }\n setLang() {\n this.translate.use(this.currentLang)\n }\n changeTheme(theme) {\n this.layout.publishLayoutChange({matTheme: theme.name})\n }\n toggleNotific() {\n this.notificPanel.toggle();\n }\n toggleSidenav() {\n if(this.layoutConf.sidebarStyle === 'closed') {\n return this.layout.publishLayoutChange({\n sidebarStyle: 'full'\n })\n }\n this.layout.publishLayoutChange({\n sidebarStyle: 'closed'\n })\n }\n}\n","import { Component, OnInit, AfterViewInit, ViewChild, HostListener, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\nimport { \n Router, \n NavigationEnd, \n RouteConfigLoadStart, \n RouteConfigLoadEnd, \n ResolveStart, \n ResolveEnd \n} from '@angular/router';\nimport { Subscription } from \"rxjs\";\nimport { TranslateService } from '@ngx-translate/core';\nimport { ThemeService } from '../../../services/theme.service';\nimport { LayoutService } from '../../../services/layout.service';\nimport { filter } from 'rxjs/operators';\nimport { JwtAuthService } from '../../../services/auth/jwt-auth.service';\n\n@Component({\n selector: 'app-admin-layout',\n templateUrl: './admin-layout.template.html',\n})\nexport class AdminLayoutComponent implements OnInit, AfterViewInit {\n public isModuleLoading: Boolean = false;\n private moduleLoaderSub: Subscription;\n private layoutConfSub: Subscription;\n private routerEventSub: Subscription;\n\n public scrollConfig = {}\n public layoutConf: any = {};\n public adminContainerClasses: any = {};\n \n constructor(\n private router: Router,\n public translate: TranslateService,\n public themeService: ThemeService,\n private layout: LayoutService,\n private cdr: ChangeDetectorRef,\n private jwtAuth: JwtAuthService\n ) {\n // Check Auth Token is valid\n this.jwtAuth.checkTokenIsValid().subscribe();\n\n // Close sidenav after route change in mobile\n this.routerEventSub = router.events.pipe(filter(event => event instanceof NavigationEnd))\n .subscribe((routeChange: NavigationEnd) => {\n this.layout.adjustLayout({ route: routeChange.url });\n this.scrollToTop();\n });\n \n // Translator init\n const browserLang: string = translate.getBrowserLang();\n translate.use(browserLang.match(/en|fr/) ? browserLang : 'en');\n }\n\n ngOnInit() {\n // this.layoutConf = this.layout.layoutConf;\n this.layoutConfSub = this.layout.layoutConf$.subscribe((layoutConf) => {\n this.layoutConf = layoutConf;\n // console.log(this.layoutConf);\n \n this.adminContainerClasses = this.updateAdminContainerClasses(this.layoutConf);\n this.cdr.markForCheck();\n });\n\n // FOR MODULE LOADER FLAG\n this.moduleLoaderSub = this.router.events.subscribe(event => {\n if(event instanceof RouteConfigLoadStart || event instanceof ResolveStart) {\n this.isModuleLoading = true;\n }\n if(event instanceof RouteConfigLoadEnd || event instanceof ResolveEnd) {\n this.isModuleLoading = false;\n }\n });\n }\n @HostListener('window:resize', ['$event'])\n onResize(event) {\n this.layout.adjustLayout(event);\n }\n \n ngAfterViewInit() {\n\n }\n \n scrollToTop() {\n if(document) {\n setTimeout(() => {\n let element;\n if(this.layoutConf.topbarFixed) {\n element = \n
\n\n \n \n {{ lang.name }} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n
\n \n ![\"\"](\"assets/images/egret.png\")
\n
\n\n \n \n \n \n \n \n \n \n check \n
\n \n \n \n \n \n \n \n \n \n \n \n\n\n \n \n \n \n \n
\n\n\n\n\n\n \n \n \n \n\n
\n \n \n \n
\n \n
\nNotifications
\n\n
\n \n {{n.message}}
\n {{n.time}}\n\n
","import { Component, OnInit, OnDestroy, AfterViewInit } from \"@angular/core\";\nimport { NavigationService } from \"../../../shared/services/navigation.service\";\nimport { ThemeService } from \"../../services/theme.service\";\nimport { Subscription } from \"rxjs\";\nimport { ILayoutConf, LayoutService } from \"app/shared/services/layout.service\";\nimport { JwtAuthService } from \"app/shared/services/auth/jwt-auth.service\";\n\n@Component({\n selector: \"app-sidebar-side\",\n templateUrl: \"./sidebar-side.component.html\"\n})\nexport class SidebarSideComponent implements OnInit, OnDestroy, AfterViewInit {\n public menuItems: any[];\n public hasIconTypeMenuItem: boolean;\n public iconTypeMenuTitle: string;\n private menuItemsSub: Subscription;\n public layoutConf: ILayoutConf;\n\n constructor(\n private navService: NavigationService,\n public themeService: ThemeService,\n private layout: LayoutService,\n public jwtAuth: JwtAuthService\n ) {}\n\n ngOnInit() {\n this.iconTypeMenuTitle = this.navService.iconTypeMenuTitle;\n this.menuItemsSub = this.navService.menuItems$.subscribe(menuItem => {\n this.menuItems = menuItem;\n //Checks item list has any icon type.\n this.hasIconTypeMenuItem = !!this.menuItems.filter(\n item => item.type === \"icon\"\n ).length;\n });\n this.layoutConf = this.layout.layoutConf;\n }\n ngAfterViewInit() {}\n ngOnDestroy() {\n if (this.menuItemsSub) {\n this.menuItemsSub.unsubscribe();\n }\n }\n toggleCollapse() {\n if (\n this.layoutConf.sidebarCompactToggle\n ) {\n this.layout.publishLayoutChange({\n sidebarCompactToggle: false\n });\n } else {\n this.layout.publishLayoutChange({\n // sidebarStyle: \"compact\",\n sidebarCompactToggle: true\n });\n }\n }\n}\n","import { Component, OnInit, OnDestroy, AfterViewInit } from '@angular/core';\n// import PerfectScrollbar from 'perfect-scrollbar';\nimport { NavigationService } from \"../../../shared/services/navigation.service\";\nimport { Subscription } from \"rxjs\";\n\n@Component({\n selector: 'app-sidebar-top',\n templateUrl: './sidebar-top.component.html'\n})\nexport class SidebarTopComponent implements OnInit, OnDestroy, AfterViewInit {\n // private sidebarPS: PerfectScrollbar;\n public menuItems: any[];\n private menuItemsSub: Subscription;\n constructor(\n private navService: NavigationService\n ) { }\n\n ngOnInit() {\n this.menuItemsSub = this.navService.menuItems$.subscribe(menuItem => {\n this.menuItems = menuItem.filter(item => item.type !== 'icon' && item.type !== 'separator');\n });\n }\n ngAfterViewInit() {\n // setTimeout(() => {\n // this.sidebarPS = new PerfectScrollbar('#sidebar-top-scroll-area', {\n // suppressScrollX: true\n // })\n // })\n }\n ngOnDestroy() {\n // if(this.sidebarPS) {\n // this.sidebarPS.destroy();\n // }\n if( this.menuItemsSub ) {\n this.menuItemsSub.unsubscribe()\n }\n }\n\n}\n","","\n
\n\n \n \n
\n \n \n EGRET\n \n \n \n
\n \n \n \n EGRET\n \n \n \n \n lock \n {{jwtAuth?.user?.displayName}}\n \n \n
\n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n\n
","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-sidenav',\n templateUrl: './sidenav.template.html'\n})\nexport class SidenavComponent {\n @Input('items') public menuItems: any[] = [];\n @Input('hasIconMenu') public hasIconTypeMenuItem: boolean;\n @Input('iconMenuTitle') public iconTypeMenuTitle: string;\n\n constructor() {}\n ngOnInit() {}\n\n // Only for demo purpose\n addMenuItem() {\n this.menuItems.push({\n name: 'ITEM',\n type: 'dropDown',\n tooltip: 'Item',\n icon: 'done',\n state: 'material',\n sub: [\n {name: 'SUBITEM', state: 'cards'},\n {name: 'SUBITEM', state: 'buttons'}\n ]\n });\n }\n}","import { Directive, HostListener, Inject } from '@angular/core';\nimport { DropdownLinkDirective } from './dropdown-link.directive';\n\n@Directive({\n selector: '[appDropdownToggle]',\n})\nexport class DropdownAnchorDirective {\n protected navlink: DropdownLinkDirective;\n\n constructor(@Inject(DropdownLinkDirective) navlink: DropdownLinkDirective) {\n this.navlink = navlink;\n }\n\n @HostListener('click', ['$event'])\n onClick(e: any) {\n this.navlink.toggle();\n }\n}\n","import { Directive, HostBinding, Inject, Input, OnInit, OnDestroy } from '@angular/core';\n\nimport { AppDropdownDirective } from './dropdown.directive';\n\n@Directive({\n selector: '[appDropdownLink]',\n})\nexport class DropdownLinkDirective implements OnInit, OnDestroy {\n @Input() public group: any;\n\n protected _open: boolean;\n protected nav: AppDropdownDirective;\n\n @HostBinding('class.open')\n @Input()\n get open(): boolean {\n return this._open;\n }\n\n set open(value: boolean) {\n this._open = value;\n // if (value) {\n // this.nav.closeOtherLinks(this);\n // }\n }\n\n public constructor(@Inject(AppDropdownDirective) nav: AppDropdownDirective) {\n this.nav = nav;\n }\n\n public ngOnInit(): any {\n this.nav.addLink(this);\n }\n\n public ngOnDestroy(): any {\n this.nav.removeGroup(this);\n }\n\n public toggle(): any {\n this.open = !this.open;\n }\n}\n","import { Directive } from '@angular/core';\nimport { Router, NavigationEnd } from '@angular/router';\nimport { DropdownLinkDirective } from './dropdown-link.directive';\nimport { Subscription } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\n@Directive({\n selector: '[appDropdown]'\n})\nexport class AppDropdownDirective {\n protected navlinks: Array- \n
- \n \n\n \n
\n {{item.name | translate}}\n \n
{{ data.title }}
\n{{ data.message }}
\n \n \n \n \n \n
`,\n})\nexport class AppComfirmComponent {\n constructor(\n public dialogRef: MatDialogRef\n
\n","import { Injectable } from '@angular/core';\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\nimport { Observable } from 'rxjs';\nimport { AppLoaderComponent } from './app-loader.component';\n\ninterface Config {\n width?: string\n}\n\n@Injectable()\nexport class AppLoaderService {\n dialogRef: MatDialogRef{{ title }}
\n\n
\n