\n \n \n
\n","import { MatSort } from '@angular/material/sort';\nimport { AccountReviewService } from '@wlp/ui-bs-account-manager';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { NgbDateStruct, NgbCalendar } from '@ng-bootstrap/ng-bootstrap';\n\n\nconst equals = (one: NgbDateStruct, two: NgbDateStruct) =>\n one && two && two.year === one.year && two.month === one.month && two.day === one.day;\n\nconst before = (one: NgbDateStruct, two: NgbDateStruct) =>\n !one || !two\n ? false\n : one.year === two.year\n ? one.month === two.month\n ? one.day === two.day\n ? false\n : one.day < two.day\n : one.month < two.month\n : one.year < two.year;\n\nconst after = (one: NgbDateStruct, two: NgbDateStruct) =>\n !one || !two\n ? false\n : one.year === two.year\n ? one.month === two.month\n ? one.day === two.day\n ? false\n : one.day > two.day\n : one.month > two.month\n : one.year > two.year;\n\n@Component({\n templateUrl: './risk-management.component.html',\n styleUrls: ['./risk-management.component.scss']\n})\nexport class RiskManagementComponent implements OnInit {\n\n searchFor = '';\n typeSearch = '';\n fieldSearch = '';\n advancedFilter = false;\n riskType = '';\n\n accountList: any;\n\n // Table fields\n\tdataSource: any;\n displayedColumns = ['code', 'partner', 'opening', 'holder', 'product', 'description', 'sender', 'transactionDate', 'value', 'recipient', 'risk', 'action'];\n\t@ViewChild(MatPaginator) paginator: MatPaginator;\n\t@ViewChild('sort1') sort: MatSort;\n\t// Filter fields\n\t@ViewChild('searchInput') searchInput: ElementRef;\n\n selection = new SelectionModel\n
\n \n \n
\n 9.763.776
\nExtrato de transações
\n\n \n
\n 97.646
\nLimite diário exedido
\n\n \n
\n 797
\nLimite por transação exedido
\n\n \n
\n 976
\nTransações iguais por dia
\n\n \n
\n 97.645
\nContas em Complience
\n\n
\n\n \n\n \n \n
\n 976.377
\nTransaçõoes de valores aproximados
\n\n \n
\n 976
\nInquérito Policial (Fraude)
\n\n \n
\n 797
\nRepetição de Comportamento
\n\n \n
\n 976.457
\nBoletos recebidos em Dinheiro
\n\n \n
\n \n \n
\n\n\n
\n\n \n
\n \n \n
\n \n \n \n
\n | \n | \n \n | \n Parceiro | \n{{ account.openingDate }} | \nAbertura | \n{{ account.document }} {{ account.holder }} | \nCorrentista | \n{{ account.type }} | \nProduto | \n{{ account.limit }} | \nDescrição | \n{{ account.document }} | \nRemetente | \n\n {{ account.risk }}\n | \nData Transação | \n{{ account.document }} | \nValor | \n{{ account.document }} | \nDestinatário | \n{{ account.document }} | \nRisco | \n{{ account.document }} | \nAções | \n\n \n \n \n | \n
|---|
\n\t\t
\n\t\n\n\t\t\t
\n\n\t\t\n\t\t\t\tUser Profile\n\t\t\t\t12 messages\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tJames Jones\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\tApplication Developer
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tjm@softplus.com\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSign Out\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMy Profile
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAccount settings and more \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tupdate\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMy Messages
\n\t\t\t\t\t\t\t\tInbox and tasks
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMy Activities
\n\t\t\t\t\t\t\t\tLogs and notifications
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMy Tasks
\n\t\t\t\t\t\t\t\tlatest tasks and projects
\n\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\tRecent Notifications
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tAnother purpose persuade\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tDue in 2 Days\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t+28%\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tWould be to people\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tDue in 2 Days\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t+50%\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tPurpose would be to persuade\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tDue in 2 Days\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t-27%\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tThe best product\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tDue in 2 Days\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t+8%\n\t\t\t\t\t\t\n\t\t\t\t\t\r\n\t\r\n
\r\n\r\n","// Angular\r\nimport { Component } from '@angular/core';\r\n// Layout\r\nimport { ScrollTopOptions } from '../../../../core/_base/layout';\r\n\r\n@Component({\r\n\tselector: 'kt-scroll-top',\r\n\ttemplateUrl: './scroll-top.component.html',\r\n})\r\nexport class ScrollTopComponent {\r\n\t// Public properties\r\n\tscrollTopOptions: ScrollTopOptions = {\r\n\t\toffset: 300,\r\n\t\tspeed: 600\r\n\t};\r\n}\r\n","\r\n\t
\r\n \r\n\r\n\r\n
\r\n\r\n \r\n 0\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\t\r\n No record found\r\n
\r\n \r\n\t\tDocuments\r\n\t
\r\n\t\r\n\t\t\r\n\t\t\t \r\n\t
\r\n\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t![\"\"]()
\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{{ el.title }}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{{ el.description}}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\tMembers\r\n\t
\r\n\t\r\n\t\t\r\n\t\t\t \r\n\t
\r\n\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{{el.title}}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{{el.description}}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\tFiles\r\n\t
\r\n\t\r\n\t\t\r\n\t\t\t \r\n\t
\r\n\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{{el.title}}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{{el.description}}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\n ![\"Logo\"]()
\n
\n","// Object-Path\nimport * as objectPath from 'object-path';\n\n// Angular\nimport { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\n\n// Layout\nimport { LayoutConfigService, SplashScreenService } from '../../../../core/_base/layout';\n\n@Component({\n selector: 'kt-splash-screen',\n templateUrl: './splash-screen.component.html',\n styleUrls: ['./splash-screen.component.scss'],\n})\nexport class SplashScreenComponent implements OnInit {\n // Public properties\n wlBrand: string;\n loaderType: string;\n @ViewChild('splashScreen', { static: true }) splashScreen: ElementRef;\n\n /**\n * Component constructor\n *\n * @param el: ElementRef\n * @param layoutConfigService: LayoutConfigService\n * @param splashScreenService: SplashScreenService\n */\n constructor(\n private el: ElementRef,\n private layoutConfigService: LayoutConfigService,\n private splashScreenService: SplashScreenService\n ) {}\n\n /**\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\n */\n\n /**\n * On init\n */\n ngOnInit() {\n // init splash screen, see loader option in layout.config.ts\n const loaderConfig = this.layoutConfigService.getConfig('loader');\n this.loaderType = objectPath.get(loaderConfig, 'page-loader.type');\n\n this.splashScreenService.init(this.splashScreen);\n\n this.wlBrand = this.layoutConfigService.getConfig('wlTheme.aside.brand.logo');\n }\n}\n","\n\n\t
\n\n","// Angular\r\nimport { AfterViewInit, Component, Input, OnDestroy, OnInit } from '@angular/core';\r\n// RxJS\r\nimport { Subscription } from 'rxjs';\r\n// Layout\r\nimport { SubheaderService } from '../../../../../core/_base/layout';\r\nimport { Breadcrumb } from '../../../../../core/_base/layout/services/subheader.service';\r\n\r\n@Component({\r\n selector: 'kt-subheader1',\r\n templateUrl: './subheader1.component.html',\r\n styleUrls: ['./subheader1.component.scss']\r\n})\r\nexport class Subheader1Component implements OnInit, OnDestroy, AfterViewInit {\r\n // Public properties\r\n @Input() fixed = true;\r\n @Input() clear = false;\r\n @Input() width = 'fluid';\r\n @Input() subheaderClasses = '';\r\n @Input() subheaderContainerClasses = '';\r\n @Input() displayDesc = false;\r\n @Input() displayDaterangepicker = true;\r\n\r\n today: number = Date.now();\r\n title = '';\r\n desc = '';\r\n breadcrumbs: Breadcrumb[] = [];\r\n\r\n // Private properties\r\n private subscriptions: Subscription[] = [];\r\n\r\n /**\r\n * Component constructor\r\n *\r\n * @param subheaderService: SubheaderService\r\n */\r\n constructor(public subheaderService: SubheaderService) {\r\n }\r\n\r\n /**\r\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\r\n */\r\n\r\n /**\r\n * On init\r\n */\r\n ngOnInit() {\r\n }\r\n\r\n /**\r\n * After view init\r\n */\r\n ngAfterViewInit(): void {\r\n this.subscriptions.push(this.subheaderService.title$.subscribe(bt => {\r\n // breadcrumbs title sometimes can be undefined\r\n if (bt) {\r\n this.title = bt.title;\r\n this.desc = bt.desc;\r\n }\r\n }));\r\n\r\n this.subscriptions.push(this.subheaderService.breadcrumbs$.subscribe(bc => {\r\n this.breadcrumbs = bc;\r\n }));\r\n }\r\n\r\n /**\r\n * On destroy\r\n */\r\n ngOnDestroy(): void {\r\n this.subscriptions.forEach(sb => sb.unsubscribe());\r\n }\r\n}\r\n","\r\n\n \n
\n\n \n
\n \n\n \n \n \n \n \n\n \n 0\">\n \n \n \n
\n \n \n {{title}}\n
\n\n \n \n \n Today\n Aug 16\n \n \n \n\n \n \n Actions\n \n \n\n
\n\t\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n","// Angular\r\nimport { AfterViewInit, Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'kt-cart',\r\n templateUrl: './cart.component.html',\r\n styleUrls: ['./cart.component.scss']\r\n})\r\nexport class CartComponent implements OnInit, AfterViewInit {\r\n // Public properties\r\n\r\n // Set icon class name\r\n @Input() icon = 'flaticon2-shopping-cart-1';\r\n @Input() iconType: '' | 'brand';\r\n\r\n // Set true to icon as SVG or false as icon class\r\n @Input() useSVG: boolean;\r\n\r\n // Set bg image path\r\n @Input() bgImage: string;\r\n\r\n /**\r\n * Component constructor\r\n */\r\n constructor() {\r\n }\r\n\r\n /**\r\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\r\n */\r\n\r\n /**\r\n * After view init\r\n */\r\n ngAfterViewInit(): void {\r\n }\r\n\r\n /**\r\n * On init\r\n */\r\n ngOnInit(): void {\r\n }\r\n}\r\n","\r\n \r\n
\r\n","// Angular\r\nimport { Component, HostBinding, OnInit, Input } from '@angular/core';\r\nimport { NavigationStart, Router } from '@angular/router';\r\n// RxJS\r\nimport { filter } from 'rxjs/operators';\r\n// Translate\r\nimport { TranslationService } from '../../../../../core/_base/layout';\r\n\r\ninterface LanguageFlag {\r\n lang: string;\r\n name: string;\r\n flag: string;\r\n active?: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'kt-language-selector',\r\n templateUrl: './language-selector.component.html',\r\n})\r\nexport class LanguageSelectorComponent implements OnInit {\r\n // Public properties\r\n @Input() iconType: '' | 'brand';\r\n\r\n language: LanguageFlag;\r\n languages: LanguageFlag[] = [\r\n {\r\n lang: 'en',\r\n name: 'English',\r\n flag: './assets/media/svg/flags/226-united-states.svg'\r\n },\r\n {\r\n lang: 'ch',\r\n name: 'Mandarin',\r\n flag: './assets/media/svg/flags/015-china.svg'\r\n },\r\n {\r\n lang: 'es',\r\n name: 'Spanish',\r\n flag: './assets/media/svg/flags/128-spain.svg'\r\n },\r\n {\r\n lang: 'jp',\r\n name: 'Japanese',\r\n flag: './assets/media/svg/flags/063-japan.svg'\r\n },\r\n {\r\n lang: 'de',\r\n name: 'German',\r\n flag: './assets/media/svg/flags/162-germany.svg'\r\n },\r\n {\r\n lang: 'fr',\r\n name: 'French',\r\n flag: './assets/media/svg/flags/195-france.svg'\r\n },\r\n ];\r\n\r\n /**\r\n * Component constructor\r\n *\r\n * @param translationService: TranslationService\r\n * @param router: Router\r\n */\r\n constructor(private translationService: TranslationService, private router: Router) {\r\n }\r\n\r\n /**\r\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\r\n */\r\n\r\n /**\r\n * On init\r\n */\r\n ngOnInit() {\r\n this.setSelectedLanguage();\r\n this.router.events\r\n .pipe(filter(event => event instanceof NavigationStart))\r\n .subscribe(event => {\r\n this.setSelectedLanguage();\r\n });\r\n }\r\n\r\n /**\r\n * Set language\r\n *\r\n * @param lang: any\r\n */\r\n setLanguage(lang) {\r\n this.languages.forEach((language: LanguageFlag) => {\r\n if (language.lang === lang) {\r\n language.active = true;\r\n this.language = language;\r\n } else {\r\n language.active = false;\r\n }\r\n });\r\n this.translationService.setLanguage(lang);\r\n }\r\n\r\n /**\r\n * Set selected language\r\n */\r\n setSelectedLanguage(): any {\r\n this.setLanguage(this.translationService.getSelectedLanguage());\r\n }\r\n}\r\n","\r\n\r\n
\r\n \r\n\r\n \r\n \r\n\t\t\t![\"language\"](\"{{language?.flag}}\")
\r\n\t\t
\r\n\t\r\n\t\t
\r\n \r\n- \r\n\t\t\t
- \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{{language.name}}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\r\n\t\r\n\t\r\n\r\n\t\r\n\t\r\n\t\r\n
\r\n","// Angular\r\nimport { Component, Input } from '@angular/core';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\n\r\n@Component({\r\n selector: 'kt-notification',\r\n templateUrl: './notification.component.html',\r\n styleUrls: ['notification.component.scss']\r\n})\r\nexport class NotificationComponent {\r\n\r\n // Show dot on top of the icon\r\n @Input() dot: string;\r\n\r\n // Show pulse on icon\r\n @Input() pulse: boolean;\r\n\r\n @Input() pulseLight: boolean;\r\n\r\n // Set icon class name\r\n @Input() icon = 'flaticon2-bell-alarm-symbol';\r\n @Input() iconType: '' | 'success';\r\n\r\n // Set true to icon as SVG or false as icon class\r\n @Input() useSVG: boolean;\r\n\r\n // Set bg image path\r\n @Input() bgImage: string;\r\n\r\n // Set skin color, default to light\r\n @Input() skin: 'light' | 'dark' = 'light';\r\n\r\n @Input() type: 'brand' | 'success' = 'success';\r\n\r\n /**\r\n * Component constructor\r\n *\r\n * @param sanitizer: DomSanitizer\r\n */\r\n constructor(private sanitizer: DomSanitizer) {\r\n }\r\n\r\n backGroundStyle(): string {\r\n if (!this.bgImage) {\r\n return 'none';\r\n }\r\n\r\n return 'url(' + this.bgImage + ')';\r\n }\r\n}\r\n","\r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n","// Angular\r\nimport {ChangeDetectorRef, Component, ElementRef, Input, OnInit, ViewChild} from '@angular/core';\r\n\r\nconst documents = {\r\n title: 'Documents',\r\n type: 0,\r\n items: [\r\n {\r\n svgPath: 'assets/media/svg/files/doc.svg',\r\n title: 'AirPlus Requirements',\r\n description: 'by Grog John'\r\n },\r\n {\r\n svgPath: 'assets/media/svg/files/pdf.svg',\r\n title: 'TechNav Documentation',\r\n description: 'by Mary Brown'\r\n },\r\n {\r\n svgPath: 'assets/media/svg/files/xml.svg',\r\n title: 'All Framework Docs',\r\n description: 'by Nick Stone'\r\n },\r\n {\r\n svgPath: 'assets/media/svg/files/csv.svg',\r\n title: 'Finance & Accounting Reports',\r\n description: 'by Jhon Larson'\r\n }\r\n ]\r\n};\r\n\r\nconst members = {\r\n title: 'Members',\r\n type: 1,\r\n items: [\r\n {\r\n imgPath: 'assets/media/users/300_20.jpg',\r\n title: 'Milena Gibson',\r\n description: 'UI Designer'\r\n },\r\n {\r\n imgPath: 'assets/media/users/300_15.jpg',\r\n title: 'Stefan JohnStefan',\r\n description: 'Marketing Manager'\r\n },\r\n {\r\n imgPath: 'assets/media/users/300_12.jpg',\r\n title: 'Anna Strong',\r\n description: 'Software Developer'\r\n },\r\n {\r\n imgPath: 'assets/media/users/300_16.jpg',\r\n title: 'Nick Bold',\r\n description: 'Project Coordinator'\r\n }\r\n ]\r\n};\r\n\r\nconst files = {\r\n title: 'Files',\r\n type: 2,\r\n items: [\r\n {\r\n iconClasses: 'flaticon-psd text-primary',\r\n title: '79 PSD files generated',\r\n description: 'by Grog John'\r\n },\r\n {\r\n iconClasses: 'flaticon2-supermarket text-warning',\r\n title: '$2900 worth products sold',\r\n description: 'Total 234 items'\r\n },\r\n {\r\n iconClasses: 'flaticon-safe-shield-protection text-info',\r\n title: '4 New items submitted',\r\n description: 'Marketing Manager'\r\n },\r\n {\r\n iconClasses: 'flaticon-safe-shield-protection text-warning',\r\n title: '4 New items submitted',\r\n description: 'Marketing Manager'\r\n }\r\n ]\r\n};\r\n\r\n@Component({\r\n selector: 'kt-search-dropdown',\r\n templateUrl: './search-dropdown.component.html'\r\n})\r\nexport class SearchDropdownComponent implements OnInit {\r\n // Public properties\r\n @Input() layout = 'dropdown';\r\n // Set icon class name\r\n @Input() icon = 'flaticon2-search-1';\r\n\r\n // Set true to icon as SVG or false as icon class\r\n @Input() useSVG: boolean;\r\n\r\n @Input() type: 'brand' | 'success' | 'warning' = 'success';\r\n\r\n @ViewChild('searchInput', {static: true}) searchInput: ElementRef;\r\n\r\n data: any[] = null;\r\n loading: boolean;\r\n\r\n /**\r\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\r\n */\r\n\r\n constructor(private cdr: ChangeDetectorRef) {\r\n }\r\n\r\n /**\r\n * On init\r\n */\r\n ngOnInit(): void {\r\n // simulate result from API\r\n }\r\n\r\n /**\r\n * Search\r\n * @param e: Event\r\n */\r\n search(e) {\r\n this.data = null;\r\n if (e.target.value.length > 1) {\r\n this.loading = true;\r\n // simulate getting search result\r\n setTimeout(() => {\r\n // Uncomment this. Right now it's just mock\r\n // this.data = this.searchInData(e.target.value);\r\n this.data = [documents, members, files];\r\n this.loading = false;\r\n this.cdr.markForCheck();\r\n }, 500);\r\n }\r\n }\r\n\r\n /**\r\n * Clear search\r\n *\r\n * @param e: Event\r\n */\r\n clear(e) {\r\n this.data = null;\r\n this.searchInput.nativeElement.value = '';\r\n }\r\n\r\n openChange() {\r\n setTimeout(() => this.searchInput.nativeElement.focus());\r\n }\r\n\r\n showCloseButton() {\r\n return this.data && this.data.length && !this.loading;\r\n }\r\n\r\n // searchInData(searchText: string): any {\r\n // searchText = searchText.toLowerCase().trim();\r\n // const result = [];\r\n // const docsResult = this.searchInContainer(searchText, documents);\r\n // if (docsResult) {\r\n // result.push(docsResult);\r\n // }\r\n //\r\n // const membersResult = this.searchInContainer(searchText, members);\r\n // if (membersResult) {\r\n // result.push(membersResult);\r\n // }\r\n //\r\n // const filesResult = this.searchInContainer(searchText, files);\r\n // if (filesResult) {\r\n // result.push(filesResult);\r\n // }\r\n //\r\n // return result;\r\n // }\r\n\r\n // searchInContainer(searchText, source) {\r\n // const items = source.items.filter(\r\n // el =>\r\n // el.title.toLowerCase().indexOf(searchText) > -1 ||\r\n // el.description.toLowerCase().indexOf(searchText) > -1\r\n // );\r\n // if (items.length === 0) {\r\n // return undefined; // No results\r\n // }\r\n //\r\n // return Object.assign({items}, source);\r\n // }\r\n}\r\n","\n\n \n
\n\n","import {LayoutUtilsService} from './../../../../../core/_base/crud/utils/layout-utils.service';\n// Angular\nimport {ChangeDetectorRef, Component, Input, OnDestroy, OnInit} from '@angular/core';\n// RxJS\nimport {Subscription} from 'rxjs';\n// NGRX\n// State\n\nimport {Application} from \"../../../../../core/_base/layout/models/layout-config.model\";\nimport {Router} from \"@angular/router\";\nimport {UserInfoService} from \"@wlp/ui-bs-oauth-bo\";\n\n@Component({\n\tselector: 'kt-user-application',\n\ttemplateUrl: './user-application.component.html',\n\tstyleUrls: ['./user-application.component.scss']\n})\nexport class UserApplicationComponent implements OnInit, OnDestroy {\n\tprivate subscriptions: Subscription[] = [];\n\tngbDropdownPlacement: string = 'bottom-right';\n @Input() userDropdownStyle = 'light';\n\tmenuMobile: any;\n\tapplications: Array\n
\n \n\n \n \n\n \n\t\t\t\t\n ![\"Application\"]()
\n\t\t\t\n
\n \n \n \n \n\n\n \n
\n \n\n \n
\n \n \n Aplicativos\n
\n 3 messages\n \n \n \n\n
\n \n \n \n \n \n
\n \n \n \n
\n \n \n ![]()
\n
\n \n {{ app.label }}\n
\n \n \n \n \n\n \n \n \n
\n\n","// Angular\nimport {ChangeDetectorRef, Component, Input, OnInit} from '@angular/core';\n// RxJS\nimport {Observable} from 'rxjs';\n// NGRX\nimport {UserInfoService, UserInfoProfile} from \"@wlp/ui-bs-oauth-bo\";\nimport {LayoutConfigService} from \"../../../../../core/_base/layout\";\n\n@Component({\n selector: 'kt-user-profile',\n templateUrl: './user-profile.component.html',\n})\nexport class UserProfileComponent implements OnInit {\n\n @Input() userDropdownStyle = 'light';\n @Input() avatar = true;\n @Input() greeting = true;\n @Input() badge: boolean;\n @Input() icon: boolean;\n\n userProfile: UserInfoProfile;\n\n\n constructor(private userInfoService: UserInfoService, private cdr: ChangeDetectorRef) {\n }\n\n /**\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\n */\n\n /**\n * On init\n */\n ngOnInit(): void {\n // this.user$ = this.store.pipe(select(currentUser));\n this.loadUser();\n // console.log('user-profile')\n }\n\n /**\n * Log out\n */\n logout() {\n let redirectUrl = document.location.protocol + '//' + document.location.hostname;\n\n if (document.location.hostname.includes('localhost')) {\n redirectUrl += ':' + document.location.port;\n }\n\n this.userInfoService.onLogout(redirectUrl);\n }\n\n private loadUser() {\n try {\n const userDetails = this.userInfoService.getInfoProfile();\n userDetails.then(user => {\n this.userProfile = user;\n // this.loadStatement(user.uuidWhiteLabel, user.uuidAccount);\n // console.log(user)\n }).finally(() => {\n this.cdr.detectChanges()\n });\n\n } catch (e) {\n console.log('Failed to load user details', e);\n }\n }\n}\n","// Angular\nimport {RouterModule} from '@angular/router';\nimport {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {NgApexchartsModule} from 'ng-apexcharts';\n// NgBootstrap\nimport {NgbDropdownModule, NgbTabsetModule, NgbTooltipModule} from '@ng-bootstrap/ng-bootstrap';\n// Perfect Scrollbar\nimport {PerfectScrollbarModule} from 'ngx-perfect-scrollbar';\n// Core module\nimport {CoreModule} from '../../core/core.module';\n// CRUD Partials\nimport {\n ActionNotificationComponent,\n AlertComponent,\n DeleteEntityDialogComponent,\n FetchEntityDialogComponent,\n UpdateStatusDialogComponent,\n} from './content/crud';\n// Layout partials\nimport {\n ContextMenu2Component,\n ContextMenuComponent,\n LanguageSelectorComponent,\n NotificationComponent,\n QuickUserPanelComponent,\n ScrollTopComponent,\n SearchDefaultComponent,\n SearchDropdownComponent,\n SearchResultComponent,\n SplashScreenComponent,\n Subheader1Component,\n SubheaderSearchComponent,\n UserProfileComponent,\n} from './layout';\nimport {\n Dropdown1Component,\n Dropdown2Component,\n Dropdown3Component,\n Dropdown4Component,\n Dropdown5Component,\n Widget12NewUsersComponent,\n Widget1SalesStatComponent,\n Widget1TasksOverviewComponent,\n Widget2NewArrivalsComponent,\n Widget3NewArrivalsAuthorsComponent,\n Widget4TodoComponent,\n Widget7WeeklySalesComponent,\n Widget8TrendsComponent,\n Widget9RecentActivitiesComponent\n} from './content/dashboard-widgets';\n// General\nimport {NoticeComponent} from './content/general/notice/notice.component';\nimport {PortletModule} from './content/general/portlet/portlet.module';\n// Extra module\nimport {WidgetModule} from './content/widgets/widget.module';\n// SVG inline\nimport {InlineSVGModule} from 'ng-inline-svg';\nimport {CartComponent} from './layout/topbar/cart/cart.component';\nimport {MatButtonModule} from '@angular/material/button';\nimport {MatMenuModule} from '@angular/material/menu';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatSelectModule} from '@angular/material/select';\nimport {MatTableModule} from '@angular/material/table';\nimport {MatAutocompleteModule} from '@angular/material/autocomplete';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatRadioModule} from '@angular/material/radio';\nimport {MatNativeDateModule} from '@angular/material/core';\nimport {MatProgressBarModule} from '@angular/material/progress-bar';\nimport {MatDatepickerModule} from '@angular/material/datepicker';\nimport {MatCardModule} from '@angular/material/card';\nimport {MatPaginatorModule} from '@angular/material/paginator';\nimport {MatSortModule} from '@angular/material/sort';\nimport {MatCheckboxModule} from '@angular/material/checkbox';\nimport {MatProgressSpinnerModule} from '@angular/material/progress-spinner';\nimport {MatSnackBarModule} from '@angular/material/snack-bar';\nimport {MatTabsModule} from '@angular/material/tabs';\nimport {MatTooltipModule} from '@angular/material/tooltip';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {UiBsOauthBoModule} from \"@wlp/ui-bs-oauth-bo\";\nimport {UiBsImplantationModule} from \"@wlp/ui-bs-implantation\";\nimport {environment} from \"../../../environments/environment\";\nimport {UserApplicationComponent} from \"./layout/topbar/user-application/user-application.component\";\nimport {UiBsAccountManagerModule} from \"@wlp/ui-bs-account-manager\";\n\n@NgModule({\n declarations: [\n ScrollTopComponent,\n NoticeComponent,\n ActionNotificationComponent,\n DeleteEntityDialogComponent,\n FetchEntityDialogComponent,\n UpdateStatusDialogComponent,\n AlertComponent,\n\n // topbar components\n ContextMenu2Component,\n ContextMenuComponent,\n QuickUserPanelComponent,\n ScrollTopComponent,\n SearchResultComponent,\n SplashScreenComponent,\n Subheader1Component,\n SubheaderSearchComponent,\n LanguageSelectorComponent,\n NotificationComponent,\n SearchDefaultComponent,\n SearchDropdownComponent,\n UserProfileComponent,\n CartComponent,\n Widget1SalesStatComponent,\n Widget9RecentActivitiesComponent,\n Widget12NewUsersComponent,\n Widget7WeeklySalesComponent,\n Widget1TasksOverviewComponent,\n Widget2NewArrivalsComponent,\n Widget3NewArrivalsAuthorsComponent,\n Widget4TodoComponent,\n Widget8TrendsComponent,\n Dropdown1Component,\n Dropdown2Component,\n Dropdown3Component,\n Dropdown4Component,\n Dropdown5Component,\n UserApplicationComponent\n ],\n exports: [\n WidgetModule,\n PortletModule,\n\n ScrollTopComponent,\n NoticeComponent,\n ActionNotificationComponent,\n DeleteEntityDialogComponent,\n FetchEntityDialogComponent,\n UpdateStatusDialogComponent,\n AlertComponent,\n\n // topbar components\n ContextMenu2Component,\n ContextMenuComponent,\n QuickUserPanelComponent,\n ScrollTopComponent,\n SearchResultComponent,\n SplashScreenComponent,\n Subheader1Component,\n SubheaderSearchComponent,\n LanguageSelectorComponent,\n NotificationComponent,\n SearchDefaultComponent,\n SearchDropdownComponent,\n UserProfileComponent,\n CartComponent,\n Widget1SalesStatComponent,\n Widget9RecentActivitiesComponent,\n Widget12NewUsersComponent,\n Widget7WeeklySalesComponent,\n Widget1TasksOverviewComponent,\n Widget2NewArrivalsComponent,\n Widget3NewArrivalsAuthorsComponent,\n Widget4TodoComponent,\n Widget8TrendsComponent,\n Dropdown1Component,\n Dropdown2Component,\n Dropdown3Component,\n Dropdown4Component,\n Dropdown5Component,\n UserApplicationComponent\n ],\n imports: [\n CommonModule,\n RouterModule,\n FormsModule,\n ReactiveFormsModule,\n PerfectScrollbarModule,\n InlineSVGModule,\n CoreModule,\n PortletModule,\n WidgetModule,\n NgApexchartsModule,\n // angular material modules\n MatButtonModule,\n MatMenuModule,\n MatSelectModule,\n MatInputModule,\n MatTableModule,\n MatAutocompleteModule,\n MatRadioModule,\n MatIconModule,\n MatNativeDateModule,\n MatProgressBarModule,\n MatDatepickerModule,\n MatCardModule,\n MatPaginatorModule,\n MatSortModule,\n MatCheckboxModule,\n MatProgressSpinnerModule,\n MatSnackBarModule,\n MatTabsModule,\n MatTooltipModule,\n MatDialogModule,\n\n // ng-bootstrap modules\n NgbDropdownModule,\n NgbTabsetModule,\n NgbTooltipModule,\n\n UiBsOauthBoModule.forRoot({device: 'WEB', config: environment}),\n ]\n})\nexport class PartialsModule {\n}\n","\n\n\t\n\t
\n\n\n{{item.section}}
\n\t\t\n\t\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\t ![\"logo\"]()
\n \n \n\n \n \n \n \n \n
\n\n","// Angular\nimport { AfterViewInit, Component, OnInit } from '@angular/core';\n\n// Layout\nimport { LayoutConfigService, ToggleOptions } from '../../../core/_base/layout';\nimport { HtmlClassService } from '../html-class.service';\n\n@Component({\n selector: 'kt-brand',\n templateUrl: './brand.component.html',\n})\nexport class BrandComponent implements OnInit, AfterViewInit {\n // Public properties\n headerLogo = '';\n brandClasses = '';\n asideSelfMinimizeToggle = true;\n\n toggleOptions: ToggleOptions = {\n target: 'kt_body',\n targetState: 'aside-minimize',\n toggleState: 'active',\n };\n\n /**\n * Component constructor\n *\n * @param layoutConfigService: LayoutConfigService\n * @param htmlClassService: HtmlClassService\n */\n constructor(private layoutConfigService: LayoutConfigService, public htmlClassService: HtmlClassService) {}\n\n /**\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\n */\n\n /**\n * On init\n */\n ngOnInit(): void {\n this.headerLogo = this.getAsideLogo();\n this.brandClasses = this.htmlClassService.getClasses('brand', true).toString();\n this.asideSelfMinimizeToggle = this.layoutConfigService.getConfig('aside.self.minimize.toggle');\n }\n\n /**\n * On after view init\n */\n ngAfterViewInit(): void {}\n\n getAsideLogo() {\n // let result = 'brand-log-bank-original.svg';\n // const brandSelfTheme = this.layoutConfigService.getConfig('brand.self.theme') || '';\n // if (brandSelfTheme === 'light') {\n // result = 'brand-log-bank-original.svg';\n // }\n // return `./assets/brand/${result}`;\n return this.layoutConfigService.getConfig('wlTheme.aside.brand.logo');\n }\n\n toggleAsideClick() {\n document.body.classList.toggle('aside-minimize');\n }\n}\n","\n\n\n\n","// Object-Path\nimport * as objectPath from 'object-path';\nimport { LayoutConfigService } from 'src/app/core/_base/layout';\n\n// Angular\nimport { Component, OnInit } from '@angular/core';\n\nimport { environment } from '../../../../environments/environment';\n// Layout\nimport { HtmlClassService } from '../html-class.service';\n\n@Component({\n selector: 'kt-footer',\n templateUrl: './footer.component.html',\n})\nexport class FooterComponent implements OnInit {\n // Public properties\n today: number = Date.now();\n footerClasses = '';\n footerContainerClasses = '';\n versionProject = environment.appVersion;\n wlName: string;\n\n /**\n * Component constructor\n *\n * @param uiClasses: HtmlClassService\n */\n constructor(private uiClasses: HtmlClassService, private layoutConfigService: LayoutConfigService) {}\n\n /**\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\n */\n\n /**\n * On init\n */\n ngOnInit(): void {\n this.footerClasses = this.uiClasses.getClasses('footer', true).toString();\n this.footerContainerClasses = this.uiClasses.getClasses('footer_container', true).toString();\n this.wlName = this.layoutConfigService.getConfig('wlTheme.wlName');\n }\n}\n","\r\n\r\n \r\n \r\n\t ![\"logo\"]()
\r\n \r\n \r\n\r\n \r\n
\r\n\r\n","// Angular\nimport { Component, OnInit } from '@angular/core';\n\nimport { LayoutConfigService, ToggleOptions } from '../../../../core/_base/layout';\n// Layout\nimport { HtmlClassService } from '../../html-class.service';\n\n@Component({\n selector: 'kt-header-mobile',\n templateUrl: './header-mobile.component.html',\n styleUrls: ['./header-mobile.component.scss'],\n})\nexport class HeaderMobileComponent implements OnInit {\n // Public properties\n headerLogo = '';\n asideSelfDisplay = true;\n headerMenuSelfDisplay = true;\n headerMobileClasses = '';\n\n toggleOptions: ToggleOptions = {\n target: KTUtil.getBody(),\n targetState: 'topbar-mobile-on',\n toggleState: 'active',\n };\n\n /**\n * Component constructor\n *\n * @param layoutConfigService: LayoutConfigService\n */\n constructor(private layoutConfigService: LayoutConfigService, private uiService: HtmlClassService) {}\n\n /**\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\n */\n\n /**\n * On init\n */\n ngOnInit() {\n this.headerMobileClasses = this.uiService.getClasses('header_mobile', true).toString();\n this.headerLogo = this.getLogoUrl();\n this.asideSelfDisplay = this.layoutConfigService.getConfig('aside.self.display');\n this.headerMenuSelfDisplay = this.layoutConfigService.getConfig('header.menu.self.display');\n }\n\n getLogoUrl() {\n // const headerSelfTheme = this.layoutConfigService.getConfig('header.self.theme') || '';\n // const brandSelfTheme = this.layoutConfigService.getConfig('brand.self.theme') || '';\n // let result = 'brand-log-bank.svg';\n // if (!this.asideSelfDisplay) {\n // if (headerSelfTheme === 'light') {\n // result = 'brand-log-bank.svg';\n // }\n // } else {\n // if (brandSelfTheme === 'light') {\n // result = 'brand-log-bank.svg';\n // }\n // }\n // return `./assets/brand/${result}`;\n return this.layoutConfigService.getConfig('wlTheme.aside.brand.logo');\n }\n}\n","\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n","// Angular\nimport { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport {\n NavigationCancel, NavigationEnd, NavigationStart, RouteConfigLoadEnd, RouteConfigLoadStart,\n Router\n} from '@angular/router';\n// Loading bar\nimport { LoadingBarService } from '@ngx-loading-bar/core';\n\n// Layout\nimport { LayoutConfigService, LayoutRefService } from '../../../core/_base/layout';\n// HTML Class Service\nimport { HtmlClassService } from '../html-class.service';\n\n@Component({\n selector: 'kt-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n})\nexport class HeaderComponent implements OnInit, AfterViewInit {\n // Public properties\n headerClasses = '';\n headerContainerClasses = '';\n headerMenuClasses = '';\n headerLogo = '';\n headerAttributes = {};\n headerMenuSelfDisplay = true;\n\n @ViewChild('ktHeader', { static: true }) ktHeader: ElementRef;\n\n /**\n * Component constructor\n *\n * @param router: Router\n * @param layoutRefService: LayoutRefService\n * @param layoutConfigService: LayoutConfigService\n * @param loader: LoadingBarService\n * @param htmlClassService: HtmlClassService\n */\n constructor(\n private router: Router,\n private layoutRefService: LayoutRefService,\n private layoutConfigService: LayoutConfigService,\n public loader: LoadingBarService,\n public htmlClassService: HtmlClassService\n ) {\n // page progress bar percentage\n this.router.events.subscribe((event) => {\n if (event instanceof NavigationStart) {\n // set page progress bar loading to start on NavigationStart event router\n this.loader.start();\n }\n if (event instanceof RouteConfigLoadStart) {\n this.loader.increment(35);\n }\n if (event instanceof RouteConfigLoadEnd) {\n this.loader.increment(75);\n }\n if (event instanceof NavigationEnd || event instanceof NavigationCancel) {\n // set page progress bar loading to end on NavigationEnd event router\n this.loader.complete();\n }\n });\n }\n\n /**\n * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\n */\n\n /**\n * On init\n */\n ngOnInit(): void {\n this.headerClasses = this.htmlClassService.getClasses('header', true).toString();\n this.headerAttributes = this.htmlClassService.getAttributes('header');\n this.headerLogo = this.getLogo();\n this.headerMenuSelfDisplay = this.layoutConfigService.getConfig('header.menu.self.display');\n this.headerContainerClasses = this.htmlClassService.getClasses('header_container', true).toString();\n this.headerMenuClasses = this.htmlClassService.getClasses('header_menu', true).toString();\n // header width fluid\n\n // animate the header minimize the height on scroll down. to be removed, not applicable for default demo\n /*if (objectPath.get(config, 'header.self.fixed.desktop.enabled') || objectPath.get(config, 'header.self.fixed.desktop')) {\n // header minimize on scroll down\n this.ktHeader.nativeElement.setAttribute('data-ktheader-minimize', '1');\n }*/\n }\n\n ngAfterViewInit(): void {\n // keep header element in the service\n this.layoutRefService.addElement('header', this.ktHeader.nativeElement);\n }\n\n getLogo() {\n // let result = 'brand-log-bank.svg';\n // const headerSelfTheme = this.layoutConfigService.getConfig('header.self.theme') || '';\n // if (headerSelfTheme === 'light') {\n // result = 'brand-log-bank.svg';\n // } else {\n // if (headerSelfTheme === 'dark') {\n // result = 'brand-log-bank.svg';\n // }\n // }\n // return `./assets/brand/${result}`;\n return this.layoutConfigService.getConfig('wlTheme.aside.brand.logo');\n }\n}\n","\r\n\r\n\r\n 0\">\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n \r\n ![\"logo\"]()
\r\n \r\n
\r\n \r\n