\r\n I am sticky!\r\n
`);\r\n }\r\n }\r\n\r\n\r\n private setSticky(status: StickyStatus): void {\r\n if (status.isSticky) {\r\n this.makeSticky(status.reachedLowerEdge, status.marginTop, status.marginBottom);\r\n } else {\r\n this.removeSticky();\r\n }\r\n }\r\n\r\n private removeSticky(): void {\r\n\r\n this.boundaryReached = false;\r\n this.sticky = false;\r\n\r\n this.stickyElement.nativeElement.style.position = '';\r\n this.stickyElement.nativeElement.style.width = 'auto';\r\n this.stickyElement.nativeElement.style.left = 'auto';\r\n this.stickyElement.nativeElement.style.top = 'auto';\r\n if (this.spacerElement) {\r\n this.spacerElement.style.height = '0';\r\n }\r\n }\r\n}\r\n\r\n// Thanks to https://stanko.github.io/javascript-get-element-offset/\r\nfunction getPosition(el) {\r\n let top = 0;\r\n let left = 0;\r\n let element = el;\r\n\r\n // Loop through the DOM tree\r\n // and add it's parent's offset to get page offset\r\n do {\r\n top += element.offsetTop || 0;\r\n left += element.offsetLeft || 0;\r\n element = element.offsetParent;\r\n } while (element);\r\n\r\n return {\r\n y: top,\r\n x: left,\r\n };\r\n}\r\n","import { Directive, ElementRef, HostListener, Renderer2 } from '@angular/core';\r\n\r\n/**\r\n * Listen Tab click\r\n */\r\n@Directive({\r\n selector: '[ktTabClickEvent]'\r\n})\r\nexport class TabClickEventDirective {\r\n /**\r\n * Directive Constructor\r\n * @param el: ElementRef\r\n * @param render: Renderer2\r\n */\r\n constructor(private el: ElementRef, private render: Renderer2) {\r\n }\r\n\r\n /**\r\n * A directive handler the tab click event for active tab\r\n * param target\r\n */\r\n @HostListener('click', ['$event.target'])\r\n onClick(target: HTMLElement) {\r\n // remove previous active tab\r\n const parent = target.closest('[role=\"tablist\"]');\r\n const activeLink = parent.querySelector('[role=\"tab\"].active');\r\n if (activeLink) {\r\n this.render.removeClass(activeLink, 'active');\r\n }\r\n // set active tab\r\n const link = target.closest('[role=\"tab\"]');\r\n if (link) {\r\n this.render.addClass(link, 'active');\r\n }\r\n }\r\n}\r\n","// Angular\r\nimport { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';\r\n\r\nexport interface ToggleOptions {\r\n target?: string | any;\r\n targetState?: string;\r\n toggleState?: string;\r\n}\r\n\r\n/**\r\n * Toggle\r\n */\r\n@Directive({\r\n selector: '[ktToggle]',\r\n exportAs: 'ktToggle'\r\n})\r\nexport class ToggleDirective implements AfterViewInit {\r\n // Public properties\r\n @Input() options: ToggleOptions;\r\n toggle: any;\r\n\r\n /**\r\n * Directive constructor\r\n * @param el: ElementRef\r\n */\r\n constructor(private el: ElementRef) {\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 this.toggle = new KTToggle(this.el.nativeElement, this.options);\r\n }\r\n}\r\n","// Directives\r\nexport { SparklineChartOptions, SparklineChartDirective } from './directives/sparkline-chart.directive';\r\nexport { OffcanvasDirective } from './directives/offcanvas.directive';\r\nexport { ScrollTopDirective } from './directives/scroll-top.directive';\r\nexport { TabClickEventDirective } from './directives/tab-click-event.directive';\r\nexport { ToggleDirective } from './directives/toggle.directive';\r\n\r\nexport { ContentAnimateDirective } from './directives/content-animate.directive';\r\nexport { HeaderDirective } from './directives/header.directive';\r\nexport { MenuDirective } from './directives/menu.directive';\r\nexport { StickyDirective } from './directives/sticky.directive';\r\n\r\n// Models\r\nexport { DataTableItemModel } from './models/datatable-item.model';\r\nexport { ExternalCodeExample } from './models/external-code-example';\r\nexport { OffcanvasOptions } from './directives/offcanvas.directive';\r\nexport { ScrollTopOptions } from './directives/scroll-top.directive';\r\nexport { ToggleOptions } from './directives/toggle.directive';\r\n\r\nexport { LayoutConfigModel } from './models/layout-config.model';\r\nexport { MenuOptions } from './directives/menu.directive';\r\n\r\n// Pipes\r\nexport { FirstLetterPipe } from './pipes/first-letter.pipe';\r\nexport { GetObjectPipe } from './pipes/get-object.pipe';\r\nexport { JoinPipe } from './pipes/join.pipe';\r\nexport { SafePipe } from './pipes/safe.pipe';\r\nexport { TimeElapsedPipe } from './pipes/time-elapsed.pipe';\r\n\r\n// Services\r\nexport { DataTableService } from './services/datatable.service';\r\nexport { TranslationService } from './services/translation.service';\r\n\r\nexport { LayoutConfigService } from './services/layout-config.service';\r\nexport { LayoutRefService } from './services/layout-ref.service';\r\nexport { MenuAsideService } from './services/menu-aside.service';\r\nexport { MenuConfigService } from './services/menu-config.service';\r\nexport { MenuHorizontalService } from './services/menu-horizontal.service';\r\nexport { PageConfigService } from './services/page-config.service';\r\nexport { SplashScreenService } from './services/splash-screen.service';\r\nexport { SubheaderService } from './services/subheader.service';\r\nexport { KtDialogService } from './services/kt-dialog.service';\r\n\r\n// Server\r\nexport { FakeApiService } from './server/fake-api/fake-api.service';\r\n","export class DataTableItemModel {\r\n id: number;\r\n cModel: string;\r\n cManufacture: string;\r\n cModelYear: number;\r\n cMileage: number;\r\n cDescription: string;\r\n cColor: string;\r\n cPrice: number;\r\n cCondition: number;\r\n cStatus: number;\r\n cVINCode: string;\r\n}\r\n","export class ExternalCodeExample {\r\n beforeCodeTitle: string;\r\n beforeCodeDescription: string;\r\n htmlCode: string;\r\n tsCode: string;\r\n cssCode: string;\r\n scssCode: string;\r\n viewCode: string;\r\n codeTitle: string;\r\n afterCodeTitle: string;\r\n afterCodeDescription: string;\r\n sourceLink: string;\r\n isCodeVisible = true;\r\n isExampleExpanded: boolean;\r\n}\r\n","// Angular\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\n\r\n/**\r\n * Returns only first letter of string\r\n */\r\n@Pipe({\r\n name: 'firstLetter'\r\n})\r\nexport class FirstLetterPipe implements PipeTransform {\r\n\r\n /**\r\n * Transform\r\n *\r\n * @param value: any\r\n * @param args: any\r\n */\r\n transform(value: any, args?: any): any {\r\n return value.split(' ').map(n => n[0]).join('');\r\n }\r\n}\r\n","// Angular\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\n// Object-Path\r\nimport * as objectPath from 'object-path';\r\n\r\n/**\r\n * Returns object from parent object\r\n */\r\n@Pipe({\r\n name: 'getObject'\r\n})\r\nexport class GetObjectPipe implements PipeTransform {\r\n /**\r\n * Transform\r\n *\r\n * @param value: any\r\n * @param args: any\r\n */\r\n transform(value: any, args?: any): any {\r\n return objectPath.get(value, args);\r\n }\r\n}\r\n","// Angular\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\n\r\n/**\r\n * Returns string from Array\r\n */\r\n@Pipe({\r\n name: 'join'\r\n})\r\nexport class JoinPipe implements PipeTransform {\r\n /**\r\n * Transform\r\n *\r\n * @param value: any\r\n * @param args: any\r\n */\r\n transform(value: any, args?: any): any {\r\n if (Array.isArray(value)) {\r\n return value.join(' ');\r\n }\r\n return value;\r\n }\r\n}\r\n","// Angular\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\nimport { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';\r\n\r\n/**\r\n * Sanitize HTML\r\n */\r\n@Pipe({\r\n name: 'safe'\r\n})\r\nexport class SafePipe implements PipeTransform {\r\n /**\r\n * Pipe Constructor\r\n *\r\n * @param _sanitizer: DomSanitezer\r\n */\r\n // tslint:disable-next-line\r\n constructor(protected _sanitizer: DomSanitizer) {\r\n }\r\n\r\n /**\r\n * Transform\r\n *\r\n * @param value: string\r\n * @param type: string\r\n */\r\n transform(value: string, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {\r\n switch (type) {\r\n case 'html':\r\n return this._sanitizer.bypassSecurityTrustHtml(value);\r\n case 'style':\r\n return this._sanitizer.bypassSecurityTrustStyle(value);\r\n case 'script':\r\n return this._sanitizer.bypassSecurityTrustScript(value);\r\n case 'url':\r\n return this._sanitizer.bypassSecurityTrustUrl(value);\r\n case 'resourceUrl':\r\n return this._sanitizer.bypassSecurityTrustResourceUrl(value);\r\n default:\r\n return this._sanitizer.bypassSecurityTrustHtml(value);\r\n }\r\n }\r\n}\r\n","// Angular\r\nimport { Pipe, PipeTransform, OnDestroy, ChangeDetectorRef, NgZone } from '@angular/core';\r\n\r\n/**\r\n * https://github.com/AndrewPoyntz/time-ago-pipe\r\n * An Angular pipe for converting a date string into a time ago\r\n */\r\n@Pipe({\r\n name: 'kTimeElapsed'\r\n})\r\nexport class TimeElapsedPipe implements PipeTransform, OnDestroy {\r\n // Private properties\r\n private timer: number;\r\n\r\n /**\r\n * Pipe Constructor\r\n *\r\n * @param changeDetectorRef: ChangeDetectorRef\r\n * @param ngZone: NgZone\r\n */\r\n constructor(\r\n private changeDetectorRef: ChangeDetectorRef,\r\n private ngZone: NgZone\r\n ) {\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 destroy\r\n */\r\n ngOnDestroy(): void {\r\n this.removeTimer();\r\n }\r\n\r\n /**\r\n * Transform\r\n *\r\n * @param value: string\r\n */\r\n transform(value: string) {\r\n this.removeTimer();\r\n const d = new Date(value);\r\n const now = new Date();\r\n const seconds = Math.round(\r\n Math.abs((now.getTime() - d.getTime()) / 1000)\r\n );\r\n const timeToUpdate = this.getSecondsUntilUpdate(seconds) * 1000;\r\n this.timer = this.ngZone.runOutsideAngular(() => {\r\n if (typeof window !== 'undefined') {\r\n return window.setTimeout(() => {\r\n this.ngZone.run(() =>\r\n this.changeDetectorRef.markForCheck()\r\n );\r\n }, timeToUpdate);\r\n }\r\n return null;\r\n });\r\n const minutes = Math.round(Math.abs(seconds / 60));\r\n const hours = Math.round(Math.abs(minutes / 60));\r\n const days = Math.round(Math.abs(hours / 24));\r\n const months = Math.round(Math.abs(days / 30.416));\r\n const years = Math.round(Math.abs(days / 365));\r\n if (seconds <= 45) {\r\n return 'just now';\r\n } else if (seconds <= 90) {\r\n return '1 min';\r\n } else if (minutes <= 45) {\r\n return minutes + ' mins';\r\n } else if (minutes <= 90) {\r\n return '1 hr';\r\n } else if (hours <= 22) {\r\n return hours + ' hrs';\r\n } else if (hours <= 36) {\r\n return '1 day';\r\n } else if (days <= 25) {\r\n return days + ' days';\r\n } else if (days <= 45) {\r\n return '1 month';\r\n } else if (days <= 345) {\r\n return months + ' months';\r\n } else if (days <= 545) {\r\n return '1 year';\r\n } else {\r\n // (days > 545)\r\n return years + ' years';\r\n }\r\n }\r\n\r\n /**\r\n * Remove timer\r\n */\r\n private removeTimer() {\r\n if (this.timer) {\r\n window.clearTimeout(this.timer);\r\n this.timer = null;\r\n }\r\n }\r\n\r\n /**\r\n * Returns Seconds Until Update\r\n * @param seconds: number\r\n */\r\n private getSecondsUntilUpdate(seconds: number) {\r\n const min = 60;\r\n const hr = min * 60;\r\n const day = hr * 24;\r\n if (seconds < min) {\r\n // less than 1 min, update ever 2 secs\r\n return 2;\r\n } else if (seconds < hr) {\r\n // less than an hour, update every 30 secs\r\n return 30;\r\n } else if (seconds < day) {\r\n // less then a day, update every 5 minutes\r\n return 300;\r\n } else {\r\n // update every hour\r\n return 3600;\r\n }\r\n }\r\n}\r\n","// Angular\r\nimport { Injectable } from \"@angular/core\";\r\n// Angular in memory\r\nimport { InMemoryDbService } from \"angular-in-memory-web-api\";\r\n// RxJS\r\nimport { Observable } from \"rxjs\";\r\n// Auth\r\nimport { AuthDataContext } from \"../../../../auth\";\r\n// ECommerce\r\n// import { ECommerceDataContext } from '../../../../e-commerce';\r\n// Models\r\nimport { CarsDb } from \"./fake-db/cars\";\r\n\r\n@Injectable()\r\nexport class FakeApiService {\r\n /**\r\n * Service Constructors\r\n */\r\n constructor() {}\r\n\r\n /**\r\n * Create Fake DB and API\r\n */\r\n createDb(): {} | Observable<{}> {\r\n // tslint:disable-next-line:class-name\r\n const db = {\r\n // auth module\r\n // users: AuthDataContext.users,\r\n roles: AuthDataContext.roles,\r\n permissions: AuthDataContext.permissions,\r\n\r\n // e-commerce\r\n // customers\r\n // customers: ECommerceDataContext.customers,\r\n // // products\r\n // products: ECommerceDataContext.cars,\r\n // productRemarks: ECommerceDataContext.remarks,\r\n // productSpecs: ECommerceDataContext.carSpecs,\r\n\r\n // // orders\r\n // orders: ECommerceDataContext.orders,\r\n\r\n // data-table\r\n cars: CarsDb.cars,\r\n };\r\n return db;\r\n }\r\n}\r\n","export class CarsDb {\r\n public static cars: any = [\r\n {\r\n id: 1,\r\n cModel: 'Elise',\r\n cManufacture: 'Lotus',\r\n cModelYear: 2004,\r\n cMileage: 116879,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Lotus Elise first appeared in 1996 and revolutionised small sports car design with its lightweight extruded aluminium chassis and composite body. There have been many variations, but the basic principle remain the same.`,\r\n cColor: 'Red',\r\n cPrice: 18347,\r\n cCondition: 1,\r\n createdDate: '09/30/2017',\r\n cStatus: 0,\r\n cVINCode: '1FTWX3D52AE575540',\r\n }, {\r\n id: 2,\r\n cModel: 'Sunbird',\r\n cManufacture: 'Pontiac',\r\n cModelYear: 1984,\r\n cMileage: 99515,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Pontiac Sunbird is an automobile that was produced by Pontiac, initially as a subcompact for the 1976 to 1980 cModel years,and later as a compact for the 1982 to 1994 cModel years. The Sunbird badge ran for 18 years (with a hiatus during the 1981 and 1982 cModel years, as the 1982 cModel was called J2000) and was then replaced in 1995 by the Pontiac Sunfire. Through the years the Sunbird was available in notchback coupé, sedan, hatchback, station wagon, and convertible body styles.`,\r\n cColor: 'Khaki',\r\n cPrice: 165956,\r\n cCondition: 0,\r\n createdDate: '03/22/2018',\r\n cStatus: 1,\r\n cVINCode: 'JM1NC2EF8A0293556'\r\n }, {\r\n id: 3,\r\n cModel: 'Amigo',\r\n cManufacture: 'Isuzu',\r\n cModelYear: 1993,\r\n cMileage: 138027,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Isuzu MU is a mid-size SUV that was produced by the Japan-based cManufacturer Isuzu. The three-door MU was introduced in 1989, followed in 1990 by the five-door version called Isuzu MU Wizard, both of which stopped production in 1998 to be replaced by a second generation. This time, the five-door version dropped the \"MU\" prefix, to become the Isuzu Wizard. The acronym \"MU\" is short for \"Mysterious Utility\". Isuzu cManufactured several variations to the MU and its derivates for sale in other countries.`,\r\n cColor: 'Aquamarine',\r\n cPrice: 45684,\r\n cCondition: 0,\r\n createdDate: '03/06/2018',\r\n cStatus: 0,\r\n cVINCode: '1G6DG8E56C0973889'\r\n }, {\r\n id: 4,\r\n cModel: 'LS',\r\n cManufacture: 'Lexus',\r\n cModelYear: 2004,\r\n cMileage: 183068,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Lexus LS (Japanese: レクサス・LS, Rekusasu LS) is a full-size luxury car (F-segment in Europe) serving as the flagship cModel of Lexus, the luxury division of Toyota. For the first four generations, all LS cModels featured V8 engines and were predominantly rear-wheel-drive, with Lexus also offering all-wheel-drive, hybrid, and long-wheelbase variants. The fifth generation changed to using a V6 engine with no V8 option, and the long wheelbase variant was removed entirely.`,\r\n cColor: 'Mauv',\r\n cPrice: 95410,\r\n cCondition: 1,\r\n createdDate: '02/03/2018',\r\n cStatus: 1,\r\n cVINCode: '2T1BU4EE6DC859114'\r\n }, {\r\n id: 5,\r\n cModel: 'Paseo',\r\n cManufacture: 'Toyota',\r\n cModelYear: 1997,\r\n cMileage: 74884,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Toyota Paseo (known as the Cynos in Japan and other regions) is a sports styled compact car sold from 1991–1999 and was loosely based on the Tercel. It was available as a coupe and in later cModels as a convertible. Toyota stopped selling the car in the United States in 1997, however the car continued to be sold in Canada, Europe and Japan until 1999, but had no direct replacement. The Paseo, like the Tercel, shares a platform with the Starlet. Several parts are interchangeable between the three`,\r\n cColor: 'Pink',\r\n cPrice: 24796,\r\n cCondition: 1,\r\n createdDate: '08/13/2017',\r\n cStatus: 0,\r\n cVINCode: '1D7RB1GP0AS597432'\r\n }, {\r\n id: 6,\r\n cModel: 'M',\r\n cManufacture: 'Infiniti',\r\n cModelYear: 2009,\r\n cMileage: 194846,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Infiniti M is a line of mid-size luxury (executive) cars from the Infiniti luxury division of Nissan.\\r\\nThe first iteration was the M30 Coupe/Convertible, which were rebadged JDM Nissan Leopard.\\r\\nAfter a long hiatus, the M nameplate was used for Infiniti's mid-luxury sedans (executive cars). First was the short-lived M45 sedan, a rebadged version of the Japanese-spec Nissan Gloria. The next generations, the M35/45 and M37/56/35h/30d, became the flagship of the Infiniti brand and are based on the JDM Nissan Fuga.`,\r\n cColor: 'Puce',\r\n cPrice: 30521,\r\n cCondition: 1,\r\n createdDate: '01/27/2018',\r\n cStatus: 0,\r\n cVINCode: 'YV1940AS1D1542424'\r\n }, {\r\n id: 7,\r\n cModel: 'Phantom',\r\n cManufacture: 'Rolls-Royce',\r\n cModelYear: 2008,\r\n cMileage: 164124,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Rolls-Royce Phantom VIII is a luxury saloon car cManufactured by Rolls-Royce Motor Cars. It is the eighth and current generation of Rolls-Royce Phantom, and the second launched by Rolls-Royce under BMW ownership. It is offered in two wheelbase lengths`,\r\n cColor: 'Purple',\r\n cPrice: 196247,\r\n cCondition: 1,\r\n createdDate: '09/28/2017',\r\n cStatus: 1,\r\n cVINCode: '3VWML7AJ1DM234625'\r\n }, {\r\n id: 8,\r\n cModel: 'QX',\r\n cManufacture: 'Infiniti',\r\n cModelYear: 2002,\r\n cMileage: 57410,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Infiniti QX80 (called the Infiniti QX56 until 2013) is a full-size luxury SUV built by Nissan Motor Company's Infiniti division. The naming convention originally adhered to the current trend of using a numeric designation derived from the engine's displacement, thus QX56 since the car has a 5.6-liter engine. From the 2014 cModel year, the car was renamed the QX80, as part of Infiniti's cModel name rebranding. The new name carries no meaning beyond suggesting that the vehicle is larger than smaller cModels such as the QX60`,\r\n cColor: 'Green',\r\n cPrice: 185775,\r\n cCondition: 1,\r\n createdDate: '11/15/2017',\r\n cStatus: 0,\r\n cVINCode: 'WDDHF2EB9CA161524'\r\n }, {\r\n id: 9,\r\n cModel: 'Daytona',\r\n cManufacture: 'Dodge',\r\n cModelYear: 1993,\r\n cMileage: 4444,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Dodge Daytona was an automobile which was produced by the Chrysler Corporation under their Dodge division from 1984 to 1993. It was a front-wheel drive hatchback based on the Chrysler G platform, which was derived from the Chrysler K platform. The Chrysler Laser was an upscale rebadged version of the Daytona. The Daytona was restyled for 1987, and again for 1992. It replaced the Mitsubishi Galant-based Challenger, and slotted between the Charger and the Conquest. The Daytona was replaced by the 1995 Dodge Avenger, which was built by Mitsubishi Motors. The Daytona derives its name mainly from the Dodge Charger Daytona, which itself was named after the Daytona 500 race in Daytona Beach, Florida.`,\r\n cColor: 'Maroon',\r\n cPrice: 171898,\r\n cCondition: 0,\r\n createdDate: '12/24/2017',\r\n cStatus: 1,\r\n cVINCode: 'WBAET37422N752051'\r\n }, {\r\n id: 10,\r\n cModel: '1500 Silverado',\r\n cManufacture: 'Chevrolet',\r\n cModelYear: 1999,\r\n cMileage: 195310,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Chevrolet Silverado, and its mechanically identical cousin, the GMC Sierra, are a series of full-size and heavy-duty pickup trucks cManufactured by General Motors and introduced in 1998 as the successor to the long-running Chevrolet C/K line. The Silverado name was taken from a trim level previously used on its predecessor, the Chevrolet C/K pickup truck from 1975 through 1998. General Motors continues to offer a GMC-badged variant of the Chevrolet full-size pickup under the GMC Sierra name, first used in 1987 for its variant of the GMT400 platform trucks.`,\r\n cColor: 'Blue',\r\n cPrice: 25764,\r\n cCondition: 0,\r\n createdDate: '08/30/2017',\r\n cStatus: 1,\r\n cVINCode: '1N6AF0LX6EN590806'\r\n }, {\r\n id: 11,\r\n cModel: 'CTS',\r\n cManufacture: 'Cadillac',\r\n cModelYear: 2012,\r\n cMileage: 170862,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Cadillac CTS is a mid-size luxury car / executive car designed, engineered, cManufactured and marketed by General Motors, and now in its third generation. \\r\\nInitially available only as a 4-door sedan on the GM Sigma platform, GM had offered the second generation CTS in three body styles: 4-door sedan, 2-door coupe, and 5-door sport wagon also using the Sigma platform — and the third generation in coupe and sedan configurations, using a stretched version of the GM Alpha platform.\\r\\nWayne Cherry and Kip Wasenko designed the exterior of the first generation CTS, marking the production debut of a design language (marketed as \"Art and Science\") first seen on the Evoq concept car. Bob Boniface and Robin Krieg designed the exterior of the third generation CTS`,\r\n cColor: 'Crimson',\r\n cPrice: 80588,\r\n cCondition: 0,\r\n createdDate: '02/15/2018',\r\n cStatus: 0,\r\n cVINCode: '1G4HR54KX4U506530'\r\n }, {\r\n id: 12,\r\n cModel: 'Astro',\r\n cManufacture: 'Chevrolet',\r\n cModelYear: 1995,\r\n cMileage: 142137,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Chevrolet Astro was a rear-wheel drive van/minivan cManufactured and marketed by the American automaker Chevrolet from 1985 to 2005 and over two build generations. Along with its rebadged variant, the GMC Safari, the Astro was marketed in passenger as well as cargo and livery configurations—featuring a V6 engine, unibody construction with a separate front engine/suspension sub-frame, leaf-spring rear suspension, rear bi-parting doors, and a seating capacity of up to eight passengers`,\r\n cColor: 'Teal',\r\n cPrice: 72430,\r\n cCondition: 1,\r\n createdDate: '07/31/2017',\r\n cStatus: 0,\r\n cVINCode: 'KMHGH4JH2DU676107'\r\n }, {\r\n id: 13,\r\n cModel: 'XL7',\r\n cManufacture: 'Suzuki',\r\n cModelYear: 2009,\r\n cMileage: 165165,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Suzuki XL-7 (styled as XL7 for the second generation) is Suzuki's mid-sized SUV that was made from 1998 to 2009, over two generations. It was slotted above the Grand Vitara in Suzuki's lineup.`,\r\n cColor: 'Puce',\r\n cPrice: 118667,\r\n cCondition: 0,\r\n createdDate: '02/04/2018',\r\n cStatus: 0,\r\n cVINCode: '1N6AF0LX9EN733005'\r\n }, {\r\n id: 14,\r\n cModel: 'SJ 410',\r\n cManufacture: 'Suzuki',\r\n cModelYear: 1984,\r\n cMileage: 176074,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The SJ-Series was introduced to the United States (Puerto Rico (SJ-410) and Canada earlier) in 1985 for the 1986 cModel year. It was cPriced at $6200 and 47,000 were sold in its first year. The Samurai had a 1.3 liter, 63 hp (47 kW), 4-cylinder engine and was available as a convertible or a hardtop, and with or without a rear seat. The Suzuki Samurai became intensely popular within the serious 4WD community for its good off-road performance and reliability compared to other 4WDs of the time. This is due to the fact that while very compact and light, it is a real 4WD vehicle equipped with a transfer case, switchable 4WD and low range. Its lightness makes it a very nimble off-roader less prone to sinking in softer ground than heavier types. It is also considered a great beginner off-roader due to its simple design and ease of engine and suspension modifications.`,\r\n cColor: 'Orange',\r\n cPrice: 84325,\r\n cCondition: 0,\r\n createdDate: '12/22/2017',\r\n cStatus: 0,\r\n cVINCode: '2C3CDYBT6DH183756'\r\n }, {\r\n id: 15,\r\n cModel: 'F-Series',\r\n cManufacture: 'Ford',\r\n cModelYear: 1995,\r\n cMileage: 53030,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Ford F-Series is a series of light-duty trucks and medium-duty trucks (Class 2-7) that have been marketed and cManufactured by Ford Motor Company since 1948. While most variants of the F-Series trucks are full-size pickup trucks, the F-Series also includes chassis cab trucks and commercial vehicles. The Ford F-Series has been the best-selling vehicle in the United States since 1986 and the best-selling pickup since 1977.[1][2] It is also the best selling vehicle in Canada.[3] As of the 2018 cModel year, the F-Series generates $41.0 billion in annual revenue for Ford, making the F-Series brand more valuable than Coca-Cola and Nike.`,\r\n cColor: 'Aquamarine',\r\n cPrice: 77108,\r\n cCondition: 0,\r\n createdDate: '01/09/2018',\r\n cStatus: 0,\r\n cVINCode: 'WBAVB33526P873481'\r\n }, {\r\n id: 16,\r\n cModel: 'HS',\r\n cManufacture: 'Lexus',\r\n cModelYear: 2011,\r\n cMileage: 84718,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Lexus HS (Japanese: レクサス・HS, Rekusasu HS) is a dedicated hybrid vehicle introduced by Lexus as a new entry-level luxury compact sedan in 2009.[2] Built on the Toyota New MC platform,[3] it is classified as a compact under Japanese regulations concerning vehicle exterior dimensions and engine displacement. Unveiled at the North American International Auto Show in January 2009, the HS 250h went on sale in July 2009 in Japan, followed by the United States in August 2009 as a 2010 cModel. The HS 250h represented the first dedicated hybrid vehicle in the Lexus lineup, as well as the first offered with an inline-four gasoline engine.[4] Bioplastic materials are used for the vehicle interior.[5] With a total length of 184.8 inches, the Lexus HS is slightly larger than the Lexus IS, but still smaller than the mid-size Lexus ES.`,\r\n cColor: 'Purple',\r\n cPrice: 140170,\r\n cCondition: 0,\r\n createdDate: '11/14/2017',\r\n cStatus: 1,\r\n cVINCode: '1FTWF3A56AE545514'\r\n }, {\r\n id: 17,\r\n cModel: 'Land Cruiser',\r\n cManufacture: 'Toyota',\r\n cModelYear: 2008,\r\n cMileage: 157019,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `Production of the first generation Land Cruiser began in 1951 (90 units) as Toyota's version of a Jeep-like vehicle.[2][3] The Land Cruiser has been produced in convertible, hardtop, station wagon and cab chassis versions. The Land Cruiser's reliability and longevity has led to huge popularity, especially in Australia where it is the best-selling body-on-frame, four-wheel drive vehicle.[4] Toyota also extensively tests the Land Cruiser in the Australian outback – considered to be one of the toughest operating environments in both temperature and terrain. In Japan, the Land Cruiser is exclusive to Toyota Japanese dealerships called Toyota Store.`,\r\n cColor: 'Crimson',\r\n cPrice: 72638,\r\n cCondition: 1,\r\n createdDate: '08/08/2017',\r\n cStatus: 1,\r\n cVINCode: '3C3CFFDR2FT957799'\r\n }, {\r\n id: 18,\r\n cModel: 'Wrangler',\r\n cManufacture: 'Jeep',\r\n cModelYear: 1994,\r\n cMileage: 55857,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Jeep Wrangler is a series of compact and mid-size (Wrangler Unlimited and Wrangler 4-door JL) four-wheel drive off-road vehicle cModels, cManufactured by Jeep since 1986, and currently migrating from its third into its fourth generation. The Wrangler JL was unveiled in late 2017 and will be produced at Jeep's Toledo Complex.`,\r\n cColor: 'Red',\r\n cPrice: 193523,\r\n cCondition: 0,\r\n createdDate: '02/28/2018',\r\n cStatus: 1,\r\n cVINCode: '3C4PDCAB7FT652291'\r\n }, {\r\n id: 19,\r\n cModel: 'Sunbird',\r\n cManufacture: 'Pontiac',\r\n cModelYear: 1994,\r\n cMileage: 165202,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Pontiac Sunbird is an automobile that was produced by Pontiac, initially as a subcompact for the 1976 to 1980 cModel years, and later as a compact for the 1982 to 1994 cModel years. The Sunbird badge ran for 18 years (with a hiatus during the 1981 and 1982 cModel years, as the 1982 cModel was called J2000) and was then replaced in 1995 by the Pontiac Sunfire. Through the years the Sunbird was available in notchback coupé, sedan, hatchback, station wagon, and convertible body styles.`,\r\n cColor: 'Blue',\r\n cPrice: 198739,\r\n cCondition: 0,\r\n createdDate: '05/13/2017',\r\n cStatus: 1,\r\n cVINCode: '1GD22XEG9FZ103872'\r\n }, {\r\n id: 20,\r\n cModel: 'A4',\r\n cManufacture: 'Audi',\r\n cModelYear: 1998,\r\n cMileage: 117958,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The A4 has been built in five generations and is based on the Volkswagen Group B platform. The first generation A4 succeeded the Audi 80. The automaker's internal numbering treats the A4 as a continuation of the Audi 80 lineage, with the initial A4 designated as the B5-series, followed by the B6, B7, B8 and the B9. The B8 and B9 versions of the A4 are built on the Volkswagen Group MLB platform shared with many other Audi cModels and potentially one Porsche cModel within Volkswagen Group`,\r\n cColor: 'Yellow',\r\n cPrice: 159377,\r\n cCondition: 0,\r\n createdDate: '12/15/2017',\r\n cStatus: 1,\r\n cVINCode: '2C3CDXCT2FH350366'\r\n }, {\r\n id: 21,\r\n cModel: 'Camry Solara',\r\n cManufacture: 'Toyota',\r\n cModelYear: 2006,\r\n cMileage: 22436,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Toyota Camry Solara, popularly known as the Toyota Solara, is a mid-size coupe/convertible built by Toyota. The Camry Solara is mechanically based on the Toyota Camry and effectively replaced the discontinued Camry Coupe (XV10); however, in contrast with its predecessor's conservative design, the Camry Solara was designed with a greater emphasis on sportiness, with more rakish styling, and uprated suspension and engine tuning intended to provide a sportier feel.[5] The coupe was launched in late 1998 as a 1999 cModel.[1] In 2000, the convertible was introduced, effectively replacing the Celica convertible in Toyota's North American lineup`,\r\n cColor: 'Green',\r\n cPrice: 122562,\r\n cCondition: 0,\r\n createdDate: '07/11/2017',\r\n cStatus: 0,\r\n cVINCode: '3C3CFFHH6DT874066'\r\n }, {\r\n id: 22,\r\n cModel: 'Tribeca',\r\n cManufacture: 'Subaru',\r\n cModelYear: 2007,\r\n cMileage: 127958,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Subaru Tribeca is a mid-size crossover SUV made from 2005 to 2014. Released in some markets, including Canada, as the Subaru B9 Tribeca, the name \"Tribeca\" derives from the Tribeca neighborhood of New York City.[1] Built on the Subaru Legacy platform and sold in five- and seven-seat configurations, the Tribeca was intended to be sold alongside a slightly revised version known as the Saab 9-6. Saab, at the time a subsidiary of General Motors (GM), abandoned the 9-6 program just prior to its release subsequent to GM's 2005 divestiture of its 20 percent stake in FHI.`,\r\n cColor: 'Yellow',\r\n cPrice: 90221,\r\n cCondition: 1,\r\n createdDate: '11/12/2017',\r\n cStatus: 0,\r\n cVINCode: 'WVWGU7AN9AE957575'\r\n }, {\r\n id: 23,\r\n cModel: '1500 Club Coupe',\r\n cManufacture: 'GMC',\r\n cModelYear: 1997,\r\n cMileage: 95783,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `GMC (General Motors Truck Company), formally the GMC Division of General Motors LLC, is a division of the American automobile cManufacturer General Motors (GM) that primarily focuses on trucks and utility vehicles. GMC sells pickup and commercial trucks, buses, vans, military vehicles, and sport utility vehicles marketed worldwide by General Motors.`,\r\n cColor: 'Teal',\r\n cPrice: 64376,\r\n cCondition: 1,\r\n createdDate: '06/28/2017',\r\n cStatus: 0,\r\n cVINCode: 'SCFBF04BX7G920997'\r\n }, {\r\n id: 24,\r\n cModel: 'Firebird',\r\n cManufacture: 'Pontiac',\r\n cModelYear: 2002,\r\n cMileage: 74063,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Pontiac Firebird is an American automobile built by Pontiac from the 1967 to the 2002 cModel years. Designed as a pony car to compete with the Ford Mustang, it was introduced 23 February 1967, the same cModel year as GM's Chevrolet division platform-sharing Camaro.[1] This also coincided with the release of the 1967 Mercury Cougar, Ford's upscale, platform-sharing version of the Mustang. The name \"Firebird\" was also previously used by GM for the General Motors Firebird 1950s and early-1960s`,\r\n cColor: 'Puce',\r\n cPrice: 94178,\r\n cCondition: 1,\r\n createdDate: '09/13/2017',\r\n cStatus: 0,\r\n cVINCode: '3C63D2JL5CG563879'\r\n }, {\r\n id: 25,\r\n cModel: 'RAV4',\r\n cManufacture: 'Toyota',\r\n cModelYear: 1996,\r\n cMileage: 99461,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Toyota RAV4 (Japanese: トヨタ RAV4 Toyota Ravufō) is a compact crossover SUV (sport utility vehicle) produced by the Japanese automobile cManufacturer Toyota. This was the first compact crossover SUV;[1] it made its debut in Japan and Europe in 1994,[2] and in North America in 1995. The vehicle was designed for consumers wanting a vehicle that had most of the benefits of SUVs, such as increased cargo room, higher visibility, and the option of full-time four-wheel drive, along with the maneuverability and fuel economy of a compact car. Although not all RAV4s are four-wheel-drive, RAV4 stands for \"Recreational Activity Vehicle: 4-wheel drive\", because the aforementioned equipment is an option in select countries`,\r\n cColor: 'Goldenrod',\r\n cPrice: 48342,\r\n cCondition: 0,\r\n createdDate: '12/29/2017',\r\n cStatus: 0,\r\n cVINCode: '2C4RDGDG6DR836144'\r\n }, {\r\n id: 26,\r\n cModel: 'Amanti / Opirus',\r\n cManufacture: 'Kia',\r\n cModelYear: 2007,\r\n cMileage: 189651,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Kia Opirus was an executive car cManufactured and marketed by Kia Motors that was launched in April 2003 and was marketed globally under various nameplates, prominently as the Amanti. It was considered to be Kia's flagship vehicle.`,\r\n cColor: 'Indigo',\r\n cPrice: 44292,\r\n cCondition: 1,\r\n createdDate: '09/01/2017',\r\n cStatus: 1,\r\n cVINCode: '1C4SDHCT2CC055294'\r\n }, {\r\n id: 27,\r\n cModel: 'S60',\r\n cManufacture: 'Volvo',\r\n cModelYear: 2001,\r\n cMileage: 78963,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `First introduced in 2004, Volvo's S60 R used a Haldex all-wheel-drive system mated to a 300 PS (221 kW; 296 hp) / 400 N⋅m (300 lbf⋅ft) inline-5. The 2004–2005 cModels came with a 6-speed manual transmission, or an available 5-speed automatic which allowed only 258 lb⋅ft (350 N⋅m) torque in 1st and 2nd gears. The 2006–2007 cModels came with a 6-speed manual or 6-speed automatic transmission (which was no longer torque-restricted)`,\r\n cColor: 'Goldenrod',\r\n cPrice: 9440,\r\n cCondition: 0,\r\n createdDate: '11/06/2017',\r\n cStatus: 0,\r\n cVINCode: '3C6TD5CT5CG316067',\r\n }, {\r\n id: 28,\r\n cModel: 'Grand Marquis',\r\n cManufacture: 'Mercury',\r\n cModelYear: 1984,\r\n cMileage: 153027,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Mercury Grand Marquis is an automobile that was sold by the Mercury division of Ford Motor Company from 1975 to 2011. From 1975 to 1982, it was the premium cModel of the Mercury Marquis cModel line, becoming a standalone cModel line in 1983. For its entire production run, the Grand Marquis served as the flagship of the Mercury line, with the Ford (LTD) Crown Victoria serving as its Ford counterpart. In addition, from 1979 to 2011, the Grand Marquis shared the rear-wheel drive Panther platform alongside the Lincoln Town Car`,\r\n cColor: 'Goldenrod',\r\n cPrice: 76027,\r\n cCondition: 0,\r\n createdDate: '12/16/2017',\r\n cStatus: 1,\r\n cVINCode: '3C3CFFJH2DT871398'\r\n }, {\r\n id: 29,\r\n cModel: 'Talon',\r\n cManufacture: 'Eagle',\r\n cModelYear: 1991,\r\n cMileage: 111234,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `Cosmetically, differences between the three were found in wheels, availability of cColors, tail lights, front and rear bumpers, and spoilers. The Talon featured two-tone body cColor with a black 'greenhouse' (roof, pillars, door-mounted mirrors) regardless of the body cColor. The variants featured 5-speed manual or 4-speed automatic transmissions and a hood bulge on the left-hand side of the car in order for camshaft clearance on the 4G63 engine. The base cModel DL did not use this engine but still had a bulge as evident in the 1992 Talon brochure. 2nd Generation cars all had such a bulge, even with the inclusion of the 420A engine`,\r\n cColor: 'Teal',\r\n cPrice: 157216,\r\n cCondition: 0,\r\n createdDate: '05/08/2017',\r\n cStatus: 1,\r\n cVINCode: 'YV1902FH1D2957659'\r\n }, {\r\n id: 30,\r\n cModel: 'Passport',\r\n cManufacture: 'Honda',\r\n cModelYear: 2002,\r\n cMileage: 3812,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Passport was a part of a partnership between Isuzu and Honda in the 1990s, which saw an exchange of passenger vehicles from Honda to Isuzu, such as the Isuzu Oasis, and trucks from Isuzu to Honda, such as the Passport and Acura SLX. This arrangement was convenient for both companies, as Isuzu discontinued passenger car production in 1993 after a corporate restructuring, and Honda was in desperate need a SUV, a segment that was growing in popularity in North America as well as Japan during the 1990s. The partnership ended in 2002 with the discontinuation of the Passport in favor of the Honda-engineered Pilot`,\r\n cColor: 'Puce',\r\n cPrice: 41299,\r\n cCondition: 1,\r\n createdDate: '03/08/2018',\r\n cStatus: 0,\r\n cVINCode: 'WVWEU9AN4AE524071'\r\n }, {\r\n id: 31,\r\n cModel: 'H3',\r\n cManufacture: 'Hummer',\r\n cModelYear: 2006,\r\n cMileage: 196321,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Hummer H3 is a sport utility vehicle/off-road vehicle from Hummer that was produced from 2005 to 2010. Introduced for the 2006 cModel year, it was based on a highly modified GMT355 underpinning the Chevrolet cColorado/GMC Canyon compact pickup trucks that were also built at GM's Shreveport Operations in Shreveport, Louisiana and the Port Elizabeth plant in South Africa. The H3 was actually the smallest among the Hummer cModels. It was available either as a traditional midsize SUV or as a midsize pickup known as the H3T`,\r\n cColor: 'Pink',\r\n cPrice: 186964,\r\n cCondition: 1,\r\n createdDate: '06/04/2017',\r\n cStatus: 1,\r\n cVINCode: '4T1BF1FK4FU746230',\r\n }, {\r\n id: 32,\r\n cModel: 'Comanche',\r\n cManufacture: 'Jeep',\r\n cModelYear: 1992,\r\n cMileage: 72285,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The Jeep Comanche (designated MJ) is a pickup truck variant of the Cherokee compact SUV (1984–2001)[3] cManufactured and marketed by Jeep for cModel years 1986-1992 in rear wheel (RWD) and four-wheel drive (4WD) cModels as well as two cargo bed lengths: six-feet (1.83 metres) and seven-feet (2.13 metres)`,\r\n cColor: 'Mauv',\r\n cPrice: 145971,\r\n cCondition: 1,\r\n createdDate: '09/01/2017',\r\n cStatus: 0,\r\n cVINCode: '1J4PN2GK1BW745045'\r\n }, {\r\n id: 33,\r\n cModel: 'Blazer',\r\n cManufacture: 'Chevrolet',\r\n cModelYear: 1993,\r\n cMileage: 189804,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The 2014 – 2nd generation, MY14 Duramax 2.8L diesel engines have several new parts, namely a new water-cooled variable-geometry turbocharger, a new high-pressure common-rail fuel delivery system, a new exhaust gas recirculation (EGR) system, a new intake manifold, a new cylinder head, a new cylinder block, a new balance shaft unit and a new Engine Control Module (ECM). and now produce 197 hp and 369 Ft/Lbs of torque`,\r\n cColor: 'Indigo',\r\n cPrice: 154594,\r\n cCondition: 0,\r\n createdDate: '09/13/2017',\r\n cStatus: 0,\r\n cVINCode: '1G6KD57Y43U482896'\r\n }, {\r\n id: 34,\r\n cModel: 'Envoy XUV',\r\n cManufacture: 'GMC',\r\n cModelYear: 2004,\r\n cMileage: 187960,\r\n // tslint:disable-next-line:max-line-length\r\n cDescription: `The GMC Envoy is a mid-size SUV that was produced by General Motors. It was introduced for the 1998 cModel year. After the first generation Envoy was discontinued after the 2000 cModel year, but the Envoy was reintroduced and redesigned for the 2002 cModel year, and it was available in the GMC line of vehicles from the 2002 to 2009 cModel years`,\r\n cColor: 'Turquoise',\r\n cPrice: 185103,\r\n cCondition: 1,\r\n createdDate: '12/07/2017',\r\n cStatus: 0,\r\n cVINCode: '5GAER23D09J658030'\r\n }\r\n ];\r\n}\r\n","// Angular\r\nimport { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\n// RxJS\r\nimport { Observable } from 'rxjs';\r\n// Models\r\nimport { DataTableItemModel } from '../models/datatable-item.model';\r\n\r\nconst API_DATATABLE_URL = 'api/cars';\r\n\r\n@Injectable()\r\nexport class DataTableService {\r\n /**\r\n * Service Constructor\r\n *\r\n * @param http: HttpClient\r\n */\r\n constructor(private http: HttpClient) {\r\n }\r\n\r\n /**\r\n * Returns data from fake server\r\n */\r\n getAllItems(): Observable\r\n\t\r\n
\r\n","// Angular\r\nimport { ChangeDetectorRef, Component, OnDestroy, OnInit, Output } from '@angular/core';\r\n// RxJS\r\nimport { Subscription } from 'rxjs';\r\n// Auth\r\nimport { AuthNotice, AuthNoticeService } from '../../../../core/auth/';\r\n\r\n@Component({\r\n\tselector: 'kt-auth-notice',\r\n\ttemplateUrl: './auth-notice.component.html',\r\n})\r\nexport class AuthNoticeComponent implements OnInit, OnDestroy {\r\n\t@Output() type: any;\r\n\t@Output() message: any = '';\r\n\r\n\t// Private properties\r\n\tprivate subscriptions: Subscription[] = [];\r\n\r\n\t/**\r\n\t * Component Constructure\r\n\t *\r\n\t * @param authNoticeService\r\n\t * @param cdr\r\n\t */\r\n\tconstructor(public authNoticeService: AuthNoticeService, private cdr: ChangeDetectorRef) {\r\n\t}\r\n\r\n\t/*\r\n\t * @ Lifecycle sequences => https://angular.io/guide/lifecycle-hooks\r\n */\r\n\r\n\t/**\r\n\t * On init\r\n\t */\r\n\tngOnInit() {\r\n\t\tthis.subscriptions.push(this.authNoticeService.onNoticeChanged$.subscribe(\r\n\t\t\t(notice: AuthNotice) => {\r\n\t\t\t\tnotice = Object.assign({}, {message: '', type: ''}, notice);\r\n\t\t\t\tthis.message = notice.message;\r\n\t\t\t\tthis.type = notice.type;\r\n\t\t\t\tthis.cdr.markForCheck();\r\n\t\t\t}\r\n\t\t));\r\n\t}\r\n\r\n\t/**\r\n\t * On destroy\r\n\t */\r\n\tngOnDestroy(): void {\r\n\t\tthis.subscriptions.forEach(sb => sb.unsubscribe());\r\n\t}\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 ![](\"./assets/media/logos/AKSATA_TRANSPARENT.png\")
\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 {{ \"AUTH.GENERAL.TITLE\" | translate }} {{ today | date: \"yyyy\" }}\r\n
\r\n \r\n {{ \"AUTH.GENERAL.CONTACT\" | translate }} \r\n
\r\n \r\n {{ \"AUTH.GENERAL.TITLE\" | translate }} {{ today | date: \"yyyy\" }}\r\n
\r\n \r\n {{ \"AUTH.GENERAL.CONTACT\" | translate }} \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n","// Angular\r\nimport {\r\n Component,\r\n ElementRef,\r\n OnInit,\r\n Renderer2,\r\n ViewEncapsulation,\r\n} from \"@angular/core\";\r\n// Layout\r\nimport {\r\n LayoutConfigService,\r\n SplashScreenService,\r\n TranslationService,\r\n} from \"../../../core/_base/layout\";\r\n// Auth\r\nimport { AuthNoticeService } from \"../../../core/auth\";\r\n\r\n@Component({\r\n selector: \"kt-auth\",\r\n templateUrl: \"./auth.component.html\",\r\n styleUrls: [\"./auth.component.scss\"],\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AuthComponent implements OnInit {\r\n // Public properties\r\n today: number = Date.now();\r\n headerLogo: string;\r\n /**\r\n * Component constructor\r\n *\r\n * @param el\r\n * @param render\r\n * @param layoutConfigService: LayoutConfigService\r\n * @param authNoticeService: authNoticeService\r\n * @param translationService: TranslationService\r\n * @param splashScreenService: SplashScreenService\r\n */\r\n constructor(\r\n private el: ElementRef,\r\n private render: Renderer2,\r\n private layoutConfigService: LayoutConfigService,\r\n public authNoticeService: AuthNoticeService,\r\n private translationService: TranslationService,\r\n private splashScreenService: SplashScreenService\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(): void {\r\n this.translationService.setLanguage(\r\n this.translationService.getSelectedLanguage()\r\n );\r\n this.headerLogo = this.layoutConfigService.getLogo();\r\n\r\n this.splashScreenService.hide();\r\n }\r\n\r\n /**\r\n * Load CSS for this specific page only, and destroy when navigate away\r\n * @param styleUrl\r\n */\r\n private loadCSS(styleUrl: string) {\r\n return new Promise((resolve, reject) => {\r\n const styleElement = document.createElement(\"link\");\r\n styleElement.href = styleUrl;\r\n styleElement.type = \"text/css\";\r\n styleElement.rel = \"stylesheet\";\r\n styleElement.onload = resolve;\r\n this.render.appendChild(this.el.nativeElement, styleElement);\r\n });\r\n }\r\n}\r\n","// Angular\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { HTTP_INTERCEPTORS } from '@angular/common/http';\r\n// Material\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\n// Translate\r\nimport { TranslateModule } from '@ngx-translate/core';\r\n// NGRX\r\nimport { StoreModule } from '@ngrx/store';\r\nimport { EffectsModule } from '@ngrx/effects';\r\n// CRUD\r\nimport { InterceptService } from '../../../core/_base/crud/';\r\n// Module components\r\nimport { AuthComponent } from './auth.component';\r\nimport { LoginComponent } from './login/login.component';\r\nimport { RegisterComponent } from './register/register.component';\r\nimport { ForgotPasswordComponent } from './forgot-password/forgot-password.component';\r\nimport { AuthNoticeComponent } from './auth-notice/auth-notice.component';\r\nimport { AuthEffects } from 'src/app/core/store/effects/auth.effects';\r\nimport * as fromAuth from \"../../../core/store/reducers/auth.reducer\";\r\nimport { AuthGuard } from 'src/app/core/auth';\r\n// Auth\r\n\r\nconst routes: Routes = [\r\n\t{\r\n\t\tpath: '',\r\n\t\tcomponent: AuthComponent,\r\n\t\tchildren: [\r\n\t\t\t{\r\n\t\t\t\tpath: '',\r\n\t\t\t\tredirectTo: 'login',\r\n\t\t\t\tpathMatch: 'full'\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tpath: 'login',\r\n\t\t\t\tcomponent: LoginComponent,\r\n\t\t\t\tdata: {returnUrl: window.location.pathname}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tpath: 'register',\r\n\t\t\t\tcomponent: RegisterComponent\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tpath: 'forgot-password',\r\n\t\t\t\tcomponent: ForgotPasswordComponent,\r\n\t\t\t}\r\n\t\t]\r\n\t}\r\n];\r\n\r\n\r\n@NgModule({\r\n\timports: [\r\n\t\tCommonModule,\r\n\t\tFormsModule,\r\n\t\tReactiveFormsModule,\r\n\t\tMatButtonModule,\r\n\t\tRouterModule.forChild(routes),\r\n\t\tMatInputModule,\r\n\t\tMatFormFieldModule,\r\n\t\tMatCheckboxModule,\r\n\t\tTranslateModule.forChild(),\r\n\t\tStoreModule.forFeature(fromAuth.authFeatureKey, fromAuth.reducer),\r\n\t\tEffectsModule.forFeature([AuthEffects])\r\n\t],\r\n\tproviders: [\r\n\t\tInterceptService,\r\n\t\t{\r\n\t\t\tprovide: HTTP_INTERCEPTORS,\r\n\t\t\tuseClass: InterceptService,\r\n\t\t\tmulti: true\r\n\t\t},\r\n\t],\r\n\texports: [AuthComponent],\r\n\tdeclarations: [\r\n\t\tAuthComponent,\r\n\t\tLoginComponent,\r\n\t\tRegisterComponent,\r\n\t\tForgotPasswordComponent,\r\n\t\tAuthNoticeComponent\r\n\t]\r\n})\r\n\r\nexport class AuthModule {\r\n\tstatic forRoot(): ModuleWithProviders {\r\n\t\treturn {\r\n\t\t\tngModule: AuthModule,\r\n\t\t\tproviders: [\t\t\t\r\n\t\t\t\tAuthGuard\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n}\r\n","\r\n\r\n\t\r\n\t
","// Angular\r\nimport { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\n// RxJS\r\nimport { finalize, takeUntil, tap } from 'rxjs/operators';\r\nimport { Subject } from 'rxjs';\r\n// Translate\r\nimport { TranslateService } from '@ngx-translate/core';\r\n// Auth\r\nimport { AuthNoticeService, AuthService } from '../../../../core/auth';\r\n\r\n@Component({\r\n\tselector: 'kt-forgot-password',\r\n\ttemplateUrl: './forgot-password.component.html',\r\n\tencapsulation: ViewEncapsulation.None\r\n})\r\nexport class ForgotPasswordComponent implements OnInit, OnDestroy {\r\n\t// Public params\r\n\tforgotPasswordForm: FormGroup;\r\n\tloading = false;\r\n\terrors: any = [];\r\n\r\n\tprivate unsubscribe: Subject\r\n\t\t
\r\n\r\n\t\t\t
\r\n\r\n\t\t{{ 'AUTH.FORGOT.TITLE' | translate }}
\r\n\t\t\tEnter your email to reset your password
\r\n\t\t\r\n \r\n
\r\n \r\n\r\n","// Angular\r\nimport { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\n// RxJS\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { finalize, takeUntil, tap } from 'rxjs/operators';\r\n// Translate\r\nimport { TranslateService } from '@ngx-translate/core';\r\n// Store\r\nimport { Store, select } from '@ngrx/store';\r\nimport { AppState } from '../../../../core/reducers';\r\n// Auth\r\nimport { AuthNoticeService } from '../../../../core/auth';\r\nimport { AuthService } from 'src/app/core/services/auth.service';\r\nimport { login } from 'src/app/core/store/actions/auth.actions';\r\nimport { authLoading, authError } from 'src/app/core/store/selectors/auth.selectors';\r\nimport { untilDestroyed } from 'ngx-take-until-destroy';\r\n\r\n/**\r\n * ! Just example => Should be removed in development\r\n */\r\nconst DEMO_PARAMS = {\r\n\tEMAIL: 'admin@demo.com',\r\n\tPASSWORD: 'demo'\r\n};\r\n\r\n@Component({\r\n\tselector: 'kt-login',\r\n\ttemplateUrl: './login.component.html',\r\n\tencapsulation: ViewEncapsulation.None\r\n})\r\nexport class LoginComponent implements OnInit, OnDestroy {\r\n\t// Public params\r\n\tloginForm: FormGroup;\r\n\tloading = false;\r\n\tisLoggedIn$: Observable\r\n \r\n \r\n \r\n \r\n {{ \"AUTH.LOGIN.BUTTON\" | translate }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n Sign In
\r\n\r\n Enter your username and password\r\n
\r\n\r\n \r\n Username \r\n \r\n {{ \"AUTH.VALIDATION.REQUIRED_FIELD\" | translate }}\r\n \r\n \r\n {{ \"AUTH.VALIDATION.INVALID_FIELD\" | translate }}\r\n \r\n \r\n {{ \"AUTH.VALIDATION.MIN_LENGTH_FIELD\" | translate }} 3 \r\n \r\n \r\n {{ \"AUTH.VALIDATION.MAX_LENGTH_FIELD\" | translate }} 320 \r\n \r\n \r\n
\r\n \r\n \r\n {{ \"AUTH.INPUT.PASSWORD\" | translate }} \r\n \r\n {{ \"AUTH.VALIDATION.REQUIRED_FIELD\" | translate }}\r\n \r\n \r\n {{ \"AUTH.VALIDATION.MIN_LENGTH_FIELD\" | translate }} 3 \r\n \r\n \r\n {{ \"AUTH.VALIDATION.MAX_LENGTH_FIELD\" | translate }} 100 \r\n \r\n \r\n
\r\n \r\n \r\n\t\r\n\t
","// Angular\r\nimport {\r\n ChangeDetectorRef,\r\n Component,\r\n OnDestroy,\r\n OnInit,\r\n ViewEncapsulation,\r\n} from \"@angular/core\";\r\nimport { Router } from \"@angular/router\";\r\nimport { FormBuilder, FormGroup, Validators } from \"@angular/forms\";\r\n// RxJS\r\nimport { finalize, takeUntil, tap } from \"rxjs/operators\";\r\n// Translate\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\n// NGRX\r\nimport { Store } from \"@ngrx/store\";\r\nimport { AppState } from \"../../../../core/reducers\";\r\n// Auth\r\nimport {\r\n AuthNoticeService,\r\n AuthService,\r\n Register,\r\n User,\r\n} from \"../../../../core/auth/\";\r\nimport { Subject } from \"rxjs\";\r\nimport { ConfirmPasswordValidator } from \"./confirm-password.validator\";\r\n\r\n@Component({\r\n selector: \"kt-register\",\r\n templateUrl: \"./register.component.html\",\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class RegisterComponent implements OnInit, OnDestroy {\r\n registerForm: FormGroup;\r\n loading = false;\r\n errors: any = [];\r\n\r\n private unsubscribe: Subject\r\n\t\t
\r\n\t\r\n\r\n\t\t\t
\r\n\r\n\t\tSign Up
\r\n\t\t\tEnter your details to create your account
\r\n\t\t\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'kt-customers',\r\n templateUrl: './customers.component.html',\r\n styleUrls: ['./customers.component.scss']\r\n})\r\nexport class CustomersComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { CustomersRoutingModule } from \"./customers-routing.module\";\r\nimport { FieldsListComponent } from \"./../fields/fields-list/fields-list.component\";\r\nimport { FieldsModule } from \"./../fields/fields.module\";\r\nimport { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { CustomersComponent } from \"./customers.component\";\r\nimport { CustomersListComponent } from \"./customers-list/customers-list.component\";\r\nimport { EditCustomerComponent } from \"./edit-customer/edit-customer.component\";\r\nimport { CustomersTableComponent } from \"./customers-list/customers-table/customers-table.component\";\r\nimport { Routes, RouterModule } from \"@angular/router\";\r\nimport { MatCoreModule } from \"src/app/core/utils/mat-core.module\";\r\nimport { HttpClientModule } from \"@angular/common/http\";\r\nimport { PartialsModule } from \"../../partials/partials.module\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { StoreModule } from \"@ngrx/store\";\r\nimport * as fromCustomer from \"../../../core/store/reducers/customer.reducer\";\r\nimport { EffectsModule } from \"@ngrx/effects\";\r\nimport { CustomerEffects } from \"../../../core/store/effects/customer.effects\";\r\nimport { CustomerFieldsComponent } from \"./customers-list/customer-fields/customer-fields.component\";\r\n\r\n@NgModule({\r\n declarations: [\r\n CustomersComponent,\r\n CustomersListComponent,\r\n EditCustomerComponent,\r\n CustomersTableComponent,\r\n CustomerFieldsComponent,\r\n ],\r\n imports: [\r\n MatCoreModule,\r\n CommonModule,\r\n HttpClientModule,\r\n PartialsModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n CustomersRoutingModule,\r\n StoreModule.forFeature(\r\n fromCustomer.customerFeatureKey,\r\n fromCustomer.reducer\r\n ),\r\n EffectsModule.forFeature([CustomerEffects]),\r\n ],\r\n})\r\nexport class CustomersModule {}\r\n","\r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n Name is\r\n required\r\n \r\n Please enter\r\n name\r\n \r\n \r\n
\r\n\r\n \r\n \r\n phone is\r\n required\r\n \r\n Please enter a valid\r\n phone\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Email is\r\n required\r\n \r\n Please enter a valid\r\n email\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit, ChangeDetectionStrategy } from \"@angular/core\";\r\nimport { loadPilotTypes } from \"src/app/core/store/actions/drone-pilots.actions\";\r\nimport { Store } from \"@ngrx/store\";\r\nimport { DronePilotsState } from \"src/app/core/store/reducers/drone-pilots.reducer\";\r\n\r\n@Component({\r\n selector: \"kt-drone-pilots\",\r\n templateUrl: \"./drone-pilots.component.html\",\r\n styleUrls: [\"./drone-pilots.component.scss\"],\r\n changeDetection: ChangeDetectionStrategy.Default,\r\n})\r\nexport class DronePilotsComponent implements OnInit {\r\n constructor(private store: Store\r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n Name is\r\n required\r\n \r\n Please enter\r\n name\r\n \r\n \r\n
\r\n\r\n \r\n \r\n phone is\r\n required\r\n \r\n Please enter a valid\r\n phone\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ type.name }} \r\n \r\n Pilot type is\r\n required\r\n \r\n Please select a\r\n pilot type\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n License Gimel\r\n
\r\n \r\n License RT \r\n
\r\n \r\n
\r\n","import { Component, OnInit, ChangeDetectionStrategy } from \"@angular/core\";\r\nimport { Store } from \"@ngrx/store\";\r\nimport { DroneState } from \"src/app/core/store/reducers/drones.reducer\";\r\nimport {\r\n loadDroneModels,\r\n loadDronePayloads,\r\n} from \"src/app/core/store/actions/drones.actions\";\r\n\r\n@Component({\r\n selector: \"kt-drones\",\r\n templateUrl: \"./drones.component.html\",\r\n styleUrls: [\"./drones.component.scss\"],\r\n changeDetection: ChangeDetectionStrategy.Default,\r\n})\r\nexport class DronesComponent implements OnInit {\r\n constructor(private store: Store\r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n Tail number is\r\n required\r\n \r\n Please enter\r\n tail number\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ model.name }} \r\n \r\n Model is\r\n required\r\n \r\n Please select a\r\n model\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ payload.name }} \r\n \r\n Payload is\r\n required\r\n \r\n Please select a\r\n payload\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Tail number is\r\n required\r\n \r\n Please enter\r\n Black box Id\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n delete \r\n \r\n \r\n \r\n
\r\n","import { Coordinate } from \"./../../../../../core/models/coordinate.mode\";\r\nimport { Component, OnInit, Input, Output, EventEmitter } from \"@angular/core\";\r\nimport { FormBuilder, FormGroup, Validators } from \"@angular/forms\";\r\n\r\n@Component({\r\n selector: \"kt-coordinates-list\",\r\n templateUrl: \"./coordinates-list.component.html\",\r\n styleUrls: [\"./coordinates-list.component.scss\"],\r\n})\r\nexport class CoordinatesListComponent implements OnInit {\r\n @Input() coordinates: Coordinate[] = [];\r\n @Output() coordinateAdded = new EventEmitter{{ coor.lat }}, {{ coor.lng }}
\r\n\r\n \r\n {{ field?.cropName }}\r\n \r\n
\r\n \r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n Plot number is\r\n required\r\n \r\n Please enter a\r\n plot number\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Crop name is\r\n required\r\n \r\n Please enter\r\n crop name\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Planting year is\r\n required\r\n \r\n Please enter a valid\r\n planting year\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 MOAG Id numner is\r\n required\r\n \r\n Please enter\r\n MOAG Id number\r\n \r\n \r\n
\r\n\r\n \r\n \r\n area in square meters is\r\n required\r\n \r\n Please enter\r\n area in square meters\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 | {{ date | date:'EEEE d' }} | \r\n
|---|---|
| Time (Hour) | \r\n{{ weatherData[i]?.date[date] || '0' }} | \r\n
| {{ option }} | \r\n\r\n {{ weatherData[i]?.data[i][option] || '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","import { Component, OnInit } from \"@angular/core\";\r\nimport { loadCustomers } from \"src/app/core/store/actions/customer.actions\";\r\nimport { Store } from \"@ngrx/store\";\r\nimport { AppState } from \"src/app/core/reducers\";\r\n\r\n@Component({\r\n selector: \"kt-fields\",\r\n templateUrl: \"./fields.component.html\",\r\n styleUrls: [\"./fields.component.scss\"],\r\n})\r\nexport class FieldsComponent implements OnInit {\r\n constructor(private store: Store\r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n Name is\r\n required\r\n \r\n Please enter\r\n name\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'kt-materials',\r\n templateUrl: './materials.component.html',\r\n styleUrls: ['./materials.component.scss']\r\n})\r\nexport class MaterialsComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { MaterialsListComponent } from \"./materials-list/materials-list.component\";\r\nimport { EditMaterialsComponent } from \"./edit-materials/edit-materials.component\";\r\nimport { MaterialsTableComponent } from \"./materials-list/materials-table/materials-table.component\";\r\nimport { MatCoreModule } from \"src/app/core/utils/mat-core.module\";\r\nimport { HttpClientModule } from \"@angular/common/http\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { PartialsModule } from \"../../partials/partials.module\";\r\nimport { Routes, RouterModule } from \"@angular/router\";\r\nimport { MaterialsComponent } from \"./materials.component\";\r\nimport { StoreModule } from \"@ngrx/store\";\r\nimport * as fromMaterial from \"../../../core/store/reducers/material.reducer\";\r\nimport { EffectsModule } from \"@ngrx/effects\";\r\nimport { MaterialEffects } from \"../../../core/store/effects/material.effects\";\r\nimport { NgxPermissionsGuard } from \"ngx-permissions\";\r\nimport { ModuleGuard } from \"src/app/core/auth\";\r\n\r\nconst routes: Routes = [\r\n {\r\n path: \"\",\r\n component: MaterialsComponent,\r\n canActivate: [ModuleGuard],\r\n data: {\r\n permissions: {\r\n only: \"Admin\",\r\n redirectTo: \"dashboard\",\r\n },\r\n },\r\n children: [\r\n {\r\n path: \"\",\r\n pathMatch: \"full\",\r\n component: MaterialsListComponent,\r\n },\r\n {\r\n path: \":id\",\r\n component: EditMaterialsComponent,\r\n },\r\n {\r\n path: \"add\",\r\n component: EditMaterialsComponent,\r\n },\r\n ],\r\n },\r\n];\r\n\r\n@NgModule({\r\n declarations: [\r\n MaterialsComponent,\r\n MaterialsListComponent,\r\n EditMaterialsComponent,\r\n MaterialsTableComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n MatCoreModule,\r\n CommonModule,\r\n HttpClientModule,\r\n PartialsModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n RouterModule.forChild(routes),\r\n StoreModule.forFeature(\r\n fromMaterial.materialFeatureKey,\r\n fromMaterial.reducer\r\n ),\r\n EffectsModule.forFeature([MaterialEffects]),\r\n ],\r\n})\r\nexport class MaterialsModule {}\r\n","import { PilotTasksModule } from \"./pilot-tasks/pilot-tasks.module\";\r\nimport { FieldsModule } from \"./fields/fields.module\";\r\nimport { TasksModule } from \"./tasks/tasks.module\";\r\nimport { CustomersModule } from \"./customers/customers.module\";\r\nimport { ProtocolsModule } from \"./protocols/protocols.module\";\r\nimport { MaterialsModule } from \"./materials/materials.module\";\r\n// Angular\r\nimport { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { HttpClientModule } from \"@angular/common/http\";\r\n// Partials\r\nimport { PartialsModule } from \"../partials/partials.module\";\r\n// Pages\r\nimport { CoreModule } from \"../../core/core.module\";\r\nimport { UserManagementModule } from \"./user-management/user-management.module\";\r\nimport { DronesModule } from \"./drones/drones.module\";\r\nimport { DronePilotsModule } from \"./drone-pilots/drone-pilots.module\";\r\nimport { MaterialsComponent } from \"./materials/materials.component\";\r\nimport { ProtocolsComponent } from \"./protocols/protocols.component\";\r\nimport { FieldsComponent } from \"./fields/fields.component\";\r\nimport { TasksComponent } from \"./tasks/tasks.component\";\r\n\r\n@NgModule({\r\n declarations: [],\r\n exports: [],\r\n imports: [\r\n CommonModule,\r\n HttpClientModule,\r\n FormsModule,\r\n CoreModule,\r\n PartialsModule,\r\n UserManagementModule,\r\n TasksModule,\r\n DronesModule,\r\n DronePilotsModule,\r\n MaterialsModule,\r\n ProtocolsModule,\r\n CustomersModule,\r\n FieldsModule,\r\n ],\r\n providers: [],\r\n})\r\nexport class PagesModule {}\r\n","\r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n Name is\r\n required\r\n \r\n Please enter\r\n name\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 Margin space is\r\n required\r\n \r\n Please enter\r\n margin space\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Row space is\r\n required\r\n \r\n Please enter\r\n row space\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Dunam volume space is\r\n required\r\n \r\n Please enter\r\n dunam volume\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Water volume space is\r\n required\r\n \r\n Please enter\r\n water volume\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Nozzle space is\r\n required\r\n \r\n Please enter\r\n nozzle\r\n \r\n \r\n
\r\n \r\n
\r\n","import { loadDronePayloads } from \"./../../../core/store/actions/drones.actions\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { Store } from \"@ngrx/store\";\r\nimport { loadMaterials } from \"src/app/core/store/actions/material.actions\";\r\n\r\n@Component({\r\n selector: \"kt-protocols\",\r\n templateUrl: \"./protocols.component.html\",\r\n styleUrls: [\"./protocols.component.scss\"],\r\n})\r\nexport class ProtocolsComponent implements OnInit {\r\n constructor(private store: Store) {}\r\n\r\n ngOnInit(): void {\r\n this.store.dispatch(loadMaterials());\r\n this.store.dispatch(loadDronePayloads());\r\n }\r\n}\r\n","import { ProtocolsTableComponent } from \"./protocols-list/protocols-table/protocols-table.component\";\r\nimport { EditProtocolComponent } from \"./edit-protocol/edit-protocol.component\";\r\nimport { ProtocolsListComponent } from \"./protocols-list/protocols-list.component\";\r\nimport { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { ProtocolsComponent } from \"./protocols.component\";\r\nimport { MatCoreModule } from \"src/app/core/utils/mat-core.module\";\r\nimport { HttpClientModule } from \"@angular/common/http\";\r\nimport { PartialsModule } from \"../../partials/partials.module\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { RouterModule, Routes } from \"@angular/router\";\r\nimport { StoreModule } from '@ngrx/store';\r\nimport * as fromProtocol from '../../../core/store/reducers/protocol.reducer';\r\nimport { EffectsModule } from '@ngrx/effects';\r\nimport { ProtocolEffects } from '../../../core/store/effects/protocol.effects';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: \"\",\r\n component: ProtocolsComponent,\r\n children: [\r\n {\r\n path: \"\",\r\n pathMatch: \"full\",\r\n component: ProtocolsListComponent,\r\n },\r\n {\r\n path: \":id\",\r\n component: EditProtocolComponent,\r\n },\r\n {\r\n path: \"add\",\r\n component: EditProtocolComponent,\r\n },\r\n ],\r\n },\r\n];\r\n\r\n@NgModule({\r\n declarations: [\r\n ProtocolsComponent,\r\n ProtocolsListComponent,\r\n EditProtocolComponent,\r\n ProtocolsTableComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n MatCoreModule,\r\n CommonModule,\r\n HttpClientModule,\r\n PartialsModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n RouterModule.forChild(routes),\r\n StoreModule.forFeature(fromProtocol.protocolFeatureKey, fromProtocol.reducer),\r\n EffectsModule.forFeature([ProtocolEffects]),\r\n ],\r\n})\r\nexport class ProtocolsModule {}\r\n","