\n
\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MegaMenuComponent } from './mega-menu.component';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { MatButtonModule } from '@angular/material/button';\nimport { IconModule } from '@visurel/iconify-angular';\nimport { RouterModule } from '@angular/router';\n\n\n\n@NgModule({\n declarations: [MegaMenuComponent],\n imports: [\n CommonModule,\n FlexLayoutModule,\n MatButtonModule,\n IconModule,\n RouterModule\n ],\n exports: [MegaMenuComponent],\n entryComponents: [MegaMenuComponent]\n})\nexport class MegaMenuModule { }\n","import { Component, Input, OnInit } from '@angular/core';\nimport { NavigationItem, NavigationLink } from '../../interfaces/navigation-item.interface';\nimport { filter, map, startWith } from 'rxjs/operators';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { NavigationService } from '../../services/navigation.service';\nimport { trackByRoute } from '../../utils/track-by';\n\n@Component({\n selector: 'vex-navigation-item',\n templateUrl: './navigation-item.component.html',\n styleUrls: ['./navigation-item.component.scss']\n})\nexport class NavigationItemComponent implements OnInit {\n\n @Input() item: NavigationItem;\n\n isActive$ = this.router.events.pipe(\n filter(event => event instanceof NavigationEnd),\n startWith(null),\n map(() => (item: NavigationItem) => this.hasActiveChilds(item))\n );\n\n isLink = this.navigationService.isLink;\n isDropdown = this.navigationService.isDropdown;\n isSubheading = this.navigationService.isSubheading;\n trackByRoute = trackByRoute;\n\n constructor(private navigationService: NavigationService,\n private router: Router) { }\n\n ngOnInit() {\n }\n\n hasActiveChilds(parent: NavigationItem): boolean {\n if (this.isLink(parent)) {\n return this.router.isActive(parent.route as string, true);\n }\n\n if (this.isDropdown(parent) || this.isSubheading(parent)) {\n return parent.children.some(child => {\n if (this.isDropdown(child)) {\n return this.hasActiveChilds(child);\n }\n\n if (this.isLink(child) && !this.isFunction(child.route)) {\n return this.router.isActive(child.route as string, true);\n }\n\n return false;\n });\n }\n\n return false;\n }\n\n isFunction(prop: NavigationLink['route']) {\n return prop instanceof Function;\n }\n}\n","\n {{ item.label }}\n\n\n\n\n\n
\n\n Mega Menu
\n\nFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there\n live the blind\n texts.
\n\nSeparated they live in Bookmarksgrove right at the coast of the Semantics, a large language\n ocean.
\n\n \n\n
\n\n FEATURES
\n\n \n\n
\nPAGES
\n\n\n {{ page.label }}\n
\n \n \n \n \n \n \n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PopoverComponent } from './popover.component';\nimport { OverlayModule } from '@angular/cdk/overlay';\n\n@NgModule({\n declarations: [PopoverComponent],\n imports: [\n CommonModule,\n OverlayModule\n ],\n entryComponents: [PopoverComponent]\n})\nexport class PopoverModule {\n}\n","import { ElementRef, Injectable, Injector } from '@angular/core';\nimport { ConnectionPositionPair, Overlay, OverlayConfig, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal, PortalInjector } from '@angular/cdk/portal';\nimport { PopoverContent, PopoverRef } from './popover-ref';\nimport { PopoverComponent } from './popover.component';\n\nexport interface PopoverParams\n \n
\n\n \n\n\n\n","import { Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport icClose from '@iconify/icons-ic/twotone-close';\nimport { LayoutService } from '../../services/layout.service';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { filter } from 'rxjs/operators';\nimport { FormControl } from '@angular/forms';\nimport { SearchService } from '../../services/search.service';\nimport { ToolbarService } from '../../services/toolbar.service';\nimport icSearch from '@iconify/icons-ic/twotone-search';\n\ninterface Food {\n value: string;\n viewValue: string;\n}\n@UntilDestroy()\n@Component({\n selector: 'vex-search',\n templateUrl: './search.component.html',\n styleUrls: ['./search.component.scss']\n})\nexport class SearchComponent implements OnInit, OnDestroy {\n\n show$ = this.layoutService.searchOpen$;\n searchCtrl = new FormControl();\n icClose = icClose;\n icSearch = icSearch;\n myControl = new FormControl();\n searchedData: any = [];\n selectedValue: string = 'jobs';\n foods: Food[] = [\n { value: 'jobs', viewValue: 'Jobs' },\n { value: 'candidates', viewValue: 'Candidates' },\n ];\n @ViewChild('searchInput', { static: true }) input: ElementRef;\n\n constructor(private layoutService: LayoutService,\n private searchService: SearchService,\n private _toolbarService: ToolbarService) { }\n\n ngOnInit() {\n this.searchService.isOpenSubject.next(true);\n // this.searchCtrl.valueChanges.pipe(\n // untilDestroyed(this)\n // ).subscribe(value => this.searchService.valueChangesSubject.next(value));\n\n // this.show$.pipe(\n // filter(show => show),\n // untilDestroyed(this)\n // ).subscribe(() => this.input.nativeElement.focus());\n }\n\n close() {\n this.layoutService.closeSearch();\n this.searchCtrl.setValue(undefined);\n this.searchService.isOpenSubject.next(false);\n }\n\n search() {\n this.searchService.submitSubject.next(this.searchCtrl.value);\n this.close();\n }\n searchValueChange(value) {\n if (value === 'candidates') {\n this.searchedData = [];\n this.selectedValue = 'candidates';\n }\n if (value === 'jobs') {\n this.searchedData = []\n this.selectedValue = 'jobs';\n }\n }\n\n onGetSearchValue(value) {\n if (this.selectedValue === 'jobs') {\n this._toolbarService.getJobsDataByGlobalSearch(value).subscribe(data => {\n this.searchedData = data;\n })\n } else {\n this._toolbarService.getCandidateDataByGlobalSearch(value).subscribe(data => {\n this.searchedData = data;\n })\n }\n }\n ngOnDestroy(): void {\n this.layoutService.closeSearch();\n this.searchCtrl.setValue(undefined);\n this.searchService.isOpenSubject.next(false);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SearchComponent } from './search.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { IconModule } from '@visurel/iconify-angular';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { FlexLayoutModule } from '@angular/flex-layout';\n\n@NgModule({\n declarations: [SearchComponent],\n imports: [\n CommonModule,\n FlexLayoutModule,\n MatButtonModule,\n MatIconModule,\n IconModule,\n ReactiveFormsModule,\n MatAutocompleteModule,\n MatSelectModule\n ],\n exports: [SearchComponent]\n})\nexport class SearchModule {\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { ConfigService } from '../../services/config.service';\nimport { map } from 'rxjs/operators';\n\n@Component({\n selector: 'vex-secondary-toolbar',\n templateUrl: './secondary-toolbar.component.html',\n styleUrls: ['./secondary-toolbar.component.scss']\n})\nexport class SecondaryToolbarComponent implements OnInit {\n\n @Input() current: string;\n @Input() crumbs: string[];\n\n fixed$ = this.configService.config$.pipe(\n map(config => config.toolbar.fixed)\n );\n\n constructor(private configService: ConfigService) { }\n\n ngOnInit() {\n }\n}\n","\n\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SecondaryToolbarComponent } from './secondary-toolbar.component';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { IconModule } from '@visurel/iconify-angular';\nimport { RouterModule } from '@angular/router';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { BreadcrumbsModule } from '../breadcrumbs/breadcrumbs.module';\nimport { ContainerModule } from '../../directives/container/container.module';\n\n\n@NgModule({\n declarations: [SecondaryToolbarComponent],\n imports: [\n CommonModule,\n FlexLayoutModule,\n IconModule,\n RouterModule,\n MatButtonModule,\n MatIconModule,\n BreadcrumbsModule,\n ContainerModule\n ],\n exports: [SecondaryToolbarComponent]\n})\nexport class SecondaryToolbarModule {\n}\n\n","import { ChangeDetectorRef, Directive, HostBinding } from '@angular/core';\nimport { ConfigService } from '../../services/config.service';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\n\n\n@UntilDestroy()\n@Directive({\n selector: '[vexContainer]'\n})\nexport class ContainerDirective {\n\n @HostBinding('class.container') enabled: boolean;\n\n constructor(private configService: ConfigService,\n private cd: ChangeDetectorRef) {\n this.configService.config$.pipe(\n map(config => config.boxed),\n distinctUntilChanged(),\n untilDestroyed(this)\n ).subscribe(boxed => {\n this.enabled = boxed;\n this.cd.markForCheck();\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ContainerDirective } from './container.directive';\n\n\n@NgModule({\n declarations: [ContainerDirective],\n imports: [\n CommonModule\n ],\n exports: [ContainerDirective]\n})\nexport class ContainerModule {\n}\n","export enum ConfigName {\n apollo = 'vex-layout-apollo',\n zeus = 'vex-layout-zeus',\n hermes = 'vex-layout-hermes',\n poseidon = 'vex-layout-poseidon',\n ares = 'vex-layout-ares',\n ikaros = 'vex-layout-ikaros',\n}\n","import { Component, Input, OnDestroy, OnInit, TemplateRef } from '@angular/core';\nimport icShoppingBasket from '@iconify/icons-ic/twotone-shopping-basket';\n\n@Component({\n selector: 'vex-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent implements OnInit, OnDestroy {\n\n @Input() customTemplate: TemplateRef\n \n \n \n \n {{ food.viewValue }}\n \n \n \n \n \n {{ option.label }}\n \n \n\n
\n \n\n \n \n \n\n \n \n\n \n \n \n\n \n \n
\n\n","import { AfterViewInit, ChangeDetectorRef, Component, Inject, Input, OnInit, TemplateRef, ViewChild } from '@angular/core';\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { LayoutService } from '../services/layout.service';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { MatSidenav, MatSidenavContainer } from '@angular/material/sidenav';\nimport { Event, NavigationEnd, Router, Scroll } from '@angular/router';\nimport { filter, map, startWith, withLatestFrom } from 'rxjs/operators';\nimport { checkRouterChildsData } from '../utils/check-router-childs-data';\nimport { DOCUMENT } from '@angular/common';\nimport { ConfigService } from '../services/config.service';\n\n@UntilDestroy()\n@Component({\n selector: 'vex-layout',\n templateUrl: './layout.component.html',\n styleUrls: ['./layout.component.scss']\n})\nexport class LayoutComponent implements OnInit, AfterViewInit {\n\n @Input() sidenavRef: TemplateRef\n
\n\n{{ 'TODAY' | translate }}
\n{{ dayName }}
\n {{ date }}
\n{{ 'UPCOMING_EVENTS' | translate | uppercase }}
\n \n\n \n \n\n \n \n \n \n
\n{{ item.label | translate }}
\n \r\n ![\"\"]()
\r\n \r\n \r\n \r\n
\r\n\r\n {{ 'WELCOME' | translate }}
\r\n\r\n \r\n
\r\n {{ loginUserData.userName }}
\r\n \r\n\r\n\r\n
\r\n {{ 'UPGRADE_TO_PRO' | translate }}
\r\n{{ 'CURRENT_PLAN' | translate }}: {{ membershipName }}
\r\n{{ 'FOR_MORE_PROFILE_CONTROL' | translate }}
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n ![\"\"](\"assets/img/icons/crown.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \n
\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport { PopoverService } from '../../../components/popover/popover.service';\nimport { ToolbarHistoryDropdownComponent } from './toolbar-history-dropdown/toolbar-history-dropdown.component';\nimport icNotificationsActive from '@iconify/icons-ic/twotone-notifications-active';\nimport icHistory from '@iconify/icons-ic/twotone-history';\n\n@Component({\n selector: 'vex-toolbar-history',\n templateUrl: './toolbar-history.component.html',\n styleUrls: ['./toolbar-history.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarHistoryComponent implements OnInit {\n @ViewChild('originRef', { static: true, read: ElementRef }) originRef: ElementRef;\n\n dropdownOpen: boolean;\n icNotificationsActive = icNotificationsActive;\n icHistory = icHistory;\n constructor(private popover: PopoverService, private cd: ChangeDetectorRef) {}\n\n ngOnInit() {}\n\n showPopover() {\n this.dropdownOpen = true;\n this.cd.markForCheck();\n\n const popoverRef = this.popover.open({\n content: ToolbarHistoryDropdownComponent,\n origin: this.originRef,\n offsetY: 8,\n position: [\n {\n originX: 'center',\n originY: 'top',\n overlayX: 'center',\n overlayY: 'bottom',\n },\n {\n originX: 'end',\n originY: 'bottom',\n overlayX: 'end',\n overlayY: 'top',\n },\n ],\n });\n\n popoverRef.afterClosed$.subscribe(() => {\n this.dropdownOpen = false;\n this.cd.markForCheck();\n });\n }\n}\n","\n
\n\n \n
\n {{ 'HISTORY' | translate }}
\n \n {{ 'HAVE_N_NEW_HISTORY' | translate : { count: historyData.length } }}\n
\n \n \n \n\n
\n\n
\n \n
\n \n \n {{ history.HistoryName }}
\n \n {{ history.enterdate | date : 'd MMMM, y' }}\n
\n \n
\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport { PopoverService } from '../../../components/popover/popover.service';\nimport { ToolbarNotificationsDropdownComponent } from './toolbar-notifications-dropdown/toolbar-notifications-dropdown.component';\nimport icNotificationsActive from '@iconify/icons-ic/twotone-notifications-active';\n\n@Component({\n selector: 'vex-toolbar-notifications',\n templateUrl: './toolbar-notifications.component.html',\n styleUrls: ['./toolbar-notifications.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ToolbarNotificationsComponent implements OnInit {\n\n @ViewChild('originRef', { static: true, read: ElementRef }) originRef: ElementRef;\n\n dropdownOpen: boolean;\n icNotificationsActive = icNotificationsActive;\n\n constructor(private popover: PopoverService,\n private cd: ChangeDetectorRef) {}\n\n ngOnInit() {}\n\n showPopover() {\n this.dropdownOpen = true;\n this.cd.markForCheck();\n\n const popoverRef = this.popover.open({\n content: ToolbarNotificationsDropdownComponent,\n origin: this.originRef,\n offsetY: 12,\n position: [\n {\n originX: 'center',\n originY: 'top',\n overlayX: 'center',\n overlayY: 'bottom'\n },\n {\n originX: 'end',\n originY: 'bottom',\n overlayX: 'end',\n overlayY: 'top',\n },\n ]\n });\n\n popoverRef.afterClosed$.subscribe(() => {\n this.dropdownOpen = false;\n this.cd.markForCheck();\n });\n }\n}\n","\n
\n\n \n
\n\n \n {{ 'NOTIFICATIONS' | translate }}
\n \n {{ 'HAVE_N_NEW_NOTIFICATIONS' | translate : { count: homeNotification.length } }}\n
\n \n \n \n\n \n
\n\n \n\n
\n \n
\n \n \n {{ notification.canname }}
\n \n \n {{ notification.Enterdate | date : 'd MMMM, y' }}\n
\n \n \n \n Search… \n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ToolbarSearchComponent } from './toolbar-search.component';\nimport { MatInputModule } from '@angular/material/input';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { IconModule } from '@visurel/iconify-angular';\n\n\n@NgModule({\n declarations: [ToolbarSearchComponent],\n imports: [\n CommonModule,\n MatInputModule,\n FlexLayoutModule,\n MatButtonModule,\n MatIconModule,\n IconModule\n ],\n exports: [ToolbarSearchComponent]\n})\nexport class ToolbarSearchModule {\n}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport { MenuItem } from '../interfaces/menu-item.interface';\nimport { trackById } from '../../../../utils/track-by';\nimport icPerson from '@iconify/icons-ic/twotone-person';\nimport icSettings from '@iconify/icons-ic/twotone-settings';\nimport icAccountCircle from '@iconify/icons-ic/twotone-account-circle';\nimport icMoveToInbox from '@iconify/icons-ic/twotone-move-to-inbox';\nimport icListAlt from '@iconify/icons-ic/twotone-list-alt';\nimport icTableChart from '@iconify/icons-ic/twotone-table-chart';\nimport icCheckCircle from '@iconify/icons-ic/twotone-check-circle';\nimport icAccessTime from '@iconify/icons-ic/twotone-access-time';\nimport icDoNotDisturb from '@iconify/icons-ic/twotone-do-not-disturb';\nimport icOfflineBolt from '@iconify/icons-ic/twotone-offline-bolt';\nimport icChevronRight from '@iconify/icons-ic/twotone-chevron-right';\nimport icArrowDropDown from '@iconify/icons-ic/twotone-arrow-drop-down';\nimport icBusiness from '@iconify/icons-ic/twotone-business';\nimport icVerifiedUser from '@iconify/icons-ic/twotone-verified-user';\nimport icLock from '@iconify/icons-ic/twotone-lock';\nimport icNotificationsOff from '@iconify/icons-ic/twotone-notifications-off';\nimport { Icon } from '@visurel/iconify-angular';\nimport { PopoverRef } from '../../../../components/popover/popover-ref';\n\nexport interface OnlineStatus {\n id: 'online' | 'away' | 'dnd' | 'offline';\n label: string;\n icon: Icon;\n colorClass: string;\n}\n\n@Component({\n selector: 'vex-toolbar-user-dropdown',\n templateUrl: './toolbar-user-dropdown.component.html',\n styleUrls: ['./toolbar-user-dropdown.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarUserDropdownComponent implements OnInit {\n items: MenuItem[] = [];\n\n statuses: OnlineStatus[] = [\n {\n id: 'online',\n label: 'ONLINE',\n icon: icCheckCircle,\n colorClass: 'text-green',\n },\n {\n id: 'away',\n label: 'AWAY',\n icon: icAccessTime,\n colorClass: 'text-orange',\n },\n {\n id: 'dnd',\n label: 'DO_NOT_DISTURB',\n icon: icDoNotDisturb,\n colorClass: 'text-red',\n },\n {\n id: 'offline',\n label: 'OFFLINE',\n icon: icOfflineBolt,\n colorClass: 'text-gray',\n },\n ];\n\n activeStatus: OnlineStatus = this.statuses[0];\n\n trackById = trackById;\n icPerson = icPerson;\n icSettings = icSettings;\n icChevronRight = icChevronRight;\n icArrowDropDown = icArrowDropDown;\n icBusiness = icBusiness;\n icVerifiedUser = icVerifiedUser;\n icLock = icLock;\n icNotificationsOff = icNotificationsOff;\n loginUserData;\n constructor(\n private cd: ChangeDetectorRef,\n private popoverRef: PopoverRef\n
\n\n\n
\n\n \n \n
\n\n \n {{ loginUserData.userName }}
\n \n \n \n \n \n
\n\n \n\n
\n {{ item.label | translate }}
\n {{ item.description | translate }}
\n \n \n {{ loginUserData.userName }}\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 \n \n \n \n\n \n
\n\n