\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { HighlightModule, HIGHLIGHT_OPTIONS } from 'ngx-highlightjs';\n\nimport { CoreCommonModule } from '@core/common.module';\nimport { CoreCardSnippetComponent } from '@core/components/card-snippet/card-snippet.component';\n\n@NgModule({\n declarations: [CoreCardSnippetComponent],\n imports: [CommonModule, NgbModule, CoreCommonModule],\n providers: [\n {\n provide: HIGHLIGHT_OPTIONS,\n useValue: {\n fullLibraryLoader: () => import('highlight.js')\n }\n }\n ],\n exports: [CoreCardSnippetComponent]\n})\nexport class CardSnippetModule {}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewEncapsulation } from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { CoreMenuService } from '@core/components/core-menu/core-menu.service';\nimport { _isAuthenticated, _isId, _isRole } from 'app/services/auth.service';\nimport { UserService } from 'app/services/models/user.service';\nimport { PageService } from 'app/services/models/page.service';\n\n\n@Component({\n selector: '[core-menu]',\n templateUrl: './core-menu.component.html',\n styleUrls: ['./core-menu.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CoreMenuComponent implements OnInit {\n currentUser: any;\n\n @Input()\n layout = 'vertical';\n\n @Input()\n menu: any;\n\n // Private\n private _unsubscribeAll: Subject;\n\n /**\n *\n * @param {ChangeDetectorRef} _changeDetectorRef\n * @param {CoreMenuService} _coreMenuService\n */\n constructor(\n private _changeDetectorRef: ChangeDetectorRef,\n private _coreMenuService: CoreMenuService,\n private userService: UserService,\n private pageService: PageService) {\n // Set the private defaults\n this._unsubscribeAll = new Subject();\n }\n\n // Lifecycle hooks\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * On init\n */\n ngOnInit(): void {\n\n // Set the menu either from the input or from the service\n //this.menu = this.menu || this._coreMenuService.getCurrentMenu();\n let data= null;\n // Subscribe to the current menu changes\n this._coreMenuService.onMenuChanged.pipe(takeUntil(this._unsubscribeAll)).subscribe(async () => {\n\n if (_isAuthenticated) { // _isAuthenticated doğru şekilde tanımlandı mı?\n this.pageService.event$.subscribe(async result => {\n data = await this.pageService.getAllPage(_isId);\n })\n data = await this.pageService.getAllPage(_isId);\n // Gelen veriyi doğrudan menüye atıyoruz\n this.menu = data;\n\n menus = this.menu;\n\n //this._coreMenuService.register('main', this.menu);\n //this._coreMenuService.setCurrentMenu('main');\n // Change Detection'ı tetikleme\n this._changeDetectorRef.markForCheck();\n }\n\n\n // Sonucu kontrol edelim\n\n // menuNames.forEach(element => {\n // this.menu = data.filter(item => item.id === element && !item.hidden && !item.disabled);\n // });\n\n // this.menu = data;\n // console.log(this.menu);\n\n this._changeDetectorRef.markForCheck();\n });\n }\n}\n\nexport let menus : any;\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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { CoreCommonModule } from '@core/common.module';\nimport { CoreMenuComponent } from '@core/components/core-menu/core-menu.component';\n\nimport { CoreMenuVerticalSectionComponent } from '@core/components/core-menu/vertical/section/section.component';\nimport { CoreMenuVerticalItemComponent } from '@core/components/core-menu/vertical/item/item.component';\nimport { CoreMenuVerticalCollapsibleComponent } from '@core/components/core-menu/vertical/collapsible/collapsible.component';\nimport { CoreMenuHorizontalItemComponent } from '@core/components/core-menu/horizontal/item/item.component';\nimport { CoreMenuHorizontalCollapsibleComponent } from '@core/components/core-menu/horizontal/collapsible/collapsible.component';\n\nCoreMenuVerticalSectionComponent;\nCoreMenuVerticalItemComponent;\nCoreMenuVerticalCollapsibleComponent;\n\n@NgModule({\n imports: [CommonModule, RouterModule, TranslateModule.forChild(), CoreCommonModule],\n exports: [CoreMenuComponent],\n declarations: [\n CoreMenuComponent,\n CoreMenuVerticalSectionComponent,\n CoreMenuVerticalItemComponent,\n CoreMenuVerticalCollapsibleComponent,\n CoreMenuHorizontalItemComponent,\n CoreMenuHorizontalCollapsibleComponent\n ]\n})\nexport class CoreMenuModule {}\n","import { Injectable } from '@angular/core';\nimport { Router } from '@angular/router';\n\nimport { BehaviorSubject, Observable, Subject } from 'rxjs';\n\n/*\nimport { AuthenticationService } from 'app/auth/service';\nimport { User } from 'app/auth/models';\n*/\n@Injectable({\n providedIn: 'root'\n})\nexport class CoreMenuService {\n //currentUser: User;\n onItemCollapsed: Subject;\n onItemCollapseToggled: Subject;\n\n // Private\n private _onMenuRegistered: BehaviorSubject;\n private _onMenuUnregistered: BehaviorSubject;\n private _onMenuChanged: BehaviorSubject;\n private _currentMenuKey: string;\n private _registry: { [key: string]: any } = {};\n\n /**\n * Constructor\n *\n * @param {Router} _router\n * @param {AuthenticationService} _authenticationService\n */\n constructor(private _router: Router) {\n // this._authenticationService.currentUser.subscribe(x => (this.currentUser = x));\n\n // Set defaults\n this.onItemCollapsed = new Subject();\n this.onItemCollapseToggled = new Subject();\n\n // Set private defaults\n this._currentMenuKey = null;\n this._onMenuRegistered = new BehaviorSubject(null);\n this._onMenuUnregistered = new BehaviorSubject(null);\n this._onMenuChanged = new BehaviorSubject(null);\n }\n\n // Accessors\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * onMenuRegistered\n *\n * @returns {Observable}\n */\n get onMenuRegistered(): Observable {\n return this._onMenuRegistered.asObservable();\n }\n\n /**\n * onMenuUnregistered\n *\n * @returns {Observable}\n */\n get onMenuUnregistered(): Observable {\n return this._onMenuUnregistered.asObservable();\n }\n\n /**\n * onMenuChanged\n *\n * @returns {Observable}\n */\n get onMenuChanged(): Observable {\n return this._onMenuChanged.asObservable();\n }\n\n // Public methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Register the provided menu with the provided key\n *\n * @param key\n * @param menu\n */\n register(key, menu): void {\n\n // Confirm if the key already used\n if (this._registry[key]) {\n console.error(`Menu with the key '${key}' already exists. Either unregister it first or use a unique key.`);\n\n return;\n }\n\n // Add to registry\n this._registry[key] = menu;\n\n // Notify subject\n this._onMenuRegistered.next([key, menu]);\n }\n\n /**\n * Unregister the menu from the registry\n *\n * @param key\n */\n unregister(key): void {\n // Confirm if the menu exists\n if (!this._registry[key]) {\n console.warn(`Menu with the key '${key}' doesn't exist in the registry.`);\n }\n\n // Unregister sidebar\n delete this._registry[key];\n\n // Notify subject\n this._onMenuUnregistered.next(key);\n }\n\n /**\n * Get menu from registry by key\n *\n * @param key\n * @returns {any}\n */\n getMenu(key): any {\n // Confirm if the menu exists\n \n if (!this._registry[key]) {\n console.warn(`Menu with the key '${key}' doesn't exist in the registry.`);\n\n return;\n }\n\n // Return sidebar\n return this._registry[key];\n }\n\n /**\n * Get current menu\n *\n * @returns {any}\n */\n getCurrentMenu(): any {\n if (!this._currentMenuKey) {\n console.warn(`The current menu is not set.`);\n\n return;\n }\n \n return this.getMenu(this._currentMenuKey);\n }\n\n /**\n * Set menu with the key as the current menu\n *\n * @param key\n */\n setCurrentMenu(key): void {\n // Confirm if the sidebar exists\n if (!this._registry[key]) {\n console.warn(`Menu with the key '${key}' doesn't exist in the registry.`);\n\n return;\n }\n\n // Set current menu key\n this._currentMenuKey = key;\n \n // Notify subject\n this._onMenuChanged.next(key);\n }\n}\n","import { Component, HostListener, HostBinding, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';\nimport { NavigationEnd, Router } from '@angular/router';\n\nimport { Subject } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\n\nimport { CoreConfigService } from '@core/services/config.service';\nimport { CoreMenuService } from '@core/components/core-menu/core-menu.service';\n\n//import { User } from 'app/auth/models';\n\n@Component({\n selector: '[core-menu-horizontal-collapsible]',\n templateUrl: './collapsible.component.html'\n})\nexport class CoreMenuHorizontalCollapsibleComponent implements OnInit, OnDestroy {\n coreConfig: any;\n //urrentUser: User;\n isShow = false;\n\n // Conditionally add the active classes if UrlInChildren\n @HostBinding('class.active')\n @HostBinding('class.open')\n @HostBinding('class.sidebar-group-active')\n public isActive = false;\n\n @Input()\n item: any;\n\n // Private\n private _unsubscribeAll: Subject;\n\n /**\n * Constructor\n *\n * @param {Router} _router\n * @param {CoreConfigService} _coreConfigService\n * @param {CoreMenuService} _coreMenuService\n */\n constructor(\n private el: ElementRef,\n private _router: Router,\n private _coreConfigService: CoreConfigService,\n private _coreMenuService: CoreMenuService\n ) {\n // Set the private defaults\n this._unsubscribeAll = new Subject();\n }\n\n // Lifecycle hooks\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * On init\n */\n ngOnInit(): void {\n // Subscribe to config changes\n this._coreConfigService.config.pipe(takeUntil(this._unsubscribeAll)).subscribe(config => {\n this.coreConfig = config;\n });\n\n // Subscribe to the current menu changes\n this._coreMenuService.onMenuChanged.pipe(takeUntil(this._unsubscribeAll)).subscribe(() => {\n // this.currentUser = this._coreMenuService.currentUser;\n });\n\n // Listen for router events and expand\n this._router.events\n .pipe(\n filter(event => event instanceof NavigationEnd),\n takeUntil(this._unsubscribeAll)\n )\n .subscribe((event: NavigationEnd) => {\n // Confirm if the urlAfterRedirects can be found in one of the children of this item\n if (this.confirmUrlInChildren(this.item, event.urlAfterRedirects)) {\n this.isActive = true;\n } else {\n this.isActive = false;\n }\n });\n\n // Check if the url can be found in one of the children of this item\n // Required for onInit case (i.e switching theme customizer menu layout)\n if (this.confirmUrlInChildren(this.item, this._router.url)) {\n this.isActive = true;\n } else {\n this.isActive = false;\n }\n }\n\n /**\n * On destroy\n */\n ngOnDestroy(): void {\n // Unsubscribe from all subscriptions\n this._unsubscribeAll.next();\n this._unsubscribeAll.complete();\n }\n\n // Public methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Open\n */\n @HostListener('mouseenter')\n show(): void {\n this.isShow = true;\n this.setSubMenuProp();\n }\n\n /**\n * Close\n */\n @HostListener('mouseleave')\n hide(): void {\n this.isShow = false;\n }\n\n /**\n * Set sub-menu properties based on screen size\n *\n */\n setSubMenuProp(): void {\n setTimeout(() => {\n let nativeElement = this.el.nativeElement,\n nativeElementChildren = this.el.nativeElement.children[1];\n // If element has sub menu\n if (nativeElement.classList.contains('dropdown-submenu')) {\n const innerHeight = window.innerHeight,\n dropdownTop = nativeElementChildren.getBoundingClientRect().top,\n dropdownLeft = nativeElementChildren.getBoundingClientRect().left,\n dropdownHeight = nativeElementChildren.scrollHeight,\n dropdownWidth = nativeElementChildren.scrollWidth;\n\n //Set sub-menu height\n if (innerHeight - dropdownTop - dropdownHeight - 28 < 1) {\n let maxHeight = innerHeight - dropdownTop - 25;\n nativeElementChildren.setAttribute(\n 'style',\n 'overflow-y: auto; overflow-x: hidden; max-height : ' + maxHeight + 'px'\n );\n }\n\n // Open sub-menu on left based on screen size (To avoid opn sub-menu outside of the screen)\n if (dropdownLeft + dropdownWidth - (window.innerWidth - 16) >= 0) {\n nativeElementChildren.parentElement.classList.add('openLeft');\n }\n }\n });\n }\n\n /**\n * Confirms if the provided url can be found in one of the given parent's children\n *\n * @param parent\n * @param url\n * @returns {boolean}\n */\n confirmUrlInChildren(parent, url): boolean {\n const children = parent.children;\n\n // Return false if parent don't have any children\n if (!children) {\n return false;\n }\n\n // Loop all the children\n for (const child of children) {\n // If children has child (Sub to sub item url)\n if (child.children) {\n // Call function again with child\n if (this.confirmUrlInChildren(child, url)) {\n return true;\n }\n }\n\n // If child.url is same as provided url\n if (child.url === url || url.includes(child.url)) {\n return true;\n }\n }\n\n return false;\n }\n}\n","\n \n \n \n \n\n \n \n \n {{ item.title }}\n \n\n \n
\n \n \n \n \n \n \n \n \n
\n\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: '[core-menu-horizontal-item]',\n templateUrl: './item.component.html'\n})\nexport class CoreMenuHorizontalItemComponent {\n @Input()\n item: any;\n}\n","\n \n \n \n \n\n \n \n \n \n\n \n \n {{ item.title }}\n \n\n","import { ChangeDetectorRef, Component, HostBinding, Input, OnDestroy, OnInit } from '@angular/core';\nimport { NavigationEnd, Router } from '@angular/router';\n\nimport { Subject } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\n\nimport { CoreMenuItem } from '@core/types';\nimport { CoreMenuService } from '@core/components/core-menu/core-menu.service';\n\n//import { User } from 'app/auth/models';\n\n@Component({\n selector: '[core-menu-vertical-collapsible]',\n templateUrl: './collapsible.component.html'\n})\nexport class CoreMenuVerticalCollapsibleComponent implements OnInit, OnDestroy {\n //currentUser: User;\n\n @Input()\n item: CoreMenuItem;\n\n @HostBinding('class.open')\n public isOpen = false;\n\n // Private\n private _unsubscribeAll: Subject;\n\n /**\n * Constructor\n *\n * @param {Router} _router\n * @param {CoreMenuService} _coreMenuService\n * @param {ChangeDetectorRef} _changeDetectorRef\n */\n constructor(\n private _router: Router,\n private _coreMenuService: CoreMenuService,\n private _changeDetectorRef: ChangeDetectorRef\n ) {\n // Set the private defaults\n this._unsubscribeAll = new Subject();\n }\n\n // Lifecycle hooks\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * On init\n */\n ngOnInit(): void {\n // Listen for router events and expand\n this._router.events\n .pipe(\n filter(event => event instanceof NavigationEnd),\n takeUntil(this._unsubscribeAll)\n )\n .subscribe((event: NavigationEnd) => {\n // Confirm if the urlAfterRedirects can be found in one of the children of this item\n if (this.confirmUrlInChildren(this.item, event.urlAfterRedirects)) {\n this.expand();\n } else {\n this.collapse();\n }\n });\n\n // Subscribe to the current menu changes\n this._coreMenuService.onMenuChanged.pipe(takeUntil(this._unsubscribeAll)).subscribe(() => {\n // this.currentUser = this._coreMenuService.currentUser;\n });\n\n // Listen for collapsing of any menu item\n this._coreMenuService.onItemCollapsed.pipe(takeUntil(this._unsubscribeAll)).subscribe(clickedItem => {\n if (clickedItem && clickedItem.children) {\n // Check if the clicked item is one of the children of this item\n if (this.confirmItemInChildren(this.item, clickedItem)) {\n return;\n }\n\n // Check if the url can be found in one of the children of this item\n if (this.confirmUrlInChildren(this.item, this._router.url)) {\n return;\n }\n\n // If the clicked item is not this item, collapse...\n if (this.item !== clickedItem) {\n this.collapse();\n }\n }\n });\n\n // Check if the url can be found in one of the children of this item\n // Required for onInit case (i.e switching theme customizer menu layout)\n if (this.confirmUrlInChildren(this.item, this._router.url)) {\n this.expand();\n } else {\n this.collapse();\n }\n }\n\n /**\n * On destroy\n */\n ngOnDestroy(): void {\n // Unsubscribe from all subscriptions\n this._unsubscribeAll.next();\n this._unsubscribeAll.complete();\n }\n\n // Public methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Toggle collapse\n *\n * @param e\n */\n toggleOpen(e): void {\n e.preventDefault();\n\n this.isOpen = !this.isOpen;\n\n // Menu collapse toggled...\n this._coreMenuService.onItemCollapsed.next(this.item);\n this._coreMenuService.onItemCollapseToggled.next();\n }\n\n /**\n * Expand the collapsible menu\n */\n expand(): void {\n if (this.isOpen) {\n return;\n }\n\n this.isOpen = true;\n\n // Mark for check\n this._changeDetectorRef.markForCheck();\n\n this._coreMenuService.onItemCollapseToggled.next();\n }\n\n /**\n * Collapse the collapsible menu\n */\n collapse(): void {\n if (!this.isOpen) {\n return;\n }\n\n this.isOpen = false;\n\n // Mark for check\n this._changeDetectorRef.markForCheck();\n\n this._coreMenuService.onItemCollapseToggled.next();\n }\n\n /**\n * Confirms if the provided url can be found in one of the given parent's children\n *\n * @param parent\n * @param url\n * @returns {boolean}\n */\n confirmUrlInChildren(parent, url): boolean {\n const children = parent.children;\n\n // Return false if parent don't have any children\n if (!children) {\n return false;\n }\n\n // Loop all the children\n for (const child of children) {\n // If children has child (Sub to sub item url)\n if (child.children) {\n // Call function again with child\n if (this.confirmUrlInChildren(child, url)) {\n return true;\n }\n }\n\n // If child.url is same as provided url\n if (child.url === url || url.includes(child.url)) {\n return true;\n }\n }\n\n return false;\n }\n\n /**\n * Check if the provided parent has the provided item in one of its children\n *\n * @param parent\n * @param item\n * @returns {boolean}\n */\n confirmItemInChildren(parent, item): boolean {\n const children = parent.children;\n\n // Return false if parent don't have any children\n if (!children) {\n return false;\n }\n\n // Return true parent has the provided item in one of its children\n if (children.indexOf(item) > -1) {\n return true;\n }\n\n for (const child of children) {\n if (child.children) {\n // Call function again with child (for sub to sub item)\n if (this.confirmItemInChildren(child, item)) {\n return true;\n }\n }\n }\n\n return false;\n }\n}\n","\n \n \n \n \n\n \n \n \n {{ item.title }}\n \n {{ item.badge.title }}\n \n \n\n \n
\n \n \n \n \n \n \n \n \n
\n\n","import { Component, Input } from '@angular/core';\n\nimport { CoreMenuItem } from '@core/types';\n\n@Component({\n selector: '[core-menu-vertical-item]',\n templateUrl: './item.component.html'\n})\nexport class CoreMenuVerticalItemComponent {\n @Input()\n item: CoreMenuItem;\n}\n","\n \n \n \n \n\n \n \n \n \n\n \n \n {{ item.title }}\n \n {{ item.badge.title }}\n \n \n\n","import { Component, Input } from '@angular/core';\n\nimport { CoreMenuItem } from '@core/types';\n\n@Component({\n selector: '[core-menu-vertical-section]',\n templateUrl: './section.component.html'\n})\nexport class CoreMenuVerticalSectionComponent {\n @Input()\n item: CoreMenuItem;\n}\n","\n {{ item.title }}\n \n \n\n","import {\n Component,\n Inject,\n ChangeDetectorRef,\n ElementRef,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n Output,\n Renderer2,\n ViewEncapsulation\n} from '@angular/core';\nimport { animate, AnimationBuilder, AnimationPlayer, style } from '@angular/animations';\nimport { DOCUMENT } from '@angular/common';\nimport { MediaObserver } from '@angular/flex-layout';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { CoreMediaService } from '@core/services/media.service';\nimport { CoreConfigService } from '@core/services/config.service';\n\nimport { CoreSidebarService } from '@core/components/core-sidebar/core-sidebar.service';\n\n@Component({\n selector: 'core-sidebar',\n templateUrl: './core-sidebar.component.html',\n encapsulation: ViewEncapsulation.None\n})\nexport class CoreSidebarComponent implements OnInit, OnDestroy {\n // Sidebar name (Component input)\n @Input()\n name: string;\n\n // Class name for the overlay (Component input)\n @Input()\n overlayClass: string;\n\n // Sidebar Opened\n isOpened: boolean;\n\n // Collapsible sidebar (Component input)\n @Input()\n collapsibleSidebar: string;\n\n // iscollapsibleSidebar\n iscollapsibleSidebar: boolean;\n\n // Collapsible Sidebar expanded\n @HostBinding('class.expanded')\n expanded: boolean;\n\n // Collapsed changed event\n @Output()\n collapsedChangedEvent: EventEmitter;\n\n // Opened changed event\n @Output()\n openedChangedEvent: EventEmitter;\n\n // Set overlay visibility\n @Input()\n overlayVisibility: boolean;\n\n // Hide sidebar on esc key press\n @Input()\n hideOnEsc: boolean;\n\n @HostListener('document:keydown.escape', ['$event']) onKeydownHandler(event: KeyboardEvent) {\n if (this.hideOnEsc) {\n this.close();\n }\n }\n\n // Set menu class for current menu type\n menuClass: string;\n\n rootElement: any;\n\n // Private\n private _coreConfig: any;\n private _collapsed: boolean;\n private _wasCollapsible: boolean;\n private _wasCollapsed: boolean;\n private _animationPlayer: AnimationPlayer;\n private _overlay: HTMLElement | null = null;\n private _unsubscribeAll: Subject;\n\n /**\n * Constructor\n *\n * @param {DOCUMENT} document\n * @param {Renderer2} _renderer\n * @param {ElementRef} _elementRef\n * @param {CoreConfigService} _coreConfigService\n * @param {ChangeDetectorRef} _changeDetectorRef\n * @param {CoreMediaService} _coreMediaService\n * @param {CoreSidebarService} _coreSidebarService\n * @param {AnimationBuilder} _animationBuilder\n * @param {MediaObserver} _mediaObserver\n */\n constructor(\n @Inject(DOCUMENT) private document: any,\n private _renderer: Renderer2,\n private _elementRef: ElementRef,\n private _coreConfigService: CoreConfigService,\n private _changeDetectorRef: ChangeDetectorRef,\n private _coreMediaService: CoreMediaService,\n private _coreSidebarService: CoreSidebarService,\n private _animationBuilder: AnimationBuilder,\n private _mediaObserver: MediaObserver\n ) {\n // Set Defaults\n this.isOpened = false;\n this.overlayVisibility = true;\n this.hideOnEsc = false;\n\n // Layout root element\n this.rootElement =\n this.document.querySelectorAll('.vertical-layout')[0] || this.document.querySelectorAll('.horizontal-layout')[0];\n\n this.collapsedChangedEvent = new EventEmitter();\n this.openedChangedEvent = new EventEmitter();\n\n // Set Private Defaults\n this._collapsed = false;\n this._unsubscribeAll = new Subject();\n }\n\n // Accessors\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Collapsed\n *\n * @param {boolean} value\n */\n @Input()\n set collapsed(value: boolean) {\n // Set the collapsed value\n this._collapsed = value;\n\n // If the sidebar is closed, return\n if (!this.isOpened) {\n this.rootElement.classList.add('menu-expanded'); // Add menu expanded class default\n return;\n }\n\n // If Collapsed\n if (value) {\n // Collapse the sidebar\n this.collapse();\n\n // Add menu-collapsed in body and remove menu-expanded\n this.rootElement.classList.add('menu-collapsed');\n this.rootElement.classList.remove('menu-expanded');\n }\n // If Expanded\n else {\n // Expanded the sidebar\n this.expand();\n\n // Add menu-expanded in body and remove menu-collapsed\n this.rootElement.classList.add('menu-expanded');\n this.rootElement.classList.remove('menu-collapsed');\n }\n\n // Emit the 'collapsedChangedEvent' event\n this.collapsedChangedEvent.emit(this.collapsed);\n }\n\n get collapsed(): boolean {\n return this._collapsed;\n }\n\n // Lifecycle Hooks\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * On init\n */\n ngOnInit(): void {\n \n // Subscribe to app-config changes\n this._coreConfigService.config.pipe(takeUntil(this._unsubscribeAll)).subscribe(config => {\n this._coreConfig = config;\n \n if (config.layout.type == 'vertical') {\n this.menuClass = 'vertical-menu-modern';\n } else {\n this.menuClass = 'horizontal-menu';\n }\n });\n\n // Register the sidebar\n this._coreSidebarService.setSidebarRegistry(this.name, this);\n\n // Setup collapsibleSidebar\n this._setupCollapsibleSidebar();\n\n // Default collapsed\n this._defaultCollapsed();\n }\n\n /**\n * On destroy\n */\n ngOnDestroy(): void {\n // If the sidebar is collapsed, expand it to reset changes\n if (this.collapsed) {\n this.expand();\n }\n\n // Remove sidebar registry\n this._coreSidebarService.removeSidebarRegistry(this.name);\n\n // Unsubscribe from all subscriptions\n this._unsubscribeAll.next();\n this._unsubscribeAll.complete();\n }\n\n // Private Methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Setup the collapsible sidebar handler\n *\n * @private\n */\n private _setupCollapsibleSidebar(): void {\n // Return if the collapsible sidebar breakpoint was not set from the layout\n if (!this.collapsibleSidebar) {\n return;\n }\n\n // Set the _wasCollapsible false for the first time\n this._wasCollapsible = false;\n\n // Set the wasCollapsed from the layout\n this._wasCollapsed = this.collapsed;\n\n // On every media(screen) change\n this._coreMediaService.onMediaUpdate.pipe(takeUntil(this._unsubscribeAll)).subscribe(() => {\n // Get the collapsible status\n const isCollapsible = this._mediaObserver.isActive(this.collapsibleSidebar);\n //! On screen resize set the config collapsed state if we have else this.collapsed\n this._wasCollapsed = this._coreConfig.layout.menu.collapsed || this.collapsed;\n\n // If sidebar is not collapsible, switch to overlay menu (On page load without resize the window)\n // ? Improve this menu condition\n if (!isCollapsible && this.name === 'menu') {\n this.rootElement.classList.remove(this.menuClass);\n this.rootElement.classList.add('vertical-overlay-menu');\n }\n\n // If the both status are the same, then return\n if (this._wasCollapsible === isCollapsible) {\n return;\n }\n\n // If isCollapsible is true, use collapsible sidebar\n if (isCollapsible) {\n // Set the collapsibleSidebar status\n this.iscollapsibleSidebar = true;\n\n // Set the the opened status to true\n this.isOpened = true;\n\n this.expanded = true; // Adde expanded class init\n\n // Emit the 'openedChangedEvent' event\n this.openedChangedEvent.emit(this.isOpened);\n\n // If the sidebar was collapsed, forcefully collapse it again\n if (this._wasCollapsed) {\n // Collapse\n this.collapsed = true;\n\n this.expanded = false; // Remove expanded class\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n // If sidebar is collapsible, switch to collapsible menu (modern-menu)\n if (this.name === 'menu') {\n this.rootElement.classList.add(this.menuClass);\n this.rootElement.classList.remove('vertical-overlay-menu', 'menu-hide');\n }\n\n // Hide the overlay if any exists\n this._hideOverlay();\n }\n // Else use overlay sidebar\n else {\n // Set the collapsibleSidebar status\n this.iscollapsibleSidebar = false;\n\n // Expanded the sidebar in case if it was collapsed\n this.expand();\n\n // Force the the opened status to close\n this.isOpened = false;\n\n // Emit the 'openedChangedEvent' event\n this.openedChangedEvent.emit(this.isOpened);\n\n // If sidebar is not collapsible, switch to overlay menu (On window resize)\n this.rootElement.classList.remove(this.menuClass);\n this.rootElement.classList.add('vertical-overlay-menu');\n\n // Hide the sidebar\n this._hideSidebar();\n }\n\n // Set the new active status\n this._wasCollapsible = isCollapsible;\n });\n }\n\n /**\n * Setup the initial collapsed status\n *\n * @private\n */\n private _defaultCollapsed(): void {\n // Return, if sidebar is not collapsed\n if (!this.collapsed) {\n return;\n }\n\n // Return if the sidebar is closed\n if (!this.isOpened) {\n return;\n }\n\n // Collapse the sidebar\n this.collapse();\n }\n\n /**\n * Show the overlay\n *\n * @private\n */\n private _showOverlay(): void {\n // Create the overlay element\n this._overlay = this._renderer.createElement('div');\n\n // Add a class to the overlay element and make it visible\n this._overlay.classList.add(this.overlayClass);\n this._overlay.classList.add('show');\n\n // If overlayVisibility is false, set the bg transparent\n if (!this.overlayVisibility) {\n this._overlay.classList.add('bg-transparent');\n }\n\n // Append the overlay element to the parent element of the sidebar\n this._renderer.appendChild(this._elementRef.nativeElement.parentElement, this._overlay);\n\n // Overlay enter animation and attach it to the animationPlayer\n this._animationPlayer = this._animationBuilder\n .build([animate('300ms ease', style({ opacity: 1 }))])\n .create(this._overlay);\n\n // Play the overlay animation\n this._animationPlayer.play();\n\n // Add an event listener to the overlay, on click of it close the sidebar\n this._overlay.addEventListener('click', () => {\n this.close();\n });\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Hide the overlay\n *\n * @private\n */\n private _hideOverlay(): void {\n // If overlay is already hidden, return\n if (!this._overlay) {\n return;\n }\n\n // Overlay leave animation and attach it to the animationPlayer\n this._animationPlayer = this._animationBuilder\n .build([animate('300ms ease', style({ opacity: 0 }))])\n .create(this._overlay);\n\n // Play the overlay leave animation\n this._animationPlayer.play();\n\n // Once the animation is done...\n this._animationPlayer.onDone(() => {\n // If the overlay still exists...\n if (this._overlay) {\n // Remove the overlay\n this._overlay.parentNode.removeChild(this._overlay);\n this._overlay = null;\n }\n });\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Change sidebar properties to make it visible\n *\n * @private\n */\n private _showSidebar(): void {\n // If menu as sidebar, add relevant classes to body to show menu\n if (this.name == 'menu') {\n // Open overlay menu\n this.rootElement.classList.add('menu-open');\n this.rootElement.classList.remove('menu-hide');\n }\n // For default sidebar add show class to make it visible\n else {\n this._renderer.addClass(this._elementRef.nativeElement, 'show');\n // Add .modal-open from body to remove browser scroll\n if (this.overlayClass === 'modal-backdrop') {\n this.rootElement.classList.add('modal-open');\n }\n }\n\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Change sidebar properties to make it invisible\n *\n * @private\n */\n private _hideSidebar(): void {\n // If menu as sidebar, add relevant classes to body to show menu\n if (this.name == 'menu') {\n // Hide overlay menu\n this.rootElement.classList.remove('menu-open');\n this.rootElement.classList.add('menu-hide');\n }\n // For default sidebar remove show class to make it visible\n else {\n this._renderer.removeClass(this._elementRef.nativeElement, 'show');\n\n // Remove .modal-open from body\n if (this.overlayClass === 'modal-backdrop') {\n this.rootElement.classList.remove('modal-open');\n }\n }\n\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n // Public Methods\n // -----------------------------------------------------------------------------------------------------\n\n // For Collapsible Sidebar\n\n /**\n * Collapse the temporarily expanded sidebar\n */\n collapseTemporarily(): void {\n // Only work if the sidebar is collapsed\n if (!this.collapsed) {\n return;\n }\n\n // Collapse the sidebar back\n this.expanded = false;\n this.collapsed = true; // Set the menu collapsed while collapsed temp.\n\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Expanded the sidebar temporarily\n */\n expandTemporarily(): void {\n // Only work if the sidebar is collapsed\n if (!this.collapsed) {\n return;\n }\n\n // Expanded the sidebar temporarily\n this.expanded = true;\n this.collapsed = true; // Set the menu collapsed while collapsed temp.\n\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * On Sidebar's Mouseenter Event\n */\n @HostListener('mouseenter')\n onMouseEnter(): void {\n // Expand the sidebar temporarily\n this.expandTemporarily();\n }\n\n /**\n * On Sidebar's Mouseleave Event\n */\n @HostListener('mouseleave')\n onMouseLeave(): void {\n // Collapse the sidebar temporarily\n this.collapseTemporarily();\n }\n\n /**\n * Collapse the sidebar permanently\n */\n collapse(): void {\n // If the sidebar is not collapsed\n if (this.collapsed) {\n return;\n }\n\n // Set collapse true\n this.collapsed = true;\n\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Expanded the sidebar permanently\n */\n expand(): void {\n // If the sidebar is collapsed\n if (!this.collapsed) {\n return;\n }\n\n // Set collapse false (expanded)\n this.collapsed = false;\n\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Toggle the sidebar expand/collapse permanently\n */\n toggleCollapsible(): void {\n if (this.collapsed) {\n this.expand();\n } else {\n this.collapse();\n }\n }\n\n // For Overlay Sidebar\n\n /**\n * Open the sidebar\n */\n open(): void {\n // If sidebar already open or collapsible, then return\n if (this.isOpened || this.iscollapsibleSidebar) {\n return;\n }\n\n // Show the sidebar\n this._showSidebar();\n\n // Show the overlay\n this._showOverlay();\n\n // Set the sidebar opened status\n this.isOpened = true;\n\n // Emit the 'openedChangedEvent' event\n this.openedChangedEvent.emit(this.isOpened);\n\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Close the sidebar\n */\n close(): void {\n // If sidebar is not open or collapsible, then return\n if (!this.isOpened || this.iscollapsibleSidebar) {\n return;\n }\n\n // Hide the overlay\n this._hideOverlay();\n\n // Set the opened status\n this.isOpened = false;\n\n // Emit the 'openedChangedEvent' event\n this.openedChangedEvent.emit(this.isOpened);\n\n // Hide overlay menu\n this._hideSidebar();\n\n // Change detector\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Toggle open/close the sidebar\n */\n toggleOpen(): void {\n if (this.isOpened) {\n this.close();\n } else {\n this.open();\n }\n }\n}\n","\n","import { NgModule } from '@angular/core';\n\nimport { CoreSidebarComponent } from '@core/components/core-sidebar/core-sidebar.component';\n\n@NgModule({\n declarations: [CoreSidebarComponent],\n exports: [CoreSidebarComponent]\n})\nexport class CoreSidebarModule {}\n","import { Injectable } from '@angular/core';\nimport { CoreSidebarComponent } from '@core/components/core-sidebar/core-sidebar.component';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CoreSidebarService {\n // Private\n private _registry: { [key: string]: CoreSidebarComponent } = {};\n\n /**\n * Get the sidebar with the given key\n *\n * @param key\n * @returns {CoreSidebarComponent}\n */\n getSidebarRegistry(key): CoreSidebarComponent {\n // Check if the sidebar registered\n\n if (!this._registry[key]) {\n console.warn(`The sidebar with the key '${key}' doesn't exist in the registry.`);\n return;\n }\n\n // Return the sidebar\n return this._registry[key];\n }\n\n /**\n * Set the sidebar to the registry\n *\n * @param key\n * @param sidebar\n */\n\n setSidebarRegistry(key, sidebar): void {\n // Check if the key already being used\n if (this._registry[key]) {\n console.error(\n `The sidebar with the key '${key}' already exists. Either unregister it first or use a unique key.`\n );\n\n return;\n }\n\n // Set to the registry\n this._registry[key] = sidebar;\n }\n\n /**\n * Remove the sidebar from the registry\n *\n * @param key\n */\n removeSidebarRegistry(key): void {\n // Check if the sidebar registered\n if (!this._registry[key]) {\n console.warn(`The sidebar with the key '${key}' doesn't exist in the registry.`);\n }\n\n // Unregister the sidebar\n delete this._registry[key];\n }\n}\n","import { Component, OnInit, Input, Output, ViewEncapsulation, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'core-touchspin',\n templateUrl: './core-touchspin.component.html',\n styleUrls: ['./core-touchspin.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class CoreTouchspinComponent implements OnInit {\n @Input('numberValue') numberValue = 0;\n @Input('iconChevron') iconChevron = false;\n @Input('disable') disabledValue = false;\n @Input('size') size: string = '';\n @Input('color') color: string = '';\n @Input('stepValue') stepValue: number;\n @Input('maxValue') maxValue: number = 9999;\n @Input('minValue') minValue: number = 0;\n\n @Output() onChange = new EventEmitter();\n\n public disabledValueIncrement = false;\n public disabledValueDecrement = false;\n\n constructor() {}\n\n inputChange(inputValue: number) {\n if (inputValue == this.maxValue || inputValue > this.maxValue) {\n this.disabledValueIncrement = true;\n } else {\n this.disabledValueIncrement = false;\n }\n if (inputValue == this.minValue || inputValue < this.minValue) {\n this.disabledValueDecrement = true;\n } else {\n this.disabledValueDecrement = false;\n }\n\n this.emitChange(inputValue);\n }\n\n increment() {\n if (this.stepValue == undefined) {\n this.numberValue += 1;\n } else {\n this.numberValue += this.stepValue;\n }\n\n this.emitChange(this.numberValue);\n\n if (!(this.minValue == undefined || this.maxValue == undefined)) {\n if (this.numberValue == this.maxValue || this.numberValue > this.maxValue) {\n this.disabledValueIncrement = true;\n } else {\n this.disabledValueIncrement = false;\n }\n if (this.numberValue > this.minValue) {\n this.disabledValueDecrement = false;\n } else {\n this.disabledValueDecrement = true;\n }\n }\n }\n\n decrement() {\n if (this.stepValue == undefined) {\n this.numberValue -= 1;\n } else {\n this.numberValue -= this.stepValue;\n }\n\n this.emitChange(this.numberValue);\n\n if (!(this.minValue == undefined || this.maxValue == undefined)) {\n if (this.numberValue == this.minValue || this.numberValue < this.minValue) {\n this.disabledValueDecrement = true;\n } else {\n this.disabledValueDecrement = false;\n }\n if (this.numberValue < this.maxValue) {\n this.disabledValueIncrement = false;\n } else {\n this.disabledValueIncrement = true;\n }\n }\n }\n\n /**\n * Emit changed value\n * @param value\n */\n emitChange(value) {\n this.onChange.emit(value);\n }\n\n ngOnInit(): void {\n this.disabledValueIncrement = this.disabledValue;\n this.disabledValueDecrement = this.disabledValue;\n\n // Check if current value is equal to min / max value then disable button respectively\n if (this.numberValue === this.minValue) {\n this.disabledValueDecrement = true;\n } else if (this.numberValue === this.maxValue) {\n this.disabledValueIncrement = true;\n }\n }\n}\n","
\n \n \n \n \n \n \n \n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { CoreTouchspinComponent } from '@core/components/core-touchspin/core-touchspin.component';\nimport { CoreCommonModule } from '@core/common.module';\n\n@NgModule({\n declarations: [CoreTouchspinComponent],\n imports: [CommonModule, FormsModule, CoreCommonModule],\n exports: [CoreTouchspinComponent]\n})\nexport class CoreTouchspinModule {}\n","// common components\nexport * from './core-menu/core-menu.module';\nexport * from './core-sidebar/core-sidebar.module';\nexport * from './theme-customizer/theme-customizer.module';\n","import { Component, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { CoreConfigService } from '@core/services/config.service';\nimport { CoreSidebarService } from '@core/components/core-sidebar/core-sidebar.service';\n\n@Component({\n selector: 'core-theme-customizer',\n templateUrl: './theme-customizer.component.html',\n styleUrls: ['./theme-customizer.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class CoreThemeCustomizerComponent implements OnInit, OnDestroy {\n navbarColorValue: string;\n coreConfig: any;\n form: UntypedFormGroup;\n\n // Private\n private _unsubscribeAll: Subject;\n\n /**\n * Constructor\n\n * @param {FormBuilder} _formBuilder\n * @param {CoreConfigService} _coreConfigService\n * @param {CoreSidebarService} _coreSidebarService\n * */\n constructor(\n private _formBuilder: UntypedFormBuilder,\n private _coreConfigService: CoreConfigService,\n private _coreSidebarService: CoreSidebarService\n ) {\n // Set the private defaults\n this._unsubscribeAll = new Subject();\n }\n\n // Lifecycle hooks\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * On init\n */\n ngOnInit(): void {\n // Build theme config form\n this.form = this._formBuilder.group({\n app: this._formBuilder.group({\n appName: new UntypedFormControl(),\n appTitle: new UntypedFormControl(),\n appLogoImage: new UntypedFormControl(),\n appLanguage: new UntypedFormControl()\n }),\n layout: this._formBuilder.group({\n skin: new UntypedFormControl(),\n type: new UntypedFormControl(),\n animation: new UntypedFormControl(),\n menu: this._formBuilder.group({\n hidden: new UntypedFormControl(),\n collapsed: new UntypedFormControl()\n }),\n navbar: this._formBuilder.group({\n hidden: new UntypedFormControl(),\n type: new UntypedFormControl(),\n background: new UntypedFormControl(),\n customBackgroundColor: new UntypedFormControl(),\n backgroundColor: new UntypedFormControl()\n }),\n footer: this._formBuilder.group({\n hidden: new UntypedFormControl(),\n type: new UntypedFormControl(),\n background: new UntypedFormControl(),\n customBackgroundColor: new UntypedFormControl(),\n backgroundColor: new UntypedFormControl()\n }),\n enableLocalStorage: new UntypedFormControl(),\n customizer: new UntypedFormControl(),\n scrollTop: new UntypedFormControl(),\n buyNow: new UntypedFormControl()\n })\n });\n\n // Subscribe to the config changes\n this._coreConfigService.config.pipe(takeUntil(this._unsubscribeAll)).subscribe(config => {\n // Update config\n this.coreConfig = config;\n\n // Set the config form values\n this.form.setValue(config, { emitEvent: false });\n });\n\n // Subscribe to the form layout.type value changes\n this.form\n .get('layout.type')\n .valueChanges.pipe(takeUntil(this._unsubscribeAll))\n .subscribe(value => {\n this._resetFormValues(value);\n });\n\n // Subscribe to the form value changes\n this.form.valueChanges.pipe(takeUntil(this._unsubscribeAll)).subscribe(config => {\n this._coreConfigService.config = config;\n });\n\n // Set navbar color\n this.navbarColor(this.form.get('layout.navbar.backgroundColor').value);\n }\n\n /**\n * On destroy\n */\n ngOnDestroy(): void {\n // Unsubscribe from all subscriptions\n this._unsubscribeAll.next();\n this._unsubscribeAll.complete();\n }\n\n // Private methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Reset form values based on the selected menu layout\n *\n * @param value\n * @private\n */\n private _resetFormValues(value): void {\n switch (value) {\n case 'vertical': {\n this.form.patchValue({\n layout: {\n // skin: 'default',\n animation: 'fadeIn',\n menu: {\n hidden: false,\n collapsed: false\n },\n navbar: {\n hidden: false,\n type: 'floating-nav',\n background: 'navbar-light',\n customBackgroundColor: true,\n backgroundColor: ''\n },\n footer: {\n hidden: false,\n type: 'footer-static',\n background: 'footer-light',\n customBackgroundColor: false,\n backgroundColor: 'bg-primary'\n }\n }\n });\n }\n case 'horizontal': {\n this.form.patchValue({\n layout: {\n // skin: 'default',\n animation: 'fadeIn',\n menu: {\n hidden: false,\n collapsed: false\n },\n navbar: {\n hidden: false,\n type: 'floating-nav',\n background: 'navbar-light',\n customBackgroundColor: true,\n backgroundColor: ''\n },\n footer: {\n hidden: false,\n type: 'footer-static',\n background: 'footer-light',\n customBackgroundColor: false,\n backgroundColor: 'bg-primary'\n }\n }\n });\n }\n }\n\n // Set navbar color\n this.navbarColor(this.form.get('layout.navbar.backgroundColor').value);\n }\n\n // Public methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Patch selected navbar color value to form\n *\n * @param value\n */\n navbarColor(value): void {\n this.navbarColorValue = value;\n this.form.patchValue({\n layout: { navbar: { customBackgroundColor: true, backgroundColor: this.navbarColorValue } }\n });\n }\n\n /**\n * Toggle sidebar open\n *\n * @param key\n */\n toggleSidebar(key): void {\n this._coreSidebarService.getSidebarRegistry(key).toggleOpen();\n }\n}\n","
\n \n
\n
Theme Customizer
\n
Customize & Preview in Real Time
\n\n \n
\n\n \n
\n \n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport {\n PerfectScrollbarConfigInterface,\n PerfectScrollbarModule,\n PERFECT_SCROLLBAR_CONFIG\n} from 'ngx-perfect-scrollbar';\n\nimport { CoreDirectivesModule } from '@core/directives/directives';\nimport { CoreSidebarModule } from '@core/components/core-sidebar/core-sidebar.module';\n\nimport { CoreThemeCustomizerComponent } from '@core/components/theme-customizer/theme-customizer.component';\n\nconst DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {\n suppressScrollX: true,\n wheelPropagation: false\n};\n\n@NgModule({\n declarations: [CoreThemeCustomizerComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n FlexLayoutModule,\n PerfectScrollbarModule,\n CoreDirectivesModule,\n CoreSidebarModule\n ],\n providers: [\n {\n provide: PERFECT_SCROLLBAR_CONFIG,\n useValue: DEFAULT_PERFECT_SCROLLBAR_CONFIG\n }\n ],\n exports: [CoreThemeCustomizerComponent]\n})\nexport class CoreThemeCustomizerModule {}\n","import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\n\nimport { CORE_CUSTOM_CONFIG } from '@core/services/config.service';\n\n@NgModule()\nexport class CoreModule {\n constructor(@Optional() @SkipSelf() parentModule: CoreModule) {\n if (parentModule) {\n throw new Error('Import CoreModule in the AppModule only');\n }\n }\n\n static forRoot(config): ModuleWithProviders {\n return {\n ngModule: CoreModule,\n providers: [\n {\n provide: CORE_CUSTOM_CONFIG,\n useValue: config\n }\n ]\n };\n }\n}\n","import { Directive, ElementRef, Input, Inject, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';\n\nimport * as Feather from 'feather-icons';\n\n@Directive({\n selector: '[data-feather]'\n})\nexport class FeatherIconDirective implements OnChanges {\n // Private\n private _nativeElement: any;\n\n @Input('data-feather') name!: string;\n @Input() class!: string;\n @Input() size!: string;\n @Input() inner!: boolean;\n\n /**\n * Constructor\n *\n * @param {ElementRef} _elementRef\n */\n constructor(\n @Inject(ElementRef) private _elementRef: ElementRef,\n @Inject(ChangeDetectorRef) private _changeDetector: ChangeDetectorRef\n ) {}\n\n ngOnChanges(changes: SimpleChanges) {\n // Get the native element\n this._nativeElement = this._elementRef.nativeElement;\n\n // SVG parameter\n this.name = changes.name ? changes.name.currentValue : '';\n this.size = changes.size ? changes.size.currentValue : '14'; // Set default size 14\n this.class = changes.class ? changes.class.currentValue : '';\n\n // Create SVG\n const svg = Feather.icons[this.name].toSvg({\n class: this.class,\n width: this.size,\n height: this.size\n });\n\n // Set SVG\n if (this.inner) {\n this._nativeElement.innerHTML = svg;\n } else {\n this._nativeElement.outerHTML = svg;\n }\n this._changeDetector.markForCheck();\n }\n}\n","import { Directive, ElementRef, Input, OnInit } from '@angular/core';\n\nimport * as Waves from 'node-waves';\n\n@Directive({\n selector: '[rippleEffect]'\n})\nexport class RippleEffectDirective {\n // Private\n private _nativeElement: any;\n @Input() wave: string;\n /**\n * Constructor\n *\n * @param {ElementRef} _elementRef\n */\n constructor(private _elementRef: ElementRef) {}\n\n ngOnInit(): void {\n // Get the native element\n this._nativeElement = this._elementRef.nativeElement;\n\n if (\n // Attach ripple with light style i.e solid variant of button\n !this._nativeElement.className.split(' ').some(function (c) {\n return /btn-outline-.*/.test(c);\n }) &&\n !this._nativeElement.className.split(' ').some(function (c) {\n return /btn-flat-.*/.test(c);\n })\n ) {\n Waves.attach(this._nativeElement, ['waves-float', 'waves-light']);\n } else {\n // Attach ripple with transparent style i.e flat, outline variant of button\n Waves.attach(this._nativeElement);\n }\n }\n}\n","import { NgModule } from '@angular/core';\n\nimport { FeatherIconDirective } from '@core/directives/core-feather-icons/core-feather-icons';\nimport { RippleEffectDirective } from '@core/directives/core-ripple-effect/core-ripple-effect.directive';\nimport { DeleteDirective } from 'app/directives/delete.directive';\n\n@NgModule({\n declarations: [RippleEffectDirective, FeatherIconDirective,DeleteDirective],\n exports: [RippleEffectDirective, FeatherIconDirective,DeleteDirective]\n})\nexport class CoreDirectivesModule {}\n","import { Pipe, PipeTransform } from '@angular/core';\n@Pipe({\n name: 'filter'\n})\nexport class FilterPipe implements PipeTransform {\n /**\n * Transform\n *\n * @param {any[]} items\n * @param {string} searchText\n * @param {string} key\n *\n * @returns {any}\n */\n transform(items: any[], searchText: string, key: string): any[] {\n if (!items) return [];\n if (!searchText) return items;\n\n searchText = searchText.toLowerCase();\n return items.filter(it => {\n return it[key].toLowerCase().includes(searchText);\n });\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'initials'\n})\nexport class InitialsPipe implements PipeTransform {\n transform(fullName: string): any {\n return fullName\n ?.split(' ')\n .map(n => n[0])\n .join('');\n }\n}\n","import { NgModule } from '@angular/core';\n\nimport { FilterPipe } from '@core/pipes/filter.pipe';\n\nimport { InitialsPipe } from '@core/pipes/initials.pipe';\n\nimport { SafePipe } from '@core/pipes/safe.pipe';\nimport { StripHtmlPipe } from '@core/pipes/stripHtml.pipe';\n\n@NgModule({\n declarations: [InitialsPipe, FilterPipe, StripHtmlPipe, SafePipe],\n imports: [],\n exports: [InitialsPipe, FilterPipe, StripHtmlPipe, SafePipe]\n})\nexport class CorePipesModule {}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';\n\n/**\n * Sanitize HTML\n */\n@Pipe({\n name: 'safe'\n})\nexport class SafePipe implements PipeTransform {\n /**\n * Pipe Constructor\n *\n * @param _sanitizer: DomSanitezer\n */\n // tslint:disable-next-line\n constructor(protected _sanitizer: DomSanitizer) {}\n\n /**\n * Transform\n *\n * @param value: string\n * @param type: string\n */\n transform(value: string, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {\n switch (type) {\n case 'html':\n return this._sanitizer.bypassSecurityTrustHtml(value);\n case 'style':\n return this._sanitizer.bypassSecurityTrustStyle(value);\n case 'script':\n return this._sanitizer.bypassSecurityTrustScript(value);\n case 'url':\n return this._sanitizer.bypassSecurityTrustUrl(value);\n case 'resourceUrl':\n return this._sanitizer.bypassSecurityTrustResourceUrl(value);\n default:\n return this._sanitizer.bypassSecurityTrustHtml(value);\n }\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'striphtml'\n})\nexport class StripHtmlPipe implements PipeTransform {\n transform(value: string): any {\n return value.replace(/<.*?>/g, ''); // replace tags\n }\n}\n","import { Inject, Injectable, InjectionToken } from '@angular/core';\nimport { ResolveEnd, Router } from '@angular/router';\n\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\nimport * as _ from 'lodash';\n\n// Injection token for the core custom settings\nexport const CORE_CUSTOM_CONFIG = new InjectionToken('coreCustomConfig');\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CoreConfigService {\n // Private\n public localConfig: any;\n private readonly _defaultConfig: any;\n private _configSubject: BehaviorSubject;\n\n /**\n * Constructor\n *\n * @param _config\n * @param {Router} _router\n */\n constructor(private _router: Router, @Inject(CORE_CUSTOM_CONFIG) private _config) {\n // Get the config from local storage\n if (_config.layout.enableLocalStorage) {\n this.localConfig = JSON.parse(localStorage.getItem('config'));\n } else {\n localStorage.removeItem('config');\n }\n\n // Set the defaultConfig to localConfig if we have else appConfig (app-config.ts)\n this._defaultConfig = this.localConfig ? this.localConfig : _config;\n\n // Initialize the config service\n this._initConfig();\n }\n\n // Accessors\n // -----------------------------------------------------------------------------------------------------\n\n // Set the config\n set config(data) {\n let config;\n\n // Set config = localConfig, If we have else defaultConfig\n if (this.localConfig) {\n config = this.localConfig;\n } else {\n config = this._configSubject.getValue();\n }\n\n // Merge provided data with config, and create new merged config\n config = _.merge({}, config, data);\n\n // Set config to local storage if enableLocalStorage parameter is true\n if (config.layout.enableLocalStorage) {\n localStorage.setItem('config', JSON.stringify(config));\n }\n\n // Inform the observers\n this._configSubject.next(config);\n }\n\n // Get the config\n get config(): any | Observable {\n return this._configSubject.asObservable();\n }\n\n /**\n * Get default config\n *\n * @returns {any}\n */\n get defaultConfig(): any {\n return this._defaultConfig;\n }\n\n // Private methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Initialize\n *\n * @private\n */\n private _initConfig(): void {\n // Set the config from the default config\n this._configSubject = new BehaviorSubject(_.cloneDeep(this._defaultConfig));\n\n // On every RoutesRecognized event\n // Check if localDefault (localStorage if we have else defaultConfig) is different form the default one\n this._router.events.pipe(filter(event => event instanceof ResolveEnd)).subscribe(() => {\n // Get the local config from local storage\n this.localConfig = JSON.parse(localStorage.getItem('config'));\n\n // Set localDefault to localConfig if we have else defaultConfig\n let localDefault = this.localConfig ? this.localConfig : this._defaultConfig;\n\n // If localDefault is different form the provided config (page config)\n if (!_.isEqual(this._configSubject.getValue().layout, localDefault.layout)) {\n // Clone the current config\n const config = _.cloneDeep(this._configSubject.getValue());\n\n // Reset the layout from the default config\n config.layout = _.cloneDeep(localDefault.layout);\n\n // Set the config\n this._configSubject.next(config);\n }\n });\n }\n\n // Public methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Set config\n *\n * @param data\n * @param {{emitEvent: boolean}} param\n */\n setConfig(data, param = { emitEvent: true }): void {\n let config;\n\n // Set config = localConfig, If we have else defaultConfig\n this.localConfig = JSON.parse(localStorage.getItem('config'));\n if (this.localConfig) {\n config = this.localConfig;\n } else {\n config = this._configSubject.getValue();\n }\n\n // Merge provided value with config, and create new merged config\n config = _.merge({}, config, data);\n\n // Set config to local storage if enableLocalStorage parameter is true\n if (config.layout.enableLocalStorage) {\n localStorage.setItem('config', JSON.stringify(config));\n }\n\n // If emitEvent option is true...\n if (param.emitEvent === true) {\n // Inform the observers\n this._configSubject.next(config);\n }\n }\n\n /**\n * Get config\n *\n * @returns {Observable}\n */\n getConfig(): Observable {\n return this._configSubject.asObservable();\n }\n\n /**\n * Reset to the default config\n */\n resetConfig(): void {\n this._configSubject.next(_.cloneDeep(this._defaultConfig));\n }\n}\n","import { Inject, Injectable } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\nimport { animate, AnimationBuilder, AnimationPlayer, style } from '@angular/animations';\nimport { NavigationEnd, Router } from '@angular/router';\n\nimport { filter, take } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CoreLoadingScreenService {\n loadingScreenEl: any;\n animationPlayer: AnimationPlayer;\n\n /**\n * Constructor\n *\n * @param _document\n * @param {Router} _router\n * @param {AnimationBuilder} _animationBuilder\n */\n constructor(\n @Inject(DOCUMENT) private _document: any,\n private _router: Router,\n private _animationBuilder: AnimationBuilder\n ) {\n // Initialize\n this._init();\n }\n\n // Private methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Initialize\n *\n * @private\n */\n private _init(): void {\n // Get the loading screen element\n this.loadingScreenEl = this._document.body.querySelector('#loading-bg');\n\n // If loading screen element\n if (this.loadingScreenEl) {\n // Hide it on the first NavigationEnd event\n this._router.events\n .pipe(\n filter(event => event instanceof NavigationEnd),\n take(1)\n )\n .subscribe(() => {\n setTimeout(() => {\n this.hide();\n });\n });\n }\n }\n\n // Public methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Show the loading screen\n */\n show(): void {\n this.animationPlayer = this._animationBuilder\n .build([\n style({\n opacity: '0',\n zIndex: '99999'\n }),\n animate('250ms ease', style({ opacity: '1' }))\n ])\n .create(this.loadingScreenEl);\n\n setTimeout(() => {\n this.animationPlayer.play();\n }, 0);\n }\n\n /**\n * Hide the loading screen\n */\n hide(): void {\n this.animationPlayer = this._animationBuilder\n .build([\n style({ opacity: '1' }),\n animate(\n '250ms ease',\n style({\n opacity: '0',\n zIndex: '-10'\n })\n )\n ])\n .create(this.loadingScreenEl);\n\n setTimeout(() => {\n this.loadingScreenEl.remove();\n this.animationPlayer.play();\n }, 0);\n }\n}\n","import { Injectable } from '@angular/core';\nimport { MediaChange, MediaObserver } from '@angular/flex-layout';\n\nimport { BehaviorSubject } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CoreMediaService {\n currentMediaQuery: string;\n onMediaUpdate: BehaviorSubject = new BehaviorSubject('');\n\n /**\n * Constructor\n *\n * @param {MediaObserver} _mediaObserver\n */\n constructor(private _mediaObserver: MediaObserver) {\n // Set the defaults\n this.currentMediaQuery = '';\n\n // Initialize\n this._init();\n }\n\n // @ Private methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Initialize\n *\n * @private\n */\n private _init(): void {\n this._mediaObserver.media$.pipe(debounceTime(500), distinctUntilChanged()).subscribe((change: MediaChange) => {\n\n if (this.currentMediaQuery !== change.mqAlias) {\n this.currentMediaQuery = change.mqAlias;\n this.onMediaUpdate.next(change.mqAlias);\n }\n });\n }\n}\n","import { Injectable } from '@angular/core';\n\nimport { TranslateService } from '@ngx-translate/core';\n\nexport interface Locale {\n lang: string;\n data: Object;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CoreTranslationService {\n /**\n * Constructor\n *\n * @param {TranslateService} _translateService\n */\n constructor(private _translateService: TranslateService) {}\n\n // Public methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Translate\n *\n * @param {Locale} args\n */\n translate(...args: Locale[]): void {\n const locales = [...args];\n\n locales.forEach(locale => {\n // use setTranslation() with the third argument value as true to append translations instead of replacing them\n this._translateService.setTranslation(locale.lang, locale.data, true);\n });\n }\n}\n","import { CoreConfig } from '@core/types';\n\n/**\n * Default App Config\n *\n * ? TIP:\n *\n * Change app config based on your preferences.\n * You can also change them on each component basis. i.e `app/main/pages/authentication/auth-login-v1/auth-login-v1.component.ts`\n *\n * ! IMPORTANT: If the enableLocalStorage option is true then make sure you clear the browser local storage(https://developers.google.com/web/tools/chrome-devtools/storage/localstorage#delete).\n * ! Otherwise, it will not take the below config changes and use stored config from local storage.\n *\n */\n\n// prettier-ignore\nexport const coreConfig: CoreConfig = {\n app: {\n appName : 'Crm', // App Name\n appTitle : 'Crm', // App Title\n appLogoImage: 'assets/images/logo/logo.svg', // App Logo\n appLanguage : 'en', // App Default Language (en, fr, de, pt etc..)\n },\n layout: {\n skin : 'default', // default, dark, bordered, semi-dark\n type : 'vertical', // vertical, horizontal\n animation : 'fadeIn', // fadeInLeft, zoomIn , fadeIn, none\n menu : {\n hidden : false, // Boolean: true, false\n collapsed : false, // Boolean: true, false\n },\n // ? For horizontal menu, navbar type will work for navMenu type\n navbar: {\n hidden : false, // Boolean: true, false\n type : 'floating-nav', // navbar-static-top, fixed-top, floating-nav, d-none\n background : 'navbar-light', // navbar-light. navbar-dark\n customBackgroundColor: false, // Boolean: true, false\n backgroundColor : '' // BS color i.e bg-primary, bg-success\n },\n footer: {\n hidden : false, // Boolean: true, false\n type : 'footer-static', // footer-static, footer-sticky, d-none\n background : 'footer-light', // footer-light. footer-dark\n customBackgroundColor: false, // Boolean: true, false\n backgroundColor : '' // BS color i.e bg-primary, bg-success\n },\n enableLocalStorage: true,\n customizer : false, // Boolean: true, false (Enable theme customizer)\n scrollTop : true, // Boolean: true, false (Enable scroll to top button)\n buyNow : true // Boolean: true, false (Set false in real project, For demo purpose only)\n }\n}\n","import { Component, Inject, OnDestroy, OnInit, ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { Title } from '@angular/platform-browser';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { TranslateService } from '@ngx-translate/core';\nimport * as Waves from 'node-waves';\n\nimport { CoreMenuService } from '@core/components/core-menu/core-menu.service';\nimport { CoreSidebarService } from '@core/components/core-sidebar/core-sidebar.service';\nimport { CoreConfigService } from '@core/services/config.service';\nimport { CoreLoadingScreenService } from '@core/services/loading-screen.service';\nimport { CoreTranslationService } from '@core/services/translation.service';\n\nimport { menu } from 'app/menu/menu';\nimport { locale as menuEnglish } from 'app/menu/i18n/en';\nimport { locale as menuFrench } from 'app/menu/i18n/fr';\nimport { locale as menuGerman } from 'app/menu/i18n/de';\nimport { locale as menuPortuguese } from 'app/menu/i18n/pt';\nimport { AuthService, _isAuthenticated, _isId, _isRole } from './services/auth.service';\nimport { environment } from 'environments/environment';\nimport { menus } from '@core/components/core-menu/core-menu.component';\nimport { PageService } from './services/models/page.service';\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.scss']\n})\nexport class AppComponent implements OnInit, OnDestroy {\n coreConfig: any;\n menu: any;\n defaultLanguage: 'en'; // This language will be used as a fallback when a translation isn't found in the current language\n appLanguage: 'en'; // Set application default language i.e fr\n\n // Private\n private _unsubscribeAll: Subject;\n\n /**\n * Constructor\n *\n * @param {DOCUMENT} document\n * @param {Title} _title\n * @param {Renderer2} _renderer\n * @param {ElementRef} _elementRef\n * @param {CoreConfigService} _coreConfigService\n * @param {CoreSidebarService} _coreSidebarService\n * @param {CoreLoadingScreenService} _coreLoadingScreenService\n * @param {CoreMenuService} _coreMenuService\n * @param {CoreTranslationService} _coreTranslationService\n * @param {TranslateService} _translateService\n */\n constructor(\n @Inject(DOCUMENT) private document: any,\n private _title: Title,\n private _renderer: Renderer2,\n private _elementRef: ElementRef,\n public _coreConfigService: CoreConfigService,\n private _coreSidebarService: CoreSidebarService,\n private _coreLoadingScreenService: CoreLoadingScreenService,\n private _coreMenuService: CoreMenuService,\n private _coreTranslationService: CoreTranslationService,\n private _translateService: TranslateService,\n public authService: AuthService,\n private pageService: PageService,\n private _changeDetectorRef: ChangeDetectorRef,\n ) {\n \n authService.identityCheck();\n\n\n /* this._coreMenuService.onMenuChanged.pipe(takeUntil(this._unsubscribeAll)).subscribe(async () => {\n let data = null;\n\n if (_isAuthenticated) { // _isAuthenticated doğru şekilde tanımlandı mı?\n this.pageService.event$.subscribe(async result => {\n data = await this.pageService.getAllPage(_isId);\n })\n data = await this.pageService.getAllPage(_isId);\n // Gelen veriyi doğrudan menüye atıyoruz\n this.menu = data;\n console.log(this.menu)\n //this._coreMenuService.register('main', this.menu);\n //this._coreMenuService.setCurrentMenu('main');\n // Change Detection'ı tetikleme\n this._changeDetectorRef.markForCheck();\n };\n }\n ) */\n\n\n // Register the menu to the menu service\n //this._coreMenuService.register('main', this.menu);\n\n // Set the main menu as our current menu\n //this._coreMenuService.setCurrentMenu('main');\n\n // Add languages to the translation service\n this._translateService.addLangs(['en', 'fr', 'de', 'pt']);\n\n // This language will be used as a fallback when a translation isn't found in the current language\n this._translateService.setDefaultLang('en');\n\n // Set the translations for the menu\n this._coreTranslationService.translate(menuEnglish, menuFrench, menuGerman, menuPortuguese);\n\n // Set the private defaults\n this._unsubscribeAll = new Subject();\n\n }\n\n\n // Lifecycle hooks\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * On init\n */\n ngOnInit(): void {\n // Init wave effect (Ripple effect)\n if (environment.production) {\n if (location.protocol === 'http:') {\n window.location.href = location.href.replace('http', 'https');\n }\n }\n Waves.init();\n\n // Subscribe to config changes\n this._coreConfigService.config.pipe(takeUntil(this._unsubscribeAll)).subscribe(config => {\n this.coreConfig = config;\n // Set application default language.\n\n // Change application language? Read the ngxTranslate Fix\n\n // ? Use app-config.ts file to set default language\n const appLanguage = this.coreConfig.app.appLanguage || 'en';\n this._translateService.use(appLanguage);\n\n // ? OR\n // ? User the current browser lang if available, if undefined use 'en'\n // const browserLang = this._translateService.getBrowserLang();\n // this._translateService.use(browserLang.match(/en|fr|de|pt/) ? browserLang : 'en');\n\n /**\n * ! Fix : ngxTranslate\n * ----------------------------------------------------------------------------------------------------\n */\n\n /**\n *\n * Using different language than the default ('en') one i.e French?\n * In this case, you may find the issue where application is not properly translated when your app is initialized.\n *\n * It's due to ngxTranslate module and below is a fix for that.\n * Eventually we will move to the multi language implementation over to the Angular's core language service.\n *\n **/\n\n // Set the default language to 'en' and then back to 'fr'.\n\n setTimeout(() => {\n this._translateService.setDefaultLang('en');\n this._translateService.setDefaultLang(appLanguage);\n });\n\n /**\n * !Fix: ngxTranslate\n * ----------------------------------------------------------------------------------------------------\n */\n\n // Layout\n //--------\n\n // Remove default classes first\n this._elementRef.nativeElement.classList.remove(\n 'vertical-layout',\n 'vertical-menu-modern',\n 'horizontal-layout',\n 'horizontal-menu'\n );\n // Add class based on config options\n if (this.coreConfig.layout.type === 'vertical') {\n this._elementRef.nativeElement.classList.add('vertical-layout', 'vertical-menu-modern');\n } else if (this.coreConfig.layout.type === 'horizontal') {\n this._elementRef.nativeElement.classList.add('horizontal-layout', 'horizontal-menu');\n }\n\n // Navbar\n //--------\n\n // Remove default classes first\n this._elementRef.nativeElement.classList.remove(\n 'navbar-floating',\n 'navbar-static',\n 'navbar-sticky',\n 'navbar-hidden'\n );\n\n // Add class based on config options\n if (this.coreConfig.layout.navbar.type === 'navbar-static-top') {\n this._elementRef.nativeElement.classList.add('navbar-static');\n } else if (this.coreConfig.layout.navbar.type === 'fixed-top') {\n this._elementRef.nativeElement.classList.add('navbar-sticky');\n } else if (this.coreConfig.layout.navbar.type === 'floating-nav') {\n this._elementRef.nativeElement.classList.add('navbar-floating');\n } else {\n this._elementRef.nativeElement.classList.add('navbar-hidden');\n }\n\n // Footer\n //--------\n\n // Remove default classes first\n this._elementRef.nativeElement.classList.remove('footer-fixed', 'footer-static', 'footer-hidden');\n\n // Add class based on config options\n if (this.coreConfig.layout.footer.type === 'footer-sticky') {\n this._elementRef.nativeElement.classList.add('footer-fixed');\n } else if (this.coreConfig.layout.footer.type === 'footer-static') {\n this._elementRef.nativeElement.classList.add('footer-static');\n } else {\n this._elementRef.nativeElement.classList.add('footer-hidden');\n }\n\n // Blank layout\n if (\n this.coreConfig.layout.menu.hidden &&\n this.coreConfig.layout.navbar.hidden &&\n this.coreConfig.layout.footer.hidden\n ) {\n this._elementRef.nativeElement.classList.add('blank-page');\n // ! Fix: Transition issue while coming from blank page\n this._renderer.setAttribute(\n this._elementRef.nativeElement.getElementsByClassName('app-content')[0],\n 'style',\n 'transition:none'\n );\n } else {\n this._elementRef.nativeElement.classList.remove('blank-page');\n // ! Fix: Transition issue while coming from blank page\n setTimeout(() => {\n this._renderer.setAttribute(\n this._elementRef.nativeElement.getElementsByClassName('app-content')[0],\n 'style',\n 'transition:300ms ease all'\n );\n }, 0);\n // If navbar hidden\n if (this.coreConfig.layout.navbar.hidden) {\n this._elementRef.nativeElement.classList.add('navbar-hidden');\n }\n // Menu (Vertical menu hidden)\n if (this.coreConfig.layout.menu.hidden) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'data-col', '1-column');\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'data-col');\n }\n // Footer\n if (this.coreConfig.layout.footer.hidden) {\n this._elementRef.nativeElement.classList.add('footer-hidden');\n }\n }\n\n // Skin Class (Adding to body as it requires highest priority)\n if (this.coreConfig.layout.skin !== '' && this.coreConfig.layout.skin !== undefined) {\n this.document.body.classList.remove('default-layout', 'bordered-layout', 'dark-layout', 'semi-dark-layout');\n this.document.body.classList.add(this.coreConfig.layout.skin + '-layout');\n }\n });\n\n // Set the application page title\n this._title.setTitle(this.coreConfig.app.appTitle);\n }\n\n /**\n * On destroy\n */\n ngOnDestroy(): void {\n // Unsubscribe from all subscriptions\n this._unsubscribeAll.next();\n this._unsubscribeAll.complete();\n }\n\n // Public methods\n // -----------------------------------------------------------------------------------------------------\n\n /**\n * Toggle sidebar open\n *\n * @param key\n */\n toggleSidebar(key): void {\n\n this._coreSidebarService.getSidebarRegistry(key).toggleOpen();\n }\n}\n","\n\n \n\n\n\n\n\n \n\n\n\n\n\n \n \n \n \n\n\n","import { NgModule } from '@angular/core';\nimport { HashLocationStrategy, LocationStrategy } from '@angular/common';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { RouterModule, Routes } from '@angular/router';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';\n\nimport 'hammerjs';\nimport { NgbDateParserFormatter, NgbDatepickerI18n, NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ToastrModule } from 'ngx-toastr'; // For auth after login toast\n\nimport { CoreModule } from '@core/core.module';\nimport { CoreCommonModule } from '@core/common.module';\nimport { CoreSidebarModule, CoreThemeCustomizerModule } from '@core/components';\n\nimport { coreConfig } from 'app/app-config';\n\nimport { AppComponent } from 'app/app.component';\nimport { LayoutModule } from 'app/layout/layout.module';\n\nimport { JwtModule } from \"@auth0/angular-jwt\";\nimport { AuthLoginV2Component } from './main/pages/authentication/auth-login-v2/auth-login-v2.component';\n\nimport { ColumnChangesService, DimensionsHelper, ScrollbarHelper } from '@swimlane/ngx-datatable';\n\nimport { AuthRegisterV1Component } from './main/pages/authentication/auth-register-v1/auth-register-v1.component';\nimport { PagesModule } from './main/pages/pages.module';\nimport { AdminModule } from './main/admin/admin.module';\nimport { HttpErrorHandlerInterceptorService } from './services/HttpErrorHandlerInterceptorService';\nimport { HomeComponent } from './main/pages/home/home.component';\nimport { DialogsModule } from './dialogs/dialogs.module';\nimport { CustomDatepickerI18n, I18n } from './main/admin/deneme/date-picket-i18n/date-picket-i18n';\n\nconst accessToken = localStorage.getItem(\"accessToken\");\n\nconst appRoutes: Routes = [\n {\n path: 'pages',\n loadChildren: () => import('./main/pages/pages.module').then(p => p.PagesModule)\n },\n {\n path: 'admin',\n loadChildren: () => import('./main/admin/admin.module').then(p => p.AdminModule),\n },\n {\n path: '',\n redirectTo: accessToken ? '/admin/deneme' : '/pages/authentication/login-v2',\n pathMatch: 'full',\n },\n /*\n {\n path:'',\n component:HomeComponent,\n loadChildren: ()=>import('./main/pages/home/home.module').then(p=>p.HomeModule),\n },*/\n {\n path: '**',\n redirectTo: '/pages/miscellaneous/error' //Error 404 - Page not found\n },\n];\n\n@NgModule({\n declarations: [AppComponent],\n imports: [\n BrowserModule,\n BrowserAnimationsModule,\n HttpClientModule,\n JwtModule.forRoot({\n config: {\n tokenGetter: () => localStorage.getItem(\"accessToken\"),\n allowedDomains: [\"api.sky.kaynakyazilim.com.tr\"],\n }\n }),\n RouterModule.forRoot(appRoutes, {\n scrollPositionRestoration: 'enabled'\n }),\n TranslateModule.forRoot(),\n\n //NgBootstrap\n NgbModule,\n ToastrModule.forRoot(),\n\n // Core modules\n CoreModule.forRoot(coreConfig),\n CoreCommonModule,\n CoreSidebarModule,\n CoreThemeCustomizerModule,\n AdminModule,\n PagesModule,\n // App modules\n DialogsModule,\n LayoutModule,\n ],\n providers: [\n ScrollbarHelper,\n DimensionsHelper,\n ColumnChangesService,\n I18n,\n {\n provide: \"baseurl\", useValue: \"https://api.sky.kaynakyazilim.com.tr/api\", multi: true\n },\n {\n provide: \"backendUrl\", useValue: \"https://sky.kaynakyazilim.com.tr/\", multi: true\n },\n {\n provide: HTTP_INTERCEPTORS, useClass: HttpErrorHandlerInterceptorService, multi: true\n },\n { provide: NgbDatepickerI18n, useClass: CustomDatepickerI18n },\n {\n provide: LocationStrategy,\n useClass: HashLocationStrategy\n },\n // { provide: HTTP_INTERCEPTORS, useClass: UrlInterceptor, multi: true },\n ],\n bootstrap: [AppComponent],\n})\nexport class AppModule { }","import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { CreateCalibration } from 'app/dtos/calibration/createCalibration';\nimport { CalibrationStatus } from 'app/enum/calibrationStatus';\nimport { _isPersonId } from 'app/services/auth.service';\nimport { CalibrationService } from 'app/services/models/calibration.service';\nimport { DeliveryDeviceService } from 'app/services/models/delivery-device.service';\nimport { DeviceClassService } from 'app/services/models/device-class.service';\nimport { DeviceService } from 'app/services/models/device.service';\nimport { EnvironmentalConditionService } from 'app/services/models/environmental-condition.service';\nimport { PersonService } from 'app/services/models/person.service';\nimport { ProcedureService } from 'app/services/models/procedure.service';\nimport { Turkish } from 'flatpickr/dist/l10n/tr';\nimport { FlatpickrOptions } from 'ng2-flatpickr';\nimport { ToastrService } from 'ngx-toastr';\n\n@Component({\n selector: 'app-calibartion-create-dilaog',\n templateUrl: './calibartion-create-dilaog.component.html',\n styleUrls: ['./calibartion-create-dilaog.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class CalibartionCreateDilaogComponent implements OnInit {\n @Input() data: { id: number, dialogTitle: string; };\n\n calibrationDevice: any = {};\n procedures: any[] = [];\n kindProcedures: any[] = []\n selectProcedureId: number;\n public basicPwdShow = false;\n refereceDevices: any[] = [];\n persons: any[] = [];\n selectedPersonId: number = null;\n\n selectedDevices: any[] = [];\n selectedDevice: any;\n\n date = new Date();\n date2 = new Date();\n\n environmentalContent: any[] = [];\n enviromentalContentId: number;\n\n isPlace: boolean = true;\n\n public dateTimeStartOptions: FlatpickrOptions = {\n altInput: true,\n enableTime: true,\n dateFormat: 'd.m.Y H:i',\n altFormat: 'd.m.Y H:i',\n locale: Turkish,\n defaultDate: this.date\n };\n\n selectedAcradtionOrganizationId = 1;\n akradetionOrganization = [\n { id: 1, name: \"Türkak\" },\n { id: 2, name: \"NAC\" },\n { id: 3, name: \"İzlenebilirik\" },\n { id: 4, name: \"IAS\" }\n ]\n\n constructor(\n public activeModal: NgbActiveModal,\n private deliveryDeviceService: DeliveryDeviceService,\n private procedureService: ProcedureService,\n private personService: PersonService,\n private deviceService: DeviceService,\n private toastrService: ToastrService,\n private calibrationService: CalibrationService,\n private router: Router,\n private environmentalConditionService: EnvironmentalConditionService) { }\n\n async ngOnInit() {\n await this.getByIdCalibrationDeviceId(this.data.id);\n }\n\n closeModal() {\n this.activeModal.close(false);\n }\n\n async getAllEnvironmentalCondition(kindId) {\n const data = await this.environmentalConditionService.getAllEnvironmentalCondition(0, 100, kindId);\n console.log(data);\n this.environmentalContent = data.environmental;\n\n this.enviromentalContentId = this.environmentalContent[0]?.id\n\n }\n\n async getByIdCalibrationDeviceId(id) {\n const data = await this.deliveryDeviceService.getByIdDeliveryDeviceCalibration(id);\n this.calibrationDevice = data;\n console.log(this.calibrationDevice);\n await this.getAllEnvironmentalCondition(this.calibrationDevice.kindId);\n await this.getByKindIdProcedures(this.calibrationDevice.kindId);\n await this.getAllProcedure();\n await this.getAllPerson();\n await this.getAllReferenceDevice(this.calibrationDevice.kindId);\n }\n\n async getAllProcedure() {\n const data = await this.procedureService.getAllProcedures(0, 3);\n this.procedures = data.procedures;\n }\n\n async getByKindIdProcedures(kindId) {\n const data = await this.procedureService.getByKindIdProcedures(kindId);\n this.kindProcedures = data;\n if (this.kindProcedures.length > 0) {\n this.selectProcedureId = this.kindProcedures[0].id; // İlk elemanın ID'sini al\n }\n }\n\n async getAllPerson() {\n const data = await this.personService.getAllCompaniesPersons(0, 500, 1);\n this.persons = data.persons.map(person => ({\n ...person,\n fullName: person.name + ' ' + person.lastName\n }));\n const pers = this.persons.find(p => p.id === Number(_isPersonId));\n this.selectedPersonId = pers.id ?? null;\n }\n\n async getAllReferenceDevice(kindId) {\n const data = await this.deviceService.getAllDevices(0, 1000, '', 1, kindId);\n console.log(data);\n this.refereceDevices = data.devices;\n }\n\n removeDevice(device: any) {\n this.selectedDevices = this.selectedDevices.filter(d => d.id !== device.id);\n }\n\n onDeviceSelect(device: any) {\n // Eğer cihaz daha önce seçilmemişse, listeye ekle\n if (device.isCalibrationValid) {\n if (device && !this.selectedDevices.find(d => d.id === device.id)) {\n this.selectedDevices.push(device);\n }\n } else {\n this.toastrService.error(\"Bu cihazın kalibrasyon durumu pasif bu yüzden referans cihaz olarak ekliyemezsin.\");\n }\n this.selectedDevice = null;\n }\n\n isSaveDisabled(): boolean {\n return !this.enviromentalContentId || !this.selectProcedureId || !this.date ||\n !this.selectedPersonId || !this.selectedAcradtionOrganizationId || this.selectedDevices?.length < 1;\n }\n\n async saveData() {\n const createCalibration = new CreateCalibration();\n createCalibration.deliveryDeviceId = this.calibrationDevice.id;\n createCalibration.procedureId = this.selectProcedureId;\n createCalibration.personId = this.selectedPersonId;\n createCalibration.calibrationDate = this.date[0] ?? this.date;\n createCalibration.status = CalibrationStatus.Tamamlandı;\n createCalibration.environmentalConditionId = this.enviromentalContentId;\n createCalibration.accreditationOrganization = this.selectedAcradtionOrganizationId;\n createCalibration.isPlace = this.isPlace;\n createCalibration.acceptanceDate = this.date2[0] ?? this.date2;\n createCalibration.createCalibrationReferenceDevices = this.selectedDevices.map(p => ({\n deviceId: p.id,\n calibrationId: 0 // Backend'de güncellenecek\n }));\n console.log(createCalibration)\n const data = await this.calibrationService.createCalibration(createCalibration);\n if (data.status) {\n this.closeModal();\n this.router.navigate(['/admin/calibration']);\n this.toastrService.success(data.message);\n } else {\n this.toastrService.error(data.message);\n }\n }\n}","
![](\"/assets/images/icons/pdf.png\"){kind=icon}
\n