\n
\n\n\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-breadcrumb',\n templateUrl: './breadcrumb.component.html',\n styleUrls: ['./breadcrumb.component.scss']\n})\nexport class BreadcrumbComponent implements OnInit {\n\n @Input() title: string;\n @Input() items: any[];\n @Input() active_item: string;\n\n constructor() {\n }\n\n ngOnInit() { }\n\n}\n","\n \n
\n \n
\n Copyright {{ today | date:'y'}} © Love For Data All rights reserved.
\n\n \n
\n \n
\n Copyright {{ today | date:'y'}} © Love For Data All rights reserved.
\n\n
","import { Component, OnInit, HostListener } from '@angular/core';\nimport { LayoutService } from '../../services/layout.service';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\n\n@Component({\n selector: 'app-customizer',\n templateUrl: './customizer.component.html',\n styleUrls: ['./customizer.component.scss']\n})\nexport class CustomizerComponent implements OnInit {\n\n public screenwidth: any = window.innerWidth;\n public customizer: boolean = false;\n public layoutType: string = 'ltr';\n public sidebarType: string = 'compact-wrapper';\n public sidebarSetting: string = 'default-sidebar';\n public lightColorScheme: string = 'color-1';\n public darkColorScheme: string = 'default';\n public MIXLayout: string = 'default';\n\n constructor(private modalService: NgbModal,\n public layout: LayoutService) { }\n\n @HostListener('window:resize', ['$event'])\n onResize(event) {\n this.screenwidth = event.target.innerWidth;\n }\n \n // Open Modal\n openModal(popup) {\n this.modalService.open(popup, { backdropClass: 'dark-modal', centered: true });\n }\n\n // Open customizer\n Customizer() {\n this.customizer = !this.customizer;\n }\n\n // Customize Layout Type\n customizeLayoutType(val) {\n this.layoutType = val;\n this.layout.config.settings.layout_type = val;\n if(val == 'rtl') {\n document.getElementsByTagName('html')[0].setAttribute('dir', val);\n } else {\n document.getElementsByTagName('html')[0].removeAttribute('dir');\n }\n }\n\n // Customize Sidebar Type\n customizeSidebarType(val) {\n this.sidebarType = val;\n this.layout.config.settings.sidebar.type = val;\n this.layout.config.settings.sidebar.body_type = val == 'compact-wrapper' ? 'sidebar-icon' : 'horizontal-menu';\n }\n\n // Customize Sidebar Setting\n customizeSidebarSetting(val) {\n this.sidebarSetting = val;\n this.layout.config.settings.sidebar_setting = val;\n }\n\n // Customize Light Color\n customizeLightColorScheme(val) {\n this.lightColorScheme = val;\n this.layout.config.color.color = val;\n this.layout.config.color.mix_background_layout = 'light';\n }\n\n // Customize Dark Color\n customizeDarkColorScheme(val) {\n this.darkColorScheme = val;\n this.layout.config.color.color = val;\n this.layout.config.color.mix_background_layout = 'dark';\n }\n\n // Customize Mix Layout\n customizeMixLayout(val) {\n this.MIXLayout = val;\n this.layout.config.color.mix_background_layout = val;\n }\n\n ngOnInit() { }\n\n\n}\n","\n
\n\n
\n \n
\n\n \n \n \n
\n\n
","import { Component, OnInit, Input } from '@angular/core';\nimport * as feather from 'feather-icons';\n\n@Component({\n selector: 'app-feather-icons',\n templateUrl: './feather-icons.component.html',\n styleUrls: ['./feather-icons.component.scss']\n})\nexport class FeatherIconsComponent implements OnInit {\n\n @Input('icon') public icon;\n\n constructor() { }\n\n ngOnInit() {\n setTimeout(() => {\n feather.replace();\n });\n }\n\n}\n","","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent implements OnInit {\n \n public today: number = Date.now();\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n\n
\n\n \n \n \n
\n Customizer
\nCustomize & Preview Real Time
\n \n\n
\n Customizer configuration
\n \n\n
\n \n
\n To replace our design with your desired theme. Please do configuration as mention
\nPath : src > app > shared > services > layout.service.ts
\n\n
\n \n\n public config = {\n settings: {\n layout_type: '{{layout.config.settings.layout_type}}',\n sidebar: {\n type: '{{layout.config.settings.sidebar.type}}',\n body_type: '{{layout.config.settings.sidebar.body_type}}'\n },\n sidebar_setting: '{{layout.config.settings.sidebar_setting}}'\n },\n color: {\n color: '{{layout.config.color.color}}',\n primary_color: '{{layout.config.color.primary_color}}',\n secondary_color: '{{layout.config.color.secondary_color}}',\n mix_layout: '{{layout.config.color.mix_background_layout}}'\n }\n }\n\n \n \n
\n \n
\n Layout Type
\n- \n
- \n \n\n
- \n \n \n \n
\n\n- \n \n
- LTR \n
\n - \n \n\n
- \n \n \n \n
\n\n- \n
- RTL \n \n
\n - \n \n\n
- \n \n \n \n
\n\n- \n \n
- BOX \n
\n
Sidebar Type
\n \nSidebar settings
\n \nLight layout
\n- \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
Dark Layout
\n- \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
Mix Layout
\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 { Component, OnInit, Inject } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { TranslateService } from '@ngx-translate/core';\nimport { NavService, Menu } from '../../services/nav.service';\nimport { LayoutService } from '../../services/layout.service';\nimport { AuthenticationService } from '../../services/auth.service';\n\n@Component({\n selector: 'app-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n providers: []\n})\nexport class HeaderComponent implements OnInit {\n\n public menuItems: Menu[];\n public elem: any;\n public items: Menu[];\n public megaItems: Menu[];\n\n public language: boolean = false;\n public search: boolean = false;\n public searchResult: boolean = false;\n public searchResultEmpty: boolean = false;\n public text: string;\n public login_details: any = {first_name: '', last_name: '', username : ''};\n\n public dark: boolean = this.layout.config.color.mix_background_layout == 'dark-only' ? true : false;\n\n constructor(private translate: TranslateService, public layout: LayoutService, private authService: AuthenticationService,\n public navServices: NavService, @Inject(DOCUMENT) private document: any) {\n }\n\n ngOnInit() {\n this.elem = document.documentElement;\n this.navServices.items.subscribe(menuItems => this.items = menuItems);\n this.navServices.megaItems.subscribe(megaItems => this.megaItems = megaItems);\n this.username();\n }\n\n changeLanguage(lang) {\n this.translate.use(lang.code)\n }\n\n megaMenuToggle() {\n this.navServices.megaMenu = !this.navServices.megaMenu;\n this.language = false;\n this.search = false;\n if(window.innerWidth < 991) { \n this.navServices.collapseSidebar = true;\n }\n }\n\n languageToggle() {\n this.language = !this.language;\n }\n\n sidebarToggle() {\n this.navServices.collapseSidebar = !this.navServices.collapseSidebar;\n this.navServices.megaMenu = false;\n this.search = false;\n this.language = false;\n }\n\n layoutToggle() {\n this.dark = !this.dark;\n this.layout.config.color.mix_background_layout = this.dark ? 'dark-only' : 'light';\n }\n\n searchToggle() {\n this.search = !this.search;\n this.language = false;\n }\n\n searchTerm(term: any) {\n term ? this.addFix() : this.removeFix();\n if (!term) return this.menuItems = [];\n let items = [];\n term = term.toLowerCase();\n this.items.filter(menuItems => {\n if (!menuItems?.title) return false\n if (menuItems.title.toLowerCase().includes(term) && menuItems.type === 'link') {\n items.push(menuItems);\n }\n if (!menuItems.children) return false\n menuItems.children.filter(subItems => {\n if (subItems.title.toLowerCase().includes(term) && subItems.type === 'link') {\n subItems.icon = menuItems.icon\n items.push(subItems);\n }\n if (!subItems.children) return false\n subItems.children.filter(suSubItems => {\n if (suSubItems.title.toLowerCase().includes(term)) {\n suSubItems.icon = menuItems.icon\n items.push(suSubItems);\n }\n })\n })\n this.checkSearchResultEmpty(items)\n this.menuItems = items\n });\n }\n\n checkSearchResultEmpty(items) {\n if (!items.length)\n this.searchResultEmpty = true;\n else\n this.searchResultEmpty = false;\n }\n\n addFix() {\n this.searchResult = true;\n document.getElementsByTagName('body')[0].classList.add('offcanvas');\n }\n\n removeFix() {\n this.searchResult = false;\n this.text = \"\";\n document.getElementsByTagName('body')[0].classList.remove('offcanvas');\n }\n\n toggleFullScreen() {\n this.navServices.fullScreen = !this.navServices.fullScreen;\n if (this.navServices.fullScreen) {\n if (this.elem.requestFullscreen) {\n this.elem.requestFullscreen();\n } else if (this.elem.mozRequestFullScreen) {\n /* Firefox */\n this.elem.mozRequestFullScreen();\n } else if (this.elem.webkitRequestFullscreen) {\n /* Chrome, Safari and Opera */\n this.elem.webkitRequestFullscreen();\n } else if (this.elem.msRequestFullscreen) {\n /* IE/Edge */\n this.elem.msRequestFullscreen();\n }\n } else {\n if (!this.document.exitFullscreen) {\n this.document.exitFullscreen();\n } else if (this.document.mozCancelFullScreen) {\n /* Firefox */\n this.document.mozCancelFullScreen();\n } else if (this.document.webkitExitFullscreen) {\n /* Chrome, Safari and Opera */\n this.document.webkitExitFullscreen();\n } else if (this.document.msExitFullscreen) {\n /* IE/Edge */\n this.document.msExitFullscreen();\n }\n }\n }\n\n // Click Toggle menu\n toggletNavActive(item) {\n if (!item.active) {\n this.megaItems.forEach(a => {\n if (this.megaItems.includes(item)) {\n a.active = false;\n }\n if (!a.children) { return false; }\n a.children.forEach(b => {\n if (a.children.includes(item)) {\n b.active = false;\n }\n });\n });\n }\n item.active = !item.active;\n }\n\n logout(){\n this.authService.logout();\n }\n\n username(){\n if(this.authService.isAuthenticated){\n this.login_details = this.authService.getusername();\n if(!this.login_details){\n this.authService.username().subscribe(res=>{\n if(res == true){\n this.username();\n }\n },err=>{\n\n })\n }\n }\n \n }\n}\n","\n\n
\n\n
\n Copyright {{ today | date:'y'}} © Love For Data All rights reserved.
\n\n
\n","import { AfterViewInit, Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from \"@angular/router\";\nimport * as feather from 'feather-icons';\nimport { LayoutService } from '../../../services/layout.service';\nimport { NavService } from '../../../services/nav.service';\n\n@Component({\n selector: 'app-content',\n templateUrl: './content.component.html',\n styleUrls: ['./content.component.scss'],\n})\nexport class ContentComponent implements OnInit, AfterViewInit {\n \n constructor(public navServices: NavService, \n public layout: LayoutService) {}\n \n ngAfterViewInit() {\n setTimeout(() => {\n feather.replace();\n });\n }\n\n public getRouterOutletState(outlet) {\n return outlet.isActivated ? outlet.activatedRoute : '';\n }\n \n ngOnInit() {\n \n }\n\n}\n","\n\n \n
\n\n
\n \n \n \n ![\"\"](\"assets/images/logo/cs3.png\")
\n \n \n
\n \n \n \n \n \n \n
\n \n
\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-full',\n templateUrl: './full.component.html',\n styleUrls: ['./full.component.scss']\n})\nexport class FullComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n\n
\n\n
\n \n \n \n \n
\n \n \n \n \n
\n","import { Component, OnInit, OnDestroy } from '@angular/core';\n\n@Component({\n selector: 'app-loader',\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss']\n})\nexport class LoaderComponent implements OnInit {\n\n public show: boolean = true;\n\n constructor() {\n setTimeout(() => {\n this.show = false;\n }, 3000);\n }\n\n ngOnInit() { }\n\n ngOnDestroy() { }\n\n}\n","\n\n
\n","import { Component, ViewEncapsulation, HostListener } from '@angular/core';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { Menu, NavService } from '../../services/nav.service';\nimport { LayoutService } from '../../services/layout.service';\n\n@Component({\n selector: 'app-sidebar',\n templateUrl: './sidebar.component.html',\n styleUrls: ['./sidebar.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class SidebarComponent {\n\n public iconSidebar;\n public menuItems: Menu[];\n public url: any;\n public fileurl: any;\n\n // For Horizontal Menu\n public margin: any = 0;\n public width: any = window.innerWidth;\n public leftArrowNone: boolean = true;\n public rightArrowNone: boolean = false;\n\n constructor(private router: Router, public navServices: NavService,\n public layout: LayoutService) {\n this.navServices.items.subscribe(menuItems => {\n this.menuItems = menuItems;\n this.router.events.subscribe((event) => {\n if (event instanceof NavigationEnd) {\n menuItems.filter(items => {\n if (items.path === event.url) {\n this.setNavActive(items);\n }\n if (!items.children) { return false; }\n items.children.filter(subItems => {\n if (subItems.path === event.url) {\n this.setNavActive(subItems);\n }\n if (!subItems.children) { return false; }\n subItems.children.filter(subSubItems => {\n if (subSubItems.path === event.url) {\n this.setNavActive(subSubItems);\n }\n });\n });\n });\n }\n });\n });\n }\n\n @HostListener('window:resize', ['$event'])\n onResize(event) {\n this.width = event.target.innerWidth - 500;\n }\n\n sidebarToggle() {\n this.navServices.collapseSidebar = !this.navServices.collapseSidebar;\n }\n\n // Active Nave state\n setNavActive(item) {\n this.menuItems.filter(menuItem => {\n if (menuItem !== item) {\n menuItem.active = false;\n }\n if (menuItem.children && menuItem.children.includes(item)) {\n menuItem.active = true;\n }\n if (menuItem.children) {\n menuItem.children.filter(submenuItems => {\n if (submenuItems.children && submenuItems.children.includes(item)) {\n menuItem.active = true;\n submenuItems.active = true;\n }\n });\n }\n });\n }\n\n // Click Toggle menu\n toggletNavActive(item) {\n if (!item.active) {\n this.menuItems.forEach(a => {\n if (this.menuItems.includes(item)) {\n a.active = false;\n }\n if (!a.children) { return false; }\n a.children.forEach(b => {\n if (a.children.includes(item)) {\n b.active = false;\n }\n });\n });\n }\n item.active = !item.active;\n }\n\n\n // For Horizontal Menu\n scrollToLeft() {\n if (this.margin >= -this.width) {\n this.margin = 0;\n this.leftArrowNone = true;\n this.rightArrowNone = false;\n } else {\n this.margin += this.width;\n this.rightArrowNone = false;\n }\n }\n\n scrollToRight() {\n if (this.margin <= -3051) {\n this.margin = -3464;\n this.leftArrowNone = false;\n this.rightArrowNone = true;\n } else {\n this.margin += -this.width;\n this.leftArrowNone = false;\n }\n }\n \n\n}\n","\n\n \n
\n \n ![\"\"](\"assets/images/logo/logo.png\")
\n ![\"\"](\"assets/images/logo/logo_dark.png\")
\n \n
\n\n","import { Directive, HostListener, HostBinding } from '@angular/core';\n\n@Directive({\n selector: '[disableKeyPress]'\n})\nexport class DisableKeyPressDirective {\n\n @HostBinding('autocomplete') public autocomplete;\n\n constructor() {\n this.autocomplete = 'off';\n }\n\n @HostListener('keypress', ['$event']) public disableKeys(event: Event) {\n event.preventDefault();\n }\n}\n","import { Directive, HostBinding, HostListener } from '@angular/core';\n\n@Directive({\n selector: '[onlyAlphabets]'\n})\nexport class OnlyAlphabetsDirective {\n @HostBinding('autocomplete') public autocomplete;\n\n constructor() {\n this.autocomplete = 'off';\n }\n\n @HostListener('keypress', ['$event']) public disableKeys(e) {\n document.all ? e.keyCode : e.keyCode;\n return (e.keyCode === 8 || (e.keyCode >= 97 && e.keyCode <= 122) || (e.keyCode >= 65 && e.keyCode <= 90));\n }\n}\n","import { Directive, HostBinding, HostListener } from '@angular/core';\n\n@Directive({\n selector: '[onlyNumbers]'\n})\nexport class OnlyNumbersDirective {\n @HostBinding('autocomplete') public autocomplete;\n\n constructor() {\n this.autocomplete = 'off';\n }\n\n @HostListener('keypress', ['$event']) public disableKeys(e) {\n document.all ? e.keyCode : e.keyCode;\n return (e.keyCode == 8 || (e.keyCode >= 48 && e.keyCode <= 57));\n }\n}\n","import { Directive, Renderer2, ElementRef, HostListener } from '@angular/core';\n\n@Directive({\n selector: '[appShowOptions]'\n})\nexport class ShowOptionsDirective {\n\n public options = false;\n\n constructor(private elRef: ElementRef, private renderer: Renderer2) { }\n \n @HostListener('click')\n public openOptions() {\n this.options = !this.options;\n }\n\n setStyle() {\n this.options = (this.options === true) ? false : true;\n if (this.options) {\n this.renderer.setStyle(this.elRef.nativeElement, 'width', '230px');\n } else {\n this.renderer.setStyle(this.elRef.nativeElement, 'width', '35px');\n }\n }\n \n}\n","import { Injectable } from '@angular/core';\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { AuthenticationService } from '../services/auth.service';\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class SecureInnerPagesGuard implements CanActivate {\n \n constructor(private authService: AuthenticationService, private router: Router) { }\n\n canActivate(\n next: ActivatedRouteSnapshot,\n state: RouterStateSnapshot): Observable\n \n \n \n \n
\n \n