= [];
+
+ private _router: Subscription;
+
+ public closeOtherLinks(openLink: DropdownLinkDirective): void {
+ this.navlinks.forEach((link: DropdownLinkDirective) => {
+ if (link !== openLink) {
+ link.open = false;
+ }
+ });
+ }
+
+ public addLink(link: DropdownLinkDirective): void {
+ this.navlinks.push(link);
+ }
+
+ public removeGroup(link: DropdownLinkDirective): void {
+ const index = this.navlinks.indexOf(link);
+ if (index !== -1) {
+ this.navlinks.splice(index, 1);
+ }
+ }
+
+ public getUrl() {
+ return this.router.url;
+ }
+
+ public ngOnInit(): any {
+ this._router = this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event: NavigationEnd) => {
+ this.navlinks.forEach((link: DropdownLinkDirective) => {
+ if (link.group) {
+ const routeUrl = this.getUrl();
+ const currentUrl = routeUrl.split('/');
+ if (currentUrl.indexOf( link.group ) > 0) {
+ link.open = true;
+ this.closeOtherLinks(link);
+ }
+ }
+ });
+ });
+ }
+
+ constructor( private router: Router) {}
+
+}
diff --git a/src/app/shared/directives/egret-side-nav-toggle.directive.ts b/src/app/shared/directives/egret-side-nav-toggle.directive.ts
new file mode 100644
index 00000000..d9b84f3f
--- /dev/null
+++ b/src/app/shared/directives/egret-side-nav-toggle.directive.ts
@@ -0,0 +1,49 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Directive, Host, Self, Optional, OnDestroy, OnInit } from '@angular/core';
+import { MediaChange, MediaObserver } from "@angular/flex-layout";
+import { Subscription } from "rxjs";
+import { MatSidenav } from '@angular/material';
+
+
+@Directive({
+ selector: '[EgretSideNavToggle]'
+})
+export class EgretSideNavToggleDirective implements OnInit, OnDestroy {
+ isMobile;
+ screenSizeWatcher: Subscription;
+ constructor(
+ private media: MediaObserver,
+ @Host() @Self() @Optional() public sideNav: MatSidenav
+ ) {
+ }
+
+ ngOnInit() {
+ this.initSideNav();
+ }
+
+ ngOnDestroy() {
+ if(this.screenSizeWatcher) {
+ this.screenSizeWatcher.unsubscribe()
+ }
+ }
+
+ updateSidenav() {
+ var self = this;
+ setTimeout(() => {
+ self.sideNav.opened = !self.isMobile;
+ self.sideNav.mode = self.isMobile ? 'over' : 'side';
+ })
+ }
+ initSideNav() {
+ this.isMobile = this.media.isActive('xs') || this.media.isActive('sm');
+ this.updateSidenav();
+ this.screenSizeWatcher = this.media.media$.subscribe((change: MediaChange) => {
+ this.isMobile = (change.mqAlias == 'xs') || (change.mqAlias == 'sm');
+ this.updateSidenav();
+ });
+ }
+
+}
diff --git a/src/app/shared/directives/font-size.directive.ts b/src/app/shared/directives/font-size.directive.ts
new file mode 100644
index 00000000..a792b469
--- /dev/null
+++ b/src/app/shared/directives/font-size.directive.ts
@@ -0,0 +1,13 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Directive, ElementRef, Attribute, OnInit } from '@angular/core';
+
+@Directive({ selector: '[fontSize]' })
+export class FontSizeDirective implements OnInit {
+ constructor( @Attribute('fontSize') public fontSize: string, private el: ElementRef) { }
+ ngOnInit() {
+ this.el.nativeElement.fontSize = this.fontSize;
+ }
+}
diff --git a/src/app/shared/directives/scroll-to.directive.ts b/src/app/shared/directives/scroll-to.directive.ts
new file mode 100644
index 00000000..db462243
--- /dev/null
+++ b/src/app/shared/directives/scroll-to.directive.ts
@@ -0,0 +1,68 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Directive, ElementRef, Attribute, OnInit, HostListener } from '@angular/core';
+
+@Directive({ selector: '[scrollTo]' })
+export class ScrollToDirective implements OnInit {
+ constructor( @Attribute('scrollTo') public elmID: string, private el: ElementRef) { }
+
+ ngOnInit() {}
+
+ currentYPosition() {
+ // Firefox, Chrome, Opera, Safari
+ if (self.pageYOffset) return self.pageYOffset;
+ // Internet Explorer 6 - standards mode
+ if (document.documentElement && document.documentElement.scrollTop)
+ return document.documentElement.scrollTop;
+ // Internet Explorer 6, 7 and 8
+ if (document.body.scrollTop) return document.body.scrollTop;
+ return 0;
+ };
+
+ elmYPosition(eID) {
+ var elm = document.getElementById(eID);
+ var y = elm.offsetTop;
+ var node: any = elm;
+ while (node.offsetParent && node.offsetParent != document.body) {
+ node = node.offsetParent;
+ y += node.offsetTop;
+ }
+ return y;
+ };
+
+ @HostListener('click', ['$event'])
+ smoothScroll() {
+ if(!this.elmID)
+ return;
+ var startY = this.currentYPosition();
+ var stopY = this.elmYPosition(this.elmID);
+ var distance = stopY > startY ? stopY - startY : startY - stopY;
+ if (distance < 100) {
+ scrollTo(0, stopY);
+ return;
+ }
+ var speed = Math.round(distance / 50);
+ if (speed >= 20) speed = 20;
+ var step = Math.round(distance / 25);
+ var leapY = stopY > startY ? startY + step : startY - step;
+ var timer = 0;
+ if (stopY > startY) {
+ for (var i = startY; i < stopY; i += step) {
+ setTimeout("window.scrollTo(0, " + leapY + ")", timer * speed);
+ leapY += step;
+ if (leapY > stopY) leapY = stopY;
+ timer++;
+ }
+ return;
+ }
+ for (var i = startY; i > stopY; i -= step) {
+ setTimeout("window.scrollTo(0, " + leapY + ")", timer * speed);
+ leapY -= step;
+ if (leapY < stopY) leapY = stopY;
+ timer++;
+ }
+ return false;
+ };
+}
\ No newline at end of file
diff --git a/src/app/shared/fields/color-field/color-field.component.css b/src/app/shared/fields/color-field/color-field.component.css
new file mode 100644
index 00000000..18ca2ff6
--- /dev/null
+++ b/src/app/shared/fields/color-field/color-field.component.css
@@ -0,0 +1,28 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.tv-field-color-input {
+ position: relative;
+ display: inline-block;
+ box-sizing: border-box;
+ width: 44px;
+ height: 20px;
+ margin: 6px 0px 6px 6px;
+ vertical-align: top;
+ cursor: pointer;
+ transition: opacity 100ms;
+ background-color: #fff;
+ background-image: linear-gradient( 45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000 100%), linear-gradient( 45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000 100%);
+ background-size: 17.6px 17.6px;
+ background-position: 0 0, 8.8px 8.8px;
+}
+
+.tv-field-color-input>div {
+ background: rgb(0, 0, 0);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
\ No newline at end of file
diff --git a/src/app/shared/fields/color-field/color-field.component.html b/src/app/shared/fields/color-field/color-field.component.html
new file mode 100644
index 00000000..f97dcb8a
--- /dev/null
+++ b/src/app/shared/fields/color-field/color-field.component.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/shared/fields/color-field/color-field.component.ts b/src/app/shared/fields/color-field/color-field.component.ts
new file mode 100644
index 00000000..2def39b7
--- /dev/null
+++ b/src/app/shared/fields/color-field/color-field.component.ts
@@ -0,0 +1,86 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit, Input, HostListener, ElementRef, ViewChild } from '@angular/core';
+import { AbstractFieldComponent } from 'app/core/components/abstract-field.component';
+import { Color } from 'three';
+
+@Component( {
+ selector: 'app-color-field',
+ templateUrl: './color-field.component.html',
+ styleUrls: [ './color-field.component.css' ]
+} )
+export class ColorFieldComponent extends AbstractFieldComponent implements OnInit {
+
+ /**
+ * This is the toogle button elemenbt, look at HTML and see its defination
+ */
+ @ViewChild( 'toggleButton' ) toggleButton: ElementRef;
+ @ViewChild( 'colorPicker' ) colorPicker: ElementRef;
+
+ @Input() isPickerOpen = false;
+
+ @Input() value: Color;
+
+ @Input() position = 'top';
+
+ get hex () { return '#' + this.value.getHexString(); }
+
+ set hex ( value: string ) {
+
+ this.value.setStyle( value );
+
+ this.valueChanged.emit( this.value );
+
+ this.changed.emit( this.value );
+
+ }
+
+ ngOnInit (): void {
+
+ this.value = new Color( this.value ).copy( this.value );
+
+ }
+
+ onChange ( $event ) {
+
+ // do nothing
+
+ }
+
+ onChangeCompleted ( $event ) {
+
+ this.value.setStyle( $event.color.hex );
+
+ this.valueChanged.emit( this.value );
+
+ this.changed.emit( this.value );
+
+ }
+
+ togglePicker () {
+
+ if ( !this.isPickerOpen ) {
+
+ this.isPickerOpen = true;
+
+ } else {
+
+ this.isPickerOpen = false;
+
+ }
+
+ }
+
+ @HostListener( 'window:mousedown', [ '$event' ] )
+ onGlobalClick ( e ): void {
+
+ if ( !this.colorPicker.nativeElement.contains( event.target ) ) {
+
+ // clicked outside
+ this.isPickerOpen = false;
+ }
+
+ }
+}
diff --git a/src/app/shared/fields/double-field/double-field.component.css b/src/app/shared/fields/double-field/double-field.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/shared/fields/double-field/double-field.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/shared/fields/double-field/double-field.component.html b/src/app/shared/fields/double-field/double-field.component.html
new file mode 100644
index 00000000..9d89c03d
--- /dev/null
+++ b/src/app/shared/fields/double-field/double-field.component.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+ Thanks
+ Jhone`
+ },
+ {
+ sender: {
+ name: 'Gevorg Spartak',
+ photo: 'assets/images/face-2.jpg'
+ },
+ date: new Date('4/3/2017'),
+ selected: false,
+ subject: 'Confirm your email address',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Thanks
+ Mark`
+
+ },
+ {
+ sender: {
+ name: 'Petros Toros',
+ photo: 'assets/images/face-3.jpg'
+ },
+ date: new Date('1/20/2017'),
+ selected: false,
+ subject: 'New order informations',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+ Thanks
+ Jhone`
+
+ },
+ {
+ sender: {
+ name: 'Henrik Gevorg',
+ photo: 'assets/images/face-1.jpg'
+ },
+ date: new Date('1/8/2017'),
+ selected: false,
+ subject: 'Welcome to Angular Egret',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+ Thanks
+ Jhone`
+ },
+ {
+ sender: {
+ name: 'Gevorg Spartak',
+ photo: 'assets/images/face-2.jpg'
+ },
+ date: new Date('10/3/2016'),
+ selected: false,
+ subject: 'Confirm your email address',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Thanks
+ Mark`
+
+ },
+ {
+ sender: {
+ name: 'Petros Toros',
+ photo: 'assets/images/face-4.jpg'
+ },
+ date: new Date('10/3/2015'),
+ selected: false,
+ subject: 'New order informations',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+ Thanks
+ Jhone`
+
+ },
+ {
+ sender: {
+ name: 'Henrik Gevorg',
+ photo: 'assets/images/face-1.jpg'
+ },
+ date: new Date('10/3/2015'),
+ selected: false,
+ subject: 'Welcome to Angular Egret',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+ Thanks
+ Jhone`
+ },
+ {
+ sender: {
+ name: 'Gevorg Spartak',
+ photo: 'assets/images/face-2.jpg'
+ },
+ date: new Date('10/3/2015'),
+ selected: false,
+ subject: 'Confirm your email address',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Thanks
+ Mark`
+
+ },
+ {
+ sender: {
+ name: 'Petros Toros',
+ photo: 'assets/images/face-4.jpg'
+ },
+ date: new Date('10/3/2015'),
+ selected: false,
+ subject: 'New order informations',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+ Thanks
+ Jhone`
+
+ },
+ {
+ sender: {
+ name: 'Gevorg Spartak',
+ photo: 'assets/images/face-2.jpg'
+ },
+ date: new Date('10/3/2015'),
+ selected: false,
+ subject: 'Confirm your email address',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Thanks
+ Mark`
+
+ },
+ {
+ sender: {
+ name: 'Petros Toros',
+ photo: 'assets/images/face-4.jpg'
+ },
+ date: new Date('10/3/2015'),
+ selected: false,
+ subject: 'New order informations',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+ Thanks
+ Jhone`
+
+ },
+ {
+ sender: {
+ name: 'Gevorg Spartak',
+ photo: 'assets/images/face-2.jpg'
+ },
+ date: new Date('10/3/2012'),
+ selected: false,
+ subject: 'Confirm your email address',
+ message: `Natus consequuntur perspiciatis esse beatae illo quos eaque.
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi. Iusto ipsam, nihil? Eveniet modi maxime animi excepturi a dignissimos doloribus,
+ inventore sed ratione, ducimus atque earum maiores tenetur officia commodi dicta tempora consequatur non nesciunt ipsam,
+ consequuntur quia fuga aspernatur impedit et? Natus, earum.
+
+ Earum, quisquam, fugit? Numquam dolor magni nisi? Suscipit odit, ipsam iusto enim culpa,
+ temporibus vero possimus error voluptates sequi.
+
+ Thanks
+ Mark`
+
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/app/shared/inmemory-db/products.ts b/src/app/shared/inmemory-db/products.ts
new file mode 100644
index 00000000..5e2c5ab4
--- /dev/null
+++ b/src/app/shared/inmemory-db/products.ts
@@ -0,0 +1,702 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+export class ProductDB {
+ public products = [
+ {
+ '_id': '5a9ae2106518248b68251fdf',
+ 'name': 'Wireless Bluetooth V4.0 Portable Speaker with HD Sound and Bass',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'Lorem ipsum dolor sit amet, et nec putent quodsi, admodum assentior ad duo. Pri ad sapientem ocurreret incorrupte',
+ 'category': 'speaker',
+ 'tags': [
+ 'sunt',
+ 'sunt',
+ 'culpa'
+ ],
+ 'price': {
+ 'sale': 32,
+ 'previous': 54
+ },
+ 'ratings': {
+ 'rating': 3.86,
+ 'ratingCount': 26
+ },
+ 'features': [
+ 'aliquip aliquip',
+ 'nulla laboris',
+ 'pariatur consequat'
+ ],
+ 'photo': '../../../../assets/images/products/speaker-1.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/speaker-1.jpg',
+ '../../../../assets/images/products/speaker-2.jpg'
+ ],
+ 'badge': {
+ 'text': '20% off',
+ 'color': '#0D47A1'
+ }
+ },
+ {
+ '_id': '5a9ae210b7b4d3ad2f048bbe',
+ 'name': 'Portable Speaker with HD Sound',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'cillum eiusmod',
+ 'category': 'speaker',
+ 'tags': [
+ 'Lorem',
+ 'nisi',
+ 'ad'
+ ],
+ 'price': {
+ 'sale': 25,
+ 'previous': 43
+ },
+ 'ratings': {
+ 'rating': 3.72,
+ 'ratingCount': 18
+ },
+ 'features': [
+ 'magna est',
+ 'consectetur dolor',
+ 'est proident'
+ ],
+ 'photo': '../../../../assets/images/products/speaker-2.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/speaker-1.jpg',
+ '../../../../assets/images/products/speaker-2.jpg'
+ ],
+ 'badge': {
+ 'text': 'Sale',
+ 'color': '#DD2C00'
+ }
+ },
+ {
+ '_id': '5a9ae210d9a8d6dda7256417',
+ 'name': 'Lightweight On-Ear Headphones - Black',
+ 'subtitle': 'On-ear fit to minimize noise so you can hear every beat',
+ 'description': 'sit laborum',
+ 'category': 'headphone',
+ 'tags': [
+ 'eu',
+ 'irure',
+ 'proident'
+ ],
+ 'price': {
+ 'sale': 29,
+ 'previous': 55
+ },
+ 'ratings': {
+ 'rating': 3.79,
+ 'ratingCount': 77
+ },
+ 'features': [
+ 'laboris id',
+ 'magna eu',
+ 'sint quis'
+ ],
+ 'photo': '../../../../assets/images/products/headphone-2.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/headphone-1.jpg',
+ '../../../../assets/images/products/headphone-2.jpg',
+ '../../../../assets/images/products/headphone-3.jpg',
+ '../../../../assets/images/products/headphone-4.jpg'
+ ],
+ 'badge': {
+ 'text': '-40%',
+ 'color': '#0288D1'
+ }
+ },
+ {
+ '_id': '5a9ae210e8329237332e56d7',
+ 'name': 'Automatic-self-wind mens Watch 5102PR-001 (Certified Pre-owned)',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'eiusmod elit',
+ 'category': 'watch',
+ 'tags': [
+ 'laborum',
+ 'minim',
+ 'tempor'
+ ],
+ 'price': {
+ 'sale': 33,
+ 'previous': 58
+ },
+ 'ratings': {
+ 'rating': 4.74,
+ 'ratingCount': 64
+ },
+ 'features': [
+ 'cillum ullamco',
+ 'ad minim',
+ 'duis exercitation'
+ ],
+ 'photo': '../../../../assets/images/products/watch-1.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/watch-1.jpg',
+ '../../../../assets/images/products/watch-2.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae210cb9937d28c6eca1a',
+ 'name': 'Automatic-self-wind mens Watch 5102PR-001',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'dolore tempor',
+ 'category': 'watch',
+ 'tags': [
+ 'Lorem',
+ 'dolor',
+ 'duis'
+ ],
+ 'price': {
+ 'sale': 38,
+ 'previous': 50
+ },
+ 'ratings': {
+ 'rating': 4.43,
+ 'ratingCount': 98
+ },
+ 'features': [
+ 'aliquip consequat',
+ 'excepteur non',
+ 'aliquip eu'
+ ],
+ 'photo': '../../../../assets/images/products/watch-2.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/watch-1.jpg',
+ '../../../../assets/images/products/watch-2.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae2106f155194e5c95d67',
+ 'name': 'On-Ear Headphones - Black',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'elit Lorem',
+ 'category': 'headphone',
+ 'tags': [
+ 'magna',
+ 'veniam',
+ 'sunt'
+ ],
+ 'price': {
+ 'sale': 38,
+ 'previous': 54
+ },
+ 'ratings': {
+ 'rating': 4.84,
+ 'ratingCount': 52
+ },
+ 'features': [
+ 'est mollit',
+ 'adipisicing exercitation',
+ 'esse incididunt'
+ ],
+ 'photo': '../../../../assets/images/products/headphone-3.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/headphone-1.jpg',
+ '../../../../assets/images/products/headphone-2.jpg',
+ '../../../../assets/images/products/headphone-3.jpg',
+ '../../../../assets/images/products/headphone-4.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae2101625a02fee92e27f',
+ 'name': 'In-Ear Headphone',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'proident non',
+ 'category': 'headphone',
+ 'tags': [
+ 'Lorem',
+ 'occaecat',
+ 'laborum'
+ ],
+ 'price': {
+ 'sale': 31,
+ 'previous': 58
+ },
+ 'ratings': {
+ 'rating': 3.18,
+ 'ratingCount': 90
+ },
+ 'features': [
+ 'ullamco quis',
+ 'veniam laboris',
+ 'nulla sunt'
+ ],
+ 'photo': '../../../../assets/images/products/headphone-4.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/headphone-1.jpg',
+ '../../../../assets/images/products/headphone-2.jpg',
+ '../../../../assets/images/products/headphone-3.jpg',
+ '../../../../assets/images/products/headphone-4.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae2108970b01447ec34aa',
+ 'name': 'Duis exercitation nostrud anim',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'dolore enim',
+ 'category': 'phone',
+ 'tags': [
+ 'do',
+ 'aliqua',
+ 'irure'
+ ],
+ 'price': {
+ 'sale': 22,
+ 'previous': 44
+ },
+ 'ratings': {
+ 'rating': 3.53,
+ 'ratingCount': 47
+ },
+ 'features': [
+ 'sunt laboris',
+ 'incididunt nulla',
+ 'ullamco qui'
+ ],
+ 'photo': '../../../../assets/images/products/iphone-2.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/iphone-1.jpg',
+ '../../../../assets/images/products/iphone-2.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae2103c04707145e21300',
+ 'name': 'Dolor eu nostrud excepteur',
+ 'description': 'enim fugiat',
+ 'category': 'phone',
+ 'tags': [
+ 'laborum',
+ 'nulla',
+ 'sit'
+ ],
+ 'price': {
+ 'sale': 31,
+ 'previous': 40
+ },
+ 'ratings': {
+ 'rating': 3.42,
+ 'ratingCount': 35
+ },
+ 'features': [
+ 'exercitation excepteur',
+ 'eiusmod mollit',
+ 'irure adipisicing'
+ ],
+ 'photo': '../../../../assets/images/products/iphone-1.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/iphone-1.jpg',
+ '../../../../assets/images/products/iphone-2.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae21021b2911c97ad6c5b',
+ 'name': 'Over-Ear Headphones, Stereo Lightweight Adjustable Wired Headset',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'sit commodo',
+ 'category': 'headphone',
+ 'tags': [
+ 'adipisicing',
+ 'labore',
+ 'voluptate'
+ ],
+ 'price': {
+ 'sale': 33,
+ 'previous': 57
+ },
+ 'ratings': {
+ 'rating': 3.51,
+ 'ratingCount': 60
+ },
+ 'features': [
+ 'culpa id',
+ 'eu excepteur',
+ 'incididunt aute'
+ ],
+ 'photo': '../../../../assets/images/products/headphone-1.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/headphone-1.jpg',
+ '../../../../assets/images/products/headphone-2.jpg',
+ '../../../../assets/images/products/headphone-3.jpg',
+ '../../../../assets/images/products/headphone-4.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },{
+ '_id': '5a9ae2106518248b68251fdf',
+ 'name': 'Wireless Bluetooth V4.0 Portable Speaker with HD Sound and Bass',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'Lorem ipsum dolor sit amet, et nec putent quodsi, admodum assentior ad duo. Pri ad sapientem ocurreret incorrupte',
+ 'category': 'speaker',
+ 'tags': [
+ 'sunt',
+ 'sunt',
+ 'culpa'
+ ],
+ 'price': {
+ 'sale': 32,
+ 'previous': 54
+ },
+ 'ratings': {
+ 'rating': 3.86,
+ 'ratingCount': 26
+ },
+ 'features': [
+ 'aliquip aliquip',
+ 'nulla laboris',
+ 'pariatur consequat'
+ ],
+ 'photo': '../../../../assets/images/products/speaker-1.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/speaker-1.jpg',
+ '../../../../assets/images/products/speaker-2.jpg'
+ ],
+ 'badge': {
+ 'text': '20% off',
+ 'color': '#0D47A1'
+ }
+ },
+ {
+ '_id': '5a9ae210b7b4d3ad2f048dsbbe',
+ 'name': 'Portable Speaker with HD Sound',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'cillum eiusmod',
+ 'category': 'speaker',
+ 'tags': [
+ 'Lorem',
+ 'nisi',
+ 'ad'
+ ],
+ 'price': {
+ 'sale': 25,
+ 'previous': 43
+ },
+ 'ratings': {
+ 'rating': 3.72,
+ 'ratingCount': 18
+ },
+ 'features': [
+ 'magna est',
+ 'consectetur dolor',
+ 'est proident'
+ ],
+ 'photo': '../../../../assets/images/products/speaker-2.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/speaker-1.jpg',
+ '../../../../assets/images/products/speaker-2.jpg'
+ ],
+ 'badge': {
+ 'text': 'Sale',
+ 'color': '#DD2C00'
+ }
+ },
+ {
+ '_id': '5a9ae2sd10d9a8d6dda7256417',
+ 'name': 'Lightweight On-Ear Headphones - Black',
+ 'subtitle': 'On-ear fit to minimize noise so you can hear every beat',
+ 'description': 'sit laborum',
+ 'category': 'headphone',
+ 'tags': [
+ 'eu',
+ 'irure',
+ 'proident'
+ ],
+ 'price': {
+ 'sale': 29,
+ 'previous': 55
+ },
+ 'ratings': {
+ 'rating': 3.79,
+ 'ratingCount': 77
+ },
+ 'features': [
+ 'laboris id',
+ 'magna eu',
+ 'sint quis'
+ ],
+ 'photo': '../../../../assets/images/products/headphone-2.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/headphone-1.jpg',
+ '../../../../assets/images/products/headphone-2.jpg',
+ '../../../../assets/images/products/headphone-3.jpg',
+ '../../../../assets/images/products/headphone-4.jpg'
+ ],
+ 'badge': {
+ 'text': '-40%',
+ 'color': '#0288D1'
+ }
+ },
+ {
+ '_id': '5a9ae210e8329fs237332e56d7',
+ 'name': 'Automatic-self-wind mens Watch 5102PR-001 (Certified Pre-owned)',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'eiusmod elit',
+ 'category': 'watch',
+ 'tags': [
+ 'laborum',
+ 'minim',
+ 'tempor'
+ ],
+ 'price': {
+ 'sale': 33,
+ 'previous': 58
+ },
+ 'ratings': {
+ 'rating': 4.74,
+ 'ratingCount': 64
+ },
+ 'features': [
+ 'cillum ullamco',
+ 'ad minim',
+ 'duis exercitation'
+ ],
+ 'photo': '../../../../assets/images/products/watch-1.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/watch-1.jpg',
+ '../../../../assets/images/products/watch-2.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae210cba9937d28c6eca1a',
+ 'name': 'Automatic-self-wind mens Watch 5102PR-001',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'dolore tempor',
+ 'category': 'watch',
+ 'tags': [
+ 'Lorem',
+ 'dolor',
+ 'duis'
+ ],
+ 'price': {
+ 'sale': 38,
+ 'previous': 50
+ },
+ 'ratings': {
+ 'rating': 4.43,
+ 'ratingCount': 98
+ },
+ 'features': [
+ 'aliquip consequat',
+ 'excepteur non',
+ 'aliquip eu'
+ ],
+ 'photo': '../../../../assets/images/products/watch-2.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/watch-1.jpg',
+ '../../../../assets/images/products/watch-2.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5ad9ae2106f155194e5c95d67',
+ 'name': 'On-Ear Headphones - Black',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'elit Lorem',
+ 'category': 'headphone',
+ 'tags': [
+ 'magna',
+ 'veniam',
+ 'sunt'
+ ],
+ 'price': {
+ 'sale': 38,
+ 'previous': 54
+ },
+ 'ratings': {
+ 'rating': 4.84,
+ 'ratingCount': 52
+ },
+ 'features': [
+ 'est mollit',
+ 'adipisicing exercitation',
+ 'esse incididunt'
+ ],
+ 'photo': '../../../../assets/images/products/headphone-3.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/headphone-1.jpg',
+ '../../../../assets/images/products/headphone-2.jpg',
+ '../../../../assets/images/products/headphone-3.jpg',
+ '../../../../assets/images/products/headphone-4.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae2101625a02fee92fe27f',
+ 'name': 'In-Ear Headphone',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'proident non',
+ 'category': 'headphone',
+ 'tags': [
+ 'Lorem',
+ 'occaecat',
+ 'laborum'
+ ],
+ 'price': {
+ 'sale': 31,
+ 'previous': 58
+ },
+ 'ratings': {
+ 'rating': 3.18,
+ 'ratingCount': 90
+ },
+ 'features': [
+ 'ullamco quis',
+ 'veniam laboris',
+ 'nulla sunt'
+ ],
+ 'photo': '../../../../assets/images/products/headphone-4.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/headphone-1.jpg',
+ '../../../../assets/images/products/headphone-2.jpg',
+ '../../../../assets/images/products/headphone-3.jpg',
+ '../../../../assets/images/products/headphone-4.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae2108970bs01447ec34aa',
+ 'name': 'Duis exercitation nostrud anim',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'dolore enim',
+ 'category': 'phone',
+ 'tags': [
+ 'do',
+ 'aliqua',
+ 'irure'
+ ],
+ 'price': {
+ 'sale': 22,
+ 'previous': 44
+ },
+ 'ratings': {
+ 'rating': 3.53,
+ 'ratingCount': 47
+ },
+ 'features': [
+ 'sunt laboris',
+ 'incididunt nulla',
+ 'ullamco qui'
+ ],
+ 'photo': '../../../../assets/images/products/iphone-2.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/iphone-1.jpg',
+ '../../../../assets/images/products/iphone-2.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9ae2103c0470f7145e21300',
+ 'name': 'Dolor eu nostrud excepteur',
+ 'description': 'enim fugiat',
+ 'category': 'phone',
+ 'tags': [
+ 'laborum',
+ 'nulla',
+ 'sit'
+ ],
+ 'price': {
+ 'sale': 31,
+ 'previous': 40
+ },
+ 'ratings': {
+ 'rating': 3.42,
+ 'ratingCount': 35
+ },
+ 'features': [
+ 'exercitation excepteur',
+ 'eiusmod mollit',
+ 'irure adipisicing'
+ ],
+ 'photo': '../../../../assets/images/products/iphone-1.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/iphone-1.jpg',
+ '../../../../assets/images/products/iphone-2.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ },
+ {
+ '_id': '5a9aef21021b2911c97ad6c5b',
+ 'name': 'Over-Ear Headphones, Stereo Lightweight Adjustable Wired Headset',
+ 'subtitle': 'Admodum assentior ad duo',
+ 'description': 'sit commodo',
+ 'category': 'headphone',
+ 'tags': [
+ 'adipisicing',
+ 'labore',
+ 'voluptate'
+ ],
+ 'price': {
+ 'sale': 33,
+ 'previous': 57
+ },
+ 'ratings': {
+ 'rating': 3.51,
+ 'ratingCount': 60
+ },
+ 'features': [
+ 'culpa id',
+ 'eu excepteur',
+ 'incididunt aute'
+ ],
+ 'photo': '../../../../assets/images/products/headphone-1.jpg',
+ 'gallery': [
+ '../../../../assets/images/products/headphone-1.jpg',
+ '../../../../assets/images/products/headphone-2.jpg',
+ '../../../../assets/images/products/headphone-3.jpg',
+ '../../../../assets/images/products/headphone-4.jpg'
+ ],
+ 'badge': {
+ 'text': '',
+ 'color': 'red'
+ }
+ }
+
+ ]
+}
\ No newline at end of file
diff --git a/src/app/shared/inmemory-db/users.ts b/src/app/shared/inmemory-db/users.ts
new file mode 100644
index 00000000..d3ff4d96
--- /dev/null
+++ b/src/app/shared/inmemory-db/users.ts
@@ -0,0 +1,1028 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+export class UserDB {
+ public users = [
+ {
+ '_id': '5a7b73f76bed15c94d1e46d4',
+ 'index': 0,
+ 'guid': 'c01da2d1-07f8-4acc-a1e3-72dda7310af8',
+ 'isActive': false,
+ 'balance': 2838.08,
+ 'age': 30,
+ 'name': 'Stefanie Marsh',
+ 'gender': 'female',
+ 'company': 'ACIUM',
+ 'email': 'stefaniemarsh@acium.com',
+ 'phone': '+1 (857) 535-2066',
+ 'address': '163 Poplar Avenue, Cliffside, Virginia, 4592',
+ 'bd': '2015-02-08T04:28:44 -06:00'
+ },
+ {
+ '_id': '5a7b73f7f79f4250b96a355a',
+ 'index': 1,
+ 'guid': '3f04aa40-62da-466d-ac14-2b8a5da3d1ce',
+ 'isActive': true,
+ 'balance': 3043.81,
+ 'age': 39,
+ 'name': 'Elena Bennett',
+ 'gender': 'female',
+ 'company': 'FIBRODYNE',
+ 'email': 'elenabennett@fibrodyne.com',
+ 'phone': '+1 (994) 570-2070',
+ 'address': '526 Grace Court, Cherokee, Oregon, 7017',
+ 'bd': '2017-11-15T09:04:57 -06:00'
+ },
+ {
+ '_id': '5a7b73f78b64a02a67204d6e',
+ 'index': 2,
+ 'guid': 'e7d9d61e-b657-4fcf-b069-2eb9bfdc44fa',
+ 'isActive': true,
+ 'balance': 1796.92,
+ 'age': 23,
+ 'name': 'Joni Cabrera',
+ 'gender': 'female',
+ 'company': 'POWERNET',
+ 'email': 'jonicabrera@powernet.com',
+ 'phone': '+1 (848) 410-2368',
+ 'address': '554 Barlow Drive, Alamo, Michigan, 3686',
+ 'bd': '2017-10-15T12:55:51 -06:00'
+ },
+ {
+ '_id': '5a7b73f7572e59b231149b94',
+ 'index': 3,
+ 'guid': '47673d82-ab31-48a1-8a16-2c6701573c67',
+ 'isActive': false,
+ 'balance': 2850.27,
+ 'age': 37,
+ 'name': 'Gallagher Shaw',
+ 'gender': 'male',
+ 'company': 'ZILLAR',
+ 'email': 'gallaghershaw@zillar.com',
+ 'phone': '+1 (896) 422-3786',
+ 'address': '111 Argyle Road, Graball, Idaho, 7272',
+ 'bd': '2017-11-19T03:38:30 -06:00'
+ },
+ {
+ '_id': '5a7b73f70f9d074552e13090',
+ 'index': 4,
+ 'guid': 'bc9c7cd3-04e0-4095-a933-af28efaf3b3e',
+ 'isActive': false,
+ 'balance': 3743.48,
+ 'age': 26,
+ 'name': 'Blanchard Knapp',
+ 'gender': 'male',
+ 'company': 'ACRODANCE',
+ 'email': 'blanchardknapp@acrodance.com',
+ 'phone': '+1 (867) 542-2772',
+ 'address': '707 Malta Street, Yukon, Wyoming, 6861',
+ 'bd': '2014-05-28T01:33:58 -06:00'
+ },
+ {
+ '_id': '5a7b73f78988bd6e92650473',
+ 'index': 5,
+ 'guid': '08cb947c-e49c-4736-9687-0fca0992ec38',
+ 'isActive': false,
+ 'balance': 3453.79,
+ 'age': 34,
+ 'name': 'Parker Rivas',
+ 'gender': 'male',
+ 'company': 'SLAMBDA',
+ 'email': 'parkerrivas@slambda.com',
+ 'phone': '+1 (997) 413-2418',
+ 'address': '543 Roosevelt Place, Tibbie, Minnesota, 6944',
+ 'bd': '2015-01-05T09:55:23 -06:00'
+ },
+ {
+ '_id': '5a7b73f72488770f90649570',
+ 'index': 6,
+ 'guid': '771c85d5-7762-4bae-96fd-09892a9c4374',
+ 'isActive': false,
+ 'balance': 3334.73,
+ 'age': 20,
+ 'name': 'Alexandria Forbes',
+ 'gender': 'female',
+ 'company': 'EQUITOX',
+ 'email': 'alexandriaforbes@equitox.com',
+ 'phone': '+1 (869) 521-2533',
+ 'address': '663 Minna Street, Omar, Alabama, 5265',
+ 'bd': '2017-03-09T05:48:57 -06:00'
+ },
+ {
+ '_id': '5a7b73f7c576e368b321a705',
+ 'index': 7,
+ 'guid': '2455a7ef-a537-46e1-a210-75e5e2187460',
+ 'isActive': false,
+ 'balance': 3488.64,
+ 'age': 37,
+ 'name': 'Lessie Wise',
+ 'gender': 'female',
+ 'company': 'AFFLUEX',
+ 'email': 'lessiewise@affluex.com',
+ 'phone': '+1 (820) 404-2967',
+ 'address': '752 Woodhull Street, Utting, Oklahoma, 2739',
+ 'bd': '2014-10-21T03:09:34 -06:00'
+ },
+ {
+ '_id': '5a7b73f705f8a9c6e35c8ca2',
+ 'index': 8,
+ 'guid': 'a90d65a8-681d-462f-bf08-eceeef366375',
+ 'isActive': true,
+ 'balance': 3786.67,
+ 'age': 36,
+ 'name': 'Carrie Gates',
+ 'gender': 'female',
+ 'company': 'VIRVA',
+ 'email': 'carriegates@virva.com',
+ 'phone': '+1 (845) 463-3986',
+ 'address': '561 Boulevard Court, Rote, Louisiana, 8458',
+ 'bd': '2017-03-30T02:06:23 -06:00'
+ },
+ {
+ '_id': '5a7b73f7a3e2be2dbb7b093e',
+ 'index': 9,
+ 'guid': 'fb3d0f97-91ae-4336-b0b4-19f4a00fe567',
+ 'isActive': false,
+ 'balance': 3335.5,
+ 'age': 33,
+ 'name': 'Dalton Spears',
+ 'gender': 'male',
+ 'company': 'MIRACLIS',
+ 'email': 'daltonspears@miraclis.com',
+ 'phone': '+1 (919) 541-3528',
+ 'address': '167 Lester Court, Glasgow, Arkansas, 6311',
+ 'bd': '2017-04-01T01:41:12 -06:00'
+ },
+ {
+ '_id': '5a7b73f716de69a9217c1273',
+ 'index': 10,
+ 'guid': '129a92fd-848f-48eb-98a1-aebf6e92b079',
+ 'isActive': false,
+ 'balance': 3811.15,
+ 'age': 30,
+ 'name': 'Delia Merrill',
+ 'gender': 'female',
+ 'company': 'COMTEST',
+ 'email': 'deliamerrill@comtest.com',
+ 'phone': '+1 (879) 401-2304',
+ 'address': '761 Polhemus Place, Kidder, Puerto Rico, 5901',
+ 'bd': '2014-08-29T08:42:59 -06:00'
+ },
+ {
+ '_id': '5a7b73f7ed19007bed2d29fb',
+ 'index': 11,
+ 'guid': 'd799b69a-192d-4ee3-9a69-9e8e5afc45b0',
+ 'isActive': false,
+ 'balance': 3935.82,
+ 'age': 28,
+ 'name': 'Vance Aguilar',
+ 'gender': 'male',
+ 'company': 'CYCLONICA',
+ 'email': 'vanceaguilar@cyclonica.com',
+ 'phone': '+1 (972) 549-2681',
+ 'address': '653 Billings Place, Gardners, Connecticut, 7805',
+ 'bd': '2015-02-21T03:06:14 -06:00'
+ },
+ {
+ '_id': '5a7b73f78d0dc0858a70c44a',
+ 'index': 12,
+ 'guid': '8cbb37bb-7644-4993-b48b-df3a69deb339',
+ 'isActive': true,
+ 'balance': 3868.95,
+ 'age': 28,
+ 'name': 'Adams Harper',
+ 'gender': 'male',
+ 'company': 'NORSUP',
+ 'email': 'adamsharper@norsup.com',
+ 'phone': '+1 (824) 494-3395',
+ 'address': '571 Turner Place, Norris, Mississippi, 3829',
+ 'bd': '2014-01-30T02:05:53 -06:00'
+ },
+ {
+ '_id': '5a7b73f7e929494a8568a885',
+ 'index': 13,
+ 'guid': '22ec32d7-0ba9-4366-b6d8-ca16389a2cd9',
+ 'isActive': false,
+ 'balance': 3954.41,
+ 'age': 34,
+ 'name': 'Bass Sexton',
+ 'gender': 'male',
+ 'company': 'CIRCUM',
+ 'email': 'basssexton@circum.com',
+ 'phone': '+1 (930) 476-3634',
+ 'address': '563 Victor Road, Richmond, Kansas, 7742',
+ 'bd': '2014-05-04T10:16:32 -06:00'
+ },
+ {
+ '_id': '5a7b73f767e97ce3136444fd',
+ 'index': 14,
+ 'guid': '031d282f-0be9-49e1-a211-9aa59d449d91',
+ 'isActive': false,
+ 'balance': 3287.33,
+ 'age': 24,
+ 'name': 'Howard Velez',
+ 'gender': 'male',
+ 'company': 'ECOSYS',
+ 'email': 'howardvelez@ecosys.com',
+ 'phone': '+1 (920) 556-2885',
+ 'address': '378 Grimes Road, Websterville, Marshall Islands, 3506',
+ 'bd': '2015-12-19T08:17:58 -06:00'
+ },
+ {
+ '_id': '5a7b73f7fba076653cc18925',
+ 'index': 15,
+ 'guid': 'd76ab6d6-d1db-4286-8516-ce6c9db3972a',
+ 'isActive': false,
+ 'balance': 3279.98,
+ 'age': 21,
+ 'name': 'Lola Morton',
+ 'gender': 'female',
+ 'company': 'PROVIDCO',
+ 'email': 'lolamorton@providco.com',
+ 'phone': '+1 (963) 458-2788',
+ 'address': '991 Ashland Place, Richville, New York, 3529',
+ 'bd': '2016-11-29T07:58:24 -06:00'
+ },
+ {
+ '_id': '5a7b73f7c6d408bc853be87c',
+ 'index': 16,
+ 'guid': '30c2d1c7-770b-4adb-b6df-cc205d748323',
+ 'isActive': false,
+ 'balance': 3955.55,
+ 'age': 37,
+ 'name': 'Bishop Rutledge',
+ 'gender': 'male',
+ 'company': 'DAYCORE',
+ 'email': 'bishoprutledge@daycore.com',
+ 'phone': '+1 (886) 539-3156',
+ 'address': '870 Vanderveer Place, Bridgetown, California, 7593',
+ 'bd': '2014-11-10T04:47:00 -06:00'
+ },
+ {
+ '_id': '5a7b73f7abe6c78719d2f494',
+ 'index': 17,
+ 'guid': '2d8e77a1-4a88-4642-b6a8-693de296661c',
+ 'isActive': true,
+ 'balance': 1832.83,
+ 'age': 23,
+ 'name': 'Lea Reese',
+ 'gender': 'female',
+ 'company': 'GLUID',
+ 'email': 'leareese@gluid.com',
+ 'phone': '+1 (866) 413-2199',
+ 'address': '811 Dunne Place, Vowinckel, Rhode Island, 8646',
+ 'bd': '2014-03-16T04:30:06 -06:00'
+ },
+ {
+ '_id': '5a7b73f72d64af126b8080be',
+ 'index': 18,
+ 'guid': 'e1e8ee63-6d08-48fc-a077-2265cee34f23',
+ 'isActive': true,
+ 'balance': 2419.18,
+ 'age': 23,
+ 'name': 'Knox Moses',
+ 'gender': 'male',
+ 'company': 'BRAINCLIP',
+ 'email': 'knoxmoses@brainclip.com',
+ 'phone': '+1 (982) 519-2486',
+ 'address': '917 Turnbull Avenue, Shasta, Virgin Islands, 7016',
+ 'bd': '2015-11-09T10:11:15 -06:00'
+ },
+ {
+ '_id': '5a7b73f789b4e9086d34b255',
+ 'index': 19,
+ 'guid': '13552b7d-928c-4b92-a2ae-5ccbee807594',
+ 'isActive': false,
+ 'balance': 1220.91,
+ 'age': 22,
+ 'name': 'Marsha Jacobs',
+ 'gender': 'female',
+ 'company': 'COMSTAR',
+ 'email': 'marshajacobs@comstar.com',
+ 'phone': '+1 (858) 511-2546',
+ 'address': '580 Hampton Avenue, Ilchester, New Hampshire, 2191',
+ 'bd': '2016-02-11T01:34:23 -06:00'
+ },
+ {
+ '_id': '5a7b73f737eea8e94089b7b4',
+ 'index': 20,
+ 'guid': 'cf577c87-b40c-4c09-9fac-d04c9a824b86',
+ 'isActive': false,
+ 'balance': 2446.07,
+ 'age': 25,
+ 'name': 'Bell Emerson',
+ 'gender': 'male',
+ 'company': 'MULTIFLEX',
+ 'email': 'bellemerson@multiflex.com',
+ 'phone': '+1 (806) 496-2473',
+ 'address': '238 Oxford Walk, Monument, New Mexico, 1345',
+ 'bd': '2016-10-07T01:07:21 -06:00'
+ },
+ {
+ '_id': '5a7b73f76bc821dc6ee56ee2',
+ 'index': 21,
+ 'guid': 'b6c685c2-a497-4261-9217-622723d5235f',
+ 'isActive': false,
+ 'balance': 3694.63,
+ 'age': 33,
+ 'name': 'Cecelia Graham',
+ 'gender': 'female',
+ 'company': 'ZOXY',
+ 'email': 'ceceliagraham@zoxy.com',
+ 'phone': '+1 (933) 429-3129',
+ 'address': '954 Lawton Street, Terlingua, New Jersey, 6723',
+ 'bd': '2017-12-01T04:36:13 -06:00'
+ },
+ {
+ '_id': '5a7b73f794c27c4048290cbf',
+ 'index': 22,
+ 'guid': '7e887403-8ff5-41b4-9902-bb63ff714fee',
+ 'isActive': true,
+ 'balance': 2804.02,
+ 'age': 29,
+ 'name': 'Anthony Pennington',
+ 'gender': 'male',
+ 'company': 'NAMEGEN',
+ 'email': 'anthonypennington@namegen.com',
+ 'phone': '+1 (860) 458-3988',
+ 'address': '287 Auburn Place, Gardiner, Northern Mariana Islands, 7131',
+ 'bd': '2018-02-04T11:06:51 -06:00'
+ },
+ {
+ '_id': '5a7b73f720a5781f7d19597a',
+ 'index': 23,
+ 'guid': '9e108687-e1ca-4385-bdd5-62ab006f8aa3',
+ 'isActive': true,
+ 'balance': 1984.1,
+ 'age': 36,
+ 'name': 'Mayo Justice',
+ 'gender': 'male',
+ 'company': 'SLOFAST',
+ 'email': 'mayojustice@slofast.com',
+ 'phone': '+1 (854) 428-2270',
+ 'address': '648 Melba Court, Dodge, Pennsylvania, 7596',
+ 'bd': '2016-12-29T07:28:10 -06:00'
+ },
+ {
+ '_id': '5a7b73f7f0a4c5e6c9807fb2',
+ 'index': 24,
+ 'guid': '93b0b383-dd69-4453-be26-f13ae361ce67',
+ 'isActive': true,
+ 'balance': 1845.13,
+ 'age': 22,
+ 'name': 'Vaughn Salazar',
+ 'gender': 'male',
+ 'company': 'ZAGGLE',
+ 'email': 'vaughnsalazar@zaggle.com',
+ 'phone': '+1 (986) 415-3294',
+ 'address': '382 Dewitt Avenue, Goodville, Palau, 711',
+ 'bd': '2014-10-31T12:32:59 -06:00'
+ },
+ {
+ '_id': '5a7b73f7e6c45298c709371c',
+ 'index': 25,
+ 'guid': '5a059bbb-3f6d-47bc-ba2b-c13eeaaa93b4',
+ 'isActive': false,
+ 'balance': 3684.79,
+ 'age': 31,
+ 'name': 'Calhoun Bradshaw',
+ 'gender': 'male',
+ 'company': 'OVERPLEX',
+ 'email': 'calhounbradshaw@overplex.com',
+ 'phone': '+1 (964) 594-2363',
+ 'address': '527 Seton Place, Wedgewood, Wisconsin, 8306',
+ 'bd': '2016-05-27T10:46:17 -06:00'
+ },
+ {
+ '_id': '5a7b73f79468759d25ecdcf4',
+ 'index': 26,
+ 'guid': '68d7f78e-5001-480b-a67d-72b370a5c2de',
+ 'isActive': false,
+ 'balance': 1831.14,
+ 'age': 29,
+ 'name': 'Dianne Bauer',
+ 'gender': 'female',
+ 'company': 'XUMONK',
+ 'email': 'diannebauer@xumonk.com',
+ 'phone': '+1 (866) 510-2479',
+ 'address': '540 Moffat Street, Emison, South Carolina, 7329',
+ 'bd': '2014-09-02T04:57:23 -06:00'
+ },
+ {
+ '_id': '5a7b73f7346b1bbab11524fa',
+ 'index': 27,
+ 'guid': '0729eef8-36c5-4aa2-8e31-f5e2ca19b94b',
+ 'isActive': false,
+ 'balance': 1719.77,
+ 'age': 22,
+ 'name': 'Hebert Bryan',
+ 'gender': 'male',
+ 'company': 'COMTRAIL',
+ 'email': 'hebertbryan@comtrail.com',
+ 'phone': '+1 (838) 579-3709',
+ 'address': '669 Hausman Street, Gerber, Kentucky, 7779',
+ 'bd': '2017-11-29T12:22:59 -06:00'
+ },
+ {
+ '_id': '5a7b73f75116874002de08de',
+ 'index': 28,
+ 'guid': '63014b40-3f1e-40ff-b2f7-f55ef6a5a599',
+ 'isActive': true,
+ 'balance': 1973.27,
+ 'age': 20,
+ 'name': 'Cash Bean',
+ 'gender': 'male',
+ 'company': 'SUPREMIA',
+ 'email': 'cashbean@supremia.com',
+ 'phone': '+1 (846) 551-2291',
+ 'address': '152 Garnet Street, Boling, Nevada, 4867',
+ 'bd': '2014-01-06T10:18:37 -06:00'
+ },
+ {
+ '_id': '5a7b73f739be4dc1f743993c',
+ 'index': 29,
+ 'guid': 'ae498760-b43b-4c9c-8575-820f419984f6',
+ 'isActive': true,
+ 'balance': 2118.14,
+ 'age': 36,
+ 'name': 'Candy Hopper',
+ 'gender': 'female',
+ 'company': 'ACCUFARM',
+ 'email': 'candyhopper@accufarm.com',
+ 'phone': '+1 (841) 425-2442',
+ 'address': '695 Nassau Avenue, Nutrioso, Maryland, 2026',
+ 'bd': '2016-01-03T02:15:56 -06:00'
+ },
+ {
+ '_id': '5a7b73f70b86f2969d762be2',
+ 'index': 30,
+ 'guid': 'f19cb86e-ab4f-4d07-833a-4adb8a19d0af',
+ 'isActive': false,
+ 'balance': 3794.89,
+ 'age': 37,
+ 'name': 'Fisher Powell',
+ 'gender': 'male',
+ 'company': 'ENOMEN',
+ 'email': 'fisherpowell@enomen.com',
+ 'phone': '+1 (876) 562-2932',
+ 'address': '616 Tapscott Avenue, Crucible, Nebraska, 4900',
+ 'bd': '2018-01-31T05:15:13 -06:00'
+ },
+ {
+ '_id': '5a7b73f7394648a68c2a6ae3',
+ 'index': 31,
+ 'guid': 'a88e5389-0b07-4d19-ac6c-718ce9e0de55',
+ 'isActive': false,
+ 'balance': 3343.45,
+ 'age': 38,
+ 'name': 'Rosemary Sloan',
+ 'gender': 'female',
+ 'company': 'PHORMULA',
+ 'email': 'rosemarysloan@phormula.com',
+ 'phone': '+1 (924) 517-3289',
+ 'address': '687 Navy Walk, Edmund, Delaware, 1419',
+ 'bd': '2018-01-23T11:32:25 -06:00'
+ },
+ {
+ '_id': '5a7b73f77ad97f4e1c2fa65a',
+ 'index': 32,
+ 'guid': 'fb915568-2875-49b3-96d7-6b54b2b186a1',
+ 'isActive': true,
+ 'balance': 2680.62,
+ 'age': 30,
+ 'name': 'Elba Glover',
+ 'gender': 'female',
+ 'company': 'APPLICA',
+ 'email': 'elbaglover@applica.com',
+ 'phone': '+1 (857) 495-3565',
+ 'address': '279 Bridgewater Street, Edneyville, Utah, 9246',
+ 'bd': '2015-10-03T12:24:56 -06:00'
+ },
+ {
+ '_id': '5a7b73f72598106a97fbf7d5',
+ 'index': 33,
+ 'guid': 'fac3cd4b-2d42-4b4f-9d6f-0bac689bd47b',
+ 'isActive': false,
+ 'balance': 3286.46,
+ 'age': 37,
+ 'name': 'Mildred Short',
+ 'gender': 'female',
+ 'company': 'NIXELT',
+ 'email': 'mildredshort@nixelt.com',
+ 'phone': '+1 (980) 530-3588',
+ 'address': '434 Elm Place, Coloma, West Virginia, 1990',
+ 'bd': '2016-03-22T10:13:26 -06:00'
+ },
+ {
+ '_id': '5a7b73f7b88290b05f53faa1',
+ 'index': 34,
+ 'guid': 'b1c6a3a3-00bd-4bc6-87df-69eecd909ab5',
+ 'isActive': false,
+ 'balance': 1484.16,
+ 'age': 24,
+ 'name': 'Karin Schultz',
+ 'gender': 'female',
+ 'company': 'PLASMOS',
+ 'email': 'karinschultz@plasmos.com',
+ 'phone': '+1 (904) 544-2796',
+ 'address': '380 Rockaway Avenue, Faxon, American Samoa, 5776',
+ 'bd': '2016-03-27T09:30:36 -06:00'
+ },
+ {
+ '_id': '5a7b73f7d2f7429d0caec5fe',
+ 'index': 35,
+ 'guid': '62c961ac-49b1-4a69-b4bf-13a396ec4fd9',
+ 'isActive': false,
+ 'balance': 3450.17,
+ 'age': 23,
+ 'name': 'Addie Rose',
+ 'gender': 'female',
+ 'company': 'XYQAG',
+ 'email': 'addierose@xyqag.com',
+ 'phone': '+1 (838) 549-3147',
+ 'address': '999 Coleridge Street, Golconda, Vermont, 9575',
+ 'bd': '2016-10-01T06:50:42 -06:00'
+ },
+ {
+ '_id': '5a7b73f78a4c54ff8334e053',
+ 'index': 36,
+ 'guid': '4f2f7ae5-0bd1-4665-b97f-c556e5162349',
+ 'isActive': false,
+ 'balance': 1797.89,
+ 'age': 23,
+ 'name': 'Janie Ellison',
+ 'gender': 'female',
+ 'company': 'SPLINX',
+ 'email': 'janieellison@splinx.com',
+ 'phone': '+1 (947) 460-2254',
+ 'address': '114 Landis Court, Genoa, Indiana, 5198',
+ 'bd': '2017-07-28T12:45:44 -06:00'
+ },
+ {
+ '_id': '5a7b73f7c87f7e86fcb00055',
+ 'index': 37,
+ 'guid': 'b7236378-8129-44b5-bcc6-0369290ffad6',
+ 'isActive': false,
+ 'balance': 3776.51,
+ 'age': 38,
+ 'name': 'Elisabeth Campbell',
+ 'gender': 'female',
+ 'company': 'GOKO',
+ 'email': 'elisabethcampbell@goko.com',
+ 'phone': '+1 (849) 430-3377',
+ 'address': '832 Kermit Place, Lutsen, Georgia, 9145',
+ 'bd': '2015-04-26T06:40:08 -06:00'
+ },
+ {
+ '_id': '5a7b73f712f9208f145fa6ea',
+ 'index': 38,
+ 'guid': '5c955e3a-5f3a-4ead-96ee-80a5de6dc479',
+ 'isActive': true,
+ 'balance': 3794.93,
+ 'age': 27,
+ 'name': 'Noble Holland',
+ 'gender': 'male',
+ 'company': 'NUTRALAB',
+ 'email': 'nobleholland@nutralab.com',
+ 'phone': '+1 (888) 573-3730',
+ 'address': '408 Roosevelt Court, Hiwasse, North Dakota, 281',
+ 'bd': '2014-03-25T12:24:34 -06:00'
+ },
+ {
+ '_id': '5a7b73f7aa1f371de59df90b',
+ 'index': 39,
+ 'guid': '94698a81-61a6-4e23-a952-76a50fba71ef',
+ 'isActive': true,
+ 'balance': 2205.55,
+ 'age': 35,
+ 'name': 'Laverne Brock',
+ 'gender': 'female',
+ 'company': 'ICOLOGY',
+ 'email': 'lavernebrock@icology.com',
+ 'phone': '+1 (821) 600-3174',
+ 'address': '391 Conover Street, Cassel, Tennessee, 6566',
+ 'bd': '2016-01-27T09:40:41 -06:00'
+ },
+ {
+ '_id': '5a7b73f7c45c697931199945',
+ 'index': 40,
+ 'guid': 'a05a215f-be1c-49d1-89ca-c821b118f923',
+ 'isActive': true,
+ 'balance': 2397.12,
+ 'age': 29,
+ 'name': 'Irene Frost',
+ 'gender': 'female',
+ 'company': 'RODEMCO',
+ 'email': 'irenefrost@rodemco.com',
+ 'phone': '+1 (918) 539-2612',
+ 'address': '401 Moore Place, Groton, Arizona, 3415',
+ 'bd': '2017-09-14T09:46:55 -06:00'
+ },
+ {
+ '_id': '5a7b73f7ef55416e92ebc818',
+ 'index': 41,
+ 'guid': '1ae8ceac-e8d0-4417-9f6f-04cd4e4738ad',
+ 'isActive': false,
+ 'balance': 3335.51,
+ 'age': 35,
+ 'name': 'Beard Hendricks',
+ 'gender': 'male',
+ 'company': 'QUONK',
+ 'email': 'beardhendricks@quonk.com',
+ 'phone': '+1 (847) 521-3952',
+ 'address': '576 Bayard Street, Chloride, Federated States Of Micronesia, 8070',
+ 'bd': '2016-11-01T12:47:26 -06:00'
+ },
+ {
+ '_id': '5a7b73f7cbeecfe6febd672d',
+ 'index': 42,
+ 'guid': 'afdf3298-77bd-46b3-ae8d-232f815c5f01',
+ 'isActive': false,
+ 'balance': 2205.01,
+ 'age': 37,
+ 'name': 'Nelson Shields',
+ 'gender': 'male',
+ 'company': 'ARTWORLDS',
+ 'email': 'nelsonshields@artworlds.com',
+ 'phone': '+1 (956) 534-3050',
+ 'address': '581 Maple Street, Needmore, Colorado, 2062',
+ 'bd': '2014-07-21T08:22:01 -06:00'
+ },
+ {
+ '_id': '5a7b73f71803de25c5f754ad',
+ 'index': 43,
+ 'guid': '5b872cad-4388-496b-8ede-5f86990dec00',
+ 'isActive': true,
+ 'balance': 1001.05,
+ 'age': 21,
+ 'name': 'Luella Duffy',
+ 'gender': 'female',
+ 'company': 'KROG',
+ 'email': 'luelladuffy@krog.com',
+ 'phone': '+1 (973) 451-2222',
+ 'address': '349 Bryant Street, Tioga, South Dakota, 6493',
+ 'bd': '2016-04-27T02:46:46 -06:00'
+ },
+ {
+ '_id': '5a7b73f77f2a05eacb331c74',
+ 'index': 44,
+ 'guid': '7d6b7650-10d7-435d-87ca-33a1fe12cd57',
+ 'isActive': false,
+ 'balance': 1926.79,
+ 'age': 27,
+ 'name': 'Rosa Guthrie',
+ 'gender': 'female',
+ 'company': 'COMTOURS',
+ 'email': 'rosaguthrie@comtours.com',
+ 'phone': '+1 (814) 528-2701',
+ 'address': '719 Kathleen Court, Morriston, Guam, 4011',
+ 'bd': '2015-07-02T08:22:18 -06:00'
+ },
+ {
+ '_id': '5a7b73f7727afbb0fc15653b',
+ 'index': 45,
+ 'guid': 'ebbc985b-227e-4954-a8a6-588b2a2bff22',
+ 'isActive': false,
+ 'balance': 2464.9,
+ 'age': 29,
+ 'name': 'Dillard Carlson',
+ 'gender': 'male',
+ 'company': 'COMCUR',
+ 'email': 'dillardcarlson@comcur.com',
+ 'phone': '+1 (847) 469-3741',
+ 'address': '918 Oceanic Avenue, Cochranville, Missouri, 1018',
+ 'bd': '2016-06-11T11:31:54 -06:00'
+ },
+ {
+ '_id': '5a7b73f71dd7612e967e01ae',
+ 'index': 46,
+ 'guid': '63a2ee7f-2141-4ec5-b1e2-fcdcd62f28ed',
+ 'isActive': false,
+ 'balance': 3917.74,
+ 'age': 25,
+ 'name': 'Faye Walls',
+ 'gender': 'female',
+ 'company': 'EMERGENT',
+ 'email': 'fayewalls@emergent.com',
+ 'phone': '+1 (964) 527-3791',
+ 'address': '947 Judge Street, Nescatunga, Maine, 4928',
+ 'bd': '2014-06-23T12:46:21 -06:00'
+ },
+ {
+ '_id': '5a7b73f7b33c73c425db7ee0',
+ 'index': 47,
+ 'guid': '61d40a89-af0c-40ca-8970-c54978134e6b',
+ 'isActive': true,
+ 'balance': 2213.18,
+ 'age': 32,
+ 'name': 'Norma Hooper',
+ 'gender': 'female',
+ 'company': 'PARCOE',
+ 'email': 'normahooper@parcoe.com',
+ 'phone': '+1 (827) 503-2742',
+ 'address': '470 Fenimore Street, Hatteras, Texas, 1582',
+ 'bd': '2015-01-15T12:22:00 -06:00'
+ },
+ {
+ '_id': '5a7b73f7c30aa4064670cf21',
+ 'index': 48,
+ 'guid': '969d77af-b251-4924-82cf-7c787752161d',
+ 'isActive': false,
+ 'balance': 3673.94,
+ 'age': 23,
+ 'name': 'Lee Wiggins',
+ 'gender': 'female',
+ 'company': 'NITRACYR',
+ 'email': 'leewiggins@nitracyr.com',
+ 'phone': '+1 (941) 478-3536',
+ 'address': '958 Flatbush Avenue, Clara, North Carolina, 970',
+ 'bd': '2018-01-09T11:09:34 -06:00'
+ },
+ {
+ '_id': '5a7b73f7ecd5a4859f2d94dc',
+ 'index': 49,
+ 'guid': 'cdf9b8de-a309-4cb7-80bb-f1b830b8b640',
+ 'isActive': true,
+ 'balance': 2166.21,
+ 'age': 27,
+ 'name': 'Alvarez Lynch',
+ 'gender': 'male',
+ 'company': 'KIGGLE',
+ 'email': 'alvarezlynch@kiggle.com',
+ 'phone': '+1 (929) 528-3805',
+ 'address': '901 Stratford Road, Derwood, Iowa, 1402',
+ 'bd': '2015-01-08T04:28:57 -06:00'
+ },
+ {
+ '_id': '5a7b73f7216c8cabc849eea7',
+ 'index': 50,
+ 'guid': 'c4175d6a-1560-468e-b682-701c1549b6b1',
+ 'isActive': false,
+ 'balance': 3479.39,
+ 'age': 39,
+ 'name': 'Oneal Rosario',
+ 'gender': 'male',
+ 'company': 'UBERLUX',
+ 'email': 'onealrosario@uberlux.com',
+ 'phone': '+1 (951) 572-3027',
+ 'address': '267 Rockaway Parkway, Chapin, Montana, 7813',
+ 'bd': '2014-02-10T05:08:13 -06:00'
+ },
+ {
+ '_id': '5a7b73f78841719bf955b2d9',
+ 'index': 51,
+ 'guid': '966c9ce6-9151-47cb-8c71-98c4cd0d2f40',
+ 'isActive': false,
+ 'balance': 1625.49,
+ 'age': 36,
+ 'name': 'Olsen Stevens',
+ 'gender': 'male',
+ 'company': 'EMPIRICA',
+ 'email': 'olsenstevens@empirica.com',
+ 'phone': '+1 (871) 403-3377',
+ 'address': '704 Lamont Court, Saranap, Massachusetts, 3171',
+ 'bd': '2014-09-17T05:13:13 -06:00'
+ },
+ {
+ '_id': '5a7b73f7b7b8e578dff0f85c',
+ 'index': 52,
+ 'guid': '8269a34f-3a02-47d6-bcb1-8f076bb478f0',
+ 'isActive': true,
+ 'balance': 1143.73,
+ 'age': 27,
+ 'name': 'Marian Henson',
+ 'gender': 'female',
+ 'company': 'ENDIPINE',
+ 'email': 'marianhenson@endipine.com',
+ 'phone': '+1 (995) 406-2592',
+ 'address': '803 Ellery Street, Boykin, Alaska, 8624',
+ 'bd': '2016-08-28T01:22:51 -06:00'
+ },
+ {
+ '_id': '5a7b73f737459ec79c91ca75',
+ 'index': 53,
+ 'guid': 'badb9342-10fd-4520-ae66-c246e47add8f',
+ 'isActive': false,
+ 'balance': 1458.01,
+ 'age': 23,
+ 'name': 'Dudley Dickson',
+ 'gender': 'male',
+ 'company': 'POLARIA',
+ 'email': 'dudleydickson@polaria.com',
+ 'phone': '+1 (860) 428-3250',
+ 'address': '833 Revere Place, Rockbridge, Illinois, 4628',
+ 'bd': '2017-01-19T12:36:59 -06:00'
+ },
+ {
+ '_id': '5a7b73f70ddc6fc11ebf043a',
+ 'index': 54,
+ 'guid': '52b1be89-8186-4685-81b7-203c17ed9f89',
+ 'isActive': true,
+ 'balance': 2815.76,
+ 'age': 25,
+ 'name': 'Earnestine Oneil',
+ 'gender': 'female',
+ 'company': 'CYTREK',
+ 'email': 'earnestineoneil@cytrek.com',
+ 'phone': '+1 (879) 541-3490',
+ 'address': '442 Emerald Street, Graniteville, Hawaii, 1302',
+ 'bd': '2017-07-07T10:34:33 -06:00'
+ },
+ {
+ '_id': '5a7b73f78b816185ccd2b4b3',
+ 'index': 55,
+ 'guid': 'e66850ea-546b-4eb5-ae76-d66b0e727f44',
+ 'isActive': true,
+ 'balance': 3645.09,
+ 'age': 21,
+ 'name': 'Nicholson Mason',
+ 'gender': 'male',
+ 'company': 'TELEQUIET',
+ 'email': 'nicholsonmason@telequiet.com',
+ 'phone': '+1 (861) 528-3215',
+ 'address': '261 Aitken Place, Cecilia, Ohio, 1381',
+ 'bd': '2016-03-20T08:31:34 -06:00'
+ },
+ {
+ '_id': '5a7b73f780f8bf8fbe24d75c',
+ 'index': 56,
+ 'guid': '40b999cd-00bf-46e0-9107-b44906d832e0',
+ 'isActive': false,
+ 'balance': 2477.66,
+ 'age': 36,
+ 'name': 'Linda Shaffer',
+ 'gender': 'female',
+ 'company': 'ZORK',
+ 'email': 'lindashaffer@zork.com',
+ 'phone': '+1 (828) 524-3011',
+ 'address': '350 Plymouth Street, Waterford, Washington, 6715',
+ 'bd': '2017-07-09T05:51:11 -06:00'
+ },
+ {
+ '_id': '5a7b73f741e22fc19ffa6952',
+ 'index': 57,
+ 'guid': 'cc2ac19d-7d67-4f60-973a-369160a9c377',
+ 'isActive': false,
+ 'balance': 2651.39,
+ 'age': 20,
+ 'name': 'Montoya Riggs',
+ 'gender': 'male',
+ 'company': 'MARKETOID',
+ 'email': 'montoyariggs@marketoid.com',
+ 'phone': '+1 (809) 562-3786',
+ 'address': '633 Monitor Street, Chicopee, District Of Columbia, 550',
+ 'bd': '2016-02-05T12:36:05 -06:00'
+ },
+ {
+ '_id': '5a7b73f7de56ead40c26e69a',
+ 'index': 58,
+ 'guid': '6e0b06b8-1199-498c-8002-41f4972aa2d2',
+ 'isActive': false,
+ 'balance': 3463.92,
+ 'age': 28,
+ 'name': 'Walker Duran',
+ 'gender': 'male',
+ 'company': 'GEOFORM',
+ 'email': 'walkerduran@geoform.com',
+ 'phone': '+1 (868) 502-2553',
+ 'address': '550 Kensington Walk, Wyano, Virginia, 7703',
+ 'bd': '2017-08-18T12:39:37 -06:00'
+ },
+ {
+ '_id': '5a7b73f70a04fe142269ea8d',
+ 'index': 59,
+ 'guid': 'c6733cd5-1e73-4317-b4bc-1a9e597581a4',
+ 'isActive': true,
+ 'balance': 3846.35,
+ 'age': 26,
+ 'name': 'Suzanne House',
+ 'gender': 'female',
+ 'company': 'SYBIXTEX',
+ 'email': 'suzannehouse@sybixtex.com',
+ 'phone': '+1 (892) 533-2739',
+ 'address': '367 Harwood Place, Twilight, Oregon, 9799',
+ 'bd': '2016-11-26T11:57:18 -06:00'
+ },
+ {
+ '_id': '5a7b73f7339943d94af3b39d',
+ 'index': 60,
+ 'guid': '4ff2c2aa-0573-4be1-a1c8-f684af8a5fbf',
+ 'isActive': false,
+ 'balance': 2717.94,
+ 'age': 26,
+ 'name': 'Lewis Oconnor',
+ 'gender': 'male',
+ 'company': 'EXOZENT',
+ 'email': 'lewisoconnor@exozent.com',
+ 'phone': '+1 (954) 582-2660',
+ 'address': '717 Sutter Avenue, Bartley, Michigan, 1142',
+ 'bd': '2017-08-21T08:25:00 -06:00'
+ },
+ {
+ '_id': '5a7b73f7d8e266ad1bc5daa8',
+ 'index': 61,
+ 'guid': '94667aad-86fc-4a2c-94fb-11b572307c75',
+ 'isActive': false,
+ 'balance': 2725.58,
+ 'age': 39,
+ 'name': 'Shelley Bonner',
+ 'gender': 'female',
+ 'company': 'INDEXIA',
+ 'email': 'shelleybonner@indexia.com',
+ 'phone': '+1 (965) 490-3768',
+ 'address': '896 Clinton Avenue, Canoochee, Idaho, 1154',
+ 'bd': '2016-04-11T06:08:29 -06:00'
+ },
+ {
+ '_id': '5a7b73f7e74a5af674e4cbdd',
+ 'index': 62,
+ 'guid': 'ec68c47e-7cbd-485e-8d54-fab1bb6ea008',
+ 'isActive': true,
+ 'balance': 1343.87,
+ 'age': 29,
+ 'name': 'Mccall Morales',
+ 'gender': 'male',
+ 'company': 'QUILITY',
+ 'email': 'mccallmorales@quility.com',
+ 'phone': '+1 (939) 455-2610',
+ 'address': '325 Crystal Street, Harleigh, Wyoming, 5658',
+ 'bd': '2014-11-20T07:30:04 -06:00'
+ },
+ {
+ '_id': '5a7b73f7efb231e53a0c94cd',
+ 'index': 63,
+ 'guid': '6a8b3f55-406c-4ae8-be59-94a0f8fbd180',
+ 'isActive': false,
+ 'balance': 1092.69,
+ 'age': 37,
+ 'name': 'Vera Mcpherson',
+ 'gender': 'female',
+ 'company': 'CIPROMOX',
+ 'email': 'veramcpherson@cipromox.com',
+ 'phone': '+1 (890) 500-3729',
+ 'address': '771 Beard Street, Rivera, Minnesota, 4726',
+ 'bd': '2017-07-13T02:47:50 -06:00'
+ },
+ {
+ '_id': '5a7b73f7e345c5dfc5d636e4',
+ 'index': 64,
+ 'guid': '46879caf-76e6-46e0-9b8b-bc17667a81ea',
+ 'isActive': true,
+ 'balance': 2077.12,
+ 'age': 36,
+ 'name': 'Gregory Roth',
+ 'gender': 'male',
+ 'company': 'EARWAX',
+ 'email': 'gregoryroth@earwax.com',
+ 'phone': '+1 (806) 595-2477',
+ 'address': '349 Dunham Place, Sardis, Alabama, 3320',
+ 'bd': '2017-11-08T02:26:23 -06:00'
+ },
+ {
+ '_id': '5a7b73f77f5f9d730fab11e0',
+ 'index': 65,
+ 'guid': '9cfb8f58-7acf-4a39-bf2b-c90269c33db0',
+ 'isActive': true,
+ 'balance': 3503.58,
+ 'age': 31,
+ 'name': 'Russell Carver',
+ 'gender': 'male',
+ 'company': 'PREMIANT',
+ 'email': 'russellcarver@premiant.com',
+ 'phone': '+1 (849) 521-2335',
+ 'address': '851 Noble Street, Holcombe, Oklahoma, 311',
+ 'bd': '2016-07-10T10:08:35 -06:00'
+ },
+ {
+ '_id': '5a7b73f7cab10f461153989c',
+ 'index': 66,
+ 'guid': '2562a818-4451-4193-94cd-650d131ff097',
+ 'isActive': false,
+ 'balance': 1652.9,
+ 'age': 21,
+ 'name': 'Darlene Hurley',
+ 'gender': 'female',
+ 'company': 'STELAECOR',
+ 'email': 'darlenehurley@stelaecor.com',
+ 'phone': '+1 (868) 492-2270',
+ 'address': '627 Wilson Street, Loveland, Louisiana, 765',
+ 'bd': '2017-05-20T12:39:31 -06:00'
+ },
+ {
+ '_id': '5a7b73f7ecccc997e4160a59',
+ 'index': 67,
+ 'guid': '0050170f-0283-481d-9633-dc9d134be121',
+ 'isActive': true,
+ 'balance': 3692.88,
+ 'age': 21,
+ 'name': 'Lela Bailey',
+ 'gender': 'female',
+ 'company': 'AQUOAVO',
+ 'email': 'lelabailey@aquoavo.com',
+ 'phone': '+1 (917) 449-2329',
+ 'address': '121 Adams Street, Malo, Arkansas, 7435',
+ 'bd': '2016-11-06T04:55:46 -06:00'
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/app/shared/models/event.model.ts b/src/app/shared/models/event.model.ts
new file mode 100644
index 00000000..c413f9b9
--- /dev/null
+++ b/src/app/shared/models/event.model.ts
@@ -0,0 +1,62 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { CalendarEventAction, CalendarEvent } from 'angular-calendar';
+import {
+ startOfDay,
+ endOfDay,
+ subDays,
+ addDays,
+ endOfMonth,
+ isSameDay,
+ isSameMonth,
+ addHours
+} from 'date-fns';
+
+export class EgretCalendarEvent implements CalendarEvent {
+ _id?: string;
+ start: Date;
+ end?: Date;
+ title: string;
+ color?: {
+ primary: string;
+ secondary: string;
+ };
+ actions?: CalendarEventAction[];
+ allDay?: boolean;
+ cssClass?: string;
+ resizable?: {
+ beforeStart?: boolean;
+ afterEnd?: boolean;
+ };
+ draggable?: boolean;
+ meta?: {
+ location: string,
+ notes: string
+ };
+
+ constructor(data?) {
+ data = data || {};
+ this.start = new Date(data.start) || startOfDay(new Date());
+ this.end = data.end ? new Date(data.end) : null;
+ this._id = data._id || '';
+ this.title = data.title || '';
+ this.color = {
+ primary: data.color && data.color.primary || '#247ba0',
+ secondary: data.color && data.color.secondary || '#D1E8FF'
+ };
+ this.draggable = data.draggable || true;
+ this.resizable = {
+ beforeStart: data.resizable && data.resizable.beforeStart || true,
+ afterEnd: data.resizable && data.resizable.afterEnd || true
+ };
+ this.actions = data.actions || [];
+ this.allDay = data.allDay || false;
+ this.cssClass = data.cssClass || '';
+ this.meta = {
+ location: data.meta && data.meta.location || '',
+ notes: data.meta && data.meta.notes || ''
+ };
+ }
+}
diff --git a/src/app/shared/models/product.model.ts b/src/app/shared/models/product.model.ts
new file mode 100644
index 00000000..a3a6baf0
--- /dev/null
+++ b/src/app/shared/models/product.model.ts
@@ -0,0 +1,23 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+export class Product {
+ public _id: string;
+ public name: string;
+ public description?: string;
+ public category?: string;
+ public tags?: string[];
+ public price: {
+ sale: number,
+ previous?: number
+ };
+ public ratings?: {
+ rating: number,
+ ratingCount: number
+ };
+ public features?: string[];
+ public photo?: string;
+ public gallery?: string[];
+ public badge?: { text: string, color?: string };
+}
diff --git a/src/app/shared/pipes/excerpt.pipe.ts b/src/app/shared/pipes/excerpt.pipe.ts
new file mode 100644
index 00000000..dedfa78a
--- /dev/null
+++ b/src/app/shared/pipes/excerpt.pipe.ts
@@ -0,0 +1,14 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Pipe, PipeTransform } from "@angular/core";
+
+@Pipe({ name: 'excerpt' })
+export class ExcerptPipe implements PipeTransform {
+ transform(text: string, limit: number = 5) {
+ if(text.length <= limit)
+ return text;
+ return text.substring(0, limit) + '...';
+ }
+}
\ No newline at end of file
diff --git a/src/app/shared/pipes/get-value-by-key.pipe.ts b/src/app/shared/pipes/get-value-by-key.pipe.ts
new file mode 100644
index 00000000..d2eaed65
--- /dev/null
+++ b/src/app/shared/pipes/get-value-by-key.pipe.ts
@@ -0,0 +1,39 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Pipe, PipeTransform } from "@angular/core";
+
+@Pipe( {
+ name: "getValueByKey",
+ pure: false
+} )
+export class GetValueByKeyPipe implements PipeTransform {
+ transform ( value: any[], id: number, property: string ): any {
+ const filteredObj = value.find( item => {
+ if ( item.id !== undefined ) {
+ return item.id === id;
+ }
+
+ return false;
+ } );
+
+ if ( filteredObj ) {
+ return filteredObj[ property ];
+ }
+ }
+}
+
+@Pipe( { name: 'keys' } )
+export class KeysPipe implements PipeTransform {
+ transform ( value, args: string[] ): any {
+ let keys = [];
+ for ( var enumMember in value ) {
+ if ( !isNaN( parseInt( enumMember, 10 ) ) ) {
+ keys.push( { key: enumMember, value: value[ enumMember ] } );
+ // Uncomment if you want log
+ }
+ }
+ return keys;
+ }
+}
\ No newline at end of file
diff --git a/src/app/shared/pipes/relative-time.pipe.ts b/src/app/shared/pipes/relative-time.pipe.ts
new file mode 100644
index 00000000..21e5b033
--- /dev/null
+++ b/src/app/shared/pipes/relative-time.pipe.ts
@@ -0,0 +1,37 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Pipe, PipeTransform } from "@angular/core";
+
+@Pipe({ name: 'relativeTime' })
+export class RelativeTimePipe implements PipeTransform {
+ transform(value: Date) {
+ if(!(value instanceof Date))
+ value = new Date(value);
+
+ let seconds: number = Math.floor(((new Date()).getTime() - value.getTime()) / 1000);
+ let interval: number = Math.floor(seconds / 31536000);
+
+ if (interval > 1) {
+ return interval + " years ago";
+ }
+ interval = Math.floor(seconds / 2592000);
+ if (interval > 1) {
+ return interval + " months ago";
+ }
+ interval = Math.floor(seconds / 86400);
+ if (interval > 1) {
+ return interval + " days ago";
+ }
+ interval = Math.floor(seconds / 3600);
+ if (interval > 1) {
+ return interval + " hours ago";
+ }
+ interval = Math.floor(seconds / 60);
+ if (interval > 1) {
+ return interval + " minutes ago";
+ }
+ return Math.floor(seconds) + " seconds ago";
+ }
+}
\ No newline at end of file
diff --git a/src/app/shared/pipes/translate.pipe.ts b/src/app/shared/pipes/translate.pipe.ts
new file mode 100644
index 00000000..4d2c5880
--- /dev/null
+++ b/src/app/shared/pipes/translate.pipe.ts
@@ -0,0 +1,16 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+ name: 'translate'
+})
+export class TranslatePipe implements PipeTransform {
+
+ transform(value: any, args?: any): any {
+ return value;
+ }
+
+}
diff --git a/src/app/shared/search/search-input-over/search-input-over.component.html b/src/app/shared/search/search-input-over/search-input-over.component.html
new file mode 100644
index 00000000..db667052
--- /dev/null
+++ b/src/app/shared/search/search-input-over/search-input-over.component.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
close
+
{{ data.title }}
+ {{ data.message }}
+
+
+
+
+
+
`,
+})
+export class AppComfirmComponent {
+ constructor(
+ public dialogRef: MatDialogRef,
+ @Inject(MAT_DIALOG_DATA) public data:any
+ ) {}
+}
\ No newline at end of file
diff --git a/src/app/shared/services/app-confirm/app-confirm.service.ts b/src/app/shared/services/app-confirm/app-confirm.service.ts
new file mode 100644
index 00000000..e1a5289b
--- /dev/null
+++ b/src/app/shared/services/app-confirm/app-confirm.service.ts
@@ -0,0 +1,32 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Observable } from 'rxjs';
+import { MatDialogRef, MatDialog, MatDialogConfig } from '@angular/material';
+import { Injectable } from '@angular/core';
+
+import { AppComfirmComponent } from './app-confirm.component';
+
+interface confirmData {
+ title?: string,
+ message?: string
+}
+
+@Injectable()
+export class AppConfirmService {
+
+ constructor(private dialog: MatDialog) { }
+
+ public confirm(data:confirmData = {}): Observable {
+ data.title = data.title || 'Confirm';
+ data.message = data.message || 'Are you sure?';
+ let dialogRef: MatDialogRef;
+ dialogRef = this.dialog.open(AppComfirmComponent, {
+ width: '380px',
+ disableClose: true,
+ data: {title: data.title, message: data.message}
+ });
+ return dialogRef.afterClosed();
+ }
+}
\ No newline at end of file
diff --git a/src/app/shared/services/app-loader/app-loader.component.css b/src/app/shared/services/app-loader/app-loader.component.css
new file mode 100644
index 00000000..ff06ba20
--- /dev/null
+++ b/src/app/shared/services/app-loader/app-loader.component.css
@@ -0,0 +1,7 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.mat-dialog-content {
+ min-height: 122px;
+}
\ No newline at end of file
diff --git a/src/app/shared/services/app-loader/app-loader.component.html b/src/app/shared/services/app-loader/app-loader.component.html
new file mode 100644
index 00000000..d5a3b2d5
--- /dev/null
+++ b/src/app/shared/services/app-loader/app-loader.component.html
@@ -0,0 +1,10 @@
+
+
+
diff --git a/src/app/shared/services/app-loader/app-loader.component.ts b/src/app/shared/services/app-loader/app-loader.component.ts
new file mode 100644
index 00000000..8854a24c
--- /dev/null
+++ b/src/app/shared/services/app-loader/app-loader.component.ts
@@ -0,0 +1,21 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material';
+
+@Component({
+ selector: 'app-app-loader',
+ templateUrl: './app-loader.component.html',
+ styleUrls: ['./app-loader.component.css']
+})
+export class AppLoaderComponent implements OnInit {
+ title;
+ message;
+ constructor(public dialogRef: MatDialogRef) {}
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/shared/services/app-loader/app-loader.service.ts b/src/app/shared/services/app-loader/app-loader.service.ts
new file mode 100644
index 00000000..cdd3ef99
--- /dev/null
+++ b/src/app/shared/services/app-loader/app-loader.service.ts
@@ -0,0 +1,26 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Injectable } from '@angular/core';
+import { MatDialog, MatDialogRef } from '@angular/material';
+import { Observable } from 'rxjs';
+import { AppLoaderComponent } from './app-loader.component';
+
+@Injectable()
+export class AppLoaderService {
+ dialogRef: MatDialogRef;
+ constructor(private dialog: MatDialog) { }
+
+ public open(title: string = 'Please wait'): Observable {
+ this.dialogRef = this.dialog.open(AppLoaderComponent, { disableClose: true, backdropClass: 'light-backdrop'});
+ this.dialogRef.updateSize('200px');
+ this.dialogRef.componentInstance.title = title;
+ return this.dialogRef.afterClosed();
+ }
+
+ public close() {
+ if(this.dialogRef)
+ this.dialogRef.close();
+ }
+}
diff --git a/src/app/shared/services/auth/auth.guard.ts b/src/app/shared/services/auth/auth.guard.ts
new file mode 100644
index 00000000..5c2aa3fb
--- /dev/null
+++ b/src/app/shared/services/auth/auth.guard.ts
@@ -0,0 +1,21 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Injectable } from '@angular/core';
+import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
+
+@Injectable()
+export class AuthGuard implements CanActivate {
+ public authToken;
+ private isAuthenticated = true; // Set this value dynamically
+
+ constructor ( private router: Router ) { }
+ canActivate ( route: ActivatedRouteSnapshot, state: RouterStateSnapshot ) {
+ if ( this.isAuthenticated ) {
+ return true
+ }
+ this.router.navigate( [ '/sessions/signin' ] );
+ return false;
+ }
+}
\ No newline at end of file
diff --git a/src/app/shared/services/customizer.service.ts b/src/app/shared/services/customizer.service.ts
new file mode 100644
index 00000000..e693a931
--- /dev/null
+++ b/src/app/shared/services/customizer.service.ts
@@ -0,0 +1,159 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Injectable } from "@angular/core";
+import { Router, NavigationStart } from "@angular/router";
+import { filter } from "rxjs/operators";
+import { LayoutService } from "./layout.service";
+
+@Injectable({
+ providedIn: "root"
+})
+export class CustomizerService {
+
+
+ colors = [
+ {
+ class: "black",
+ active: false
+ },
+ {
+ class: "white",
+ active: false
+ },
+ {
+ class: "slate-gray",
+ active: false
+ },
+ {
+ class: "dark-gray",
+ active: false
+ },
+ {
+ class: "gray",
+ active: false
+ },
+ {
+ class: "dark-purple",
+ active: false
+ },
+ {
+ class: "blue",
+ active: false
+ },
+ {
+ class: "dark-blue",
+ active: false
+ },
+ {
+ class: "indigo",
+ active: false
+ },
+ {
+ class: "yellow",
+ active: false
+ },
+ {
+ class: "green",
+ active: false
+ },
+ {
+ class: "pink",
+ active: false
+ },
+ {
+ class: "red",
+ active: false
+ }
+ ];
+ selectedSidebarColor;
+ topbarColors: any[];
+ sidebarColors: any[];
+
+ constructor(
+ private router: Router,
+ private layout: LayoutService,
+ ) {
+ this.topbarColors = this.getTopbarColors();
+ this.sidebarColors = this.getSidebarColors();
+ }
+
+ getSidebarColors() {
+ let sidebarColors = ['black', 'white', 'dark-gray', 'dark-purple', 'dark-blue',];
+ return this.colors.filter(color => {
+ return sidebarColors.includes(color.class);
+ })
+ .map(c => {
+ c.active = c.class === this.layout.layoutConf.sidebarColor;
+ return {...c};
+ });;
+ }
+
+ getTopbarColors() {
+ let topbarColors = ['black', 'white', 'dark-gray', 'dark-purple', 'dark-blue', 'indigo', 'pink', 'red', 'yellow', 'green'];
+ return this.colors.filter(color => {
+ return topbarColors.includes(color.class);
+ })
+ .map(c => {
+ c.active = c.class === this.layout.layoutConf.topbarColor;
+ return {...c};
+ });
+ }
+
+ changeSidebarColor(color) {
+ this.layout.publishLayoutChange({ sidebarColor: color.class });
+ this.sidebarColors = this.getSidebarColors();
+ }
+
+ changeTopbarColor(color) {
+ this.layout.publishLayoutChange({ topbarColor: color.class });
+ this.topbarColors = this.getTopbarColors();
+ }
+
+ removeClass(el, className) {
+ if (!el || el.length === 0) return;
+ if (!el.length) {
+ el.classList.remove(className);
+ } else {
+ for (var i = 0; i < el.length; i++) {
+ el[i].classList.remove(className);
+ }
+ }
+ }
+ addClass(el, className) {
+ if (!el) return;
+ if (!el.length) {
+ el.classList.add(className);
+ } else {
+ for (var i = 0; i < el.length; i++) {
+ el[i].classList.add(className);
+ }
+ }
+ }
+ findClosest(el, className) {
+ if (!el) return;
+ while (el) {
+ var parent = el.parentElement;
+ if (parent && this.hasClass(parent, className)) {
+ return parent;
+ }
+ el = parent;
+ }
+ }
+ hasClass(el, className) {
+ if (!el) return;
+ return (
+ ` ${el.className} `.replace(/[\n\t]/g, " ").indexOf(` ${className} `) > -1
+ );
+ }
+ toggleClass(el, className) {
+ if (!el) return;
+ if (this.hasClass(el, className)) {
+ this.removeClass(el, className);
+ } else {
+ this.addClass(el, className);
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/src/app/shared/services/error-handler.service.ts b/src/app/shared/services/error-handler.service.ts
new file mode 100644
index 00000000..d34af389
--- /dev/null
+++ b/src/app/shared/services/error-handler.service.ts
@@ -0,0 +1,49 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { ApplicationRef, ChangeDetectorRef, ErrorHandler, Injectable, Injector } from '@angular/core';
+import { SnackBar } from '../../services/snack-bar.service';
+import { environment } from '../../../environments/environment';
+import { AnalyticsService } from 'app/core/analytics/analytics.service';
+
+@Injectable()
+export class ErrorHandlerService extends ErrorHandler {
+
+ errorCount = 0;
+
+ constructor ( protected injector: Injector, private analytics: AnalyticsService ) {
+ super();
+ }
+
+ // https://github.com/angular/angular/issues/17010
+ handleError ( error: Error ) {
+
+ if ( !environment.production ) SnackBar.error( error.message );
+ if ( !environment.production ) console.error( error );
+
+ if ( environment.production && this.analytics ) this.analytics.trackError( error );
+ if ( environment.production ) SnackBar.error( `${ error.name } : Oops Something Went Wrong` );
+
+ let increment = 5;
+ let max = 50;
+
+ // Prevents change detection
+ let debugCtx = error[ 'ngDebugContext' ];
+ let changeDetectorRef = debugCtx && debugCtx.injector.get( ChangeDetectorRef );
+ if ( changeDetectorRef ) changeDetectorRef.detach();
+
+ this.errorCount = this.errorCount + 1;
+ if ( this.errorCount % increment === 0 ) {
+ super.handleError( error );
+
+ if ( this.errorCount === max ) {
+
+ let appRef = this.injector.get( ApplicationRef );
+ appRef.tick();
+ }
+ } else if ( this.errorCount === 1 ) {
+ super.handleError( error );
+ }
+ }
+}
diff --git a/src/app/shared/services/landing-page.service.ts b/src/app/shared/services/landing-page.service.ts
new file mode 100644
index 00000000..b6896342
--- /dev/null
+++ b/src/app/shared/services/landing-page.service.ts
@@ -0,0 +1,28 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*
+ Only Required if you want to use Angular Landing
+ (https://themeforest.net/item/angular-landing-material-design-angular-app-landing-page/21198258)
+*/
+import { Injectable, Inject } from '@angular/core';
+import { DOCUMENT } from '@angular/platform-browser';
+
+@Injectable()
+export class LandingPageService {
+
+ constructor(
+ @Inject(DOCUMENT) private document: Document
+ ) { }
+
+ public addFix() {
+ this.document.documentElement.classList.add('landing');
+ this.document.body.classList.add('landing');
+ }
+ public removeFix() {
+ this.document.documentElement.classList.remove('landing');
+ this.document.body.classList.remove('landing');
+ }
+
+}
diff --git a/src/app/shared/services/layout.service.ts b/src/app/shared/services/layout.service.ts
new file mode 100644
index 00000000..92198966
--- /dev/null
+++ b/src/app/shared/services/layout.service.ts
@@ -0,0 +1,117 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Injectable, HostListener, Renderer2 } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { Router } from '@angular/router';
+import { getQueryParam } from '../helpers/url.helper';
+import { ThemeService } from './theme.service';
+
+export interface ILayoutConf {
+ navigationPos?: string; // side, top
+ sidebarStyle?: string; // full, compact, closed
+ sidebarCompactToggle?: boolean; // sidebar expandable on hover
+ sidebarColor?: string; // Sidebar background color http://demos.ui-lib.com/egret-doc/#egret-colors
+ dir?: string; // ltr, rtl
+ isMobile?: boolean; // updated automatically
+ useBreadcrumb?: boolean; // Breadcrumb enabled/disabled
+ breadcrumb?: string; // simple, title
+ topbarFixed?: boolean; // Fixed header
+ topbarColor?: string; // Header background color http://demos.ui-lib.com/egret-doc/#egret-colors
+ matTheme?: string // material theme. egret-blue, egret-navy, egret-dark-purple, egret-dark-pink
+ perfectScrollbar?: boolean;
+}
+export interface ILayoutChangeOptions {
+ duration?: number,
+ transitionClass?: boolean
+}
+interface IAdjustScreenOptions {
+ browserEvent?: any,
+ route?: string
+}
+
+
+@Injectable({
+ providedIn: 'root'
+})
+export class LayoutService {
+ public layoutConf: ILayoutConf;
+ layoutConfSubject = new BehaviorSubject(this.layoutConf);
+ layoutConf$ = this.layoutConfSubject.asObservable();
+ public isMobile: boolean;
+ public currentRoute: string;
+ public fullWidthRoutes = ['shop'];
+
+ constructor(
+ private router: Router,
+ private themeService: ThemeService
+ ) {
+ this.setAppLayout();
+ }
+
+ setAppLayout() {
+ //******** SET YOUR LAYOUT OPTIONS HERE *********
+ this.layoutConf = {
+ "navigationPos": "side", // side, top
+ "sidebarStyle": "closed", // full, compact, closed
+ "sidebarColor": "dark-gray", // http://demos.ui-lib.com/egret-doc/#egret-colors
+ "sidebarCompactToggle": false, // applied when "sidebarStyle" is "compact"
+ "dir": "ltr", // ltr, rtl
+ "useBreadcrumb": false,
+ "topbarFixed": false,
+ "topbarColor": "dark-gray", // http://demos.ui-lib.com/egret-doc/#egret-colors
+ "matTheme": "egret-dark-pink", // egret-blue, egret-navy, egret-dark-purple, egret-dark-pink
+ "breadcrumb": "simple", // simple, title
+ "perfectScrollbar": true
+ }
+
+ //******* Only for demo purpose ***
+ this.setLayoutFromQuery();
+ //**********************
+ }
+
+ publishLayoutChange(lc: ILayoutConf, opt: ILayoutChangeOptions = {}) {
+ if(this.layoutConf.matTheme !== lc.matTheme && lc.matTheme) {
+ this.themeService.changeTheme(this.layoutConf.matTheme, lc.matTheme);
+ }
+
+ this.layoutConf = Object.assign(this.layoutConf, lc);
+ this.layoutConfSubject.next(this.layoutConf);
+ }
+
+ applyMatTheme(r: Renderer2) {
+ this.themeService.applyMatTheme(r, this.layoutConf.matTheme);
+ }
+
+ setLayoutFromQuery() {
+ let layoutConfString = getQueryParam('layout');
+ try {
+ this.layoutConf = JSON.parse(layoutConfString);
+ // this.publishLayoutChange(this.layoutConf);
+ } catch (e) { }
+ }
+
+ adjustLayout(options: IAdjustScreenOptions = {}) {
+ let sidebarStyle: string;
+ this.isMobile = this.isSm();
+ this.currentRoute = options.route || this.currentRoute;
+ sidebarStyle = this.isMobile ? 'closed' : this.layoutConf.sidebarStyle;
+
+ if (this.currentRoute) {
+ this.fullWidthRoutes.forEach(route => {
+ if(this.currentRoute.indexOf(route) !== -1) {
+ sidebarStyle = 'closed';
+ }
+ });
+ }
+
+ this.publishLayoutChange({
+ isMobile: this.isMobile,
+ sidebarStyle: sidebarStyle
+ });
+ }
+ isSm() {
+ return window.matchMedia(`(max-width: 959px)`).matches;
+ }
+}
\ No newline at end of file
diff --git a/src/app/shared/services/navigation.service.ts b/src/app/shared/services/navigation.service.ts
new file mode 100644
index 00000000..91c5376f
--- /dev/null
+++ b/src/app/shared/services/navigation.service.ts
@@ -0,0 +1,78 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+
+interface IMenuItem {
+ type: string, // Possible values: link/dropDown/icon/separator/extLink
+ name?: string, // Used as display text for item and title for separator type
+ state?: string, // Router state
+ icon?: string, // Material icon name
+ tooltip?: string, // Tooltip text
+ disabled?: boolean, // If true, item will not be appeared in sidenav.
+ sub?: IChildItem[], // Dropdown items
+ badges?: IBadge[]
+}
+interface IChildItem {
+ type?: string,
+ name: string, // Display text
+ state?: string, // Router state
+ icon?: string,
+ sub?: IChildItem[]
+}
+
+interface IBadge {
+ color: string; // primary/accent/warn/hex color codes(#fff000)
+ value: string; // Display text
+}
+
+@Injectable()
+export class NavigationService {
+ constructor() { }
+
+ defaultMenu: IMenuItem[] = [
+ {
+ name: 'BLANK',
+ type: 'link',
+ icon: 'dashboard',
+ state: 'others/blank'
+ },
+ {
+ name: 'DOC',
+ type: 'extLink',
+ tooltip: 'Documentation',
+ icon: 'library_books',
+ state: 'http://demos.ui-lib.com/egret-doc/'
+ }
+ ]
+
+
+ // Icon menu TITLE at the very top of navigation.
+ // This title will appear if any icon type item is present in menu.
+ iconTypeMenuTitle: string = 'Frequently Accessed';
+ // sets iconMenu as default;
+ menuItems = new BehaviorSubject(this.defaultMenu);
+ // navigation component has subscribed to this Observable
+ menuItems$ = this.menuItems.asObservable();
+
+ // Customizer component uses this method to change menu.
+ // You can remove this method and customizer component.
+ // Or you can customize this method to supply different menu for
+ // different user type.
+ publishNavigationChange(menuType: string) {
+ // switch (menuType) {
+ // case 'separator-menu':
+ // this.menuItems.next(this.separatorMenu);
+ // break;
+ // case 'icon-menu':
+ // this.menuItems.next(this.iconMenu);
+ // break;
+ // default:
+ // this.menuItems.next(this.defaultMenu);
+ // }
+
+ this.menuItems.next(this.defaultMenu);
+ }
+}
\ No newline at end of file
diff --git a/src/app/shared/services/route-parts.service.ts b/src/app/shared/services/route-parts.service.ts
new file mode 100644
index 00000000..c1aa14de
--- /dev/null
+++ b/src/app/shared/services/route-parts.service.ts
@@ -0,0 +1,41 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Injectable } from '@angular/core';
+import { Router, ActivatedRoute, NavigationEnd, ActivatedRouteSnapshot, Params, PRIMARY_OUTLET } from "@angular/router";
+
+interface IRoutePart {
+ title: string,
+ breadcrumb: string,
+ params?: Params,
+ url: string,
+ urlSegments: any[]
+}
+
+@Injectable()
+export class RoutePartsService {
+ public routeParts: IRoutePart[];
+ constructor(private router: Router) {}
+
+ ngOnInit() {
+ }
+ generateRouteParts(snapshot: ActivatedRouteSnapshot): IRoutePart[] {
+ var routeParts = [];
+ if (snapshot) {
+ if (snapshot.firstChild) {
+ routeParts = routeParts.concat(this.generateRouteParts(snapshot.firstChild));
+ }
+ if (snapshot.data['title'] && snapshot.url.length) {
+ routeParts.push({
+ title: snapshot.data['title'],
+ breadcrumb: snapshot.data['breadcrumb'],
+ url: snapshot.url[0].path,
+ urlSegments: snapshot.url,
+ params: snapshot.params
+ });
+ }
+ }
+ return routeParts;
+ }
+}
\ No newline at end of file
diff --git a/src/app/shared/services/theme.service.ts b/src/app/shared/services/theme.service.ts
new file mode 100644
index 00000000..25fa7fee
--- /dev/null
+++ b/src/app/shared/services/theme.service.ts
@@ -0,0 +1,78 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Injectable, Inject, Renderer2 } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { getQueryParam } from '../helpers/url.helper';
+
+export interface ITheme {
+ name: string,
+ baseColor?: string,
+ isActive?: boolean
+}
+
+@Injectable()
+export class ThemeService {
+ public egretThemes :ITheme[] = [{
+ "name": "egret-dark-purple",
+ "baseColor": "#9c27b0",
+ "isActive": false
+ }, {
+ "name": "egret-dark-pink",
+ "baseColor": "#e91e63",
+ "isActive": false
+ }, {
+ "name": "egret-blue",
+ "baseColor": "#03a9f4",
+ "isActive": true
+ }, {
+ "name": "egret-navy",
+ "baseColor": "#10174c",
+ "isActive": false
+ }];
+ public activatedTheme: ITheme;
+ private renderer: Renderer2;
+ constructor(
+ @Inject(DOCUMENT) private document: Document
+ ) {}
+
+ // Invoked in AppComponent and apply 'activatedTheme' on startup
+ applyMatTheme(r: Renderer2, themeName: string) {
+ this.renderer = r;
+
+ this.activatedTheme = this.egretThemes[1];
+
+ // *********** ONLY FOR DEMO **********
+ this.setThemeFromQuery();
+ // ************************************
+
+ // this.changeTheme(themeName);
+ this.renderer.addClass(this.document.body, themeName);
+
+ }
+
+ changeTheme(prevTheme, themeName: string) {
+ this.renderer.removeClass(this.document.body, prevTheme);
+ this.renderer.addClass(this.document.body, themeName);
+ this.flipActiveFlag(themeName);
+ }
+ flipActiveFlag(themeName:string) {
+ this.egretThemes.forEach((t) => {
+ t.isActive = false;
+ if(t.name === themeName) {
+ t.isActive = true;
+ this.activatedTheme = t;
+ }
+ });
+ }
+
+ // *********** ONLY FOR DEMO **********
+ setThemeFromQuery() {
+ let themeStr = getQueryParam('theme');
+ try {
+ this.activatedTheme = JSON.parse(themeStr);
+ this.flipActiveFlag(this.activatedTheme.name);
+ } catch(e) {}
+ }
+}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
new file mode 100644
index 00000000..e6ce1c10
--- /dev/null
+++ b/src/app/shared/shared.module.ts
@@ -0,0 +1,205 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { TranslateModule } from '@ngx-translate/core';
+import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
+
+import {
+ MatButtonModule,
+ MatCardModule,
+ MatCheckboxModule,
+ MatDialogModule,
+ MatFormFieldModule,
+ MatGridListModule,
+ MatIconModule,
+ MatInputModule,
+ MatListModule,
+ MatMenuModule,
+ MatOptionModule,
+ MatProgressSpinnerModule,
+ MatRadioModule,
+ // MatRippleModule,
+ MatSelectModule,
+ MatSidenavModule,
+ MatSliderModule,
+ MatSnackBarModule,
+ MatTableModule,
+ MatTabsModule,
+ MatToolbarModule,
+ MatTooltipModule,
+ MatTreeModule,
+} from '@angular/material';
+// ONLY REQUIRED FOR **SIDE** NAVIGATION LAYOUT
+import { HeaderSideComponent } from './components/header-side/header-side.component';
+import { SidebarSideComponent } from './components/sidebar-side/sidebar-side.component';
+// ONLY REQUIRED FOR **TOP** NAVIGATION LAYOUT
+import { HeaderTopComponent } from './components/header-top/header-top.component';
+import { SidebarTopComponent } from './components/sidebar-top/sidebar-top.component';
+// ONLY FOR DEMO (Removable without changing any layout configuration)
+import { CustomizerComponent } from './components/customizer/customizer.component';
+// ALL TIME REQUIRED
+import { AdminLayoutComponent } from './components/layouts/admin-layout/admin-layout.component';
+import { AuthLayoutComponent } from './components/layouts/auth-layout/auth-layout.component';
+import { NotificationsComponent } from './components/notifications/notifications.component';
+import { SidenavComponent } from './components/sidenav/sidenav.component';
+import { BreadcrumbComponent } from './components/breadcrumb/breadcrumb.component';
+import { AppComfirmComponent } from './services/app-confirm/app-confirm.component';
+import { AppLoaderComponent } from './services/app-loader/app-loader.component';
+// DIRECTIVES
+import { FontSizeDirective } from './directives/font-size.directive';
+import { ScrollToDirective } from './directives/scroll-to.directive';
+import { AppDropdownDirective } from './directives/dropdown.directive';
+import { DropdownAnchorDirective } from './directives/dropdown-anchor.directive';
+import { DropdownLinkDirective } from './directives/dropdown-link.directive';
+import { EgretSideNavToggleDirective } from './directives/egret-side-nav-toggle.directive';
+// PIPES
+import { RelativeTimePipe } from './pipes/relative-time.pipe';
+import { ExcerptPipe } from './pipes/excerpt.pipe';
+import { GetValueByKeyPipe, KeysPipe } from './pipes/get-value-by-key.pipe';
+// SERVICES
+import { ThemeService } from './services/theme.service';
+import { NavigationService } from './services/navigation.service';
+import { RoutePartsService } from './services/route-parts.service';
+import { AuthGuard } from './services/auth/auth.guard';
+import { AppConfirmService } from './services/app-confirm/app-confirm.service';
+import { AppLoaderService } from './services/app-loader/app-loader.service';
+import { ButtonLoadingComponent } from './components/button-loading/button-loading.component';
+import { SearchModule } from './search/search.module';
+
+import { StatusBarComponent } from '../views/editor/status-bar/status-bar.component';
+import { ComponentContainerDirective } from './directives/component-container.directive';
+import { DoubleFieldComponent } from './fields/double-field/double-field.component';
+import { EnumFieldComponent } from './fields/enum-field/enum-field.component';
+import { ImportFileDialogComponent } from './dialogs/import-file-dialog/import-file-dialog.component';
+import { ObjectInspectorComponent } from './components/object-inspector/object-inspector.component';
+import { SearchPipe } from 'app/core/pipes/search.pipe';
+import { FooterBottomComponent } from './components/footer-bottom/footer-bottom.component';
+import { TranslatePipe } from './pipes/translate.pipe';
+import { PropBrowserComponent } from './components/prop-browser/prop-browser.component';
+import { TrackDirective } from 'app/core/analytics/track.directive';
+import { StringFieldComponent } from './fields/string-field/string-field.component';
+import { ColorFieldComponent } from './fields/color-field/color-field.component';
+import { ColorPickerModule } from 'ngx-color-picker';
+import { ColorSketchModule } from 'ngx-color/sketch';
+import { ColorChromeModule } from 'ngx-color/chrome';
+import { DropdownFieldComponent } from './fields/dropdown-field/dropdown-field.component';
+import { SplashComponent } from './components/splash/splash.component';
+
+/*
+ Only Required if you want to use Angular Landing
+ (https://themeforest.net/item/angular-landing-material-design-angular-app-landing-page/21198258)
+*/
+// import { LandingPageService } from '../shared/services/landing-page.service';
+
+const classesToInclude = [
+ HeaderTopComponent,
+ SidebarTopComponent,
+ SidenavComponent,
+ NotificationsComponent,
+ SidebarSideComponent,
+ HeaderSideComponent,
+ AdminLayoutComponent,
+ AuthLayoutComponent,
+ BreadcrumbComponent,
+ AppComfirmComponent,
+ AppLoaderComponent,
+ CustomizerComponent,
+ ButtonLoadingComponent,
+ FontSizeDirective,
+ ScrollToDirective,
+ AppDropdownDirective,
+ DropdownAnchorDirective,
+ DropdownLinkDirective,
+ ComponentContainerDirective,
+ EgretSideNavToggleDirective,
+ RelativeTimePipe,
+ ExcerptPipe,
+ GetValueByKeyPipe,
+ KeysPipe,
+ StatusBarComponent,
+ ImportFileDialogComponent,
+ ObjectInspectorComponent,
+ SearchPipe,
+ FooterBottomComponent,
+ SplashComponent,
+ TranslatePipe,
+
+ // Fields
+ DoubleFieldComponent,
+ DropdownFieldComponent,
+ EnumFieldComponent,
+ StringFieldComponent,
+ ColorFieldComponent,
+ PropBrowserComponent,
+
+ // Material
+
+ // Directive
+ TrackDirective,
+
+];
+
+@NgModule( {
+ imports: [
+ CommonModule,
+ FormsModule,
+ ReactiveFormsModule,
+ RouterModule,
+ FlexLayoutModule,
+ TranslateModule,
+ MatSliderModule,
+ MatSidenavModule,
+ MatListModule,
+ MatTooltipModule,
+ MatOptionModule,
+ MatSelectModule,
+ MatMenuModule,
+ MatTabsModule,
+ MatSnackBarModule,
+ MatGridListModule,
+ MatToolbarModule,
+ MatIconModule,
+ MatButtonModule,
+ MatRadioModule,
+ MatCheckboxModule,
+ MatCardModule,
+ MatProgressSpinnerModule,
+ // MatRippleModule,
+ MatDialogModule,
+ SearchModule,
+ PerfectScrollbarModule,
+ MatTreeModule,
+ MatFormFieldModule,
+ MatInputModule,
+ MatTableModule,
+ MatListModule,
+ MatDialogModule,
+ ColorPickerModule,
+ ColorSketchModule,
+ ColorChromeModule,
+ ],
+ entryComponents: [
+ AppComfirmComponent,
+ AppLoaderComponent,
+ ImportFileDialogComponent
+ ],
+ providers: [
+ ThemeService,
+ NavigationService,
+ RoutePartsService,
+ AuthGuard,
+ AppConfirmService,
+ AppLoaderService
+ // LandingPageService
+ ],
+ declarations: classesToInclude,
+ exports: [ classesToInclude, MatTreeModule, MatSelectModule, MatListModule, MatDialogModule ]
+} )
+export class SharedModule {
+}
diff --git a/src/app/shared/utils/colors.service.ts b/src/app/shared/utils/colors.service.ts
new file mode 100644
index 00000000..8413725a
--- /dev/null
+++ b/src/app/shared/utils/colors.service.ts
@@ -0,0 +1,47 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+export class COLOR {
+
+ static RED = 0xFF0000;
+ static GREEN = 0x00FF00;
+ static DARKGREEN = 0x006400;
+ static YELLOW = 0xFFFF00;
+ static BLUE = 0x0000FF;
+ static SKYBLUE = 0x00FFFF;
+ static DARKBLUE = 0x00008B;
+ static ORANGE = 0xFF4500;
+ static GOLD = 0xFFD700;
+
+ static DEFAULT_BOX_COLOR = 0xff0000;
+ static HIGHTLIGHT_BOX_COLOR = 0x00ff00;
+ static CROSSHAIR_COLOR = 0x00ff00;
+ static DASHED_LINE_COLOR = 0xff00ff;
+ static MAGENTA = 0xFF00FF;
+ static BLACK = 0x000000;
+ static LIGHTGRAY = 0x666666;
+ static GRAY = 0x333333;
+ static DARKGRAY = 0x555555;
+ static FORESTGREEN = 0x228B22;
+ static LIGHTGREEN = 0x008000;
+ static WHITE = 0xFFFFFF;
+
+ private static rgbToHex ( rgb ) {
+
+ var hex = Number( rgb ).toString( 16 );
+
+ if ( hex.length < 2 ) hex = "0" + hex;
+
+ return hex;
+ }
+
+ static fullColorHex ( r: number, g: number, b: number ): string {
+
+ var red = this.rgbToHex( r );
+ var green = this.rgbToHex( g );
+ var blue = this.rgbToHex( b );
+
+ return red + green + blue;
+ }
+}
diff --git a/src/app/utils/maths.spec.ts b/src/app/utils/maths.spec.ts
new file mode 100644
index 00000000..cabac2ab
--- /dev/null
+++ b/src/app/utils/maths.spec.ts
@@ -0,0 +1,21 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Maths } from './maths';
+
+describe( 'Maths', () => {
+
+ it( 'should give correct number for randomNumberBetweenExcept', () => {
+
+ const numbers = [ 1, 2, 3, 4, 5 ];
+
+ const result = Maths.randomNumberBetweenExcept( 0, 10, numbers );
+
+ const includes = numbers.includes( result, 0 );
+
+ expect( includes ).toBe( false );
+
+ } );
+
+} );
diff --git a/src/app/utils/maths.ts b/src/app/utils/maths.ts
new file mode 100644
index 00000000..59a3a323
--- /dev/null
+++ b/src/app/utils/maths.ts
@@ -0,0 +1,562 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { TvLaneSide, TvSide } from 'app/modules/tv-map/models/tv-common';
+import { Vector2, Vector3 } from 'three';
+
+export class Maths {
+
+ /**
+ *
+ */
+ public static readonly M_PI = 3.1415926535;
+
+ /**
+ *
+ */
+ public static readonly M_PI_2 = 1.5707963267948966;
+
+ /**
+ * Degrees-to-radians conversion constant (Read Only).
+ */
+ public static readonly Deg2Rad = 0.0174532924;
+
+ /**
+ * Radians-to-degrees conversion constant (Read Only).
+ */
+ public static readonly Rad2Deg = 57.29578;
+
+ /**
+ * Speed to Kilometer per hour
+ */
+ public static readonly Speed2KPH = 0.27777777777;
+
+ /**
+ * Speed to Miles per hour
+ */
+ public static readonly Speed2MPH = 0.44702726866;
+
+ /**
+ * A very small positive value
+ */
+ public static readonly Epsilon = 0.00000000001;
+
+ public static sinHdgPlusPiO2 ( laneSide: TvLaneSide, hdg: number ): number {
+
+ if ( laneSide == TvLaneSide.LEFT ) {
+ return Math.sin( hdg + Maths.M_PI_2 );
+ }
+
+ return -Math.sin( hdg + Maths.M_PI_2 );
+ }
+
+ public static cosHdgPlusPiO2 ( laneSide: TvLaneSide, hdg: number ): number {
+
+ if ( laneSide == TvLaneSide.LEFT ) {
+ return Math.cos( hdg + Maths.M_PI_2 );
+ }
+
+ return -Math.cos( hdg + Maths.M_PI_2 );
+ }
+
+ public static areaOfTriangle ( A: Vector3, B: Vector3, C: Vector3 ): number {
+
+ // https://www.mathopenref.com/coordtrianglearea.html
+ const area = 0.5 * ( ( A.x * ( B.y - C.y ) ) + ( B.x * ( C.y - A.y ) ) + ( C.x * ( A.y - B.y ) ) );
+
+ return Math.abs( area );
+ }
+
+ static heightOfTriangle ( A: Vector3, B: Vector3, C: Vector3 ): number {
+
+ const area = this.areaOfTriangle( A, B, C );
+
+ const base = A.distanceTo( C );
+
+ const height = ( 2 * area ) / base;
+
+ return height;
+ }
+
+ static findSide ( point: Vector3, rayOrigin: Vector3, rayHdg: number ): TvSide {
+
+ // find the end of the chord line
+ const x = rayOrigin.x + Math.cos( rayHdg ) * 100;
+ const y = rayOrigin.y + Math.sin( rayHdg ) * 100;
+ const z = 0;
+
+ const rayEnd = new Vector3( x, y, z );
+
+ return this.direction( rayOrigin, rayEnd, point );
+ }
+
+ public static direction ( start: Vector3, end: Vector3, point: Vector3 ): TvSide {
+
+ const a = start.clone();
+ const b = end.clone();
+ const c = point.clone();
+
+ // var dot = a.x * b.x + a.y * b.y;
+ // if ( dot > 0 )
+ // console.log( '<90 degrees' );
+ // else if ( dot < 0 )
+ // console.log( '>90 degrees' );
+ // else
+ // console.log( '90 degrees' );
+
+ // subtracting co-ordinates of point A from
+ // B and P, to make A as origin
+ b.x -= a.x;
+ b.y -= a.y;
+ c.x -= a.x;
+ c.y -= a.y;
+
+ // Determining cross Product
+ let cross_product = b.x * c.y - b.y * c.x;
+
+ // return RIGHT if cross product is positive
+ if ( cross_product > 0 )
+ return TvSide.LEFT;
+
+ // return LEFT if cross product is negative
+ else if ( cross_product < 0 )
+ return TvSide.RIGHT;
+
+ else
+ console.error( 'unknown side' );
+
+ // return ZERO if cross product is zero.
+ // return ZERO;
+ }
+
+ static linearInterpolation ( x: number, y: number, t: number ) {
+
+ return ( 1 - t ) * x + t * y;
+
+ }
+
+ static linearInterpolationVector3 ( p1: Vector3, p2: Vector3, t: number ) {
+
+ const a = new Vector3();
+
+ a.x = this.linearInterpolation( p1.x, p2.x, t );
+ a.y = this.linearInterpolation( p1.y, p2.y, t );
+ a.z = this.linearInterpolation( p1.z, p2.z, t );
+
+ return a;
+ }
+
+ public static cosineInterpolation ( x, y, t ) {
+
+ const t2 = ( 1 - Math.cos( t * Math.PI ) ) * 0.5;
+
+ return ( x * ( 1 - t2 ) + y * t2 );
+ }
+
+ public static sineInterpolation ( x, y, t ) {
+
+ const t2 = ( 1 - Math.cos( t * Math.PI ) ) * 0.5;
+
+ return ( x * ( 1 - t2 ) + y * t2 );
+ }
+
+ public static randomNumberBetween ( min: number, max: number ) {
+
+ return Math.floor( Math.random() * ( max - min + 1 ) + min );
+
+ }
+
+ public static randomFloatBetween ( min: number, max: number ) {
+
+ return Math.random() * ( max - min ) + min;
+
+ }
+
+ public static randomNumberBetweenExcept ( min: number, max: number, numbersToAvoid: number[] ): number {
+
+ let found = false;
+
+ let tries = 0;
+
+ while ( !found ) {
+
+ tries++;
+
+ if ( tries > 3 ) break;
+
+ const randomNumber = this.randomNumberBetween( min, max );
+
+ const used = numbersToAvoid.includes( randomNumber, 0 );
+
+ if ( !used ) {
+
+ found = true;
+
+ return randomNumber;
+
+ }
+
+ }
+
+ return null;
+ }
+
+ public static randomFloat () {
+
+ return Math.random();
+ }
+
+ static cubicInterpolation ( x: number, y: number, t: any ) {
+
+ return y;
+
+ }
+
+ static moveTowards ( v1: Vector3, v2: Vector3, maxDistanceDelta: number ) {
+
+ const current = v1.clone();
+ const target = v2.clone();
+
+ const normalised = target.sub( current ).normalize();
+
+ return current.add( normalised.multiplyScalar( maxDistanceDelta ) );
+
+ }
+
+ static angle ( p1: Vector3, p2: Vector3, p3: Vector3 ): number {
+
+ const v1 = p1.clone();
+ const v2 = p2.clone();
+ const v3 = p3.clone();
+
+ const a = v1.clone().sub( v2 );
+ const b = v1.clone().sub( v3 );
+
+ const dot = a.dot( b );
+
+ const mA = a.length();
+ const mB = b.length();
+
+ return Math.acos( ( dot / ( mA * mB ) ) );
+
+ // return Math.atan2( p3.y - p1.y, p3.x - p1.x ) - Math.atan2( p2.y - p1.y, p2.x - p1.x );
+
+ }
+
+ /**
+ * Check intersection between 2 line segments
+ *
+ * @param p1
+ * @param q1
+ * @param p2
+ * @param q2
+ * @returns boolean
+ */
+ static doLineSegmentIntersect ( p1: Vector3, q1: Vector3, p2: Vector3, q2: Vector3 ): boolean {
+
+ // Find the four orientations needed for general and
+ // special cases
+ let o1 = this.orientation( p1, q1, p2 );
+ let o2 = this.orientation( p1, q1, q2 );
+ let o3 = this.orientation( p2, q2, p1 );
+ let o4 = this.orientation( p2, q2, q1 );
+
+ // General case
+ if ( o1 != o2 && o3 != o4 )
+ return true;
+
+ // Special Cases
+ // p1, q1 and p2 are colinear and p2 lies on segment p1q1
+ if ( o1 == 0 && this.onSegment( p1, p2, q1 ) ) return true;
+
+ // p1, q1 and q2 are colinear and q2 lies on segment p1q1
+ if ( o2 == 0 && this.onSegment( p1, q2, q1 ) ) return true;
+
+ // p2, q2 and p1 are colinear and p1 lies on segment p2q2
+ if ( o3 == 0 && this.onSegment( p2, p1, q2 ) ) return true;
+
+ // p2, q2 and q1 are colinear and q1 lies on segment p2q2
+ if ( o4 == 0 && this.onSegment( p2, q1, q2 ) ) return true;
+
+ return false;
+ }
+
+ static onSegment ( p: Vector3, q: Vector3, r: Vector3 ) {
+
+ if (
+ q.x <= Math.max( p.x, r.x ) &&
+ q.x >= Math.min( p.x, r.x ) &&
+ q.y <= Math.max( p.y, r.y ) &&
+ q.y >= Math.min( p.y, r.y )
+ ) {
+ return true;
+ }
+
+ return false;
+ }
+
+ // To find orientation of ordered triplet (p, q, r).
+ // The function returns following values
+ // 0 --> p, q and r are colinear
+ // 1 --> Clockwise
+ // 2 --> Counterclockwise
+ static orientation ( p: Vector3, q: Vector3, r: Vector3 ) {
+
+ // See https://www.geeksforgeeks.org/orientation-3-ordered-points/
+ // for details of below formula.
+ let val = ( q.y - p.y ) * ( r.x - q.x ) -
+ ( q.x - p.x ) * ( r.y - q.y );
+
+ if ( val == 0 ) return 0; // colinear
+
+ return ( val > 0 ) ? 1 : 2; // clock or counterclock wise
+ }
+
+ /**
+ * Get point of intersection of two line segments AB with CD
+ * @param A
+ * @param B
+ * @param C
+ * @param D
+ */
+ static lineLineIntersection ( A: Vector3, B: Vector3, C: Vector3, D: Vector3 ): Vector3 {
+
+ // Line AB represented as a1x + b1y = c1
+ const a1 = B.y - A.y;
+ const b1 = A.x - B.x;
+ const c1 = a1 * A.x + b1 * A.y;
+
+ // Line CD represented as a2x + b2y = c2
+ const a2 = D.y - C.y;
+ const b2 = C.x - D.x;
+ const c2 = a2 * ( C.x ) + b2 * ( C.y );
+
+ const determinant = a1 * b2 - a2 * b1;
+
+ if ( determinant === 0 ) {
+ // The lines are parallel. This is simplified
+ // by returning a pair of FLT_MAX
+ return new Vector3( Number.MAX_VALUE, Number.MAX_VALUE, 0 );
+
+ }
+
+ const x = ( b2 * c1 - b1 * c2 ) / determinant;
+ const y = ( a1 * c2 - a2 * c1 ) / determinant;
+
+ return new Vector3( x, y, 0 );
+ }
+
+ /**
+ * Get points of intersection of 2 points with headings
+ * @param p1
+ * @param p1Heading angle in radians
+ * @param p2
+ * @param p2Heading angle in radians
+ */
+ static lineLineIntersection_2 ( p1: Vector3, p1Heading: number, p2: Vector3, p2Heading: number ): Vector3 {
+
+ let a = new Vector3(
+ p1.x + Math.cos( p1Heading ) * 100,
+ p1.y + Math.sin( p1Heading ) * 100,
+ 0
+ )
+
+ let b = new Vector3(
+ p2.x + Math.cos( p2Heading ) * 100,
+ p2.y + Math.sin( p2Heading ) * 100,
+ 0
+ )
+
+ return this.lineLineIntersection( p1, a, p2, b );
+ }
+
+ static findRadius ( p1: Vector3, p1Heading: number, p3: Vector3, p3Heading: number ) {
+
+ const distance = 1;
+
+ const p2 = new Vector3(
+ p1.x + Math.cos( p1Heading + Maths.M_PI_2 ) * distance,
+ p1.y + Math.sin( p1Heading + Maths.M_PI_2 ) * distance
+ );
+
+ const p4 = new Vector3(
+ p3.x + Math.cos( p3Heading + Maths.M_PI_2 ) * distance,
+ p3.y + Math.sin( p3Heading + Maths.M_PI_2 ) * distance
+ );
+
+ const center = Maths.lineLineIntersection( p1, p2, p3, p4 );
+
+ const radius = p1.distanceTo( center );
+
+ // or
+ // const radius = p3.distanceTo( center );
+
+ return {
+ radius,
+ center
+ };
+
+ }
+
+ static clamp ( num: number, min: number, max: number ) {
+
+ return num <= min ? min : num >= max ? max : num;
+
+ }
+
+ static approxEquals ( a: number, b: number, precision = 0.00001 ): boolean {
+
+ return Math.abs( a - b ) <= precision;
+
+ }
+
+ static slope ( A: Vector2 | Vector3, B: Vector2 | Vector3 ) {
+
+ return ( B.y - A.y ) / ( B.x - A.x );
+
+ }
+
+ static isPointOnLine ( A: Vector3, B: Vector3, C: Vector3 ): boolean {
+
+ // https://stackoverflow.com/a/17693146
+
+ let AC = A.distanceTo( C ) + B.distanceTo( C );
+ let AB = A.distanceTo( B );
+
+ return Maths.approxEquals( AC, AB );
+
+ //
+ // OLD LOGIC BELOW NOT WORKING
+
+ // const slope = this.slope( A, B );
+
+ // if ( slope == Infinity ) {
+
+ // return C.x === B.x &&
+
+ // A.y <= C.y &&
+
+ // C.y <= B.y &&
+
+ // A.y <= B.y;
+
+ // } else {
+
+ // const on = C.y - A.y == slope * ( C.x - A.x );
+
+ // const between =
+
+ // Math.min( A.x, B.x ) <= C.x &&
+
+ // C.x <= Math.max( A.x, B.x ) &&
+
+ // Math.min( A.y, B.y ) <= C.y &&
+
+ // C.y <= Math.max( A.y, B.y );
+
+
+ // return on && between;
+
+ // }
+ }
+
+ /**
+ *
+ * @param A start of line
+ * @param B end of line
+ * @param C center of arc/circle
+ * @param R radius of arc/circle
+ */
+ static getLineArcIntersections ( A: Vector3, B: Vector3, C: Vector3, R: number ): Vector3[] {
+
+ // TODO: need fix, arc theta check is not being done
+
+ // https://revisionmaths.com/advanced-level-maths-revision/pure-maths/geometry/equation-circle
+ // https://stackoverflow.com/a/1088058
+ // equation of circle with center (a,b) with radius r is
+ //
+ // (x-a)^2 + (y-b)^2 = r^2
+ //
+
+ // line segment
+ // const A = new Vector3( 0, 0, 0 );
+ // const B = new Vector3( 0, 150, 0 );
+ // const slope = Maths.slope( A, B );
+
+ // center of circle
+ // const C = new Vector3( 0, 0, 0 );
+ // const R = 100;
+
+ const LAB = A.distanceTo( B );
+
+ // direction vector
+ const D = B.sub( A ).divideScalar( LAB );
+ // const D = new Vector3(
+ // ( B.x - A.x ) / LAB,
+ // ( B.y - A.y ) / LAB,
+ // 0
+ // );
+
+ // compute the distance between the points A and E, where
+ // E is the point of AB closest the circle center (Cx, Cy)
+ const t = D.x * ( C.x - A.x ) + D.y * ( C.y - A.y )
+
+ const E = new Vector3(
+ t * D.x + A.y,
+ t * D.y + A.y,
+ 0
+ );
+
+ const LEC = E.distanceTo( C );
+
+ // line intersects
+ if ( LEC < R ) {
+
+ // compute distance from t to circle intersection point
+ const dt = Math.sqrt( R * R - LEC * LEC );
+
+ // compute first intersection point
+ const F = new Vector3(
+ ( t - dt ) * D.x + A.x,
+ ( t - dt ) * D.y + A.y,
+ 0
+ );
+
+ // compute second intersection point
+ const G = new Vector3(
+ ( t + dt ) * D.x + A.x,
+ ( t + dt ) * D.y + A.y,
+ 0
+ );
+
+ const intersections = [];
+
+
+ const F_online = Maths.isPointOnLine( A, B, F );
+
+ if ( F_online ) intersections.push( F );
+
+ const G_online = Maths.isPointOnLine( A, B, G );
+
+ if ( G_online ) intersections.push( G );
+
+ return intersections;
+
+ // const isXOnLine = Maths.isPointOnLine( A, B, new Vector3( 0, 10, 0 ) );
+
+ } else if ( Maths.approxEquals( LEC, R ) ) {
+
+ // TODO: Return tanget also in future
+ // tangent point to circle is E
+
+ return [];
+
+ } else {
+
+ // line does not intersect
+ return [];
+
+ }
+ }
+}
diff --git a/src/app/utils/spiral-utils.ts b/src/app/utils/spiral-utils.ts
new file mode 100644
index 00000000..ac4fcdf4
--- /dev/null
+++ b/src/app/utils/spiral-utils.ts
@@ -0,0 +1,213 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/* ====== LOCAL VARIABLES ====== */
+
+const M_PI = Math.PI;
+
+/* S(x) for small x */
+const sn = [
+ -2.99181919401019853726e3,
+ 7.08840045257738576863e5,
+ -6.29741486205862506537e7,
+ 2.54890880573376359104e9,
+ -4.42979518059697779103e10,
+ 3.18016297876567817986e11,
+];
+const sd = [
+ /* 1.00000000000000000000E0,*/
+ 2.81376268889994315696e2,
+ 4.55847810806532581675e4,
+ 5.1734388877009640073e6,
+ 4.19320245898111231129e8,
+ 2.2441179564534092094e10,
+ 6.07366389490084639049e11,
+];
+
+/* C(x) for small x */
+const cn = [
+ -4.98843114573573548651e-8,
+ 9.50428062829859605134e-6,
+ -6.45191435683965050962e-4,
+ 1.88843319396703850064e-2,
+ -2.05525900955013891793e-1,
+ 9.99999999999999998822e-1,
+];
+const cd = [
+ 3.99982968972495980367e-12,
+ 9.15439215774657478799e-10,
+ 1.25001862479598821474e-7,
+ 1.22262789024179030997e-5,
+ 8.68029542941784300606e-4,
+ 4.12142090722199792936e-2,
+ 1.00000000000000000118,
+];
+
+/* Auxiliary function f(x) */
+const fn = [
+ 4.21543555043677546506e-1,
+ 1.43407919780758885261e-1,
+ 1.15220955073585758835e-2,
+ 3.450179397825740279e-4,
+ 4.63613749287867322088e-6,
+ 3.05568983790257605827e-8,
+ 1.02304514164907233465e-10,
+ 1.72010743268161828879e-13,
+ 1.34283276233062758925e-16,
+ 3.76329711269987889006e-20,
+];
+const fd = [
+ /* 1.00000000000000000000E0,*/
+ 7.51586398353378947175e-1,
+ 1.16888925859191382142e-1,
+ 6.44051526508858611005e-3,
+ 1.55934409164153020873e-4,
+ 1.8462756734893054587e-6,
+ 1.12699224763999035261e-8,
+ 3.60140029589371370404e-11,
+ 5.8875453362157841001e-14,
+ 4.52001434074129701496e-17,
+ 1.25443237090011264384e-20,
+];
+
+/* Auxiliary function g(x) */
+const gn = [
+ 5.04442073643383265887e-1,
+ 1.97102833525523411709e-1,
+ 1.87648584092575249293e-2,
+ 6.84079380915393090172e-4,
+ 1.15138826111884280931e-5,
+ 9.82852443688422223854e-8,
+ 4.45344415861750144738e-10,
+ 1.08268041139020870318e-12,
+ 1.37555460633261799868e-15,
+ 8.36354435630677421531e-19,
+ 1.86958710162783235106e-22,
+];
+const gd = [
+ /* 1.00000000000000000000E0,*/
+ 1.47495759925128324529,
+ 3.37748989120019970451e-1,
+ 2.53603741420338795122e-2,
+ 8.14679107184306179049e-4,
+ 1.27545075667729118702e-5,
+ 1.04314589657571990585e-7,
+ 4.60680728146520428211e-10,
+ 1.10273215066240270757e-12,
+ 1.38796531259578871258e-15,
+ 8.39158816283118707363e-19,
+ 1.86958710162783236342e-22,
+];
+
+function polevl ( x, coef, n ) {
+
+ let ans;
+ let p = 0;
+ let i;
+
+ ans = coef[ p++ ];
+ i = n;
+
+ do {
+ ans = ans * x + coef[ p++ ];
+ } while ( --i );
+
+ return ans;
+}
+
+function p1evl ( x, coef, n ) {
+
+ let ans;
+ let p = 0;
+ let i;
+
+ ans = x + coef[ p++ ];
+ i = n - 1;
+
+ do {
+ ans = ans * x + coef[ p++ ];
+ } while ( --i );
+
+ return ans;
+}
+
+function fresnel ( xxa, ssa, cca ) {
+ let f, g, cc, ss, c, s, t, u;
+ let x, x2;
+
+ x = Math.abs( xxa );
+ x2 = x * x;
+
+ if ( x2 < 2.5625 ) {
+ t = x2 * x2;
+ ss = ( x * x2 * polevl( t, sn, 5 ) ) / p1evl( t, sd, 6 );
+ cc = ( x * polevl( t, cn, 5 ) ) / polevl( t, cd, 6 );
+ } else if ( x > 36974.0 ) {
+ cc = 0.5;
+ ss = 0.5;
+ } else {
+ x2 = x * x;
+ t = M_PI * x2;
+ u = 1.0 / ( t * t );
+ t = 1.0 / t;
+ f = 1.0 - ( u * polevl( u, fn, 9 ) ) / p1evl( u, fd, 10 );
+ g = ( t * polevl( u, gn, 10 ) ) / p1evl( u, gd, 11 );
+
+ t = M_PI * 0.5 * x2;
+ c = Math.cos( t );
+ s = Math.sin( t );
+ t = M_PI * x;
+ cc = 0.5 + ( f * s - g * c ) / t;
+ ss = 0.5 - ( f * c + g * s ) / t;
+ }
+
+ if ( xxa < 0.0 ) {
+ cc = -cc;
+ ss = -ss;
+ }
+
+ cca = cc;
+ ssa = ss;
+
+ return { y: ssa, x: cca };
+}
+
+function odrSpiral ( s, cDot, x, y, t ) {
+
+ let a;
+
+ a = 1.0 / Math.sqrt( Math.abs( cDot ) );
+ a *= Math.sqrt( M_PI );
+
+ let f = fresnel( s / a, y, x );
+
+ x = f.x;
+ y = f.y;
+
+ x *= a;
+ y *= a;
+
+ if ( cDot < 0.0 ) y *= -1.0;
+
+ t = s * s * cDot * 0.5;
+
+ return { x, y, t };
+}
+
+export class SpiralUtils {
+
+ public static fresnel ( xxa, ssa, cca ) {
+
+ return fresnel( xxa, ssa, cca );
+
+ }
+
+ static odrSpiral ( s, cDot, x, y, t ) {
+
+ return odrSpiral( s, cDot, x, y, t );
+
+ }
+
+}
+
diff --git a/src/app/views/editor/dialogs/export-glb-dialog/export-glb-dialog.component.html b/src/app/views/editor/dialogs/export-glb-dialog/export-glb-dialog.component.html
new file mode 100644
index 00000000..ae75227f
--- /dev/null
+++ b/src/app/views/editor/dialogs/export-glb-dialog/export-glb-dialog.component.html
@@ -0,0 +1,17 @@
+
+
+Export GLB
+
+
+ Filename
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/editor/dialogs/export-glb-dialog/export-glb-dialog.component.ts b/src/app/views/editor/dialogs/export-glb-dialog/export-glb-dialog.component.ts
new file mode 100644
index 00000000..099d0326
--- /dev/null
+++ b/src/app/views/editor/dialogs/export-glb-dialog/export-glb-dialog.component.ts
@@ -0,0 +1,43 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material';
+import { ExporterService } from 'app/services/exporter.service';
+
+@Component( {
+ selector: 'app-export-glb-dialog',
+ templateUrl: './export-glb-dialog.component.html'
+} )
+export class ExportGlbDialog implements OnInit {
+
+ // popup window implementation
+ // https://stackblitz.com/edit/angular-open-window-prxgi7?file=src%2Fapp%2Fapp.component.html
+
+ filename: string = 'road.glb';
+
+ forcePowerOfTwoTextures: boolean = true;
+
+ constructor (
+ private dialogRef: MatDialogRef,
+ private exporter: ExporterService,
+ ) {
+ }
+
+ ngOnInit () {
+
+ // this.exporter.exportGLB();
+
+ }
+
+ export () {
+
+ this.exporter.exportGLB( this.filename );
+
+ this.dialogRef.close();
+
+ }
+
+
+}
diff --git a/src/app/views/editor/dialogs/export-opendrive-dialog/export-opendrive-dialog.component.html b/src/app/views/editor/dialogs/export-opendrive-dialog/export-opendrive-dialog.component.html
new file mode 100644
index 00000000..ff6592b2
--- /dev/null
+++ b/src/app/views/editor/dialogs/export-opendrive-dialog/export-opendrive-dialog.component.html
@@ -0,0 +1,7 @@
+
+
+
+ export-opendrive-dialog works!
+
diff --git a/src/app/views/editor/dialogs/export-opendrive-dialog/export-opendrive-dialog.component.ts b/src/app/views/editor/dialogs/export-opendrive-dialog/export-opendrive-dialog.component.ts
new file mode 100644
index 00000000..03ca49b2
--- /dev/null
+++ b/src/app/views/editor/dialogs/export-opendrive-dialog/export-opendrive-dialog.component.ts
@@ -0,0 +1,18 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+
+@Component( {
+ selector: 'app-export-opendrive-dialog',
+ templateUrl: './export-opendrive-dialog.component.html'
+} )
+export class ExportOpenDriveDialog implements OnInit {
+
+ constructor () { }
+
+ ngOnInit () {
+ }
+
+}
diff --git a/src/app/views/editor/editor.component.css b/src/app/views/editor/editor.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/editor/editor.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/editor/editor.component.html b/src/app/views/editor/editor.component.html
new file mode 100644
index 00000000..5988ebc8
--- /dev/null
+++ b/src/app/views/editor/editor.component.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ file.name }}
+
+
+
+ 
+ {{ filename }}
+
+
+
+
+
+
+
+ {{ filename }}
+
+
+
+
+
+
+
+ {{ filename }}
+
+
+
+
+
+
+ 
+ {{ filename }}
+
+
+
+
+
+
+ 
+ {{ filename }}
+
+
+
+
+
+
+
+ {{ filename }}
+
+
+
+
+
+
+
+ {{ filename }}
+
+
+
+
+
+
+ 
+ {{ filename }}
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/editor/project-browser/file/file.component.ts b/src/app/views/editor/project-browser/file/file.component.ts
new file mode 100644
index 00000000..729fcdfa
--- /dev/null
+++ b/src/app/views/editor/project-browser/file/file.component.ts
@@ -0,0 +1,535 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, ElementRef, EventEmitter, HostListener, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { FileNode } from '../file-node.model';
+import { ElectronService } from 'ngx-electron';
+import { ContextMenuType, MenuService } from 'app/services/menu.service';
+import { AssetLoaderService } from 'app/services/asset-loader.service';
+import { AppInspector } from 'app/core/inspector';
+import { InspectorFactoryService } from 'app/core/factories/inspector-factory.service';
+import { Material } from 'three';
+import { Metadata } from 'app/core/models/metadata.model';
+import { PreviewService } from 'app/views/inspectors/object-preview/object-preview.service';
+import { FileService } from 'app/services/file.service';
+import { AssetDatabase } from 'app/services/asset-database';
+import { TvRoadSign } from 'app/modules/tv-map/models/tv-road-sign.model';
+import { SnackBar } from 'app/services/snack-bar.service';
+import { FileUtils } from 'app/services/file-utils';
+import { MetadataFactory } from 'app/core/factories/metadata-factory.service';
+import { ProjectBrowserService } from '../project-browser.service';
+import { ImporterService } from 'app/services/importer.service';
+import { RoadStyle, RoadStyleService } from 'app/services/road-style.service';
+import { TvRoadMarking } from 'app/modules/tv-map/services/tv-marking.service';
+
+@Component( {
+ selector: 'app-file',
+ templateUrl: './file.component.html',
+ styleUrls: [ './file.component.css' ]
+} )
+export class FileComponent implements OnInit {
+
+ @ViewChild( 'nameInput' ) nameInputRef: ElementRef;
+
+ @Output() deleted = new EventEmitter();
+ @Output() renamed = new EventEmitter();
+
+ @Input() file: FileNode;
+
+ public extension: string;
+
+ public metadata: Metadata;
+
+ public showRenaming: boolean;
+
+ // public previewImage;
+ public get previewImage () { return this.metadata && this.metadata.preview }
+
+ public get isModel (): boolean { return this.metadata && this.metadata.importer == "ModelImporter" }
+
+ public get isMaterial (): boolean { return this.metadata && this.metadata.importer == "MaterialImporter" }
+
+ public get isTexture (): boolean { return this.metadata && this.metadata.importer == "TextureImporter" }
+
+ public get isRoadStyle (): boolean { return this.metadata && this.metadata.importer == "RoadStyleImporter" }
+
+ public get isRoadMarking (): boolean { return this.metadata && this.metadata.importer == "RoadMarkingImporter" }
+
+ public get isScene (): boolean { return this.metadata && this.metadata.importer == "SceneImporter" }
+
+ public get isSign (): boolean { return this.metadata && this.metadata.importer == "SignImporter" }
+
+ public get isDirectory (): boolean { return this.metadata && this.file.type == 'directory' }
+
+ public get isUnknown (): boolean { return !this.isDirectory && ( !this.metadata || !this.extension ); }
+
+ constructor (
+ private electron: ElectronService,
+ private menuService: MenuService,
+ private assetService: AssetLoaderService,
+ private previewService: PreviewService,
+ private fileService: FileService,
+ private projectBrowserService: ProjectBrowserService,
+ private importer: ImporterService,
+ ) {
+
+ }
+
+ get filename () { return this.file.name.split( '.' )[ 0 ]; }
+
+ // set filename ( value ) { this.file.name = value; }
+
+ // get extension () { return this.file.name.split( '.' )[ 1 ]; }
+
+ get filePath () {
+
+ if ( this.electron.isLinux ) return "file:///" + this.file.path;
+
+ if ( this.electron.isWindows ) return "file:///" + this.file.path;
+
+ }
+
+ ngOnInit () {
+
+ try {
+
+ this.extension = this.file.name.split( '.' )[ 1 ];
+
+ if ( !this.assetService.hasMetaFile( this.file ) ) {
+
+ MetadataFactory.createMetadata( this.file.name, this.extension, this.file.path );
+
+ }
+
+ this.metadata = this.assetService.fetchMetaFile( this.file );
+
+ } catch ( error ) {
+
+ console.error( error );
+
+ }
+
+ if ( !this.metadata ) return;
+
+ this.metadata = this.assetService.find( this.metadata.guid );
+
+ try {
+
+ if ( !this.metadata.preview ) {
+
+ if ( this.metadata.importer === "MaterialImporter" ) {
+
+ const instance: Material = AssetDatabase.getInstance( this.metadata.guid );
+
+ this.metadata.preview = this.previewService.getMaterialPreview( instance );
+
+ } else if ( this.metadata.importer === "SignImporter" ) {
+
+ const instance: TvRoadSign = AssetDatabase.getInstance( this.metadata.guid );
+
+ this.metadata.preview = this.previewService.getSignPreview( instance );
+
+ } else if ( this.metadata.importer === "ModelImporter" ) {
+
+ // const instance: Object3D = AssetCache.getInstance( this.metadata.guid );
+
+ this.assetService.modelImporterService.load( this.metadata.path, ( obj ) => {
+
+ this.metadata.preview = this.previewService.getModelPreview( obj );
+
+ AssetDatabase.setInstance( this.metadata.guid, obj );
+
+ }, this.metadata );
+
+ } else if ( this.metadata.importer === "RoadStyleImporter" ) {
+
+ const instance: RoadStyle = AssetDatabase.getInstance( this.metadata.guid );
+
+ this.metadata.preview = this.previewService.getRoadStylePreview( instance );
+
+ } else if ( this.metadata.importer === "RoadMarkingImporter" ) {
+
+ const instance: TvRoadMarking = AssetDatabase.getInstance( this.metadata.guid );
+
+ this.metadata.preview = this.previewService.getRoadMarkingPreview( instance );
+
+ }
+
+
+ }
+
+ } catch ( error ) {
+
+ }
+ }
+
+ @HostListener( 'click', [ '$event' ] )
+ onClick ( $event ) {
+
+ $event.preventDefault();
+ $event.stopPropagation();
+
+ if ( this.isDirectory ) return;
+
+ if ( this.isScene ) return;
+
+ try {
+
+ const instance = AssetDatabase.getInstance( this.metadata.guid );
+ const inspector = InspectorFactoryService.getInspectorByExtension( this.extension );
+
+ if ( this.metadata.importer === "MaterialImporter" ) {
+
+ AppInspector.setInspector( inspector, {
+ material: instance,
+ guid: this.metadata.guid
+ } );
+
+ } else if ( this.metadata.importer === "TextureImporter" ) {
+
+ AppInspector.setInspector( inspector, {
+ texture: instance,
+ guid: this.metadata.guid
+ } );
+
+ } else if ( this.metadata.importer === "RoadStyleImporter" ) {
+
+ RoadStyleService.setCurrentStyle( instance as RoadStyle );
+
+ AppInspector.setInspector( inspector, {
+ roadStyle: instance,
+ guid: this.metadata.guid
+ } );
+
+ } else if ( this.metadata.importer === "ModelImporter" ) {
+
+ AppInspector.setInspector( inspector, this.metadata );
+
+
+ } else if ( this.metadata.importer === "RoadMarkingImporter" ) {
+
+ AppInspector.setInspector( inspector, {
+ roadMarking: instance,
+ guid: this.metadata.guid
+ } )
+
+ } else {
+
+ AppInspector.setInspector( inspector, instance );
+
+ }
+
+ } catch ( error ) {
+
+ SnackBar.error( error );
+
+ }
+
+ }
+
+ // getFileInstance ( extension: string, guid: string, path: string ): any {
+
+ // if ( this.assetService.assetInstances.has( guid ) ) {
+
+ // return this.assetService.assetInstances.get( guid );
+
+ // }
+
+ // let instance = null;
+
+ // switch ( extension ) {
+
+ // case 'png': instance = new TextureLoader().load( path ); break;
+
+ // case 'svg': instance = new TextureLoader().load( path ); break;
+
+ // case 'jpg': instance = new TextureLoader().load( path ); break;
+
+ // case 'jpeg': instance = new TextureLoader().load( path ); break;
+
+ // case 'material': instance = new MaterialLoader().parse( path ); break;
+
+ // default: break;
+ // }
+
+ // if ( instance ) this.assetService.assetInstances.set( guid, instance );
+
+ // return instance;
+ // }
+
+ @HostListener( 'dblclick', [ '$event' ] )
+ onDoubleClick ( $event ) {
+
+ if ( this.isDirectory ) {
+
+ this.projectBrowserService.folderChanged.emit( this.file );
+
+ } else {
+
+ switch ( this.extension ) {
+
+ case 'scene':
+ this.importer.importScene( this.file.path );
+ SnackBar.success( "Importing Scene " + this.file.name );
+ break;
+
+ }
+
+ }
+ }
+
+ // @HostListener( 'mousedown', [ '$event' ] )
+ // onMouseDown ( $event ) {
+
+ // $event.preventDefault();
+ // $event.stopPropagation();
+
+ // }
+
+ // @HostListener( 'mouseover', [ '$event' ] )
+ // onMouseOver ( $event ) {
+
+ // $event.preventDefault();
+ // $event.stopPropagation();
+
+ // }
+
+ // @HostListener( 'mouseleave', [ '$event' ] )
+ // onMouseLeave ( $event ) {
+
+ // $event.preventDefault();
+ // $event.stopPropagation();
+
+ // }
+
+ @HostListener( 'contextmenu', [ '$event' ] )
+ onContextMenu ( $event ) {
+
+ $event.preventDefault();
+ $event.stopPropagation();
+
+ if ( !this.electron.isElectronApp ) return;
+
+ this.menuService.registerContextMenu( ContextMenuType.HIERARCHY, [
+ {
+ label: 'New',
+ enabled: false,
+ },
+ {
+ label: 'Delete',
+ click: () => this.deleteNode(),
+ },
+ {
+ label: 'Rename',
+ click: () => this.renameNode(),
+ enabled: !this.isDirectory,
+ },
+ {
+ label: 'Duplicate',
+ click: () => { },
+ enabled: false,
+ },
+ {
+ label: 'Show In Explorer',
+ click: () => this.showInExplorer()
+ },
+ {
+ label: 'Reimport',
+ click: () => this.reimport(),
+ enabled: false,
+ },
+ {
+ label: 'Reimport All',
+ click: () => this.reimportAll(),
+ enabled: false,
+ },
+ ] );
+
+ this.menuService.showContextMenu( ContextMenuType.HIERARCHY );
+ }
+
+
+ deleteNode () {
+
+ try {
+
+ if ( this.isDirectory ) {
+
+ // TODO: need to loop over each file in the folder to delete them
+ // from database as well
+ this.fileService.deleteFolderSync( this.file.path );
+ this.fileService.deleteFileSync( this.file.path + '.meta' );
+
+ this.file.isDeleted = true;
+
+ AssetDatabase.remove( this.metadata.guid );
+
+ SnackBar.success( "Folder deleted" );
+
+ } else {
+
+ this.fileService.deleteFileSync( this.file.path );
+ this.fileService.deleteFileSync( this.file.path + '.meta' );
+
+ this.file.isDeleted = true;
+
+ AssetDatabase.remove( this.metadata.guid );
+
+ SnackBar.success( "File deleted" );
+ }
+
+ this.deleted.emit( this.file );
+
+ } catch ( error ) {
+
+ console.error( error );
+
+ }
+
+ }
+
+ renameNode () {
+
+ this.showRenaming = true;
+
+ setTimeout( () => {
+
+ if ( this.nameInputRef ) this.nameInputRef.nativeElement.focus();
+ if ( this.nameInputRef ) this.nameInputRef.nativeElement.select();
+
+ }, 100 );
+
+ }
+
+ showInExplorer () {
+
+ try {
+
+ this.electron.shell.showItemInFolder( this.file.path );
+
+ } catch ( error ) {
+
+ SnackBar.error( error );
+
+ }
+
+ }
+
+ reimport () {
+
+ SnackBar.error( "Not able to reimport" );
+
+ // console.error( "method not implemented" );
+ // this.assetService.reimport( this.file, this.extension );
+
+ }
+
+ reimportAll () {
+
+ SnackBar.error( "Not able to reimport" );
+
+ }
+
+ // @HostListener( 'dragover', [ '$event' ] )
+ // onDragOver ( $event ) {
+
+ // $event.preventDefault();
+ // $event.stopPropagation();
+
+ // }
+
+ @HostListener( 'dragstart', [ '$event' ] )
+ onDragStart ( $event ) {
+
+ // if ( this.extension == "png" || this.extension == "jpg" || this.extension == "svg" ) {
+ // return;
+ // }
+
+ // $event.preventDefault();
+ // $event.stopPropagation();
+
+ console.log( "dragstat", $event );
+
+ $event.dataTransfer.setData( "path", this.file.path );
+
+ if ( this.metadata ) {
+
+ $event.dataTransfer.setData( "guid", this.metadata.guid );
+
+ }
+ }
+
+ onBlur ( $event ) {
+
+ this.showRenaming = false;
+
+ }
+
+ onFocus ( $event ) {
+
+ this.showRenaming = true;
+
+ }
+
+ @HostListener( 'window:keydown', [ '$event' ] )
+ onKeyDown ( $event: KeyboardEvent ) {
+
+ if ( !this.showRenaming ) return;
+
+ if ( $event.keyCode === 13 && this.nameInputRef ) {
+
+ this.file.name = this.nameInputRef.nativeElement.value + "." + this.extension;
+
+ const oldPath = this.file.path;
+
+ const currentFolder = FileUtils.getDirectoryFromPath( this.file.path );
+
+ const newPath = this.fileService.join( currentFolder, this.file.name );
+
+ if ( !this.metadata ) {
+
+ this.metadata = MetadataFactory.createMetadata( this.file.name, this.extension, this.file.path );
+
+ }
+
+ this.metadata.path = newPath;
+ this.metadata.preview = null;
+
+ try {
+
+ MetadataFactory.saveMetadataFile( oldPath + ".meta", this.metadata );
+
+ this.fileService.fs.renameSync( oldPath, newPath );
+
+ this.fileService.fs.renameSync( oldPath + ".meta", newPath + ".meta" );
+
+ this.renamed.emit( this.file );
+
+ } catch ( error ) {
+
+ console.error( error );
+
+ }
+
+ this.showRenaming = false;
+
+ }
+
+ }
+
+ // @HostListener( 'dragleave', [ '$event' ] )
+ // onDragLeave ( $event ) {
+
+ // $event.preventDefault();
+ // $event.stopPropagation();
+
+ // }
+
+ // @HostListener( 'drop', [ '$event' ] )
+ // onDrop ( $event: DragEvent ) {
+
+ // //
+
+ // }
+}
diff --git a/src/app/views/editor/project-browser/folder-files/folder-files.component.css b/src/app/views/editor/project-browser/folder-files/folder-files.component.css
new file mode 100644
index 00000000..ae740923
--- /dev/null
+++ b/src/app/views/editor/project-browser/folder-files/folder-files.component.css
@@ -0,0 +1,46 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.folder-item {
+ color: black !important;
+}
+
+.folder {
+ text-align: center;
+ width: 100%;
+ align-self: center;
+}
+
+.folder-icon {
+ font-size: 64px !important;
+ width: 64px;
+ color: #55d2d8;
+ cursor: pointer;
+}
+
+.folder-icon:hover, .folder-icon.selected {
+ color: #3aadb3;
+}
+
+.folder-icon.selected {
+ background: red;
+}
+
+
+.folder-name {
+ margin: 4px 4px 4px 4px !important;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ font-size: 0.75em;
+}
+
+.content {
+ padding: 16px 8px 0px 0px !important;
+}
+
+.content > mat-card {
+ margin: 0px !important;
+}
+
diff --git a/src/app/views/editor/project-browser/folder-files/folder-files.component.html b/src/app/views/editor/project-browser/folder-files/folder-files.component.html
new file mode 100644
index 00000000..722dda66
--- /dev/null
+++ b/src/app/views/editor/project-browser/folder-files/folder-files.component.html
@@ -0,0 +1,17 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/editor/project-browser/folder-files/folder-files.component.ts b/src/app/views/editor/project-browser/folder-files/folder-files.component.ts
new file mode 100644
index 00000000..4efbde67
--- /dev/null
+++ b/src/app/views/editor/project-browser/folder-files/folder-files.component.ts
@@ -0,0 +1,366 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, EventEmitter, Input, OnInit, Output, ApplicationRef, HostListener, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
+import { FileNode } from "../file-node.model";
+import { FileService } from 'app/services/file.service';
+import { ImporterService } from 'app/services/importer.service';
+import { SnackBar } from 'app/services/snack-bar.service';
+import { ElectronService } from 'ngx-electron';
+import { MenuService, ContextMenuType } from 'app/services/menu.service';
+import { ProjectBrowserService } from '../project-browser.service';
+import { AssetFactory } from 'app/core/factories/asset-factory.service';
+
+@Component( {
+ selector: 'app-folder-files',
+ templateUrl: './folder-files.component.html',
+ styleUrls: [ './folder-files.component.css' ]
+} )
+export class FolderFilesComponent implements OnInit, AfterViewInit {
+
+ @ViewChild( 'content' ) contentRef: ElementRef;
+
+ @Input() folder: FileNode;
+
+ @Input() files: FileNode[] = [];
+
+ @Output() folderChanged = new EventEmitter();
+
+ @Input() selectedNode: FileNode;
+
+ widthInPercent: string;
+
+ constructor (
+ private importer: ImporterService,
+ private electron: ElectronService,
+ private menuService: MenuService,
+ private fileService: FileService,
+ private appRef: ApplicationRef,
+ private projectBrowserService: ProjectBrowserService
+ ) { }
+
+ get sortedFiles () {
+
+ let sorted = [];
+
+ this.files.filter( f => f.type == 'directory' ).forEach( f => sorted.push( f ) )
+
+ this.files.filter( f => f.type != 'directory' ).forEach( f => sorted.push( f ) )
+
+ return sorted;
+ }
+
+ ngOnInit () {
+
+ // Debug.log( 'init-folder-files' );
+
+ }
+
+ ngAfterViewInit () {
+
+ this.updateThumbnailCount( this.contentRef.nativeElement.clientWidth );
+
+ }
+
+ deleteNode ( node: FileNode ): void {
+
+
+
+ }
+
+ showInExplorer (): void {
+
+ try {
+
+ const selectedFile = this.files.find( file => file.isSelected === true );
+
+ if ( selectedFile ) {
+
+ this.electron.shell.showItemInFolder( selectedFile.path );
+
+ } else {
+
+ this.electron.shell.openItem( this.folder.path );
+
+ }
+
+ } catch ( error ) {
+
+ SnackBar.error( "Some error occurred" );
+
+ }
+
+ }
+
+ onContextMenu ( $event, selectedNode?: FileNode ) {
+
+ $event.preventDefault();
+ $event.stopPropagation();
+
+ if ( !this.electron.isElectronApp ) return;
+
+ this.menuService.registerContextMenu( ContextMenuType.HIERARCHY, [
+ {
+ label: 'New',
+ submenu: [
+ { label: 'Scene', click: () => this.createNewScene() },
+ { label: 'Folder', click: () => this.createNewFolder() },
+ { label: 'Material', click: () => this.createNewMaterial() },
+ { label: 'Road Marking', click: () => this.createNewRoadMarking() },
+ // { label: 'Prop Set' },
+ // { label: 'Extrusion Style' },
+ // { label: 'Post Style' },
+ // { label: 'Sign', click: () => this.createNewSign() },
+ // { label: 'Crosswalk Marking' },
+ // { label: 'Lane Marking' },
+ // { label: 'Polygon Marking' },
+ ]
+ },
+ // {
+ // label: 'Delete',
+ // click: () => this.deleteNode( selectedNode ),
+ // enabled: selectedNode ? true : false
+ // },
+ // {
+ // label: 'Rename',
+ // click: () => this.renameNode( selectedNode ),
+ // enabled: selectedNode ? true : false
+ // },
+ // {
+ // label: 'Duplicate',
+ // click: () => { console.log( "add vehiclie" ) },
+ // enabled: selectedNode ? true : false
+ // },
+ {
+ label: 'Show In Explorer',
+ click: () => this.showInExplorer()
+ },
+ // {
+ // label: 'Reimport',
+ // click: () => this.reimport( selectedNode )
+ // },
+ // {
+ // label: 'Reimport All',
+ // click: () => this.reimportAll()
+ // },
+ ] );
+
+ this.menuService.showContextMenu( ContextMenuType.HIERARCHY );
+ }
+
+ reimport ( node: FileNode ) {
+
+ console.error( "method not implemented" );
+
+ // if ( !node ) return;
+
+ // this.assets.reimport( node );
+
+ }
+
+ reimportAll (): void {
+
+ console.error( "method not implemented" );
+
+ // this.assets.reimportProject();
+
+ }
+
+ renameNode ( node: FileNode ): void {
+
+ if ( !node ) return;
+
+ if ( node.type === 'directory' ) {
+
+
+
+ } else {
+
+
+ }
+
+ }
+
+ createNewScene () {
+
+ try {
+
+ AssetFactory.createNewScene( this.folder.path );
+
+ this.refershFolder();
+
+ } catch ( error ) {
+
+ SnackBar.error( error );
+
+ }
+
+ }
+
+ createNewFolder () {
+
+ try {
+
+ AssetFactory.createNewFolder( this.folder.path );
+
+ this.refershFolder();
+
+ } catch ( error ) {
+
+ SnackBar.error( error );
+
+ }
+
+ }
+
+ createNewMaterial () {
+
+ try {
+
+ AssetFactory.createNewMaterial( this.folder.path, "NewMaterial" );
+
+ this.refershFolder();
+
+ } catch ( error ) {
+
+ SnackBar.error( error );
+
+ }
+
+ }
+
+ createNewSign () {
+
+ try {
+
+ AssetFactory.createNewSign( "NewSign", this.folder.path );
+
+ this.refershFolder();
+
+ } catch ( error ) {
+
+ SnackBar.error( error );
+
+ }
+
+ }
+
+ createNewRoadMarking (): void {
+
+ try {
+
+ AssetFactory.createNewRoadMarking( this.folder.path, "NewRoadMarking" );
+
+ this.refershFolder();
+
+ } catch ( error ) {
+
+ SnackBar.error( error );
+
+ }
+
+ }
+
+ doubleClickFolder ( node: FileNode ) {
+
+ if ( node.type === 'directory' ) this.folderChanged.emit( node );
+
+ }
+
+ selectFolder () {
+
+ // Debug.log( 'select-folder', node );
+
+ // if ( node.type === 'directory' ) this.folderChanged.emit( node );
+
+ }
+
+ onMouseDown ( node: FileNode ) {
+
+ // console.log( 'mouse-down', node.name );
+
+ this.selectedNode = node;
+
+ // // unselected all
+ // this.files.forEach( file => file.isSelected = false );
+
+ // // select this node
+ // node.isSelected = true;
+
+ }
+
+ onMouseOver ( node: FileNode ) {
+
+ // console.log( 'mouse-over', node.name );
+
+ this.selectedNode = node;
+
+ }
+
+ onMouseOut () {
+
+ // console.log( 'mouseout', node.name );
+
+ // if ( !this.selectedNode ) return;
+
+ // this.selectedNode.isSelected = false;
+
+ // this.selectedNode = null;
+
+ }
+
+ importFile ( file: FileNode ) {
+
+ this.projectBrowserService.fileDoubleClicked.emit( file );
+
+ this.importer.importViaPath( file.path, file.name );
+
+ }
+
+ onDragStart ( $event: DragEvent, node: FileNode ) {
+
+ $event.dataTransfer.setData( "path", node.path );
+
+ }
+
+ @HostListener( "window:resize" )
+ onWindowResize () {
+
+ this.updateThumbnailCount( this.contentRef.nativeElement.clientWidth );
+
+ }
+
+ updateThumbnailCount ( width: number ) {
+
+ // 125 is the minimum width for the item
+ const count = Math.floor( width / 100 );
+
+ this.widthInPercent = ( 100 / count ) + '%';
+
+ // console.log( "show ", count, "for", width );
+ }
+
+ onFileDeleted ( $node: FileNode ) {
+
+ if ( !$node ) return;
+
+ this.files = this.files.filter( file => !file.isDeleted );
+
+ this.refershFolder();
+ }
+
+ onFileRenamed ( $event ) {
+
+ this.refershFolder();
+
+ }
+
+ refershFolder () {
+
+ this.files = this.folder.sub_files( this.fileService );
+
+ this.appRef.tick();
+
+ }
+}
diff --git a/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.css b/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.html b/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.html
new file mode 100644
index 00000000..cc2dc330
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.html
@@ -0,0 +1,7 @@
+
+
+
+ project-breadcrumbs works!
+
diff --git a/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.spec.ts b/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.spec.ts
new file mode 100644
index 00000000..12596fb9
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.spec.ts
@@ -0,0 +1,29 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProjectBreadcrumbsComponent } from './project-breadcrumbs.component';
+
+describe('ProjectBreadcrumbsComponent', () => {
+ let component: ProjectBreadcrumbsComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ ProjectBreadcrumbsComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ProjectBreadcrumbsComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.ts b/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.ts
new file mode 100644
index 00000000..6f7293a8
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-breadcrumbs/project-breadcrumbs.component.ts
@@ -0,0 +1,19 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-project-breadcrumbs',
+ templateUrl: './project-breadcrumbs.component.html',
+ styleUrls: ['./project-breadcrumbs.component.css']
+})
+export class ProjectBreadcrumbsComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/views/editor/project-browser/project-browser.component.css b/src/app/views/editor/project-browser/project-browser.component.css
new file mode 100644
index 00000000..66251bd3
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-browser.component.css
@@ -0,0 +1,17 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.folder-file-container {
+ height: 200px;
+ background: #424242;
+ border-left: 1px solid #171717;
+ border-bottom: 1px solid #171717;
+ border-top: 1px solid #171717;
+}
+
+.project-heirarchy-container {
+ height: 200px;
+ border-bottom: 1px solid #171717;
+ border-top: 1px solid #171717;
+}
\ No newline at end of file
diff --git a/src/app/views/editor/project-browser/project-browser.component.html b/src/app/views/editor/project-browser/project-browser.component.html
new file mode 100644
index 00000000..5a76c020
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-browser.component.html
@@ -0,0 +1,20 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/editor/project-browser/project-browser.component.ts b/src/app/views/editor/project-browser/project-browser.component.ts
new file mode 100644
index 00000000..ecdf3640
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-browser.component.ts
@@ -0,0 +1,332 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, Injectable, OnInit, HostListener, ApplicationRef } from '@angular/core';
+import { FlatTreeControl, NestedTreeControl } from '@angular/cdk/tree';
+import { MatTreeNestedDataSource } from '@angular/material/tree';
+import { FileService } from 'app/services/file.service';
+import { BehaviorSubject, merge, Observable } from 'rxjs';
+import { CollectionViewer, SelectionChange } from '@angular/cdk/collections';
+import { map } from 'rxjs/operators';
+import { AssetLoaderService } from 'app/services/asset-loader.service';
+import { FileNode } from './file-node.model';
+import { ProjectBrowserService } from './project-browser.service';
+import { ImporterService } from 'app/services/importer.service';
+
+// const DOCUMENT_PATH = '/home/himanshu/Documents/Truevision/';
+
+/**
+ * Database for dynamic data. When expanding a node in the tree, the data source will need to fetch
+ * the descendants data from the database.
+ */
+export class DynamicDatabase {
+
+ rootLevelNodes: string[] = [ 'Fruits', 'Vegetables' ];
+
+ // private projectDir = '/home/himanshu/Documents/Truevision';
+ private get projectDir () { return this.fileService.projectFolder; }
+
+ private init: FileNode[];
+
+ constructor ( private fileService: FileService ) {
+
+ this.init = this.getFolderInPath( this.projectDir, 0 );
+
+ }
+
+ /** Initial data from database */
+ initialData (): FileNode[] {
+
+ return this.init;
+
+ // return this.init = this.getFolderInPath( this.projectDir, 0 );
+
+ // return this.rootLevelNodes.map( name => new FileNode( name, 0, true ) );
+ }
+
+ getChildren ( node: FileNode ): FileNode[] | undefined {
+
+ return this.getFolderInPath( node.path, node.level + 1 );
+
+ // return this.dataMap.get( node );
+
+ }
+
+ getFolderInPath ( path: string, level: number ) {
+
+ const tmp: FileNode[] = [];
+
+ // this.fileService.readPathContents( path ).then( ( files: any[] ) => {
+
+ // files.forEach( file => {
+
+ // if ( file.type === 'directory' ) tmp.push( new FileNode( file.name, level, true, false, file.path ) );
+
+ // } );
+
+ // } );
+
+ return tmp;
+
+ }
+
+ isExpandable ( node: FileNode ): boolean {
+
+ return this.getFolderInPath( node.name, node.level + 1 ).length > 0;
+
+ // return this.dataMap.has( node );
+
+ }
+}
+
+/**
+ * File database, it can build a tree structured Json object from string.
+ * Each node in Json object represents a file or a directory. For a file, it has filename and type.
+ * For a directory, it has filename and children (a list of files or directories).
+ * The input will be a json object string, and the output is a list of `FileNode` with nested
+ * structure.
+ */
+@Injectable()
+export class DynamicDataSource {
+
+ dataChange = new BehaviorSubject( [] );
+
+ constructor ( private treeControl: FlatTreeControl, private database: DynamicDatabase ) {
+ }
+
+ set data ( value: FileNode[] ) {
+ this.treeControl.dataNodes = value;
+ this.dataChange.next( value );
+ }
+
+ get data (): FileNode[] {
+ return this.dataChange.value;
+ }
+
+ connect ( collectionViewer: CollectionViewer ): Observable {
+
+ this.treeControl.expansionModel.onChange.subscribe( change => {
+ if ( ( change as SelectionChange ).added ||
+ ( change as SelectionChange ).removed ) {
+ this.handleTreeControl( change as SelectionChange );
+ }
+ } );
+
+ return merge( collectionViewer.viewChange, this.dataChange ).pipe( map( () => this.data ) );
+ }
+
+ /** Handle expand/collapse behaviors */
+ handleTreeControl ( change: SelectionChange ) {
+ if ( change.added ) {
+ change.added.forEach( node => this.toggleNode( node, true ) );
+ }
+ if ( change.removed ) {
+ change.removed.slice().reverse().forEach( node => this.toggleNode( node, false ) );
+ }
+ }
+
+ /**
+ * Toggle the node, remove from display list
+ */
+ toggleNode ( node: FileNode, expand: boolean ) {
+ const children = this.database.getChildren( node );
+ const index = this.data.indexOf( node );
+ if ( !children || index < 0 ) { // If no children, or cannot find the node, no op
+ return;
+ }
+
+ node.isLoading = true;
+
+ setTimeout( () => {
+ if ( expand ) {
+ const nodes = children.map( child =>
+ new FileNode( child.name, node.level + 1, this.database.isExpandable( child ), false, child.path ) );
+ this.data.splice( index + 1, 0, ...nodes );
+ } else {
+ let count = 0;
+ for ( let i = index + 1; i < this.data.length && this.data[ i ].level > node.level; i++, count++ ) {
+ }
+ this.data.splice( index + 1, count );
+ }
+
+ // notify the change
+ this.dataChange.next( this.data );
+ node.isLoading = false;
+ }, 100 );
+ }
+}
+
+@Component( {
+ selector: 'app-project-browser',
+ templateUrl: './project-browser.component.html',
+ styleUrls: [ './project-browser.component.css' ],
+} )
+export class ProjectBrowserComponent implements OnInit {
+
+ selectedFolder: FileNode;
+
+ treeControl = new NestedTreeControl( ( node: FileNode ) => {
+ if ( node.type === 'directory' ) return node.sub_folders( this.fileService );
+ else return [];
+ } );
+
+ dataSource = new MatTreeNestedDataSource();
+
+ files: FileNode[] = [];
+
+ constructor (
+ private fileService: FileService,
+ private assets: AssetLoaderService,
+ private projectBrowser: ProjectBrowserService,
+ private importer: ImporterService,
+ private appRef: ApplicationRef
+ ) {
+
+ const db = new DynamicDatabase( fileService );
+
+ this.dataSource.data = [];
+
+ }
+
+ ngOnInit () {
+
+ this.assets.init();
+
+ this.loadFilesInFolder();
+
+ this.projectBrowser.folderChanged.subscribe( node => this.onFolderChanged( node ) );
+
+ }
+
+ // get files () {
+
+ // if ( !this.selectedFolder ) return [];
+
+ // return this.selectedFolder.sub_files( this.fileService );
+
+ // }
+
+ onFolderChanged ( node: FileNode ) {
+
+ // console.log( 'folder-changed', e );
+
+ this.selectedFolder = node;
+
+ this.files = this.selectedFolder.sub_files( this.fileService );
+
+ }
+
+ selectFolder ( e: FileNode ) {
+
+ // console.log( 'select-folder', e );
+
+ }
+
+ selectFile ( e: FileNode ) {
+
+ // console.log( 'select-file', e );
+ }
+
+ onClick ( node: FileNode ) {
+
+ // console.log( node );
+
+ this.selectedFolder = node;
+
+ const result = node.sub_folders( this.fileService );
+
+ // console.log( result );
+
+ // result.subscribe( files => {
+
+ // console.log( files );
+
+ // } );
+
+ // this.fileService.readPathContents( DOCUMENT_PATH ).then( ( files: any[] ) => {
+
+ // const tmp = [];
+
+ // files.forEach( file => {
+
+ // if ( file.type === 'directory' ) {
+
+ // tmp.push( new FileNode( file.name, 0, true, false, file.path, file.type ) );
+
+ // }
+
+ // } );
+
+ // this.dataSource.data = tmp;
+
+ // } );
+
+ // console.log( node );
+
+ }
+
+ loadFilesInFolder () {
+
+ const files = this.fileService.readPathContentsSync( this.fileService.projectFolder );
+
+ const tmp = [];
+
+ files.forEach( file => {
+
+ if ( file.type === 'directory' ) {
+
+ tmp.push( new FileNode( file.name, 0, true, false, file.path, file.type ) );
+
+ }
+
+ } );
+
+ this.dataSource.data = tmp;
+ }
+
+ @HostListener( 'dragover', [ '$event' ] )
+ onDragOver ( evt ) {
+
+ evt.preventDefault();
+ evt.stopPropagation();
+ }
+
+ @HostListener( 'dragleave', [ '$event' ] )
+ onDragLeave ( evt ) {
+
+ evt.preventDefault();
+ evt.stopPropagation();
+
+ }
+
+ @HostListener( 'drop', [ '$event' ] )
+ onDrop ( $event: DragEvent ) {
+
+ // console.log( $event );
+ // console.log( $event.dataTransfer.files );
+
+ $event.preventDefault();
+ $event.stopPropagation();
+
+ const folderPath = this.selectedFolder ?
+ this.selectedFolder.path :
+ this.fileService.projectFolder;
+
+ for ( let i = 0; i < $event.dataTransfer.files.length; i++ ) {
+
+ const file = $event.dataTransfer.files[ i ];
+
+ this.importer.onFileDropped( file, folderPath );
+
+ }
+
+ if ( this.selectedFolder ) {
+
+ this.files = this.selectedFolder.sub_files( this.fileService );
+
+ this.appRef.tick();
+
+ }
+ }
+}
diff --git a/src/app/views/editor/project-browser/project-browser.service.ts b/src/app/views/editor/project-browser/project-browser.service.ts
new file mode 100644
index 00000000..45838795
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-browser.service.ts
@@ -0,0 +1,98 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Injectable, EventEmitter } from '@angular/core';
+import { FileNode } from './file-node.model';
+import { AssetLoaderService } from 'app/services/asset-loader.service';
+import { AppInspector } from 'app/core/inspector';
+import { Metadata } from 'app/core/models/metadata.model';
+import { InspectorFactoryService } from 'app/core/factories/inspector-factory.service';
+
+@Injectable( {
+ providedIn: 'root'
+} )
+export class ProjectBrowserService {
+
+ public static lastFile: FileNode;
+ public static lastAsset: Metadata;
+ public static lastMetadata: Metadata;
+
+ /**
+ * @deprecated not in use
+ */
+ public fileClicked = new EventEmitter();
+ public fileDoubleClicked = new EventEmitter();
+
+ public folderChanged = new EventEmitter();
+
+ constructor ( private assets: AssetLoaderService ) {
+
+ // this.fileClicked.subscribe( file => this.onFileClicked( file ) )
+
+ }
+
+ /**
+ *
+ * @param file
+ * @deprecated not in used
+ */
+ onFileClicked ( file: FileNode ) {
+
+ try {
+
+ const meta = this.assets.fetchMetaFile( file );
+
+ // console.log( meta.importer );
+
+ const data = this.assets.find( meta.guid );
+
+ // let instance = null;
+
+ // if ( this.assets.assetInstances.has( meta.guid ) ) {
+ // instance = this.assets.assetInstances.get( meta.guid );
+ // } else{
+ // instance = this.assets.assetInstances.set(meta.guid, )
+ // }
+
+ ProjectBrowserService.lastFile = file;
+ ProjectBrowserService.lastAsset = data;
+ ProjectBrowserService.lastMetadata = meta;
+
+ switch ( meta.importer ) {
+ case 'SignImporter':
+ AppInspector.setInspector(
+ InspectorFactoryService.getInpectorByFilename( file.name ),
+ data
+ );
+ break;
+
+ default:
+ AppInspector.setInspector(
+ InspectorFactoryService.getInpectorByFilename( file.name ),
+ data
+ );
+ break;
+ }
+
+ } catch ( error ) {
+
+ console.error( error );
+
+ }
+ }
+
+ showFileByGuid ( guid: string ) {
+
+ // const metdata = this.assets.find( guid );
+
+ // const directory = metdata.path.split( '/' ).slice( 0, -1 ).join( '/' );
+
+ // // this.fileSelected.emit( new FileNode( "", 0, false, false, metdata.path, "file", true, false ) );
+
+ // this.folderChanged.emit( new FileNode( "", 0, false, false, directory, "directory", false, false ) );
+
+ // // console.log( metdata.path, directory );
+ }
+
+}
diff --git a/src/app/views/editor/project-browser/project-hierarchy/project-hierarchy.component.css b/src/app/views/editor/project-browser/project-hierarchy/project-hierarchy.component.css
new file mode 100644
index 00000000..16a01588
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-hierarchy/project-hierarchy.component.css
@@ -0,0 +1,19 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.example-tree-invisible {
+ display: none;
+}
+
+.example-tree ul,
+.example-tree li {
+ margin-top: 0;
+ margin-bottom: 0;
+ list-style-type: none;
+ padding-inline-start: 5px !important;
+}
+
+.mat-icon-button {
+ margin-right: 15px !important;
+}
\ No newline at end of file
diff --git a/src/app/views/editor/project-browser/project-hierarchy/project-hierarchy.component.html b/src/app/views/editor/project-browser/project-hierarchy/project-hierarchy.component.html
new file mode 100644
index 00000000..1ea04583
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-hierarchy/project-hierarchy.component.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+ {{node.name}}
+
+
+
+
+
+
+
+
+ {{node.name}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/editor/project-browser/project-hierarchy/project-hierarchy.component.ts b/src/app/views/editor/project-browser/project-hierarchy/project-hierarchy.component.ts
new file mode 100644
index 00000000..31437b3c
--- /dev/null
+++ b/src/app/views/editor/project-browser/project-hierarchy/project-hierarchy.component.ts
@@ -0,0 +1,40 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { FileNode } from "../file-node.model";
+
+@Component( {
+ selector: 'app-project-hierarchy',
+ templateUrl: './project-hierarchy.component.html',
+ styleUrls: [ './project-hierarchy.component.css' ]
+} )
+export class ProjectHierarchyComponent implements OnInit {
+
+ @Output() folderChanged = new EventEmitter();
+
+ @Input() treeControl;
+ @Input() dataSource;
+
+ selectedFolder;
+
+ getLevel = ( node: FileNode ) => node.level;
+ isExpandable = ( node: FileNode ) => node.expandable;
+ hasChild = ( _: number, node: FileNode ) => true;
+
+ constructor () { }
+
+ ngOnInit () {
+ }
+
+ onClick ( node: FileNode ) {
+
+ // console.log( 'folder-selected-in-hierarchy', node.name );
+
+ this.selectedFolder = node;
+
+ this.folderChanged.emit( node );
+
+ }
+}
diff --git a/src/app/views/editor/status-bar/status-bar.component.css b/src/app/views/editor/status-bar/status-bar.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/editor/status-bar/status-bar.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/editor/status-bar/status-bar.component.html b/src/app/views/editor/status-bar/status-bar.component.html
new file mode 100644
index 00000000..c6855305
--- /dev/null
+++ b/src/app/views/editor/status-bar/status-bar.component.html
@@ -0,0 +1,12 @@
+
+
+
+ World x = {{ x | number }}, y = {{ y | number }}, z = {{ z | number }} |
+ RoadId = {{ roadId }}
+
+ s = {{ s | number }}
+ t = {{ t | number }}
+
+
\ No newline at end of file
diff --git a/src/app/views/editor/status-bar/status-bar.component.ts b/src/app/views/editor/status-bar/status-bar.component.ts
new file mode 100644
index 00000000..40c27d66
--- /dev/null
+++ b/src/app/views/editor/status-bar/status-bar.component.ts
@@ -0,0 +1,165 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { MonoBehaviour } from 'app/core/components/mono-behaviour';
+import { PointerEventData } from 'app/events/pointer-event-data';
+import * as THREE from 'three';
+import { Vector3 } from 'three';
+import { TvMapSourceFile } from '../../../modules/tv-map/services/tv-map-source-file';
+import { TvRoad } from '../../../modules/tv-map/models/tv-road.model';
+import { TvPosTheta } from '../../../modules/tv-map/models/tv-pos-theta';
+import { TvMapQueries } from '../../../modules/tv-map/queries/tv-map-queries';
+import { Time } from '../../../core/time';
+
+@Component( {
+ selector: 'app-status-bar',
+ templateUrl: './status-bar.component.html',
+ styleUrls: [ './status-bar.component.css' ]
+} )
+export class StatusBarComponent extends MonoBehaviour implements OnInit {
+
+ private sphere: THREE.Mesh;
+
+ private cursor: PointerEventData;
+ private road: TvRoad;
+
+ private pos = new TvPosTheta;
+
+ constructor () {
+
+ super();
+
+ const geom = new THREE.SphereGeometry( 1 );
+ // var geometry = new THREE.BoxGeometry( 1, 1, 1 );
+ // var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
+ // obj.gameObject = new THREE.Mesh( geometry, material );
+ const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
+
+ this.sphere = new THREE.Mesh( geom, material );
+
+ }
+
+ get seconds () {
+ return Time.seconds;
+ }
+
+ get time () {
+ return Time.time * 0.001;
+ }
+
+ get x () {
+ return this.cursor.point.x;
+ }
+
+ get y () {
+ return this.cursor.point.y;
+ }
+
+ get z () {
+ return this.cursor.point.z;
+ }
+
+ get openDrive () {
+ return TvMapSourceFile.openDrive;
+ }
+
+ get s () {
+ return this.pos.s;
+ }
+
+ get t () {
+ return this.pos.t;
+ }
+
+ get name () {
+
+ if ( this.cursor && this.cursor.object ) {
+
+ return this.cursor.object.name;
+
+ }
+
+ return null;
+ }
+
+ get roadId () {
+
+ if ( this.road ) return this.road.id;
+
+ // if ( this.cursor && this.cursor.object && this.cursor.object.userData.data ) {
+ //
+ // // return this.cursor.object.userData.data.attr_id;
+ // return this.cursor.object.userData.data.roadId;
+ //
+ // }
+
+ return null;
+ }
+
+ get laneId () {
+
+ if ( this.cursor && this.cursor.object && this.cursor.object.userData.data ) {
+
+ return this.cursor.object.userData.data.attr_id;
+
+ }
+
+ return null;
+ }
+
+ ngOnInit () {
+
+ this.cursor = new PointerEventData();
+ this.cursor.point = new Vector3();
+
+
+ }
+
+ fetchRoadCoordinates ( point: Vector3 ) {
+
+ this.openDrive.roads.forEach( road => {
+
+ // road.getGeometryCoords()
+
+ road.geometries.forEach( geometry => {
+
+ const nearest = geometry.getNearestPointFrom( point.x, point.y );
+
+ // Debug.log( nearest );
+
+ this.sphere.position.set( nearest.x, nearest.y, 0 );
+
+ } );
+
+ } );
+
+ }
+
+ distanceFromRoad ( road, point ) {
+
+
+ }
+
+ onPointerClicked ( data: PointerEventData ) {
+
+ // AppService.engine.add( this.sphere );
+
+ const road = TvMapQueries.getRoadByCoords( data.point.x, data.point.y, this.pos );
+
+ }
+
+ onPointerMoved ( data: PointerEventData ) {
+
+ this.cursor = data;
+
+ // this.sphere.position.copy( data.point );
+
+ this.road = TvMapQueries.getRoadByCoords( data.point.x, data.point.y, this.pos );
+
+ // this.fetchRoadCoordinates( data.point );
+
+ }
+
+}
diff --git a/src/app/views/editor/tool-bar/tool-bar.component.html b/src/app/views/editor/tool-bar/tool-bar.component.html
new file mode 100644
index 00000000..b586da80
--- /dev/null
+++ b/src/app/views/editor/tool-bar/tool-bar.component.html
@@ -0,0 +1,277 @@
+
+
+
+
+
+
+
+
+
{{ 'ROAD-GEOMETRY-TITLE' | translate }}
+
+
+
{{ 'LANE-WIDTH-TOOL-TITLE' | translate }}
+
+
+
{{ 'ADD-LANE-TOOL-TITLE' | translate }}
+
+
+
{{ 'LANE-MARKING-TOOL-TITLE' | translate }}
+
+
+
{{ 'LANE-TOOL-TITLE' | translate }}
+
+
+
+
+
+
Junction Entry Object
\ No newline at end of file
diff --git a/src/app/views/inspectors/junction-entry-inspector/junction-entry-inspector.component.ts b/src/app/views/inspectors/junction-entry-inspector/junction-entry-inspector.component.ts
new file mode 100644
index 00000000..23c1c6da
--- /dev/null
+++ b/src/app/views/inspectors/junction-entry-inspector/junction-entry-inspector.component.ts
@@ -0,0 +1,36 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { BaseInspector } from 'app/core/components/base-inspector.component';
+import { IComponent } from 'app/core/game-object';
+import { JunctionEntryObject } from 'app/modules/three-js/objects/junction-entry.object';
+
+@Component( {
+ selector: 'app-junction-entry-inspector',
+ templateUrl: './junction-entry-inspector.component.html',
+ styleUrls: [ './junction-entry-inspector.component.css' ]
+} )
+export class JunctionEntryInspector extends BaseInspector implements OnInit, OnDestroy, IComponent {
+
+ data: JunctionEntryObject;
+
+ constructor () {
+
+ super();
+
+ }
+
+ ngOnInit () {
+
+ if ( this.data ) this.data.select();
+
+ }
+
+ ngOnDestroy (): void {
+
+ if ( this.data ) this.data.unselect();
+
+ }
+}
diff --git a/src/app/views/inspectors/lane-link-inspector/lane-link-inspector.component.css b/src/app/views/inspectors/lane-link-inspector/lane-link-inspector.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/lane-link-inspector/lane-link-inspector.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/lane-link-inspector/lane-link-inspector.component.html b/src/app/views/inspectors/lane-link-inspector/lane-link-inspector.component.html
new file mode 100644
index 00000000..63f792e0
--- /dev/null
+++ b/src/app/views/inspectors/lane-link-inspector/lane-link-inspector.component.html
@@ -0,0 +1,15 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/lane-link-inspector/lane-link-inspector.component.ts b/src/app/views/inspectors/lane-link-inspector/lane-link-inspector.component.ts
new file mode 100644
index 00000000..339c3e94
--- /dev/null
+++ b/src/app/views/inspectors/lane-link-inspector/lane-link-inspector.component.ts
@@ -0,0 +1,87 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { LanePathObject } from '../../../modules/tv-map/models/tv-junction-lane-link';
+import { CommandHistory } from 'app/services/command-history';
+import { DeleteLinkCommand } from 'app/core/commands/delete-link-command';
+import { SetInspectorCommand } from 'app/core/commands/set-inspector-command';
+import { MultiCmdsCommand } from 'app/core/commands/multi-cmds-command';
+import { BaseInspector } from 'app/core/components/base-inspector.component';
+
+@Component( {
+ selector: 'app-lane-link-inspector',
+ templateUrl: './lane-link-inspector.component.html',
+ styleUrls: [ './lane-link-inspector.component.css' ]
+} )
+export class LaneLinkInspector extends BaseInspector implements OnInit, OnDestroy, IComponent {
+
+ data: LanePathObject;
+
+ constructor () {
+
+ super();
+
+ }
+
+ ngOnInit () {
+
+ if ( this.data.link && this.data.link.lanePath ) {
+
+ this.data.link.show();
+
+ }
+
+ if ( this.data.connection ) {
+
+ const road = this.openDrive.getRoadById( this.data.connection.connectingRoad );
+
+ if ( road && road.spline ) road.spline.show();
+
+ }
+
+ if ( this.data.connectingRoad ) {
+
+ this.data.connectingRoad.showNodes();
+
+ this.data.connectingRoad.spline.show();
+
+ }
+ }
+
+ ngOnDestroy (): void {
+
+ if ( this.data.link && this.data.link.lanePath ) this.data.link.lanePath.unselect();
+
+ if ( this.data.connection ) {
+
+ const road = this.openDrive.getRoadById( this.data.connection.connectingRoad );
+
+ if ( road && road.spline ) road.spline.hide();
+
+ }
+
+ if ( this.data.connectingRoad ) {
+
+ this.data.connectingRoad.hideNodes();
+
+ this.data.connectingRoad.spline.hide();
+
+ }
+ }
+
+ onDelete () {
+
+ if ( !this.data.link ) return;
+
+ const commands = [];
+
+ commands.push( new DeleteLinkCommand( this.data.connection, this.data.link, this.data ) );
+
+ commands.push( new SetInspectorCommand( null, null ) );
+
+ CommandHistory.execute( new MultiCmdsCommand( commands ) );
+ }
+}
diff --git a/src/app/views/inspectors/lane-offset-inspector/lane-offset-inspector.component.html b/src/app/views/inspectors/lane-offset-inspector/lane-offset-inspector.component.html
new file mode 100644
index 00000000..ec117aab
--- /dev/null
+++ b/src/app/views/inspectors/lane-offset-inspector/lane-offset-inspector.component.html
@@ -0,0 +1,11 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/lane-offset-inspector/lane-offset-inspector.component.ts b/src/app/views/inspectors/lane-offset-inspector/lane-offset-inspector.component.ts
new file mode 100644
index 00000000..9bcfb490
--- /dev/null
+++ b/src/app/views/inspectors/lane-offset-inspector/lane-offset-inspector.component.ts
@@ -0,0 +1,109 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { LaneOffsetNode } from 'app/modules/three-js/objects/control-point';
+import { BaseInspector } from 'app/core/components/base-inspector.component';
+import { COLOR } from 'app/shared/utils/colors.service';
+import { NodeFactoryService } from 'app/core/factories/node-factory.service';
+import { SceneService } from 'app/core/services/scene.service';
+import { TvRoad } from 'app/modules/tv-map/models/tv-road.model';
+import { OdLaneReferenceLineBuilder, LineType } from 'app/modules/tv-map/builders/od-lane-reference-line-builder';
+
+export class LaneOffsetInspectorData {
+ constructor ( public node: LaneOffsetNode, public road: TvRoad ) { }
+}
+
+@Component( {
+ selector: 'app-lane-offset-inspector',
+ templateUrl: './lane-offset-inspector.component.html'
+} )
+export class LaneOffsetInspector extends BaseInspector implements OnInit, IComponent, OnDestroy {
+
+ public static valueChanged = new EventEmitter();
+
+ public static offsetChanged = new EventEmitter();
+ public static distanceChanged = new EventEmitter();
+
+ public data: LaneOffsetInspectorData;
+
+ public laneHelper = new OdLaneReferenceLineBuilder( null, LineType.SOLID, COLOR.MAGENTA );
+
+ get laneOffset () { return this.data.node.laneOffset; }
+
+ constructor () {
+
+ super();
+
+ }
+
+ ngOnInit () {
+
+ if ( this.data.node ) {
+
+ this.data.node.point.select();
+
+ }
+
+ if ( this.data.road ) this.showNodes( this.data.road );
+ }
+
+ ngOnDestroy () {
+
+ if ( this.data.node ) {
+
+ this.data.node.point.unselect();
+
+ }
+
+ if ( this.data.road ) this.hideNodes( this.data.road );
+ }
+
+ onDistanceChanged ( $value: number ) {
+
+ LaneOffsetInspector.distanceChanged.emit( $value );
+
+ }
+
+ onOffsetChanged ( $value ) {
+
+ LaneOffsetInspector.offsetChanged.emit( $value );
+
+ }
+
+ private hideNodes ( road: TvRoad ): void {
+
+ road.getLaneOffsets().forEach( laneOffset => {
+
+ if ( laneOffset.mesh ) {
+
+ laneOffset.mesh.visible = false;
+
+ }
+
+ } );
+
+ }
+
+ private showNodes ( road: TvRoad ) {
+
+ road.getLaneOffsets().forEach( laneOffset => {
+
+ if ( laneOffset.mesh ) {
+
+ laneOffset.mesh.visible = true;
+
+ } else {
+
+ laneOffset.mesh = NodeFactoryService.createLaneOffsetNode( road, laneOffset );
+
+ SceneService.add( laneOffset.mesh );
+
+ }
+
+ } );
+
+ }
+}
\ No newline at end of file
diff --git a/src/app/views/inspectors/lane-roadmark-inspector/lane-roadmark-inspector.component.css b/src/app/views/inspectors/lane-roadmark-inspector/lane-roadmark-inspector.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/lane-roadmark-inspector/lane-roadmark-inspector.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/lane-roadmark-inspector/lane-roadmark-inspector.component.html b/src/app/views/inspectors/lane-roadmark-inspector/lane-roadmark-inspector.component.html
new file mode 100644
index 00000000..db8a2030
--- /dev/null
+++ b/src/app/views/inspectors/lane-roadmark-inspector/lane-roadmark-inspector.component.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+ Type
+
+ None
+ Solid
+ Broken
+
+
+
+
+ Weight
+
+ Standard
+ Bold
+
+
+
+
+ Color
+
+ Standard (White)
+ White
+ Yellow
+
+
+
+
+
+
+
+
diff --git a/src/app/views/inspectors/lane-roadmark-inspector/lane-roadmark-inspector.component.ts b/src/app/views/inspectors/lane-roadmark-inspector/lane-roadmark-inspector.component.ts
new file mode 100644
index 00000000..500f897e
--- /dev/null
+++ b/src/app/views/inspectors/lane-roadmark-inspector/lane-roadmark-inspector.component.ts
@@ -0,0 +1,101 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { IComponent } from '../../../core/game-object';
+import { TvLaneRoadMark } from '../../../modules/tv-map/models/tv-lane-road-mark';
+import { TvRoadMarkTypes } from '../../../modules/tv-map/models/tv-common';
+import { SetRoadmarkValueCommand } from '../../../core/commands/set-roadmark-value-command';
+import { CommandHistory } from '../../../services/command-history';
+import { MatSelectChange } from '@angular/material';
+import { RemoveRoadmarkCommand } from '../../../core/commands/remove-roadmark-command';
+import { BaseInspector } from '../../../core/components/base-inspector.component';
+
+@Component( {
+ selector: 'app-lane-roadmark-inspector',
+ templateUrl: './lane-roadmark-inspector.component.html',
+ styleUrls: [ './lane-roadmark-inspector.component.css' ]
+} )
+export class LaneRoadmarkInspectorComponent extends BaseInspector implements OnInit, IComponent, OnDestroy {
+
+ data: TvLaneRoadMark;
+
+ constructor () {
+ super();
+ }
+
+ get roadMark () {
+ return this.data;
+ }
+
+ get lane () {
+ return this.data;
+ }
+
+ get types () {
+ return TvRoadMarkTypes;
+ }
+
+ // get roadmarks (): OdLaneRoadMark[] {
+ // return this.data.getLaneRoadMarkVector();
+ // }
+
+ ngOnInit () {
+
+ if ( this.roadMark && this.roadMark.node && this.roadMark.node.point ) {
+
+ this.roadMark.node.point.select();
+
+ }
+
+ }
+
+ ngOnDestroy () {
+
+ if ( this.roadMark && this.roadMark.node && this.roadMark.node.point ) {
+
+ this.roadMark.node.point.unselect();
+
+ }
+
+ }
+
+ onDelete () {
+
+ CommandHistory.execute( new RemoveRoadmarkCommand( this.roadMark, this.roadMark.lane ) );
+
+ }
+
+ onWidthChanged ( value: number, item: TvLaneRoadMark ) {
+
+ if ( item.width == value ) return;
+
+ CommandHistory.execute( ( new SetRoadmarkValueCommand( item, 'width', value ) ) );
+
+ }
+
+ onTypeChanged ( $event: MatSelectChange, item: TvLaneRoadMark ) {
+
+ if ( item.type == $event.value ) return;
+
+ CommandHistory.execute( ( new SetRoadmarkValueCommand( item, 'type', $event.value ) ) );
+
+ }
+
+ onWeightChanged ( $event: MatSelectChange, item: TvLaneRoadMark ) {
+
+ if ( item.weight == $event.value ) return;
+
+ CommandHistory.execute( ( new SetRoadmarkValueCommand( item, 'weight', $event.value ) ) );
+
+ }
+
+ onColorChanged ( $event: MatSelectChange, item: TvLaneRoadMark ) {
+
+ if ( item.color == $event.value ) return;
+
+ CommandHistory.execute( ( new SetRoadmarkValueCommand( item, 'color', $event.value ) ) );
+
+ }
+}
diff --git a/src/app/views/inspectors/lane-type-inspector/lane-inspector.component.html b/src/app/views/inspectors/lane-type-inspector/lane-inspector.component.html
new file mode 100644
index 00000000..3f70f3a5
--- /dev/null
+++ b/src/app/views/inspectors/lane-type-inspector/lane-inspector.component.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type
+
+ Driving
+ Border
+ Shoulder
+ Sidewalk
+ Stop
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/lane-type-inspector/lane-inspector.component.ts b/src/app/views/inspectors/lane-type-inspector/lane-inspector.component.ts
new file mode 100644
index 00000000..37e2da21
--- /dev/null
+++ b/src/app/views/inspectors/lane-type-inspector/lane-inspector.component.ts
@@ -0,0 +1,91 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component } from '@angular/core';
+import { IComponent } from '../../../core/game-object';
+import { TvLane } from '../../../modules/tv-map/models/tv-lane';
+import { TvLaneType } from '../../../modules/tv-map/models/tv-common';
+import { MatSelectChange } from '@angular/material';
+import { FrontSide, MeshBasicMaterial } from 'three';
+import { OdTextures } from '../../../modules/tv-map/builders/od.textures';
+import { COLOR } from '../../../shared/utils/colors.service';
+import { BaseInspector } from '../../../core/components/base-inspector.component';
+import { RemoveLaneCommand } from '../../../core/commands/remove-lane-command';
+import { CommandHistory } from '../../../services/command-history';
+import { SetLanePropertyCommand } from '../../../core/commands/set-lane-property-command';
+import { ICommandCallback } from '../../../core/commands/i-command';
+
+@Component( {
+ selector: 'app-lane-type-inspector',
+ templateUrl: './lane-inspector.component.html',
+} )
+export class LaneInspectorComponent extends BaseInspector implements IComponent, ICommandCallback {
+
+ data: TvLane;
+
+ get types () {
+ return TvLaneType;
+ }
+
+ get lane (): TvLane {
+ return this.data;
+ }
+
+ onChange ( $event: MatSelectChange ) {
+
+ this.rebuild();
+
+ }
+
+ onDelete () {
+
+ const road = this.openDrive.getRoadById( this.lane.roadId );
+
+ const laneSection = road.getLaneSectionById( this.lane.laneSectionId );
+
+ CommandHistory.execute( new RemoveLaneCommand( laneSection, this.lane ) );
+
+ }
+
+ onTypeChanged ( $event: MatSelectChange ) {
+
+ const cmd = new SetLanePropertyCommand( this.lane, 'type', $event.value );
+
+ cmd.callbacks = this;
+
+ CommandHistory.execute( cmd );
+
+ }
+
+ onExecute (): void {
+
+ this.rebuild();
+
+ }
+
+ onUndo (): void {
+
+ this.rebuild();
+
+ }
+
+ onRedo (): void {
+
+ this.rebuild();
+
+ }
+
+ rebuild () {
+
+ const material = new MeshBasicMaterial( {
+ map: OdTextures.getLaneTexture( this.lane ),
+ color: COLOR.WHITE,
+ wireframe: false,
+ side: FrontSide
+ } );
+
+ this.lane.gameObject.material = null;
+ this.lane.gameObject.material = material;
+ }
+}
diff --git a/src/app/views/inspectors/lane-width-inspector/lane-width-inspector.component.html b/src/app/views/inspectors/lane-width-inspector/lane-width-inspector.component.html
new file mode 100644
index 00000000..a4f78e8c
--- /dev/null
+++ b/src/app/views/inspectors/lane-width-inspector/lane-width-inspector.component.html
@@ -0,0 +1,11 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/lane-width-inspector/lane-width-inspector.component.ts b/src/app/views/inspectors/lane-width-inspector/lane-width-inspector.component.ts
new file mode 100644
index 00000000..e1932db8
--- /dev/null
+++ b/src/app/views/inspectors/lane-width-inspector/lane-width-inspector.component.ts
@@ -0,0 +1,125 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { LaneWidthNode } from 'app/modules/three-js/objects/control-point';
+import { TvLaneWidth } from '../../../modules/tv-map/models/tv-lane-width';
+import { TvLane } from '../../../modules/tv-map/models/tv-lane';
+import { BaseInspector } from 'app/core/components/base-inspector.component';
+import { LaneWidthTool } from 'app/core/tools/lane-width-tool';
+import { SnackBar } from 'app/services/snack-bar.service';
+import { LineType, OdLaneReferenceLineBuilder } from '../../../modules/tv-map/builders/od-lane-reference-line-builder';
+import { CommandHistory } from 'app/services/command-history';
+import { RemoveWidthNodeCommand } from 'app/core/commands/remove-width-node-command';
+
+export interface LaneWidthInspectorData {
+ node: LaneWidthNode;
+}
+
+@Component( {
+ selector: 'app-lane-width-inspector',
+ templateUrl: './lane-width-inspector.component.html'
+} )
+export class LaneWidthInspector extends BaseInspector implements OnInit, IComponent, OnDestroy {
+
+ public static widthChanged = new EventEmitter();
+ public static distanceChanged = new EventEmitter();
+
+ data: {
+ node: LaneWidthNode,
+ lane: TvLane,
+ };
+
+ private laneHelper = new OdLaneReferenceLineBuilder( null, LineType.DASHED );
+
+ constructor () {
+
+ super();
+
+ }
+
+ get node () { return this.data.node }
+
+ set node ( value ) { this.data.node = value; }
+
+ get width (): TvLaneWidth {
+ return this.data.node.laneWidth;
+ }
+
+ get roadId () {
+
+ if ( this.data.lane ) return this.data.lane.roadId;
+
+ if ( this.data.node ) return this.data.node.roadId;
+
+ SnackBar.error( "Road not found" );
+ }
+
+ get road () {
+
+ return this.openDrive.getRoadById( this.roadId );
+
+ }
+
+ ngOnInit () {
+
+ if ( this.data.node ) {
+
+ this.data.node.point.select();
+
+ }
+
+ if ( this.road ) {
+
+ LaneWidthTool.showNodes( this.road );
+
+ this.laneHelper.drawRoad( this.road, LineType.DASHED );
+
+ }
+ }
+
+ ngOnDestroy () {
+
+ if ( this.data.node ) {
+
+ this.data.node.point.unselect();
+
+ }
+
+ if ( this.road ) {
+
+ LaneWidthTool.hideNodes( this.road );
+
+ }
+
+ this.laneHelper.clear();
+ }
+
+ onWidthChanged ( $value: number ) {
+
+ // this.width.a = $value;
+
+ LaneWidthInspector.widthChanged.emit( $value );
+
+ }
+
+ onDistanceChanged ( $value: number ) {
+
+ // this.node.s = this.width.s = $value;
+
+ LaneWidthInspector.distanceChanged.emit( $value );
+
+ }
+
+ onDelete () {
+
+ if ( this.node ) {
+
+ CommandHistory.execute( new RemoveWidthNodeCommand( this.node ) );
+
+ }
+
+ }
+}
diff --git a/src/app/views/inspectors/material-inspector/material-inspector.component.css b/src/app/views/inspectors/material-inspector/material-inspector.component.css
new file mode 100644
index 00000000..802f0e61
--- /dev/null
+++ b/src/app/views/inspectors/material-inspector/material-inspector.component.css
@@ -0,0 +1,22 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.material-card {
+ margin: 0px !important;
+ padding: 0px 0px 16px !important;
+ border: none !important;
+}
+
+.material-card-thumbnail {
+ float: left;
+ margin-right: 8px;
+}
+
+.material-preview {
+ text-align: center;
+ border: 0px solid !important;
+ margin-left: -20px !important;
+ margin-top: -20px !important;
+ margin-bottom: -20px !important;
+}
\ No newline at end of file
diff --git a/src/app/views/inspectors/material-inspector/material-inspector.component.html b/src/app/views/inspectors/material-inspector/material-inspector.component.html
new file mode 100644
index 00000000..c3415c6d
--- /dev/null
+++ b/src/app/views/inspectors/material-inspector/material-inspector.component.html
@@ -0,0 +1,33 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/material-inspector/material-inspector.component.ts b/src/app/views/inspectors/material-inspector/material-inspector.component.ts
new file mode 100644
index 00000000..0fa867fd
--- /dev/null
+++ b/src/app/views/inspectors/material-inspector/material-inspector.component.ts
@@ -0,0 +1,110 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { Metadata } from 'app/core/models/metadata.model';
+import { PreviewService } from '../object-preview/object-preview.service';
+import { TvMaterial } from 'app/modules/three-js/objects/tv-material.model';
+import { AssetFactory } from 'app/core/factories/asset-factory.service';
+import { AssetDatabase } from 'app/services/asset-database';
+import { Color } from 'three';
+
+@Component( {
+ selector: 'app-material-inspector',
+ templateUrl: './material-inspector.component.html',
+ styleUrls: [ './material-inspector.component.css' ]
+} )
+export class MaterialInspector implements OnInit, IComponent, OnDestroy {
+
+ public data: {
+ material: TvMaterial,
+ guid: string
+ };
+
+ public metadata: Metadata;
+
+ get thumbnail () { return this.metadata.preview; }
+
+ get material () { return this.data.material; }
+
+ get color (): any { return '#' + this.material.color.getHexString(); }
+
+ set color ( value: any ) { this.material.color.setStyle( value ); this.updatePreviewCache(); }
+
+ get emissive () { return '#' + this.material.emissive.getHexString(); }
+
+ set emissive ( value ) { this.material.emissive.setStyle( value ); this.updatePreviewCache(); }
+
+ constructor (
+ private previewService: PreviewService,
+ ) {
+ }
+
+ ngOnInit () {
+
+ this.metadata = AssetDatabase.getMetadata( this.data.guid );
+
+ }
+
+ onNameChanged ( $name ) {
+
+ this.material.name = $name;
+
+ }
+
+ onColorChanged ( $value: Color ) {
+
+ this.material.color = $value;
+
+ this.updatePreviewCache();
+ }
+
+ // not being used
+ onEmissiveColorChanged ( $value: Color ) {
+
+ this.material.emissive = $value;
+
+ this.updatePreviewCache();
+ }
+
+ onRoughnessChanged ( $value ) {
+
+ this.material.roughness = $value;
+
+ this.updatePreviewCache();
+ }
+
+ onMetalnessChanged ( $value ) {
+
+ this.material.metalness = $value;
+
+ this.updatePreviewCache();
+ }
+
+ onMapChanged ( $guid: string, map: string ) {
+
+ this.material[ `${ map }Guid` ] = $guid;
+ this.material[ map ] = AssetDatabase.getInstance( $guid );
+ this.material[ map ].needsUpdate = true;
+
+ this.material.needsUpdate = true;
+
+ this.updatePreviewCache();
+ }
+
+
+ ngOnDestroy () {
+
+ AssetFactory.updateMaterial( this.metadata.path, this.material );
+
+ this.updatePreviewCache();
+ }
+
+ updatePreviewCache () {
+
+ this.metadata.preview = this.previewService.getMaterialPreview( this.material );
+
+ }
+}
diff --git a/src/app/views/inspectors/object-preview/object-preview.component.css b/src/app/views/inspectors/object-preview/object-preview.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/object-preview/object-preview.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/object-preview/object-preview.component.html b/src/app/views/inspectors/object-preview/object-preview.component.html
new file mode 100644
index 00000000..c0f45c0b
--- /dev/null
+++ b/src/app/views/inspectors/object-preview/object-preview.component.html
@@ -0,0 +1,7 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/object-preview/object-preview.component.ts b/src/app/views/inspectors/object-preview/object-preview.component.ts
new file mode 100644
index 00000000..0602ecbd
--- /dev/null
+++ b/src/app/views/inspectors/object-preview/object-preview.component.ts
@@ -0,0 +1,206 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { AfterViewInit, Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { BoxGeometry, Color, Mesh, MeshBasicMaterial, PerspectiveCamera, Scene, WebGLRenderer, Object3D, DirectionalLight, AmbientLight, Box3, Vector3 } from 'three';
+import { COLOR } from 'app/shared/utils/colors.service';
+import { IViewportController } from 'app/modules/three-js/objects/i-viewport-controller';
+import { OrbitControls } from 'app/modules/three-js/objects/orbit-controls';
+import { PreviewService } from './object-preview.service';
+import { AssetDatabase } from 'app/services/asset-database';
+import { RoadStyle } from 'app/services/road-style.service';
+
+@Component( {
+ selector: 'app-object-preview',
+ templateUrl: './object-preview.component.html',
+ styleUrls: [ './object-preview.component.css' ]
+} )
+export class ObjectPreviewComponent implements OnInit, AfterViewInit, OnDestroy {
+
+ @Input() path: string
+
+ @Input() guid: string;
+
+ @Input() object: Object3D;
+
+ @Input() objectType: 'default' | 'model' | 'material' | 'roadstyle' = 'default';
+
+ @ViewChild( 'viewport' ) viewportRef: ElementRef;
+
+ public renderer: WebGLRenderer;
+ public frameId: number;
+
+ public scene: Scene = new Scene;
+ public camera: PerspectiveCamera;
+ public controls: OrbitControls;
+
+ cube: Mesh;
+
+ get canvas (): HTMLCanvasElement {
+ return this.viewportRef.nativeElement;
+ }
+
+ get width (): number {
+ return this.canvas.width;
+ }
+
+ get height () {
+ return this.canvas.height;
+ }
+
+ constructor ( private previewService: PreviewService ) {
+
+ this.render = this.render.bind( this );
+
+ }
+
+ ngOnInit () {
+
+
+ }
+
+ ngAfterViewInit (): void {
+
+ this.renderer = new WebGLRenderer( { alpha: false, antialias: true, precision: 'highp', stencil: false } );
+ this.renderer.setPixelRatio( window.devicePixelRatio );
+ this.renderer.setClearColor( 0xffffff, 1 );
+ this.renderer.autoClear = true;
+
+ // setting this after loading
+ // this.renderer.setSize( this.width, 100 );
+
+ this.camera = new PerspectiveCamera( 75, 200 / 100, 0.1, 1000 );
+
+ this.controls = OrbitControls.getNew( this.camera, this.canvas );
+
+ this.addDirectionLight();
+
+ this.canvas.appendChild( this.renderer.domElement );
+
+ switch ( this.objectType ) {
+
+ case 'model': this.modelPreviewSetup(); break;
+
+ case 'material': this.materialPreviewSetup(); break;
+
+ case 'roadstyle': this.roadStylePreviewSetup(); break;
+
+ default: this.defaultObjectSetup(); break;
+ }
+
+ setTimeout( () => {
+
+ this.setCanvasSize();
+
+ }, 300 );
+
+ this.render();
+ }
+
+ ngOnDestroy (): void {
+
+ if ( this.frameId ) cancelAnimationFrame( this.frameId );
+
+ if ( this.renderer ) this.renderer.dispose();
+
+ }
+
+ modelPreviewSetup () {
+
+ this.previewService.modelPreviewSetup( this.scene, this.camera, this.object );
+
+ this.scene.add( this.previewService.ground );
+
+ this.controls.setRotateEnabled( true );
+ }
+
+ materialPreviewSetup () {
+
+ }
+
+ roadStylePreviewSetup () {
+
+ if ( !this.guid ) return;
+
+ const roadStyle = AssetDatabase.getInstance( this.guid );
+
+ // this.camera.position.z = roadStyle.
+
+ }
+
+ defaultObjectSetup () {
+
+ this.scene.background = new Color( COLOR.BLACK )
+
+ const geometry = new BoxGeometry( 1, 1, 1 );
+ const material = new MeshBasicMaterial( { color: 0x00ff00 } );
+ const cube = this.cube = new Mesh( geometry, material );
+
+ if ( this.object ) {
+
+ this.scene.add( this.object );
+
+ } else {
+
+ this.scene.add( cube );
+
+ }
+
+ this.camera = new PerspectiveCamera( 75, 200 / 100, 0.1, 1000 );
+ this.camera.position.z = 5;
+
+ // this.controls = new EditorControls( this.camera, this.renderer.domElement );
+ this.controls = OrbitControls.getNew( this.camera, this.canvas );
+
+ // console.log( this.width, this.height, this.canvas.clientWidth, this.canvas.clientHeight );
+ }
+
+
+ render () {
+
+ // this seems a faster want to call render function
+ this.frameId = requestAnimationFrame( this.render );
+
+ // this.frameId = requestAnimationFrame( () => {
+ // this.render();
+ // } );
+
+ this.renderer.render( this.scene, this.camera );
+
+ this.controls.update();
+ }
+
+ setCanvasSize () {
+
+ const container = this.renderer.domElement.parentElement.parentElement;
+
+ const box = container.getBoundingClientRect();
+
+ const width = container.clientWidth || 300;
+ const height = 300; // container.clientHeight;
+
+ this.renderer.setViewport( -box.left, -box.top, width, height );
+ this.renderer.setSize( width, height );
+
+ this.camera.aspect = width / height;
+ this.camera.updateProjectionMatrix();
+
+ }
+
+ addDirectionLight () {
+
+ const directionaLight = new DirectionalLight( '0xffffff', 1 );
+
+ directionaLight.position.set( 5, 10, 7.5 );
+
+ this.scene.add( directionaLight );
+
+ this.scene.add( directionaLight.target );
+
+ const ambientLight = new AmbientLight( 0x404040, 1 );
+
+ this.scene.add( ambientLight );
+
+ }
+}
diff --git a/src/app/views/inspectors/object-preview/object-preview.service.ts b/src/app/views/inspectors/object-preview/object-preview.service.ts
new file mode 100644
index 00000000..abae7d53
--- /dev/null
+++ b/src/app/views/inspectors/object-preview/object-preview.service.ts
@@ -0,0 +1,306 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Injectable } from '@angular/core';
+import {
+ AmbientLight,
+ BoxGeometry,
+ DirectionalLight,
+ Material,
+ Mesh,
+ MeshBasicMaterial,
+ Object3D,
+ PerspectiveCamera,
+ Scene,
+ SphereGeometry,
+ WebGLRenderer,
+ Box3,
+ Color,
+ Vector3,
+ Texture,
+ MeshLambertMaterial,
+ PlaneBufferGeometry,
+ TextureLoader
+} from 'three';
+import { IViewportController } from 'app/modules/three-js/objects/i-viewport-controller';
+import { TvRoadSign } from '../../../modules/tv-map/models/tv-road-sign.model';
+import { RoadStyle } from 'app/services/road-style.service';
+import { TvRoad } from 'app/modules/tv-map/models/tv-road.model';
+import { TvMapBuilder } from 'app/modules/tv-map/builders/od-builder.service';
+import { GameObject } from 'app/core/game-object';
+import { COLOR } from 'app/shared/utils/colors.service';
+import * as THREE from 'three';
+import { TvRoadMarking } from 'app/modules/tv-map/services/tv-marking.service';
+import { AssetDatabase } from 'app/services/asset-database';
+
+const WIDTH = 200;
+const HEIGHT = 200;
+
+@Injectable( {
+ providedIn: 'root'
+} )
+export class PreviewService {
+
+ public instance: PreviewService;
+
+ public renderer: WebGLRenderer;
+ public frameId: number;
+
+ public scene: Scene = new Scene;
+ public camera: PerspectiveCamera;
+ public controls: IViewportController;
+ public ground: Mesh;
+
+ private cube: Mesh;
+ private sphere: Mesh;
+
+ private groundTexture = new TextureLoader().load( 'assets/grass.jpg' );
+
+ constructor () {
+
+ this.ngOnInit();
+ this.ngAfterViewInit();
+
+ }
+
+ ngOnInit () {
+
+ const geometry = new BoxGeometry( 1, 1, 1 );
+ const material = new MeshBasicMaterial( { color: 0x00ff00 } );
+ const cube = this.cube = new Mesh( geometry, material );
+
+ this.scene.add( cube );
+
+ this.sphere = new Mesh( new SphereGeometry( 1, 32, 32 ), new MeshBasicMaterial( { color: 0x00ff00 } ) );
+
+ this.scene.add( this.sphere );
+
+ this.resetCamera();
+
+ const directionaLight = new DirectionalLight( '0xffffff', 1 );
+ directionaLight.position.set( 45, 45, 45 );
+
+ this.scene.add( directionaLight );
+
+ this.scene.add( new AmbientLight( 0x404040, 1 ) );
+
+ this.addGreenGround( this.scene );
+
+ this.ground.visible = false;
+ }
+
+ ngAfterViewInit (): void {
+
+ this.renderer = new WebGLRenderer( { alpha: true, antialias: true, precision: 'highp' } );
+
+ this.renderer.setSize( WIDTH, HEIGHT );
+
+ }
+
+ ngOnDestroy (): void {
+
+ if ( this.frameId != null ) {
+
+ cancelAnimationFrame( this.frameId );
+
+ }
+
+ }
+
+ resetCamera () {
+
+ this.camera = new PerspectiveCamera( 50, WIDTH / HEIGHT, 0.1, 1000 );
+ this.camera.position.z = 3;
+
+ }
+
+ // private render () {
+
+ // // this seems a faster want to call render function
+ // // requestAnimationFrame( this.render );
+
+ // // this.frameId = requestAnimationFrame( () => {
+ // // this.render();
+ // // } );
+
+ // this.cube.rotation.x += 0.01;
+ // this.cube.rotation.y += 0.01;
+
+ // this.renderer.render( this.scene, this.camera );
+
+ // // console.log( this.scene.children.length );
+
+ // // this.controls.update();
+
+ // }
+
+ // setCanvasSize () {
+
+ // const container = this.renderer.domElement.parentElement.parentElement;
+
+ // const box = container.getBoundingClientRect();
+
+ // const width = container.clientWidth || 300;
+ // const height = 300; // container.clientHeight;
+
+ // this.renderer.setViewport( -box.left, -box.top, width, height );
+ // this.renderer.setSize( width, height );
+
+ // this.camera.aspect = width / height;
+ // this.camera.updateProjectionMatrix();
+
+ // }
+
+ getMaterialPreview ( material: Material ): string {
+
+ if ( !material ) return;
+
+ this.cube.visible = false;
+ this.sphere.visible = true;
+
+ this.cube.material = this.sphere.material = material;
+
+ this.renderer.setSize( WIDTH, HEIGHT );
+
+ this.renderer.render( this.scene, this.camera );
+
+ const image = this.renderer.domElement.toDataURL();
+
+ this.cube.visible = this.sphere.visible = false;
+
+ return image;
+ }
+
+ getSignPreview ( sign: TvRoadSign ): string {
+
+ return '';
+
+ }
+
+ getModelPreview ( model: Object3D ): string {
+
+ if ( !model ) return;
+
+ this.cube.visible = this.sphere.visible = false;
+
+ this.modelPreviewSetup( this.scene, this.camera, model );
+
+ this.renderer.setSize( WIDTH, HEIGHT );
+
+ this.renderer.render( this.scene, this.camera );
+
+ const image = this.renderer.domElement.toDataURL();
+
+ this.scene.remove( model );
+
+ this.ground.visible = false;
+
+ return image;
+ }
+
+ getRoadStylePreview ( roadStyle: RoadStyle ): string {
+
+ this.camera.position.z = 20;
+
+ this.cube.visible = this.sphere.visible = false;
+
+ const gameObject = new GameObject();
+
+ const road = new TvRoad( '', 0, 1, -1 );
+
+ road.laneSections.push( roadStyle.laneSection );
+
+ road.addGeometryLine( 0, -50, 0, 0, 100 );
+
+ TvMapBuilder.buildRoad( gameObject, road );
+
+ this.scene.add( gameObject );
+
+ this.camera.position.z = road.getLeftSideWidth( 0 ) + road.getRightsideWidth( 0 );
+
+ this.renderer.setSize( WIDTH, HEIGHT );
+
+ this.renderer.render( this.scene, this.camera );
+
+ const image = this.renderer.domElement.toDataURL();
+
+ this.scene.remove( gameObject );
+
+ return image;
+ }
+
+ getRoadMarkingPreview ( marking: TvRoadMarking ): string {
+
+ this.camera.position.z = 20;
+
+ this.sphere.visible = false;
+
+ this.cube.visible = true;
+
+ const texture = AssetDatabase.getInstance( marking.textureGuid ) as Texture;
+
+ if ( !texture ) return;
+
+ ( this.cube.material as MeshBasicMaterial ).map = texture;
+
+ ( this.cube.material as MeshBasicMaterial ).map.needsUpdate = true;
+
+ ( this.cube.material as MeshBasicMaterial ).needsUpdate = true;
+
+ this.renderer.setSize( WIDTH, HEIGHT );
+
+ this.renderer.render( this.scene, this.camera );
+
+ const image = this.renderer.domElement.toDataURL();
+
+ this.cube.visible = this.sphere.visible = false;
+
+ return image;
+ }
+
+
+ modelPreviewSetup ( scene: Scene, camera: PerspectiveCamera, object: Object3D ) {
+
+ scene.background = new Color( 0xcce0ff );
+
+ scene.fog = new THREE.Fog( 0xcce0ff, 500, 10000 );
+
+ object.position.set( 0, 0, 0 );
+
+ scene.add( object );
+
+ this.ground.visible = true;
+
+ const box = new Box3().setFromObject( object );
+
+ const size = box.getSize( new Vector3() ).length();
+
+ const center = box.getCenter( new Vector3() );
+
+ camera.position.set( 0, 1, size * 1 );
+
+ camera.lookAt( object.position );
+
+ camera.updateProjectionMatrix();
+ }
+
+ private addGreenGround ( scene ) {
+
+ // ground
+ this.groundTexture.wrapS = this.groundTexture.wrapT = THREE.RepeatWrapping;
+ this.groundTexture.repeat.set( 1000, 1000 );
+ this.groundTexture.anisotropy = 16;
+
+ const groundMaterial = new MeshLambertMaterial( { map: this.groundTexture } );
+
+ this.ground = new Mesh( new PlaneBufferGeometry( 20000, 20000 ), groundMaterial );
+
+ this.ground.position.y = 0;
+ this.ground.rotation.x = - Math.PI / 2;
+ this.ground.receiveShadow = true;
+
+ scene.add( this.ground );
+ }
+}
+
diff --git a/src/app/views/inspectors/prop-curve-inspector/prop-curve-inspector.component.html b/src/app/views/inspectors/prop-curve-inspector/prop-curve-inspector.component.html
new file mode 100644
index 00000000..d6904c6b
--- /dev/null
+++ b/src/app/views/inspectors/prop-curve-inspector/prop-curve-inspector.component.html
@@ -0,0 +1,19 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/prop-curve-inspector/prop-curve-inspector.component.ts b/src/app/views/inspectors/prop-curve-inspector/prop-curve-inspector.component.ts
new file mode 100644
index 00000000..64b1f240
--- /dev/null
+++ b/src/app/views/inspectors/prop-curve-inspector/prop-curve-inspector.component.ts
@@ -0,0 +1,57 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit, Output, EventEmitter } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { AnyControlPoint } from 'app/modules/three-js/objects/control-point';
+import { PropCurve } from "../../../modules/tv-map/models/prop-curve";
+import { PropService } from 'app/services/prop-service';
+
+export class PropCurveInspectorData {
+
+ constructor (
+ public controlPoint: AnyControlPoint,
+ public propCurve: PropCurve
+ ) {
+ }
+}
+
+@Component( {
+ selector: 'app-prop-curve-inspector',
+ templateUrl: './prop-curve-inspector.component.html'
+} )
+export class PropCurveInspectorComponent implements OnInit, IComponent, OnDestroy {
+
+ data: PropCurveInspectorData;
+
+ constructor () { }
+
+ ngOnInit (): void { }
+
+ ngOnDestroy (): void { }
+
+ onSpacingChanged ( $event: string ) {
+
+ this.data.propCurve.spacing = parseFloat( $event );
+
+ PropService.updateCurveProps( this.data.propCurve );
+
+ }
+
+ onRotationChanged ( $event: string ) {
+
+ this.data.propCurve.rotation = parseFloat( $event );
+
+ PropService.updateCurveProps( this.data.propCurve );
+
+ }
+
+ onPositionVarianceChanged ( $event: string ) {
+
+ this.data.propCurve.positionVariance = parseFloat( $event );
+
+ PropService.updateCurveProps( this.data.propCurve );
+
+ }
+}
diff --git a/src/app/views/inspectors/prop-instance-inspector/prop-instance-inspector.component.html b/src/app/views/inspectors/prop-instance-inspector/prop-instance-inspector.component.html
new file mode 100644
index 00000000..712ad94b
--- /dev/null
+++ b/src/app/views/inspectors/prop-instance-inspector/prop-instance-inspector.component.html
@@ -0,0 +1,21 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/prop-instance-inspector/prop-instance-inspector.component.ts b/src/app/views/inspectors/prop-instance-inspector/prop-instance-inspector.component.ts
new file mode 100644
index 00000000..72b15400
--- /dev/null
+++ b/src/app/views/inspectors/prop-instance-inspector/prop-instance-inspector.component.ts
@@ -0,0 +1,62 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { PropInstance } from 'app/core/models/prop-instance.model';
+import { AssetDatabase } from 'app/services/asset-database';
+
+// import { ProjectBrowserService } from 'app/views/editor/project-browser/project-browser.service';
+
+@Component( {
+ selector: 'app-prop-instance-inspector',
+ templateUrl: './prop-instance-inspector.component.html',
+ styles: [
+ `.example-card {
+ max-width: 400px;
+ }
+ .example-header-image {
+ background-size: cover;
+ cursor: pointer;
+ }
+ .example-header-image:hover {
+ border: 1px solid blue;
+ }
+
+ `
+ ]
+
+} )
+export class PropInstanceInspectorComponent implements OnInit, IComponent, OnDestroy {
+
+ data: PropInstance;
+
+ // TODO: Fix Editing, Position, Rotation, Scale
+
+ previewImage: string;
+
+ constructor () { }
+
+ get metadata () { return AssetDatabase.getMetadata( this.data.guid ); }
+
+ ngOnInit (): void {
+
+ if ( this.data ) {
+
+ this.previewImage = this.metadata.preview;
+
+ }
+
+ }
+
+ ngOnDestroy (): void { }
+
+ onPropModelClicked () {
+
+ console.error( "method not implemented" );
+ // this.projectBrowser.showFileByGuid( this.data.guid );
+
+ }
+
+}
diff --git a/src/app/views/inspectors/prop-model-inspector/prop-model-inspector.component.html b/src/app/views/inspectors/prop-model-inspector/prop-model-inspector.component.html
new file mode 100644
index 00000000..951747c8
--- /dev/null
+++ b/src/app/views/inspectors/prop-model-inspector/prop-model-inspector.component.html
@@ -0,0 +1,11 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/prop-model-inspector/prop-model-inspector.component.ts b/src/app/views/inspectors/prop-model-inspector/prop-model-inspector.component.ts
new file mode 100644
index 00000000..942efac7
--- /dev/null
+++ b/src/app/views/inspectors/prop-model-inspector/prop-model-inspector.component.ts
@@ -0,0 +1,71 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { Vector3, Object3D } from 'three';
+import { AssetLoaderService } from 'app/services/asset-loader.service';
+import { DynamicMeta } from 'app/core/models/metadata.model';
+import { CommandHistory } from 'app/services/command-history';
+import { SetValueCommand } from 'app/modules/three-js/commands/set-value-command';
+import { PropModel } from 'app/core/models/prop-model.model';
+import { AssetFactory } from 'app/core/factories/asset-factory.service';
+import { AssetDatabase } from 'app/services/asset-database';
+import { PropService } from 'app/services/prop-service';
+
+@Component( {
+ selector: 'app-prop-model-inspector',
+ templateUrl: './prop-model-inspector.component.html'
+} )
+export class PropModelInspectorComponent implements OnInit, IComponent, OnDestroy {
+
+ public data: DynamicMeta;
+
+ public rotationVariance: Vector3;
+
+ public scaleVariance: Vector3;
+
+ public object: Object3D;
+
+ get prop () { return this.data.data as PropModel; }
+
+ constructor ( private assetService: AssetLoaderService ) { }
+
+ ngOnInit () {
+
+ // this.rotationVariance = new Vector3( this.prop.rotationVariance.x, this.prop.rotationVariance.y, this.prop.rotationVariance.z );
+
+ // this.scaleVariance = new Vector3( this.prop.scaleVariance.x, this.prop.scaleVariance.y, this.prop.scaleVariance.z );
+
+ this.object = AssetDatabase.getInstance( this.data.guid ) as Object3D;
+
+ PropService.setProp( this.data );
+ }
+
+ ngOnDestroy () {
+
+ this.updateAssetFile();
+
+ }
+
+ updateAssetFile () {
+
+ // AssetFactory.updatePropModelByGuid( this.data.guid, this.prop );
+
+ }
+
+ rotationChanged () {
+
+ this.updateAssetFile();
+
+ CommandHistory.execute( new SetValueCommand( this.prop, 'rotationVariance', this.rotationVariance ) );
+ }
+
+ scaleChanged () {
+
+ this.updateAssetFile();
+
+ CommandHistory.execute( new SetValueCommand( this.prop, 'scaleVariance', this.scaleVariance ) );
+ }
+}
diff --git a/src/app/views/inspectors/prop-polygon-inspector/prop-polygon-inspector.component.css b/src/app/views/inspectors/prop-polygon-inspector/prop-polygon-inspector.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/prop-polygon-inspector/prop-polygon-inspector.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/prop-polygon-inspector/prop-polygon-inspector.component.html b/src/app/views/inspectors/prop-polygon-inspector/prop-polygon-inspector.component.html
new file mode 100644
index 00000000..2cb6a94c
--- /dev/null
+++ b/src/app/views/inspectors/prop-polygon-inspector/prop-polygon-inspector.component.html
@@ -0,0 +1,16 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/prop-polygon-inspector/prop-polygon-inspector.component.ts b/src/app/views/inspectors/prop-polygon-inspector/prop-polygon-inspector.component.ts
new file mode 100644
index 00000000..cfea43e2
--- /dev/null
+++ b/src/app/views/inspectors/prop-polygon-inspector/prop-polygon-inspector.component.ts
@@ -0,0 +1,41 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit, Output, EventEmitter } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { AnyControlPoint } from 'app/modules/three-js/objects/control-point';
+import { PropService } from 'app/services/prop-service';
+import { PropPolygon } from 'app/modules/tv-map/models/prop-polygons';
+
+export class PropPolygonInspectorData {
+
+ constructor (
+ public controlPoint: AnyControlPoint,
+ public polygon: PropPolygon
+ ) {
+ }
+}
+
+@Component( {
+ selector: 'app-prop-polygon-inspector',
+ templateUrl: './prop-polygon-inspector.component.html'
+} )
+export class PropPolygonInspectorComponent implements OnInit, IComponent, OnDestroy {
+
+ data: PropPolygonInspectorData;
+
+ constructor () { }
+
+ ngOnInit (): void { }
+
+ ngOnDestroy (): void { }
+
+ onDensityChanged ( $event: string ) {
+
+ this.data.polygon.density = parseFloat( $event );
+
+ PropService.updateCurvePolygonProps( this.data.polygon );
+
+ }
+}
diff --git a/src/app/views/inspectors/road-control-point-inspector/road-control-point-inspector.component.css b/src/app/views/inspectors/road-control-point-inspector/road-control-point-inspector.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/road-control-point-inspector/road-control-point-inspector.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/road-control-point-inspector/road-control-point-inspector.component.html b/src/app/views/inspectors/road-control-point-inspector/road-control-point-inspector.component.html
new file mode 100644
index 00000000..6840c73f
--- /dev/null
+++ b/src/app/views/inspectors/road-control-point-inspector/road-control-point-inspector.component.html
@@ -0,0 +1,23 @@
+
+
+
+
+ Road Control Point
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/road-control-point-inspector/road-control-point-inspector.component.ts b/src/app/views/inspectors/road-control-point-inspector/road-control-point-inspector.component.ts
new file mode 100644
index 00000000..63ceb136
--- /dev/null
+++ b/src/app/views/inspectors/road-control-point-inspector/road-control-point-inspector.component.ts
@@ -0,0 +1,42 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { RoadControlPoint } from 'app/modules/three-js/objects/road-control-point';
+import { BaseInspector } from 'app/core/components/base-inspector.component';
+import { TvRoad } from '../../../modules/tv-map/models/tv-road.model';
+
+@Component( {
+ selector: 'app-road-control-point-inspector',
+ templateUrl: './road-control-point-inspector.component.html',
+ styleUrls: [ './road-control-point-inspector.component.css' ]
+} )
+export class RoadControlPointInspector extends BaseInspector implements OnInit, OnDestroy, IComponent {
+
+ @Input() data: RoadControlPoint;
+
+ constructor () { super() }
+
+ get controlPoint (): RoadControlPoint { return this.data; }
+
+ get road (): TvRoad { return this.data.road }
+
+ ngOnInit (): void {
+
+ if ( this.data ) this.data.select();
+
+ if ( this.road && this.road.spline ) this.road.spline.show();
+
+ }
+
+ ngOnDestroy (): void {
+
+ if ( this.data ) this.data.unselect();
+
+ if ( this.road && this.road.spline ) this.road.spline.hide();
+
+ }
+
+}
diff --git a/src/app/views/inspectors/road-inspector/road-inspector.component.html b/src/app/views/inspectors/road-inspector/road-inspector.component.html
new file mode 100644
index 00000000..758a22c5
--- /dev/null
+++ b/src/app/views/inspectors/road-inspector/road-inspector.component.html
@@ -0,0 +1,38 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/road-inspector/road-inspector.component.ts b/src/app/views/inspectors/road-inspector/road-inspector.component.ts
new file mode 100644
index 00000000..d7716d9e
--- /dev/null
+++ b/src/app/views/inspectors/road-inspector/road-inspector.component.ts
@@ -0,0 +1,146 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { IComponent } from '../../../core/game-object';
+import { TvRoad } from '../../../modules/tv-map/models/tv-road.model';
+import { TvRoadType } from '../../../modules/tv-map/models/tv-common';
+import { TvMapBuilder } from '../../../modules/tv-map/builders/od-builder.service';
+import { RoadNode } from 'app/modules/three-js/objects/road-node';
+import { CommandHistory } from 'app/services/command-history';
+import { SetValueCommand } from 'app/modules/three-js/commands/set-value-command';
+import { RoadControlPoint } from 'app/modules/three-js/objects/road-control-point';
+
+@Component( {
+ selector: 'app-road-inspector',
+ templateUrl: './road-inspector.component.html',
+ styles: [
+ `
+ .example-card {
+ max-width: 400px;
+ }
+
+ .example-header-image {
+ background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
+ background-size: cover;
+ }
+ `
+ ]
+} )
+export class RoadInspector implements OnInit, OnDestroy, IComponent {
+
+ data: {
+ road: TvRoad,
+ controlPoint: RoadControlPoint,
+ node: RoadNode,
+ };
+
+ constructor () { }
+
+ get road (): TvRoad { return this.data.road; }
+
+ get controlPoint (): RoadControlPoint { return this.data.controlPoint; }
+
+ get node (): RoadNode { return this.data.node; }
+
+ get roadSpeed () { return this.roadType ? this.roadType.speed.max : null }
+
+ get roadTypesEnum () { return TvRoadType; }
+
+ get type () { return this.roadType ? this.roadType.type : null }
+
+ get roadType () { return this.road ? this.road.getRoadTypeAt( 0 ) : null; }
+
+ ngOnInit () {
+
+ if ( this.road ) this.road.spline.show();
+
+ if ( this.controlPoint ) this.controlPoint.select();
+
+ if ( this.data.node ) this.node.selected();
+ }
+
+ ngOnDestroy () {
+
+ if ( this.road ) this.road.spline.hide();
+
+ if ( this.controlPoint ) this.controlPoint.unselect();
+
+ if ( this.data.node ) this.data.node.unselected();
+
+ }
+
+ onRoadSpeedChanged ( $value: number ) {
+
+ CommandHistory.execute( new SetValueCommand( this.roadType.speed, 'max', $value ) );
+
+ }
+
+ onRoadTypeChanged ( $value: any ) {
+
+ CommandHistory.execute( new SetValueCommand( this.roadType, 'type', $value ) );
+
+ }
+
+ onDrivingMaterialChanged ( $guid: string ) {
+
+ this.road.drivingMaterialGuid = $guid;
+
+ this.road.laneSections.forEach( section => {
+
+ section.lanes.forEach( lane => {
+
+ lane.gameObject.material = TvMapBuilder.getLaneMaterial( this.road, lane );
+
+ } )
+
+ } )
+
+ }
+
+ onSidewalkMaterialChanged ( $guid: string ) {
+
+ this.road.sidewalkMaterialGuid = $guid;
+
+ this.road.laneSections.forEach( section => {
+
+ section.lanes.forEach( lane => {
+
+ lane.gameObject.material = TvMapBuilder.getLaneMaterial( this.road, lane );
+
+ } )
+
+ } )
+ }
+
+ onBorderMaterialChanged ( $guid: string ) {
+
+ this.road.borderMaterialGuid = $guid;
+
+ this.road.laneSections.forEach( section => {
+
+ section.lanes.forEach( lane => {
+
+ lane.gameObject.material = TvMapBuilder.getLaneMaterial( this.road, lane );
+
+ } )
+
+ } )
+ }
+
+ onShoulderMaterialChanged ( $guid: string ) {
+
+ this.road.shoulderMaterialGuid = $guid;
+
+ this.road.laneSections.forEach( section => {
+
+ section.lanes.forEach( lane => {
+
+ lane.gameObject.material = TvMapBuilder.getLaneMaterial( this.road, lane );
+
+ } )
+
+ } )
+ }
+}
diff --git a/src/app/views/inspectors/road-marking-inspector/road-marking-inspector.component.css b/src/app/views/inspectors/road-marking-inspector/road-marking-inspector.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/road-marking-inspector/road-marking-inspector.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/road-marking-inspector/road-marking-inspector.component.html b/src/app/views/inspectors/road-marking-inspector/road-marking-inspector.component.html
new file mode 100644
index 00000000..6ff8eb26
--- /dev/null
+++ b/src/app/views/inspectors/road-marking-inspector/road-marking-inspector.component.html
@@ -0,0 +1,13 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/road-marking-inspector/road-marking-inspector.component.ts b/src/app/views/inspectors/road-marking-inspector/road-marking-inspector.component.ts
new file mode 100644
index 00000000..dfef6695
--- /dev/null
+++ b/src/app/views/inspectors/road-marking-inspector/road-marking-inspector.component.ts
@@ -0,0 +1,67 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { TvRoadMarking, TvMarkingService } from 'app/modules/tv-map/services/tv-marking.service';
+import { Metadata } from 'app/core/models/metadata.model';
+import { AssetDatabase } from 'app/services/asset-database';
+import { Texture } from 'three';
+import { CommandHistory } from 'app/services/command-history';
+import { SetValueCommand } from 'app/modules/three-js/commands/set-value-command';
+import { AssetFactory } from 'app/core/factories/asset-factory.service';
+
+@Component( {
+ selector: 'app-road-marking-inspector',
+ templateUrl: './road-marking-inspector.component.html',
+ styleUrls: [ './road-marking-inspector.component.css' ]
+} )
+export class RoadMarkingInspector implements OnInit, IComponent, OnDestroy {
+
+ data: {
+ roadMarking: TvRoadMarking,
+ guid: string
+ };
+
+ metadata: Metadata;
+
+ texture: Texture;
+
+ constructor () { }
+
+ // get thumbnail () { return this.metadata.preview; }
+
+ get thumbnail () { return this.texture && this.texture.image ? this.texture.image.currentSrc : "" }
+
+ ngOnInit () {
+
+ TvMarkingService.currentMarking = this.data.roadMarking;
+
+ this.metadata = AssetDatabase.getMetadata( this.data.guid );
+
+ this.texture = AssetDatabase.getInstance( this.data.roadMarking.textureGuid );
+
+ }
+
+ ngOnDestroy (): void {
+
+ this.updateAssetFile();
+
+ }
+
+ updateAssetFile () {
+
+ if ( !this.metadata ) return;
+
+ AssetFactory.updateRoadMarking( this.metadata.path, this.data.roadMarking );
+
+ }
+
+
+ onTextureChanged ( $guid: string ) {
+
+ CommandHistory.execute( new SetValueCommand( this.data.roadMarking, 'textureGuid', $guid ) );
+
+ }
+}
diff --git a/src/app/views/inspectors/road-object-inspector/road-object-inspector.component.html b/src/app/views/inspectors/road-object-inspector/road-object-inspector.component.html
new file mode 100644
index 00000000..2ed3b31a
--- /dev/null
+++ b/src/app/views/inspectors/road-object-inspector/road-object-inspector.component.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/road-object-inspector/road-object-inspector.component.ts b/src/app/views/inspectors/road-object-inspector/road-object-inspector.component.ts
new file mode 100644
index 00000000..380f5bcb
--- /dev/null
+++ b/src/app/views/inspectors/road-object-inspector/road-object-inspector.component.ts
@@ -0,0 +1,44 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { TvRoadObject } from '../../../modules/tv-map/models/tv-road-object';
+
+@Component( {
+ selector: 'app-road-object-inspector',
+ templateUrl: './road-object-inspector.component.html',
+} )
+export class RoadObjectInspectorComponent implements OnInit, IComponent {
+
+ data: TvRoadObject;
+
+ constructor () {
+ }
+
+ // TODO: Get this properly
+ get signMaterial () {
+ return this.data.mesh.material;
+ }
+
+ ngOnInit () {
+ }
+
+ updatePosition ( $event: number ) {
+
+ // const road = OdSourceFile.openDrive.getRoadById( this.data.road_id );
+
+ // const pose = road.getPositionAt( this.data.attr_s, this.data.attr_t );
+
+ // this.data.GameObject.position.set( pose.x, pose.y, 0 );
+
+ }
+
+ onDelete () {
+
+ // CommandHistory.execute( new RemoveSignalCommand( this.data ) );
+
+ }
+
+}
diff --git a/src/app/views/inspectors/road-sign-inspector/road-sign-inspector.component.css b/src/app/views/inspectors/road-sign-inspector/road-sign-inspector.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/road-sign-inspector/road-sign-inspector.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/road-sign-inspector/road-sign-inspector.component.html b/src/app/views/inspectors/road-sign-inspector/road-sign-inspector.component.html
new file mode 100644
index 00000000..df0b9d90
--- /dev/null
+++ b/src/app/views/inspectors/road-sign-inspector/road-sign-inspector.component.html
@@ -0,0 +1,9 @@
+
+
+
+ road-sign-inspector works!
+
+ {{ data | json }}
+
diff --git a/src/app/views/inspectors/road-sign-inspector/road-sign-inspector.component.ts b/src/app/views/inspectors/road-sign-inspector/road-sign-inspector.component.ts
new file mode 100644
index 00000000..2ce3a71d
--- /dev/null
+++ b/src/app/views/inspectors/road-sign-inspector/road-sign-inspector.component.ts
@@ -0,0 +1,22 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { TvRoadSign } from '../../../modules/tv-map/models/tv-road-sign.model';
+
+@Component( {
+ selector: 'app-road-sign-inspector',
+ templateUrl: './road-sign-inspector.component.html',
+ styleUrls: [ './road-sign-inspector.component.css' ]
+} )
+export class RoadSignInspector implements OnInit, IComponent {
+
+ public data: TvRoadSign;
+
+ constructor () { }
+
+ ngOnInit () { }
+
+}
diff --git a/src/app/views/inspectors/road-style-inspector/road-style-inspector.component.css b/src/app/views/inspectors/road-style-inspector/road-style-inspector.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/road-style-inspector/road-style-inspector.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/road-style-inspector/road-style-inspector.component.html b/src/app/views/inspectors/road-style-inspector/road-style-inspector.component.html
new file mode 100644
index 00000000..f2dcbd6a
--- /dev/null
+++ b/src/app/views/inspectors/road-style-inspector/road-style-inspector.component.html
@@ -0,0 +1,5 @@
+
+
+
diff --git a/src/app/views/inspectors/road-style-inspector/road-style-inspector.component.ts b/src/app/views/inspectors/road-style-inspector/road-style-inspector.component.ts
new file mode 100644
index 00000000..a4d20dc9
--- /dev/null
+++ b/src/app/views/inspectors/road-style-inspector/road-style-inspector.component.ts
@@ -0,0 +1,50 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { IComponent, GameObject } from 'app/core/game-object';
+import { RoadStyle } from 'app/services/road-style.service';
+import { TvRoad } from 'app/modules/tv-map/models/tv-road.model';
+import { TvMapBuilder } from 'app/modules/tv-map/builders/od-builder.service';
+import { Object3D } from 'three';
+
+@Component( {
+ selector: 'app-road-style-inspector',
+ templateUrl: './road-style-inspector.component.html',
+ styleUrls: [ './road-style-inspector.component.css' ]
+} )
+export class RoadStyleInspector implements OnInit, IComponent, OnDestroy {
+
+ object: Object3D;
+
+ constructor () { }
+
+ data: {
+ roadStyle: RoadStyle,
+ guid: string
+ };
+
+ ngOnInit () {
+
+ console.log( this.data );
+
+ const gameObject = new GameObject();
+
+ const road = new TvRoad( "", 0, 1, -1 );
+
+ road.addGeometryLine( 0, -50, 0, 0, 100 );
+
+ road.laneSections.push( this.data.roadStyle.laneSection );
+
+ TvMapBuilder.buildRoad( gameObject, road );
+
+ this.object = road.gameObject;
+ }
+
+ ngOnDestroy (): void {
+
+
+ }
+
+}
diff --git a/src/app/views/inspectors/shape-inspector/shape-inspector.component.css b/src/app/views/inspectors/shape-inspector/shape-inspector.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/shape-inspector/shape-inspector.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/shape-inspector/shape-inspector.component.html b/src/app/views/inspectors/shape-inspector/shape-inspector.component.html
new file mode 100644
index 00000000..12034360
--- /dev/null
+++ b/src/app/views/inspectors/shape-inspector/shape-inspector.component.html
@@ -0,0 +1,26 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/shape-inspector/shape-inspector.component.ts b/src/app/views/inspectors/shape-inspector/shape-inspector.component.ts
new file mode 100644
index 00000000..a40c69aa
--- /dev/null
+++ b/src/app/views/inspectors/shape-inspector/shape-inspector.component.ts
@@ -0,0 +1,90 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { IComponent } from '../../../core/game-object';
+import { SceneService } from '../../../core/services/scene.service';
+import * as THREE from 'three';
+import { CurvePath, Mesh, Shape, Vector3 } from 'three';
+
+@Component( {
+ selector: 'app-shape-inspector',
+ templateUrl: './shape-inspector.component.html',
+ styleUrls: [ './shape-inspector.component.css' ]
+} )
+export class ShapeInspectorComponent implements OnInit, IComponent {
+
+ data: Shape;
+
+ mesh: Mesh;
+
+ _spline: any;
+
+ constructor () {
+ }
+
+ get shape () {
+ return this.data;
+ }
+
+ get randomSpline () {
+ if ( this._spline ) return this._spline;
+ var randomPoints = [];
+ for ( var i = 0; i < 10; i++ ) {
+ randomPoints.push( new THREE.Vector3( ( i - 4.5 ) * 50, THREE.Math.randFloat( -50, 50 ), THREE.Math.randFloat( -50, 50 ) ) );
+ }
+ var randomSpline = this._spline = new THREE.CatmullRomCurve3( randomPoints );
+ return randomSpline;
+ }
+
+ get geometry () {
+
+ var curePath = new CurvePath();
+
+ curePath.add( this.randomSpline );
+
+ var extrudeSettings = {
+ steps: 200,
+ bevelEnabled: false,
+ extrudePath: curePath
+ };
+
+ var geometry = new THREE.ExtrudeBufferGeometry( this.shape, extrudeSettings );
+
+ return geometry;
+ }
+
+ ngOnInit () {
+
+ var length = 12, width = 8;
+
+ var shape = new THREE.Shape();
+ shape.moveTo( 0, 0 );
+ shape.lineTo( 0, width );
+ shape.lineTo( length, width );
+ shape.lineTo( length, 0 );
+ shape.lineTo( 0, 0 );
+
+ this.data = shape;
+
+ var material = new THREE.MeshBasicMaterial( { color: 0x00ff00, wireframe: true } );
+
+ this.mesh = new THREE.Mesh( this.geometry, material );
+
+ SceneService.add( this.mesh );
+ }
+
+ updateGroupGeometry () {
+
+ this.mesh.geometry.dispose();
+
+ this.mesh.geometry = this.geometry;
+ }
+
+ onChange () {
+
+ this.updateGroupGeometry();
+
+ }
+}
diff --git a/src/app/views/inspectors/signal-inspector/signal-inspector.component.html b/src/app/views/inspectors/signal-inspector/signal-inspector.component.html
new file mode 100644
index 00000000..5e4182da
--- /dev/null
+++ b/src/app/views/inspectors/signal-inspector/signal-inspector.component.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/views/inspectors/signal-inspector/signal-inspector.component.ts b/src/app/views/inspectors/signal-inspector/signal-inspector.component.ts
new file mode 100644
index 00000000..5636a934
--- /dev/null
+++ b/src/app/views/inspectors/signal-inspector/signal-inspector.component.ts
@@ -0,0 +1,51 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { IComponent } from 'app/core/game-object';
+import { TvRoadSignal } from '../../../modules/tv-map/models/tv-road-signal.model';
+import { RemoveSignalCommand } from '../../../core/commands/remove-signal-command';
+import { TvMapSourceFile } from '../../../modules/tv-map/services/tv-map-source-file';
+import { CommandHistory } from '../../../services/command-history';
+
+@Component( {
+ selector: 'app-signal-inspector',
+ templateUrl: './signal-inspector.component.html',
+} )
+export class OdSignalInspectorComponent implements OnInit, IComponent {
+
+ data: TvRoadSignal;
+
+ constructor () {
+ }
+
+ // TODO: Get this properly
+ get signMaterial () {
+ return this.data.gameObject.children[ 0 ].children[ 0 ][ 'material' ];
+ }
+
+ get model () {
+ return this.data.assetName.attr_value;
+ }
+
+ ngOnInit () {
+ }
+
+ updatePosition ( $event: number ) {
+
+ const road = TvMapSourceFile.openDrive.getRoadById( this.data.roadId );
+
+ const pose = road.getPositionAt( this.data.s, this.data.t );
+
+ this.data.gameObject.position.set( pose.x, pose.y, 0 );
+
+ }
+
+ onDelete () {
+
+ CommandHistory.execute( new RemoveSignalCommand( this.data ) );
+
+ }
+
+}
diff --git a/src/app/views/inspectors/texture-inspector/texture-inspector.component.css b/src/app/views/inspectors/texture-inspector/texture-inspector.component.css
new file mode 100644
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/inspectors/texture-inspector/texture-inspector.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/inspectors/texture-inspector/texture-inspector.component.html b/src/app/views/inspectors/texture-inspector/texture-inspector.component.html
new file mode 100644
index 00000000..79c0a575
--- /dev/null
+++ b/src/app/views/inspectors/texture-inspector/texture-inspector.component.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/texture-inspector/texture-inspector.component.ts b/src/app/views/inspectors/texture-inspector/texture-inspector.component.ts
new file mode 100644
index 00000000..1bd2c165
--- /dev/null
+++ b/src/app/views/inspectors/texture-inspector/texture-inspector.component.ts
@@ -0,0 +1,59 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Texture } from 'three';
+import { IComponent } from 'app/core/game-object';
+import { Metadata } from 'app/core/models/metadata.model';
+import { AssetDatabase } from 'app/services/asset-database';
+import { MetadataFactory } from 'app/core/factories/metadata-factory.service';
+
+@Component( {
+ selector: 'app-texture-inspector',
+ templateUrl: './texture-inspector.component.html',
+ styleUrls: [ './texture-inspector.component.css' ]
+} )
+export class TextureInspector implements OnInit, IComponent, OnDestroy {
+
+ // @Input() texture: Texture;
+
+ public data: {
+ texture: Texture,
+ guid: string
+ };
+
+ public metadata: Metadata;
+
+ get texture (): Texture { return this.data.texture; }
+
+ constructor () { }
+
+ ngOnInit () {
+
+ this.metadata = AssetDatabase.getMetadata( this.data.guid );
+
+ console.log( this.data );
+ // console.log( this.texture );
+ // console.log( this.texture.image );
+
+ }
+
+ ngOnDestroy () {
+
+ if ( this.texture ) {
+
+ // TODO: fix file saving
+ MetadataFactory.createTextureMetadata( this.metadata.guid, this.metadata.path, this.texture );
+
+ }
+ }
+
+ onChange ( $event ) {
+
+ this.texture.needsUpdate = true;
+
+ }
+
+
+}
diff --git a/src/app/views/inspectors/transform-inspector/transform-inspector.component.html b/src/app/views/inspectors/transform-inspector/transform-inspector.component.html
new file mode 100644
index 00000000..4a23aea4
--- /dev/null
+++ b/src/app/views/inspectors/transform-inspector/transform-inspector.component.html
@@ -0,0 +1,45 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/views/inspectors/transform-inspector/transform-inspector.component.ts b/src/app/views/inspectors/transform-inspector/transform-inspector.component.ts
new file mode 100644
index 00000000..738052f4
--- /dev/null
+++ b/src/app/views/inspectors/transform-inspector/transform-inspector.component.ts
@@ -0,0 +1,68 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import { Component, Input, OnInit } from '@angular/core';
+import { IComponent } from '../../../core/game-object';
+import { Euler, Object3D, Vector3 } from 'three';
+import { CommandHistory } from '../../../services/command-history';
+import { SetPositionCommand } from '../../../modules/three-js/commands/set-position-command';
+import { SetRotationCommand } from '../../../modules/three-js/commands/set-rotation-command';
+import { SetScaleCommand } from '../../../modules/three-js/commands/set-scale-command';
+import { Maths } from '../../../utils/maths';
+
+@Component( {
+ selector: 'app-transform-inspector',
+ templateUrl: './transform-inspector.component.html',
+} )
+export class TransformInspectorComponent implements OnInit, IComponent {
+
+ @Input() data: Object3D;
+
+ @Input() showPosition = true;
+ @Input() showRotation = true;
+ @Input() showScale = true;
+
+ public position: Vector3;
+ public rotation: Euler;
+ public scale: Vector3;
+
+ constructor () {
+ }
+
+
+ ngOnInit (): void {
+
+ this.position = this.data.position.clone();
+ this.rotation = this.data.rotation.clone();
+ this.scale = this.data.scale.clone();
+
+ this.rotation.x *= Maths.Rad2Deg;
+ this.rotation.y *= Maths.Rad2Deg;
+ this.rotation.z *= Maths.Rad2Deg;
+ }
+
+ positionChanged () {
+
+ CommandHistory.execute( new SetPositionCommand( this.data, this.position ) );
+
+ }
+
+ rotationChanged () {
+
+ const rotation = this.rotation.clone();
+
+ rotation.x *= Maths.Deg2Rad;
+ rotation.y *= Maths.Deg2Rad;
+ rotation.z *= Maths.Deg2Rad;
+
+ CommandHistory.execute( new SetRotationCommand( this.data, rotation ) );
+
+ }
+
+ scaleChanged () {
+
+ CommandHistory.execute( new SetScaleCommand( this.data, this.scale ) );
+
+ }
+}
diff --git a/src/app/views/sessions/error/error.component.css b/src/app/views/sessions/error/error.component.css
new file mode 100755
index 00000000..707523f7
--- /dev/null
+++ b/src/app/views/sessions/error/error.component.css
@@ -0,0 +1,4 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
diff --git a/src/app/views/sessions/error/error.component.html b/src/app/views/sessions/error/error.component.html
new file mode 100755
index 00000000..d780a4eb
--- /dev/null
+++ b/src/app/views/sessions/error/error.component.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
error
+
+
404
+
Page Not Found!
+
+
+
+
+
+
+
+
+
+
Use SHIFT + LEFT CLICK to create control points.
LEFT CLICK control points to drag and reshape road.
LEFT CLICK to select node (Red Highlights at start/end of road).
Roads can be linked/joined by selecting 2 nodes
",
+
+ "LANE-WIDTH-TOOL-TITLE": "Lane Width Tool",
+ "LANE-WIDTH-TOOL-DESCRIPTION": "Tool to edit width of lane.
Use SHIFT + LEFT CLICK to insert a new node.
Use LEFT CLICK to select a node and edit.
Drag selected node to change distance value
Change node properties from the inspector.
",
+
+ "ADD-LANE-TOOL-TITLE": "Add Lane Tool",
+ "ADD-LANE-TOOL-DESCRIPTION": "Add new duplicate lane.
Use SHIFT + LEFT CLICK to select the lane you want to duplicate.
New lane will be added next to the selected lane.
",
+
+ "LANE-TYPE-TOOL-TITLE": "Lane Type Tool",
+ "LANE-TYPE-TOOL-DESCRIPTION": "Change the type of lane.
Use SHIFT + LEFT CLICK to select the lane.
Change the lane type from the inspector.
",
+ "LANE-TOOL-TITLE": "Lane Tool",
+ "LANE-TOOL-DESCRIPTION": "Change the type, material & other properties of lane.
Use SHIFT + LEFT CLICK to select the lane.
Change the lane type from the inspector.
",
+
+ "LANE-MARKING-TOOL-TITLE": "Lane Marking Tool",
+ "LANE-MARKING-TOOL-DESCRIPTION": "Tool to edit lane markings.
Use LEFT CLICK to select road, lane, marking via node or lines.
Use SHIFT + LEFT CLICK to insert new node.
Use LEFT CLICK to select node & drag it to change distance value.
Change node and marking properties from inspector
",
+
+ "LANE-DIRECTION-TOOL-TITLE": "Lane Direction Tool",
+ "LANE-DIRECTION-TOOL-DESCRIPTION": "Adjust Lane Direction for traffic.
Use SHIFT + LEFT CLICK to select the lane
Change values from the inspector.
",
+
+ "ROAD-SIGNAL-TOOL-TITLE": "Road Signal Tool",
+ "ROAD-SIGNAL-TOOL-DESCRIPTION": "Add Traffic Signals.
Use SHIFT + LEFT CLICK to add a signal in the environment.
Drag the control point to move the signal.
Change values from the inspector.",
+
+ "ROAD-OBJECT-TOOL-TITLE": "Road Object Tool",
+ "ROAD-OBJECT-TOOL-DESCRIPTION": "Add objects & props in the environment.
Use SHIFT + LEFT CLICK to add an object in the environment.
Drag the control point to move the object.
Change values from the inspector.",
+
+ "ROAD-SIGN-TOOL-TITLE": "Road Sign Tool",
+ "ROAD-SIGN-TOOL-DESCRIPTION": "Add Road Sign.
Use SHIFT + LEFT CLICK to add a sign in the environment.
Drag the control point to move the sign.
Change values from the inspector.",
+ "VEHICLE-TOOL-TITLE": "Vehicle Tool",
+ "VEHICLE-TOOL-DESCRIPTION": "Add Vehicle actors.
Use SHIFT + LEFT CLICK to add drop an actor in scene.
Drag the control point to move the actor.
Change values from the inspector.",
+
+ "EXTRA": "EXTRA"
+
+}
\ No newline at end of file
diff --git a/src/assets/i18n/es.json b/src/assets/i18n/es.json
new file mode 100644
index 00000000..fdf00998
--- /dev/null
+++ b/src/assets/i18n/es.json
@@ -0,0 +1,78 @@
+{
+ "DASHBOARD": "Tablero",
+ "APPS": "Apps",
+ "INBOX": "Mensaje",
+ "CHAT": "Charla",
+ "CALENDAR": "Calendario",
+ "DIALOGS": "Diálogo",
+ "CONFIRM": "Confirmar",
+ "LOADER": "Loader",
+
+ "MEMBER": "Miembro",
+ "MATERIAL": "Material",
+ "BUTTONS": "Botones",
+ "CARDS": "Tarjeta",
+ "SELECT": "Seleccionar",
+ "AUTOCOMPLETE": "Autocomplete",
+ "INPUT": "Entrada",
+ "CHECKBOX": "Checkbox",
+ "DATEPICKER": "Datepicker",
+ "RADIO": "Radio",
+ "TOOLBAR": "Toolbar",
+ "LISTS": "lista",
+ "GRIDS": "Grids",
+ "PROGRESS": "Progreso",
+ "TABS": "Tabs",
+ "SWITCH": "Cambio",
+ "TOOLTIP": "Tooltip",
+ "MENU": "Menú",
+ "SAVE": "Salvar",
+ "SLIDER": "Slider",
+ "SNACKBAR": "Snackbar",
+
+ "FORMS": "Formularios",
+ "EDITOR": "Editor",
+ "BASIC": "Sencillo",
+ "UPLOAD": "Upload",
+ "WIZARD": "paso a paso",
+
+ "TABLES": "Mesas",
+ "FULLSCREEN": "Pantalla Completa",
+ "PAGING": "Paging",
+ "FILTER": "Filtrar",
+
+ "MAP": "Mapa",
+ "CHARTS": "Gráfico",
+ "DND": "Arrastrar y soltar",
+
+ "PAGES": "Página",
+ "TOUR": "Gira",
+ "SESSIONS": "Sesiones",
+ "SIGNIN": "Registrarse",
+ "SIGNUP": "Regístrate",
+ "FORGOT": "Forgot",
+ "LOCKSCREEN": "Lockscreen",
+
+ "OTHERS": "Otros",
+ "GALLERY": "Gallery",
+ "PRICINGS": "Pricings",
+ "USERS": "Users",
+ "PROFILE": "Perfil",
+ "BLANK": "Blank",
+ "MATICONS": "Material Iconos",
+ "ADD": "Añadir",
+ "ITEM": "ít.",
+ "SUBITEM": "Subitem",
+ "DOC": "Documentación",
+ "NOTFOUND": "Perdió",
+ "ERROR": "Error",
+ "OVERVIEW": "Resumen",
+ "SETTINGS": "Ajustes",
+
+ "ECOMMERCE": "Ecommerce",
+ "SHOP": "Shop",
+ "PRODUCTS": "Products",
+ "PRODUCT DETAILS": "Product Details",
+ "CART": "Cart",
+ "CHECKOUT": "Checkout"
+}
\ No newline at end of file
diff --git a/src/assets/icon.png b/src/assets/icon.png
new file mode 100644
index 00000000..1da2ab11
Binary files /dev/null and b/src/assets/icon.png differ
diff --git a/src/assets/icon_delete.png b/src/assets/icon_delete.png
new file mode 100644
index 00000000..eabad1cc
Binary files /dev/null and b/src/assets/icon_delete.png differ
diff --git a/src/assets/icons/Icon-1024.png b/src/assets/icons/Icon-1024.png
new file mode 100644
index 00000000..a35ead06
Binary files /dev/null and b/src/assets/icons/Icon-1024.png differ
diff --git a/src/assets/icons/Icon-256.png b/src/assets/icons/Icon-256.png
new file mode 100644
index 00000000..bddbe38b
Binary files /dev/null and b/src/assets/icons/Icon-256.png differ
diff --git a/src/assets/icons/Icon-512.png b/src/assets/icons/Icon-512.png
new file mode 100644
index 00000000..3a39c146
Binary files /dev/null and b/src/assets/icons/Icon-512.png differ
diff --git a/src/assets/markings/arrow-straight.png b/src/assets/markings/arrow-straight.png
new file mode 100644
index 00000000..64abf948
Binary files /dev/null and b/src/assets/markings/arrow-straight.png differ
diff --git a/src/assets/markings/crosswalk-marking.png b/src/assets/markings/crosswalk-marking.png
new file mode 100644
index 00000000..6a94702d
Binary files /dev/null and b/src/assets/markings/crosswalk-marking.png differ
diff --git a/src/assets/markings/manhole-1.png b/src/assets/markings/manhole-1.png
new file mode 100644
index 00000000..0ee7df25
Binary files /dev/null and b/src/assets/markings/manhole-1.png differ
diff --git a/src/assets/open-drive/RQ31_130Limit.xodr b/src/assets/open-drive/RQ31_130Limit.xodr
new file mode 100644
index 00000000..9922932b
--- /dev/null
+++ b/src/assets/open-drive/RQ31_130Limit.xodr
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/open-drive/SampleDatabase_01.xodr b/src/assets/open-drive/SampleDatabase_01.xodr
new file mode 100644
index 00000000..88ccf45c
--- /dev/null
+++ b/src/assets/open-drive/SampleDatabase_01.xodr
@@ -0,0 +1,10156 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/open-drive/crossing-8-complex.xodr b/src/assets/open-drive/crossing-8-complex.xodr
new file mode 100644
index 00000000..89778301
--- /dev/null
+++ b/src/assets/open-drive/crossing-8-complex.xodr
@@ -0,0 +1,1841 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/open-drive/crossing-8-course.xodr b/src/assets/open-drive/crossing-8-course.xodr
new file mode 100644
index 00000000..f75da8c9
--- /dev/null
+++ b/src/assets/open-drive/crossing-8-course.xodr
@@ -0,0 +1,1453 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/open-drive/roundabout-8-course.xodr b/src/assets/open-drive/roundabout-8-course.xodr
new file mode 100644
index 00000000..57f64367
--- /dev/null
+++ b/src/assets/open-drive/roundabout-8-course.xodr
@@ -0,0 +1,2358 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/open-drive/straight-road.xml b/src/assets/open-drive/straight-road.xml
new file mode 100644
index 00000000..e0390106
--- /dev/null
+++ b/src/assets/open-drive/straight-road.xml
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/open-drive/test.xml b/src/assets/open-drive/test.xml
new file mode 100644
index 00000000..60cf6189
--- /dev/null
+++ b/src/assets/open-drive/test.xml
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/open-scenario/follow-trajectory.xml b/src/assets/open-scenario/follow-trajectory.xml
new file mode 100644
index 00000000..8dceee7b
--- /dev/null
+++ b/src/assets/open-scenario/follow-trajectory.xml
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/open-scenario/overtaker.xml b/src/assets/open-scenario/overtaker.xml
new file mode 100644
index 00000000..43d1aafe
--- /dev/null
+++ b/src/assets/open-scenario/overtaker.xml
@@ -0,0 +1,197 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/open-scenario/traffic-jam.xml b/src/assets/open-scenario/traffic-jam.xml
new file mode 100644
index 00000000..39c32cad
--- /dev/null
+++ b/src/assets/open-scenario/traffic-jam.xml
@@ -0,0 +1,245 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/pedestrian.png b/src/assets/pedestrian.png
new file mode 100644
index 00000000..ea534968
Binary files /dev/null and b/src/assets/pedestrian.png differ
diff --git a/src/assets/point.png b/src/assets/point.png
new file mode 100644
index 00000000..0a560790
Binary files /dev/null and b/src/assets/point.png differ
diff --git a/src/assets/roadmarks.png b/src/assets/roadmarks.png
new file mode 100644
index 00000000..dccdad95
Binary files /dev/null and b/src/assets/roadmarks.png differ
diff --git a/src/assets/scene-icon.png b/src/assets/scene-icon.png
new file mode 100644
index 00000000..acf3e43a
Binary files /dev/null and b/src/assets/scene-icon.png differ
diff --git a/src/assets/sidewalk.jpg b/src/assets/sidewalk.jpg
new file mode 100644
index 00000000..d8938e66
Binary files /dev/null and b/src/assets/sidewalk.jpg differ
diff --git a/src/assets/signs/back_circle.png b/src/assets/signs/back_circle.png
new file mode 100644
index 00000000..4d9a3e63
Binary files /dev/null and b/src/assets/signs/back_circle.png differ
diff --git a/src/assets/signs/back_diamond.png b/src/assets/signs/back_diamond.png
new file mode 100644
index 00000000..e70c2c47
Binary files /dev/null and b/src/assets/signs/back_diamond.png differ
diff --git a/src/assets/signs/back_square.png b/src/assets/signs/back_square.png
new file mode 100644
index 00000000..bd8a557e
Binary files /dev/null and b/src/assets/signs/back_square.png differ
diff --git a/src/assets/signs/chevron_left.png b/src/assets/signs/chevron_left.png
new file mode 100644
index 00000000..61515063
Binary files /dev/null and b/src/assets/signs/chevron_left.png differ
diff --git a/src/assets/signs/chevron_right.png b/src/assets/signs/chevron_right.png
new file mode 100644
index 00000000..713b95ad
Binary files /dev/null and b/src/assets/signs/chevron_right.png differ
diff --git a/src/assets/signs/construction_zone_ahead.png b/src/assets/signs/construction_zone_ahead.png
new file mode 100755
index 00000000..fae2b895
Binary files /dev/null and b/src/assets/signs/construction_zone_ahead.png differ
diff --git a/src/assets/signs/curve_ahead.png b/src/assets/signs/curve_ahead.png
new file mode 100755
index 00000000..c242afdc
Binary files /dev/null and b/src/assets/signs/curve_ahead.png differ
diff --git a/src/assets/signs/metal.png b/src/assets/signs/metal.png
new file mode 100644
index 00000000..a9124bd0
Binary files /dev/null and b/src/assets/signs/metal.png differ
diff --git a/src/assets/signs/no_entry.png b/src/assets/signs/no_entry.png
new file mode 100755
index 00000000..6f06bb5f
Binary files /dev/null and b/src/assets/signs/no_entry.png differ
diff --git a/src/assets/signs/road_closed.png b/src/assets/signs/road_closed.png
new file mode 100755
index 00000000..cb3f524d
Binary files /dev/null and b/src/assets/signs/road_closed.png differ
diff --git a/src/assets/signs/sharp_left_curve_ahead.png b/src/assets/signs/sharp_left_curve_ahead.png
new file mode 100755
index 00000000..428239d9
Binary files /dev/null and b/src/assets/signs/sharp_left_curve_ahead.png differ
diff --git a/src/assets/signs/sharp_right_curve_ahead.png b/src/assets/signs/sharp_right_curve_ahead.png
new file mode 100755
index 00000000..47cba823
Binary files /dev/null and b/src/assets/signs/sharp_right_curve_ahead.png differ
diff --git a/src/assets/signs/slow.png b/src/assets/signs/slow.png
new file mode 100755
index 00000000..d600cbd3
Binary files /dev/null and b/src/assets/signs/slow.png differ
diff --git a/src/assets/signs/stop.png b/src/assets/signs/stop.png
new file mode 100755
index 00000000..1f1e2bf7
Binary files /dev/null and b/src/assets/signs/stop.png differ
diff --git a/src/assets/signs/two_way_traffic.png b/src/assets/signs/two_way_traffic.png
new file mode 100755
index 00000000..a6f2a6cc
Binary files /dev/null and b/src/assets/signs/two_way_traffic.png differ
diff --git a/src/assets/splash_1.jpeg b/src/assets/splash_1.jpeg
new file mode 100644
index 00000000..f08ebc5c
Binary files /dev/null and b/src/assets/splash_1.jpeg differ
diff --git a/src/assets/styles/app.scss b/src/assets/styles/app.scss
new file mode 100644
index 00000000..d9f43062
--- /dev/null
+++ b/src/assets/styles/app.scss
@@ -0,0 +1,37 @@
+
+// Third pirty style files
+// Sidebar Scroll
+@import '~perfect-scrollbar/css/perfect-scrollbar.css';
+
+// Flag icon
+// @import '~flag-icon-css/css/flag-icon.min.css';
+
+// Rich Text Editor
+@import '~quill/dist/quill.core.css';
+@import '~quill/dist/quill.snow.css';
+
+// Drag and Drop
+@import '~dragula/dist/dragula.css';
+
+// Calendar
+@import '~angular-calendar/css/angular-calendar.css';
+
+// User tour
+@import '~hopscotch/dist/css/hopscotch.min.css';
+
+// Page loader Topbar
+@import '../../vendor/pace/pace-theme-min.css';
+
+// Main Variables File
+@import "scss/variables";
+
+// Open _themes.scss and remove unnecessary theme files
+@import "scss/themes";
+
+// Open _main.scss and keep files which are required for your current layout.
+@import "scss/main";
+
+// Open _views.scss and remove unnecessary view related files
+@import "scss/views";
+
+
diff --git a/src/assets/styles/scss/_animations.scss b/src/assets/styles/scss/_animations.scss
new file mode 100644
index 00000000..65d8d603
--- /dev/null
+++ b/src/assets/styles/scss/_animations.scss
@@ -0,0 +1,12 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+@keyframes spin {
+ 0% {transform: rotate(0)}
+ 100% {transform: rotate(360deg)}
+}
+
+.spin {
+ animation: spin 2s infinite linear;
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/_colors.scss b/src/assets/styles/scss/_colors.scss
new file mode 100644
index 00000000..105a791a
--- /dev/null
+++ b/src/assets/styles/scss/_colors.scss
@@ -0,0 +1,101 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+$solid-colors: (
+ white: (
+ color: #fff,
+ alt: #eee,
+ foreground: rgba(0, 0, 0, 0.76)
+ ),
+ black: (
+ color: #1e2129,
+ alt: #2d323d,
+ foreground: #ffffff
+ ),
+ gray: (
+ color: #9E9E9E,
+ alt: #9E9E9E,
+ foreground: #ffffff
+ ),
+ dark-gray: (
+ color: #424242,
+ alt: #303030,
+ foreground: #ffffff
+ ),
+ slate-gray: (
+ color: #607D8B,
+ alt: #37474F,
+ foreground: #ffffff
+ ),
+ dark-purple: (
+ color: #322740,
+ alt: #322740,
+ foreground: #ffffff
+ ),
+
+ dark-blue: (
+ color: #10174c,
+ alt: #151c4e,
+ foreground: #ffffff
+ ),
+ blue: (
+ color: #03A9F4,
+ alt: #039BE5,
+ foreground: #ffffff
+ ),
+ indigo: (
+ color: #3F51B5,
+ alt: #5C6BC0,
+ foreground: #ffffff
+ ),
+ yellow: (
+ color: #fcc02e,
+ alt: #f9c23b,
+ foreground: rgba(0, 0, 0, 0.87)
+ ),
+ green: (
+ color: #4CAF50,
+ alt: #66BB6A,
+ foreground: rgba(0, 0, 0, 0.87)
+ ),
+ red: (
+ color: #F44336,
+ alt: #FF5252,
+ foreground: #ffffff
+ ),
+ orange: (
+ color: #FF5722,
+ alt: #FF6E40,
+ foreground: #ffffff
+ ),
+ pink: (
+ color: #e91f63,
+ alt: #e82c6c,
+ foreground: #ffffff
+ ),
+);
+
+// Gradient colors
+$gradient-colors: (
+ gradient-purple-indigo: (
+ "start-color": #663399,
+ "end-color": #33214b,
+ "foreground": #ffffff
+ ),
+ gradient-black-blue: (
+ "start-color": #004e92,
+ "end-color": #000428,
+ "foreground": #ffffff
+ ),
+ gradient-black-gray: (
+ "start-color": #404040,
+ "end-color": #000000,
+ "foreground": #ffffff
+ ),
+ gradient-steel-gray: (
+ "start-color": #616d86,
+ "end-color": #1f1c2c,
+ "foreground": #ffffff
+ )
+);
diff --git a/src/assets/styles/scss/_components.scss b/src/assets/styles/scss/_components.scss
new file mode 100644
index 00000000..e754cd9d
--- /dev/null
+++ b/src/assets/styles/scss/_components.scss
@@ -0,0 +1,8 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+@import "components/button";
+@import "components/mat-table";
+@import "components/card";
+@import "components/others";
\ No newline at end of file
diff --git a/src/assets/styles/scss/_main.scss b/src/assets/styles/scss/_main.scss
new file mode 100644
index 00000000..1d0ae787
--- /dev/null
+++ b/src/assets/styles/scss/_main.scss
@@ -0,0 +1,34 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*
+* REQUIRED STYLES
+*/
+@import "mixins";
+@import "colors";
+@import "palette";
+@import "utilities";
+
+@import "animations";
+@import "main/scaffolding";
+@import "main/typography";
+@import "main/layout";
+@import "main/header";
+@import "main/sidenav";
+@import "components";
+
+
+/*
+* ALTERNATIVE STYLES
+*/
+@import "main/breadcrumb"; // REQUIRED ONLY FOR BREADCRUMBS
+@import "main/notifications"; // REQUIRED ONLY FOR NOTIFICATIONS
+
+@import "main/sidebar"; // REQUIRED ONLY FOR SIDE NAVIGATION LAYOUT
+@import "main/header-side"; // REQUIRED ONLY FOR SIDE NAVIGATION LAYOUT
+
+@import "main/topnav"; // REQUIRED ONLY FOR TOP NAVIGATION LAYOUT
+@import "main/header-top"; // REQUIRED ONLY FOR TOP NAVIGATION LAYOUT
+
+
diff --git a/src/assets/styles/scss/_mixins.scss b/src/assets/styles/scss/_mixins.scss
new file mode 100644
index 00000000..42110e78
--- /dev/null
+++ b/src/assets/styles/scss/_mixins.scss
@@ -0,0 +1,5 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+@import 'mixins/gradients';
diff --git a/src/assets/styles/scss/_palette.scss b/src/assets/styles/scss/_palette.scss
new file mode 100644
index 00000000..fcd72b9d
--- /dev/null
+++ b/src/assets/styles/scss/_palette.scss
@@ -0,0 +1,81 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+ @each $color_name, $scolor in $solid-colors {
+ // $alt: map-get($scolor, alt);
+ $color: map-get($scolor, color);
+ $foreground: map-get($scolor, foreground);
+
+ .sidebar-#{$color_name} {
+ .navigation-hold {
+ background: $color !important;
+
+ a,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
+ .sidenav li.open > div > a > span:not(.menuitem-badge),
+ .sidenav li.open > a > span,
+ .icon-menu .mat-raised-button,
+ .app-user .app-user-name,
+ .branding .app-logo-text {
+ color: $foreground !important;
+ }
+ .app-user .app-user-photo,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret) {
+ border-color: $foreground !important;
+ }
+ .icon-menu .mat-raised-button, .branding {
+ background: $color !important;
+ }
+ .app-user {
+ background: lighten($color, 5) !important;
+ }
+ li.open {
+ background: lighten($color, 2) !important;
+ > a {
+ background: lighten($color, 4) !important;
+ }
+ }
+ .text-muted {
+ color: desaturate($foreground, 40) !important;
+ }
+ }
+ }
+ .topbar-#{$color_name} {
+ .topbar.mat-toolbar {
+ background: $color !important;
+ color: $foreground !important;
+ }
+ }
+
+ .ngx-datatable.header-#{$color_name} {
+ .datatable-header {
+ background: $color;
+ .datatable-header-cell {
+ color: $foreground;
+ }
+ }
+ }
+
+ .#{$color_name} {
+ background: $color !important;
+ color: $foreground !important;
+ .mat-table {
+ background: transparent !important;
+ }
+ .ngx-datatable.material *,
+ .mat-table,
+ .mat-cell,
+ .mat-header-cell {
+ color: $foreground !important;
+ }
+ .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
+ .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
+ background: lighten($color, 5)
+ }
+
+ }
+ .text-#{$color_name} {
+ color: $color;
+ }
+ }
\ No newline at end of file
diff --git a/src/assets/styles/scss/_themes.scss b/src/assets/styles/scss/_themes.scss
new file mode 100644
index 00000000..840132fb
--- /dev/null
+++ b/src/assets/styles/scss/_themes.scss
@@ -0,0 +1,15 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+@import '~@angular/material/theming';
+@include mat-core();
+
+// Keep atleast one file
+//@import "themes/egret-navy";
+//@import "themes/egret-blue";
+//@import "themes/egret-dark-purple";
+@import "themes/egret-dark-pink";
+
+$background: map-get($egret-theme, background);
+$foreground: map-get($egret-theme, foreground);
diff --git a/src/assets/styles/scss/_utilities.scss b/src/assets/styles/scss/_utilities.scss
new file mode 100644
index 00000000..682c98fa
--- /dev/null
+++ b/src/assets/styles/scss/_utilities.scss
@@ -0,0 +1,7 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+@import "utilities/avatar";
+@import "utilities/border";
+@import "utilities/others";
\ No newline at end of file
diff --git a/src/assets/styles/scss/_variables.scss b/src/assets/styles/scss/_variables.scss
new file mode 100644
index 00000000..556d4330
--- /dev/null
+++ b/src/assets/styles/scss/_variables.scss
@@ -0,0 +1,34 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+// General
+$transitionDuration: 300ms !default;
+$gutter: 1rem !default;
+$transitionTiming: cubic-bezier(.35,0,.25,1);
+$sidebarTrnTime: .3s;
+
+// Widths
+$sidebar-width: 15rem !default;
+$compact-sidebar-width: 48px !default;
+$compact-big-sidebar-width: 150px !default;
+
+// Typography
+$font-family-base: Roboto, "Helvetica Neue", sans-serif !default;
+$font-size-base: .875rem !default;
+$font-weight-base: 400 !default;
+$font-weight-medium: 500 !default;
+$font-weight-bold: 600 !default;
+
+$font-size-h1: 2.5rem !default;
+$font-size-h2: 2rem !default;
+$font-size-h3: 1.75rem !default;
+$font-size-h4: 1.5rem !default;
+$font-size-h5: 1.25rem !default;
+$font-size-h6: 1rem !default;
+
+$headings-margin-bottom: (1rem / 2) !default;
+$headings-font-family: inherit !default;
+$headings-font-weight: 400 !default;
+$headings-line-height: 1.1 !default;
+$headings-color: inherit !default;
\ No newline at end of file
diff --git a/src/assets/styles/scss/_views.scss b/src/assets/styles/scss/_views.scss
new file mode 100644
index 00000000..518b16ca
--- /dev/null
+++ b/src/assets/styles/scss/_views.scss
@@ -0,0 +1,23 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+// Remove imports which are not needed for your project
+@import "views/sessions";
+@import "views/inbox";
+@import "views/calendar";
+@import "views/chats";
+@import "views/gallery";
+@import "views/pricings";
+@import "views/users";
+@import "views/profile";
+@import "views/shop";
+@import "views/home";
+
+/*
+ Only Required if you want to use Angular Landing
+ (https://themeforest.net/item/angular-landing-material-design-angular-app-landing-page/21198258)
+*/
+// @import "views/landing";
+
+@import "views/popover";
\ No newline at end of file
diff --git a/src/assets/styles/scss/components/_button.scss b/src/assets/styles/scss/components/_button.scss
new file mode 100644
index 00000000..894f15a6
--- /dev/null
+++ b/src/assets/styles/scss/components/_button.scss
@@ -0,0 +1,26 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*-------------- Loading buttons --------------*/
+.button-loading {
+ .mat-button-wrapper {
+ display: flex;
+ align-items: center;
+ }
+}
+.btn-spinner {
+ width: 1em;
+ height: 1em;
+ background: transparent;
+ border-radius: 50%;
+ margin: 0 16px 0 0;
+ border: 2px solid transparent;
+ animation: btn-glow 1s ease infinite;;
+}
+
+@keyframes btn-glow {
+ 0% { box-shadow: 0 0 0 .4em darken(#777676, 10%), 0 0 0 .1em darken(#777676, 10%); transform:rotate(360deg); }
+ 50% { border-top-color: #777676;}
+ 100% { box-shadow: 0 0 0 .4em darken(#777676, 10%), 0 0 0 3.6em transparent; }
+}
diff --git a/src/assets/styles/scss/components/_card.scss b/src/assets/styles/scss/components/_card.scss
new file mode 100644
index 00000000..be67f05e
--- /dev/null
+++ b/src/assets/styles/scss/components/_card.scss
@@ -0,0 +1,74 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.mat-card {
+ margin: .5rem;
+ overflow: hidden;
+
+ &.rounded-circle {
+ border-radius: 200px !important;
+ }
+}
+.mat-card.default {
+ padding: 0;
+}
+.mat-card.default .mat-card-title {
+ padding-top: 1rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ line-height: 1;
+ font-weight: 400;
+}
+.mat-card.default>:first-child {
+ border-radius: 2px 2px 0 0;
+}
+.mat-card.default .mat-card-subtitle:first-child {
+ padding-top: 1rem;
+}
+.mat-card.default .mat-card-subtitle {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ line-height: 1;
+}
+.mat-card.default .mat-card-content {
+ padding: 1rem;
+ margin-bottom: 0;
+ position: relative;
+}
+.mat-card.default .mat-card-actions,
+.mat-card.default .mat-card-actions:last-child {
+ padding: .5rem;
+ margin: 0;
+}
+.mat-card.default>:last-child {
+ border-radius: 0 0 2px 2px;
+}
+
+.mat-card .mat-card-title .mat-divider, .mat-divider.full-width {
+ margin-left: -24px;
+ margin-right: -24px;
+}
+
+.mat-card.p-0 .mat-card-title .card-title-text {
+ padding: 1rem 1.5rem;
+}
+.mat-card.p-0 .mat-card-title .card-title-text .card-control {
+ height: 24px;
+ width: 24px;
+ line-height: 24px;
+}
+.mat-card.p-0 .mat-card-title .card-title-text .mat-card-subtitle {
+ margin: 0;
+}
+.mat-card.p-0 .mat-card-title .mat-divider {
+ margin-left: 0;
+ margin-right: 0;
+ border-top-color: rgba(0, 0, 0, 0.04);
+}
+.mat-card.p-0 .mat-card-image {
+ margin: 0 0 1rem !important;
+}
+.mat-card.p-0 .mat-card-content {
+ padding: 0 1.5rem 1.5rem;
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/components/_mat-table.scss b/src/assets/styles/scss/components/_mat-table.scss
new file mode 100644
index 00000000..7df2b1c0
--- /dev/null
+++ b/src/assets/styles/scss/components/_mat-table.scss
@@ -0,0 +1,67 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+@media screen and (max-width: 960px) {
+ .mat-table {
+ border: 0;
+ vertical-align: middle;
+ padding: 0 24px;
+ }
+
+ .mat-table caption {
+ font-size: 1em;
+ }
+
+ .mat-table .mat-header-cell {
+
+ border: 10px solid;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+ }
+
+ .mat-table .mat-row {
+ border-bottom: 5px solid #ddd;
+ display: block;
+ }
+ /*
+ .mat-table .mat-row:nth-child(even) {background: #CCC}
+ .mat-table .mat-row:nth-child(odd) {background: #FFF}
+ */
+ mat-cell:first-of-type, mat-cell:last-of-type,
+ mat-footer-cell:last-of-type, mat-header-cell:last-of-type {
+ padding: 0;
+ }
+
+ .mat-table .mat-cell {
+ border-bottom: 1px solid #ddd;
+ display: block;
+ font-size: 1em;
+ text-align: right;
+ font-weight: bold;
+ height:30px;
+ margin-bottom: 4%;
+ }
+ .mat-table .mat-cell:before {
+ /*
+ * aria-label has no advantage, it won't be read inside a table
+ content: attr(aria-label);
+ */
+ content: attr(data-label);
+ float: left;
+ text-transform: uppercase;
+ font-weight: normal;
+
+ font-size: .85em;
+ }
+ .mat-table .mat-cell:last-child {
+ border-bottom: 0;
+ }
+ .mat-table .mat-cell:first-child {
+ margin-top: 4%;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/components/_others.scss b/src/assets/styles/scss/components/_others.scss
new file mode 100644
index 00000000..8188a2fc
--- /dev/null
+++ b/src/assets/styles/scss/components/_others.scss
@@ -0,0 +1,7 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.mat-drawer-container {
+ // background: transparent !important;
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/main/_breadcrumb.scss b/src/assets/styles/scss/main/_breadcrumb.scss
new file mode 100644
index 00000000..938585f5
--- /dev/null
+++ b/src/assets/styles/scss/main/_breadcrumb.scss
@@ -0,0 +1,79 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.breadcrumb {
+ display: block;
+ margin: 0;
+ padding: 0;
+ li {
+ list-style: none;
+ float: left;
+ &:not(:first-child):before {
+ content: "/\A0";
+ padding: 0 8px;
+ }
+ }
+}
+
+.breadcrumb-bar {
+ position: relative;
+ width: 100%;
+ .breadcrumb {
+ padding: 0 .333rem;
+ overflow: hidden;
+ li {
+ line-height: 40px;
+ &:not(:first-child):before {
+ padding: 0 8px;
+ }
+ a {
+ font-weight: 400;
+ font-size: 1rem;
+ }
+ }
+ }
+}
+.breadcrumb-title {
+ display: flex;
+ align-items: center;
+ padding: 0.5rem .333rem;
+ line-height: 40px;
+ .bc-title {
+ font-size: $font-size-h5;
+ margin: 0;
+ line-height: 40px;
+ }
+ .breadcrumb {
+ position: relative;
+ margin-left: 24px;
+ &::before {
+ position: absolute;
+ content: "";
+ height: 24px;
+ width: 2px;
+ background: #6a6a6a;
+ left: -12px;
+ top: 8px;
+ }
+ }
+}
+
+[dir=rtl] {
+ .breadcrumb-bar,
+ .breadcrumb-title {
+ .breadcrumb li {
+ float: right;
+ }
+ }
+ .breadcrumb-title {
+ .breadcrumb {
+ margin-left: 0;
+ margin-right: 24px;
+ &::before {
+ left: auto;
+ right: -12px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/main/_header-side.scss b/src/assets/styles/scss/main/_header-side.scss
new file mode 100644
index 00000000..6411b73f
--- /dev/null
+++ b/src/assets/styles/scss/main/_header-side.scss
@@ -0,0 +1,58 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.topbar {
+ &.mat-toolbar {
+ position: relative;
+ box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+ z-index: 999;
+ }
+ .mat-select-value {
+ font-weight: 400;
+ color: #ffffff;
+ }
+}
+
+.toggle-collapsed {
+ transform: rotate(0deg);
+ -webkit-transition: transform .3s cubic-bezier(.35,0,.25,1);
+ transition: transform .3s cubic-bezier(.35,0,.25,1);
+}
+.sidebar-compact .toggle-collapsed {
+ transform: rotate(180deg);
+}
+
+.search-bar {
+ .top-search-form {
+ position: relative;
+ background: #fff;
+ border-radius: 40px;
+ margin-right: 1rem;
+ display: block;
+ max-width: 220px;
+ margin-left: 20px;
+ box-shadow: inset 0 0 2px 2px rgba(136, 136, 136, 0.2);
+
+ .material-icons {
+ position: absolute;
+ top: 50%;
+ left: 10px;
+ margin-top: -12px;
+ color: rgba(0,0,0,.87);
+ }
+ input {
+ font-size: 1rem;
+ padding: .6rem .75rem;
+ z-index: 2;
+ cursor: text;
+ text-indent: 30px;
+ border: none;
+ background: transparent;
+ width: 100%;
+ outline: 0;
+ }
+ }
+
+}
+
diff --git a/src/assets/styles/scss/main/_header-top.scss b/src/assets/styles/scss/main/_header-top.scss
new file mode 100644
index 00000000..ac38e0ab
--- /dev/null
+++ b/src/assets/styles/scss/main/_header-top.scss
@@ -0,0 +1,53 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.header-topnav {
+ margin:0;
+ padding: 0;
+ background-color: #ffffff;
+ // box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
+ position: relative;
+ z-index: 999;
+ .container {
+ padding: 0;
+ }
+ .topbar-branding {
+ float: left;
+ height: 48px;
+ padding: 8px;
+ margin: 0 8px;
+ img {
+ height: 100%;
+ width: auto;
+ }
+ }
+ .topnav {
+ // margin-left: -19px;
+ display: flex;
+ align-items: center;
+ }
+ .header-topnav-right {
+ float: right;
+ height: 48px;
+ display: flex;
+ align-items: center;
+ padding-right: .67rem;
+ }
+}
+
+@media (max-width: 959px) {
+ .header-topnav-right {
+ position: absolute;
+ right: 6px;
+ top: 0;
+ }
+}
+
+[dir=rtl] {
+ .header-topnav {
+ .topnav {
+ flex-direction: row-reverse;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/main/_header.scss b/src/assets/styles/scss/main/_header.scss
new file mode 100644
index 00000000..24458124
--- /dev/null
+++ b/src/assets/styles/scss/main/_header.scss
@@ -0,0 +1,54 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.notification-number {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ width: 20px;
+ height: 20px;
+ font-size: 12px;
+ font-weight: 700;
+ line-height: 20px;
+ color: #fff;
+ text-align: center;
+ border-radius: 50%;
+}
+
+#langToggle .mat-select-trigger {
+ width: 80px;
+ min-width: 80px;
+}
+.theme-list {
+ .mat-menu-item {
+ width: 48px;
+ height: 48px;
+ padding: 5px;
+ .egret-swatch {
+ height: 100%;
+ width: 100%;
+ border-radius: 50%;
+ }
+ .active-icon {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto !important;
+ color: #ffffff;
+ }
+ }
+}
+
+.topbar-button-right {
+ margin: 0 .5rem !important;
+}
+
+[dir=rtl] {
+// .topbar-button-right {
+// margin-right: 1rem;
+// margin-left: 0 !important;
+// }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/main/_layout.scss b/src/assets/styles/scss/main/_layout.scss
new file mode 100644
index 00000000..e9aa693a
--- /dev/null
+++ b/src/assets/styles/scss/main/_layout.scss
@@ -0,0 +1,205 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.app-admin-container {
+ max-width: 100%;
+ height: 100vh;
+
+ .rightside-content-hold {
+ padding: 0.333333rem;
+ overflow-x: hidden;
+ position: relative;
+ min-height: 450px;
+ }
+}
+
+.sidebar-panel {
+ position: fixed;
+ top: 0;
+ left: 0;
+ min-height: 100vh;
+ z-index: 10001;
+ width: $sidebar-width;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
+ 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+ -webkit-transition: all $sidebarTrnTime $transitionTiming;
+ transition: all $sidebarTrnTime $transitionTiming;
+ overflow: hidden;
+ .sidebar-hold {
+ width: $sidebar-width;
+ }
+ .navigation-hold {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ margin-top: 64px;
+ background: rgba(255, 255, 255, 0.95);
+ left: 0;
+ }
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
+}
+
+.main-content-wrap {
+ position: relative;
+ float: right;
+ height: 100vh;
+ transition: width $sidebarTrnTime $transitionTiming;
+ &.ps > .ps__rail-y {
+ z-index: 9999;
+ }
+}
+
+.sidebar-backdrop {
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ position: fixed;
+ display: block;
+ z-index: 10000;
+ visibility: hidden;
+ opacity: 0;
+ background-color: rgba(0, 0, 0, 0.6);
+ transition: all $sidebarTrnTime $transitionTiming;
+ &.visible {
+ visibility: visible;
+ opacity: 1;
+ }
+}
+
+// --------
+.app-admin-container.sidebar-full:not(.navigation-top, .compact-toggle-active) {
+ .main-content-wrap {
+ width: calc(100% - #{$sidebar-width});
+ }
+ .sidebar-panel {
+ width: $sidebar-width;
+ overflow: hidden;
+ }
+}
+.app-admin-container.compact-toggle-active {
+ .main-content-wrap {
+ width: calc(100% - #{$compact-sidebar-width});
+ }
+}
+
+.app-admin-container.sidebar-compact {
+ .sidebar-panel,
+ .sidebar-hold {
+ width: $compact-sidebar-width;
+ }
+}
+
+.app-admin-container.sidebar-compact-big {
+ .main-content-wrap {
+ width: calc(100% - #{$compact-big-sidebar-width});
+ }
+ .sidebar-panel {
+ width: $compact-big-sidebar-width;
+ .branding {
+ width: $compact-big-sidebar-width;
+ .app-logo {
+ margin: auto;
+ }
+ }
+ .navigation-hold {
+ overflow: visible !important;
+ }
+ }
+}
+
+.app-admin-container.sidebar-closed {
+ .sidebar-panel {
+ overflow: hidden;
+ left: -$sidebar-width;
+ .branding {
+ left: -$sidebar-width;
+ .app-logo-text {
+ // display: none;
+ }
+ }
+ }
+ .main-content-wrap {
+ width: 100%;
+ }
+}
+
+.fixed-topbar {
+ .rightside-content-hold {
+ overflow: auto;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: 64px;
+ }
+}
+
+.layout-intransition {
+ .branding {
+ display: none !important;
+ }
+
+ .app-user-controls,
+ .app-user-name {
+ opacity: 0 !important;
+ }
+}
+
+[dir="rtl"] {
+ &.app-admin-container.sidebar-closed {
+ .sidebar-panel {
+ right: -$sidebar-width;
+ }
+ .branding {
+ left: auto !important;
+ right: -$sidebar-width;
+ }
+ }
+ .main-content-wrap {
+ float: left;
+ }
+ .sidebar-panel {
+ right: 0;
+ left: auto !important;
+ }
+}
+
+.app-admin-container.sidebar-full.navigation-top {
+ .sidebar-panel {
+ left: 0;
+ }
+}
+.app-admin-container.navigation-top {
+ .main-content-wrap {
+ float: none;
+ height: calc(100vh - 48px);
+ width: 100%;
+ }
+ .rightside-content-hold {
+ max-width: 1400px;
+ margin: 0 auto;
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+ .sidebar-panel {
+ overflow: hidden;
+ left: -$sidebar-width;
+ .navigation-hold {
+ margin-top: 48px;
+ }
+ }
+}
+
+@media (max-width: 959px) {
+ .app-admin-container.sidebar-full {
+ .main-content-wrap {
+ width: 100% !important;
+ }
+ }
+}
diff --git a/src/assets/styles/scss/main/_notifications.scss b/src/assets/styles/scss/main/_notifications.scss
new file mode 100644
index 00000000..365e1c0e
--- /dev/null
+++ b/src/assets/styles/scss/main/_notifications.scss
@@ -0,0 +1,19 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.notification-list {
+ min-width: 240px;
+}
+.notification-list .notific-item a {
+ outline: 0;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+}
+.notification-list .notific-item .message {
+ font-size: .875rem !important;
+}
+.notification-list .notific-item .time {
+ font-size: .75rem !important;
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/main/_scaffolding.scss b/src/assets/styles/scss/main/_scaffolding.scss
new file mode 100644
index 00000000..dab77c9b
--- /dev/null
+++ b/src/assets/styles/scss/main/_scaffolding.scss
@@ -0,0 +1,810 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+html {
+ font-size: 16px;
+}
+
+html:not(.landing),
+body:not(.landing) {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ overflow: hidden;
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ -webkit-touch-callout: none;
+ min-height: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ text-size-adjust: 100%;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ font-weight: $font-weight-base;
+ font-size: $font-size-base;
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 1.5;
+ font-family: $font-family-base;
+}
+
+[tabindex='-1']:focus {
+ outline: none;
+}
+
+select,
+button,
+textarea,
+input {
+ vertical-align: baseline;
+}
+div {
+ box-sizing: border-box;
+}
+html, body {
+ &[dir=rtl], &[dir=ltr] {
+ unicode-bidi: embed
+ }
+}
+bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+}
+bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override;
+}
+.mat-card {
+ font-size: .875rem;
+}
+img:not(.mat-card-image) {
+ max-width: 100%;
+}
+a, a:focus, a:hover {
+ text-decoration: none;
+}
+a {
+ color: inherit;
+}
+p {
+ margin: 0 0 16px;
+}
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-bottom: .5rem;
+ font-weight: 400;
+ line-height: 1.1;
+ color: inherit;
+}
+.h1,
+h1 {
+ font-size: 2rem;
+}
+.h2,
+h2 {
+ font-size: 1.75rem;
+}
+.h3,
+h3 {
+ font-size: 1.5rem;
+}
+.h4,
+h4 {
+ font-size: 1.25rem;
+}
+.h5,
+h5 {
+ font-size: 1rem;
+}
+.h6,
+h6 {
+ font-size: .875rem;
+}
+code {
+ padding: 8px;
+ background: rgba(0, 0, 0, .08);
+}
+/*---- Common -----*/
+.container {
+ max-width: 1400px;
+ margin: 0 auto;
+ padding: 0 15px;
+}
+.bg-none {
+ background: transparent !important;
+}
+.bg-white {
+ background: #ffffff !important;
+}
+.m-0 {
+ margin: 0 !important;
+}
+.m-1 {
+ margin: 1rem !important;
+}
+.mt-1 {
+ margin-top: 1rem !important;
+}
+.mt-05 {
+ margin-top: .5rem !important;
+}
+.mt-0 {
+ margin-top: 0 !important;
+}
+.mr-1 {
+ margin-right: 1rem !important;
+}
+.mr-05 {
+ margin-right: .5rem !important;
+}
+.mr-0 {
+ margin-right: 0 !important;
+}
+.mb-1 {
+ margin-bottom: 1rem !important;
+}
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+.ml-1 {
+ margin-left: 1rem !important;
+}
+.ml-05 {
+ margin-left: .5rem !important;
+}
+.ml-0 {
+ margin-left: 0 !important;
+}
+.mb-05 {
+ margin-bottom: .5rem !important;
+}
+.m-333 {
+ margin: .333333rem !important;
+}
+.margin-333 {
+ margin: .333333rem !important;
+}
+.pt-1 {
+ padding-top: 1rem !important;
+}
+.pt-0 {
+ padding-top: 0 !important;
+}
+.pr-1 {
+ padding-right: 1rem !important;
+}
+.pr-0 {
+ padding-right: 0 !important;
+}
+.pb-1 {
+ padding-bottom: 1rem !important;
+}
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+.pl-1 {
+ padding-left: 1rem !important;
+}
+.pl-0 {
+ padding-left: 0 !important;
+}
+.p-0 {
+ padding: 0 !important;
+}
+.p-1 {
+ padding: 1rem !important;
+}
+.p-05 {
+ padding: .5rem !important;
+}
+
+.height-100 {
+ min-height: 100vh;
+}
+.fix {
+ position: relative;
+ overflow: hidden;
+}
+.fix-elm::after {
+ display: table;
+ width: 100%;
+ content: "";
+}
+.mat-box-shadow {
+ box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+}
+
+.light-gray {
+ background: rgba(0, 0, 0, .024);
+}
+.light-mat-gray {
+ background: rgba(0, 0, 0, .08);
+}
+.mat-blue {
+ background: #247ba0;
+ color: #FEFEFE;
+}
+.mat-red {
+ background-color: #f44336!important;
+ color: #fff!important;
+}
+.mat-indigo {
+ background-color: #3f51b5 !important;
+ color: #fff!important;
+}
+.mat-brown {
+ background-color: #785548 !important;
+ color: #FEFEFE;
+}
+.mat-teal {
+ background-color: #009688!important;
+ color: #fff!important;
+}
+.mat-purple {
+ background-color: #9c27b0!important;
+ color: hsla(0,0%,100%,.87)!important;
+}
+.fz-1 {
+ font-size: 1rem !important;
+}
+.fz-2 {
+ font-size: 2rem !important;
+}
+.text-center {
+ text-align: center;
+}
+.text-right {
+ text-align: right;
+}
+.font-light {
+ font-weight: 300 !important;
+}
+.font-normal {
+ font-weight: normal !important;
+}
+.fw-300 {
+ font-weight: 300 !important;
+}
+.fw-400 {
+ font-weight: 400 !important;
+}
+.fw-500 {
+ font-weight: 500 !important;
+}
+.fw-600 {
+ font-weight: 600 !important;
+}
+.fw-700 {
+ font-weight: 700 !important;
+}
+.fw-800 {
+ font-weight: 800 !important;
+}
+.fw-900 {
+ font-weight: 900 !important;
+}
+
+.text-muted {
+ color: rgba(0, 0, 0, .54) !important;
+}
+.text-muted-white {
+ color: rgba(255, 255, 255, .54) !important;
+}
+.text-gray {
+ color: rgba(0, 0, 0, .7) !important;
+}
+.text-sm {
+ font-size: .813rem;
+}
+.list-item-active {
+ border-left: 3px solid;
+}
+.material-icons.icon-sm {
+ font-size: 18px !important;
+ line-height: 18px !important;
+ height: 18px;
+ width: 18px;
+}
+.material-icons.icon-xs {
+ font-size: 13px !important;
+ line-height: 13px;
+ height: 13px;
+ width: 13px;
+}
+
+.mat-button,
+.mat-raised-button {
+ font-weight: 400 !important;
+}
+[mat-lg-button] {
+ padding: 0 32px !important;
+ font-size: 18px;
+ line-height: 56px !important;
+}
+.mat-icon-button[mat-sm-button] {
+ height: 24px;
+ width: 24px;
+ line-height: 24px;
+}
+
+.mat-icon-button[mat-xs-button] {
+ height: 20px;
+ width: 20px;
+ line-height: 20px;
+}
+.mat-icon-button[mat-xs-button] .mat-icon {
+ font-size: 16px;
+ line-height: 20px !important;
+ height: 20px;
+ width: 20px;
+}
+.mat-chip[mat-sm-chip] {
+ padding: 4px 6px 4px 6px !important;
+ border-radius: 4px !important;
+ font-size: 12px !important;
+ line-height: 12px !important;
+ max-height: 20px;
+ box-sizing: border-box;
+}
+.mat-icon-button.img-button img {
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+}
+.compact-list .mat-list-item {
+ line-height: 1.1;
+ transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);
+}
+.compact-list .mat-list-item:hover {
+ background: rgba(0, 0, 0, .08);
+ cursor: pointer;
+}
+.list-tasktype .tasktype-item {
+ padding: 12px;
+}
+.list-tasktype .tasktype-item:hover {
+ background: rgba(0, 0, 0, .08);
+}
+.list-tasktype .tasktype-item .tasktype-action {
+ visibility: hidden;
+}
+.list-tasktype .tasktype-item:hover .tasktype-action {
+ visibility: visible;
+}
+.doughnut-grid {
+ border-radius: 2px;
+ overflow: hidden;
+}
+.doughnut-grid .doughnut-grid-item {
+ padding: 1rem;
+}
+.doughnut-grid .doughnut-grid-item p {
+ margin: 0;
+}
+.doughnut-grid .doughnut-grid-item .chart {
+ margin: 0 0 8px;
+}
+
+.logo-group {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+}
+.toolbar-avatar {
+ display: inline-block;
+ position: relative;
+ width: 40px;
+ height: 40px;
+ line-height: 24px;
+}
+.toolbar-avatar > img {
+ width: 40px !important;
+ border-radius: 50%;
+}
+.toolbar-avatar.md,
+.toolbar-avatar.md > img {
+ width: 48px !important;
+ height: 48px;
+}
+.toolbar-avatar > .status-dot {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ top: 25px;
+ right: -2px;
+ border: 2px solid #ffffff;
+ background: #ccc;
+}
+.full-width {
+ width: 100% !important;
+}
+.dnd-item {
+ cursor: move;
+ cursor: grab;
+ cursor: -webkit-grab;
+}
+.icon-circle {
+ color: rgb(255, 255, 255);
+ font-size: 1.2rem;
+ text-align: center;
+ line-height: 1.6rem;
+ border-radius: 50%;
+}
+.mat-sidenav .mat-list-item:hover {
+ background: rgba(0, 0, 0, .035) !important;
+}
+.mat-chip {
+ position: relative;
+ overflow: hidden;
+}
+.text-small {
+ font-size: .813rem;
+}
+.text-small .mat-icon {
+ font-size: 1rem;
+ vertical-align: sub;
+ margin: 0 2px;
+}
+.mat-card-title {
+ font-size: 1rem !important;
+}
+.icon-chip {
+ font-size: 11px !important;
+ padding: 4px 8px !important;
+ display: flex !important;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+}
+.icon-chip .mat-icon {
+ font-size: 16px;
+ height: 16px;
+ width: 16px;
+ margin-right: 4px;
+}
+.mat-chip:not(.mat-basic-chip) {
+ display: inline-block;
+ padding: 8px 12px 8px 12px;
+ border-radius: 24px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.ql-container .ql-editor {
+ min-height: 200px;
+}
+.chart {
+ display: block;
+ width: 100%;
+}
+.form-error-msg {
+ color: #f44336;
+ display: block;
+ padding: 5px 0;
+}
+.accordion-handle {
+ cursor: pointer;
+}
+.app-accordion {
+ max-height: 200px;
+ transition: max-height .3s ease;
+}
+.app-accordion.open {
+ max-height: 1000px;
+}
+.app-accordion .accordion-content {
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height .3s ease;
+}
+.app-accordion.open .accordion-content {
+ max-height: 800px;
+}
+.app-accordion.open .hidden-on-open {
+ display: none !important;
+}
+.app-accordion:not(.open) .show-on-open {
+ display: none !important;
+}
+mat-list a[mat-list-item] .mat-list-item-content,
+mat-list mat-list-item .mat-list-item-content,
+mat-nav-list a[mat-list-item] .mat-list-item-content,
+mat-nav-list mat-list-item .mat-list-item-content,
+[mat-menu-item],
+.mat-option,
+body .mat-select-trigger {
+ font-size: .875rem !important;
+}
+.mat-ripple {
+ position: relative;
+}
+.fileupload-drop-zone {
+ text-align: center;
+ border: 1px dashed rgba(0, 0, 0, .15);
+ padding: 48px;
+ height: 120px;
+}
+.default-table {
+ text-align: left;
+}
+.default-table > thead tr th {
+ font-weight: 400;
+ padding: .9rem 1.2rem;
+ border-bottom: 1px solid rgba(0, 0, 0, .12);
+}
+.default-table tbody tr td {
+ padding: .9rem 1.2rem;
+}
+.app-error {
+ text-align: center;
+ width: 320px;
+ max-width: 320px;
+ margin: 0 auto;
+}
+.app-error .error-icon {
+ height: 120px;
+ width: 120px;
+ font-size: 120px;
+ float: left;
+}
+.app-error .error-text {
+ float: right;
+ width: 200px;
+ max-width: 200px;
+}
+.app-error .error-title {
+ font-size: 5rem;
+ font-weight: 900;
+ margin: 0;
+}
+.app-error .error-subtitle {
+ font-size: 1.5rem;
+ font-weight: 300;
+}
+.app-error .error-actions {
+ width: 100%;
+ overflow: hidden;
+ min-height: 54px;
+ margin-top: 100px;
+}
+
+
+/*---- Loader ----*/
+.app-loader,
+.view-loader {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: flex;
+ align-items: center;
+}
+.spinner {
+ width: 40px;
+ height: 40px;
+ position: relative;
+ margin: auto;
+}
+.double-bounce1, .double-bounce2 {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ opacity: 0.6;
+ position: absolute;
+ top: 0;
+ left: 0;
+ -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
+ animation: sk-bounce 2.0s infinite ease-in-out;
+}
+.double-bounce2 {
+ -webkit-animation-delay: -1.0s;
+ animation-delay: -1.0s;
+}
+.view-loader {
+ display: block;
+ padding-top: 160px;
+ background: rgba(255, 255, 255, .3);
+ z-index: 9999;
+}
+.view-loader * {
+ margin: auto;
+}
+@-webkit-keyframes sk-bounce {
+ 0%, 100% { -webkit-transform: scale(0.0) }
+ 50% { -webkit-transform: scale(1.0) }
+}
+@keyframes sk-bounce {
+ 0%, 100% {
+ transform: scale(0.0);
+ -webkit-transform: scale(0.0);
+ }
+ 50% {
+ transform: scale(1.0);
+ -webkit-transform: scale(1.0);
+ }
+}
+
+/*---- Third pirty adjust -----*/
+
+/*------- quill rich text editor ----------*/
+.p-0.mat-card-content .ql-container {
+ border: 0 !important;
+}
+.p-0.mat-card-content .ql-toolbar.ql-snow {
+ border: 0;
+ border-bottom: 1px solid rgba(0, 0, 0, .12);
+}
+/*--- Scroll Bar ---*/
+.ps__scrollbar-y-rail {
+ z-index: 999;
+}
+.collapsed-menu .ps__scrollbar-y-rail {
+ z-index: auto;
+}
+
+/*--- Data table ---*/
+.ngx-datatable.material {
+ box-shadow: none !important;
+}
+// .datatable-body, .datatable-body-row {
+// min-width: 100% !important;
+// }
+// datatable-scroller {
+// width: 100% !important;
+// }
+/*------ Map ------*/
+.agm-info-window-content {
+ color: rgba(0, 0, 0, .87);
+}
+/*-------- Chart js ---------*/
+.chart {
+ margin-left: -10px;
+}
+
+/*-------- Hopscotch Tour ---------*/
+div.hopscotch-bubble,
+div.hopscotch-bubble .hopscotch-title,
+div.hopscotch-bubble .hopscotch-content,
+div.hopscotch-bubble .hopscotch-nav-button {
+ font-family: "Roboto",Helvetica Neue,sans-serif !important;
+}
+div.hopscotch-bubble {
+ border: 1px solid;
+ border-radius: 2px;
+}
+div.hopscotch-bubble .hopscotch-bubble-number {
+ border-radius: 50%;
+ box-sizing: border-box;
+ padding: 0;
+ font-weight: 500;
+ height: 32px;
+ width: 32px;
+ line-height: 32px;
+ background: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+div.hopscotch-bubble .hopscotch-title {
+ font-size: 17px;
+ font-weight: 400;
+ color: #ffffff;
+ letter-spacing: .1px;
+}
+div.hopscotch-bubble .hopscotch-content {
+ margin: -5px 0 16px;
+}
+div.hopscotch-bubble .hopscotch-bubble-close {
+ background-size: 8px;
+ background-position: 8px 8px;
+ background-repeat: no-repeat;
+ cursor: pointer;
+}
+div.hopscotch-bubble .hopscotch-bubble-close:active {
+ outline: 0;
+}
+/* up arrow */
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
+ top: -17px;
+}
+/* right arrow */
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
+ right: -34px;
+}
+/* bottom arrow */
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
+ bottom: -34px;
+}
+/* Left Arrow */
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
+ left: -17px;
+}
+
+div.hopscotch-bubble .hopscotch-nav-button {
+ border: 0;
+ border-radius: 2px;
+ font-weight: normal;
+ text-shadow: none !important;
+ padding: 0 18px;
+ height: 30px;
+ line-height: 30px;
+ font-size: 13px;
+ background-image: none !important;
+ box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+ transform: translate3d(0,0,0);
+ transition: background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);
+}
+
+div.hopscotch-bubble .hopscotch-nav-button:hover,
+div.hopscotch-bubble .hopscotch-nav-button:active,
+div.hopscotch-bubble .hopscotch-nav-button:focus {
+ box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);;
+ outline: none;
+}
+div.hopscotch-bubble .hopscotch-nav-button.prev,
+div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
+ background-color: #ffffff;
+ color: rgba(0, 0, 0, .87);
+}
+
+.ps__rail-y {
+ right: 0 !important;
+ left: auto !important;
+}
+
+[dir=rtl] {
+ .pr-1 {
+ padding-left: 1rem;
+ padding-right: 0 !important;
+ }
+ .mr-1 {
+ margin-right: 0 !important;
+ margin-left: 1rem;
+ }
+ .ps__rail-y {
+ right: auto !important;
+ left: 0 !important;
+ }
+ .ps__thumb-y {
+ right: auto !important;
+ left: 1px !important;
+ }
+ .ngx-datatable .datatable-footer .datatable-pager .pager {
+ float: left;
+ }
+ .user-card .user-details .mat-icon {
+ margin-right: 0;
+ margin-left: .5rem;
+ }
+}
+
+
+
+@media (max-width: 767px) {
+ .mat-card-title .mat-divider {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .accordion-handle {
+ flex-direction: column !important;
+ }
+ .app-error .error-icon {
+ height: 100px;
+ width: 100px;
+ font-size: 100px;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/main/_sidebar.scss b/src/assets/styles/scss/main/_sidebar.scss
new file mode 100644
index 00000000..3768b5ab
--- /dev/null
+++ b/src/assets/styles/scss/main/_sidebar.scss
@@ -0,0 +1,137 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.sidebar-compact-switch {
+ position: fixed;
+ top: 26px;
+ left: 12rem;
+ width: 24px;
+ height: 12px;
+ border-radius: 10px;
+ border: 1px solid #666;
+ cursor: pointer;
+ z-index: 999999;
+ opacity: 1;
+ transition: left 0.3s, opacity 0.1s;
+ span {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: #666;
+ transition: all $sidebarTrnTime $transitionTiming;
+ }
+ &.active {
+ background: #444;
+ span {
+ left: 13px;
+ background: #ffffff;
+ }
+ }
+}
+
+.branding {
+ display: flex;
+ align-items: center;
+ position: fixed;
+ padding: 0 16px;
+ width: $sidebar-width;
+ height: 64px;
+ line-height: 64px;
+ top: 0;
+ left: 0;
+ z-index: 999;
+ color: #444;
+ background: #ffffff;
+ transition: all $sidebarTrnTime $transitionTiming;
+ overflow: hidden;
+ .app-logo {
+ width: auto;
+ height: 22px;
+ margin-right: 8px;
+ margin-bottom: 2px;
+ }
+ .app-logo-text {
+ width: auto;
+ font-size: 20px;
+ font-weight: 400;
+ }
+}
+
+.app-user {
+ text-align: center;
+ width: 100%;
+ padding: 1rem 0;
+ .app-user-photo {
+ width: 72px;
+ margin: 0 auto 8px;
+ height: 72px;
+ box-sizing: border-box;
+ padding: 4px;
+ border-radius: 50%;
+ }
+ .app-user-controls {
+ .mat-icon-button {
+ margin: 0 2px;
+ }
+ }
+ img {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ }
+ .app-user-name {
+ display: block;
+ font-size: 0.875rem;
+ font-weight: 300;
+ color: rgba(0, 0, 0, 0.96);
+ margin-left: -2px;
+ }
+}
+
+.app-admin-container.sidebar-compact {
+ .sidebar-compact-switch {
+ opacity: 0;
+ left: -2rem;
+ }
+ .branding {
+ width: $compact-sidebar-width;
+ padding: 0;
+ .app-logo {
+ margin: auto;
+ }
+ }
+ .app-user {
+ padding: .5rem 0;
+ .app-user-photo {
+ width: 40px;
+ height: 40px;
+ margin-bottom: 0;
+ }
+ }
+ .app-user-name,
+ .app-user-controls,
+ .app-logo-text {
+ display: none !important;
+ }
+}
+
+[dir="rtl"] {
+ .sidebar-compact-switch {
+ left: auto;
+ right: 12rem;
+ }
+ .branding {
+ top: 0;
+ left: auto !important;
+ right: 0;
+ .app-logo {
+ margin-right: 0;
+ margin-left: 8px;
+ }
+ }
+}
diff --git a/src/assets/styles/scss/main/_sidenav.scss b/src/assets/styles/scss/main/_sidenav.scss
new file mode 100644
index 00000000..b5688f9a
--- /dev/null
+++ b/src/assets/styles/scss/main/_sidenav.scss
@@ -0,0 +1,299 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.sidenav-hold {
+ .menuitem-badge {
+ padding: 3px 10px;
+ line-height: 12px;
+ color: #ffffff !important;
+ font-weight: 400;
+ border-radius: 4px;
+ font-size: 12px;
+ margin-right: 8px;
+ }
+ .icon-menu {
+ padding: 0 24px;
+ opacity: 1;
+ transition: all $sidebarTrnTime ease-in;
+ }
+ .icon-menu .icon-menu-item {
+ display: inline-block;
+ }
+ .icon-menu .icon-menu-item button {
+ min-width: auto;
+ margin: 4px;
+ }
+ .icon-menu > .mat-divider {
+ margin: 1rem 0;
+ }
+ .nav-item-sep {
+ padding: 0;
+ margin: 0 0 1rem;
+ .icon-menu-title {
+ padding-left: 0px;
+ margin-left: -8px;
+ }
+ span {
+ padding: 16px 0 0 16px;
+ display: block;
+ font-size: 12px;
+ }
+ }
+ .sidenav {
+ li {
+ cursor: pointer;
+ ul.submenu {
+ max-height: 0;
+ overflow: hidden;
+ // transition: all $sidebarTrnTime $transitionTiming;
+ opacity: 1;
+ &.lvl2 a,
+ &.lvl3 a {
+ height: 44px;
+ }
+ &.lvl2 a {
+ padding: 0 16px 0 55px;
+ }
+ &.lvl3 a {
+ padding: 0 16px 0 64px;
+ }
+ }
+ }
+ a {
+ position: relative;
+ width: 100%;
+ padding: 0 16px 0 0;
+ display: flex;
+ box-sizing: border-box;
+ align-items: center;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ text-decoration: none;
+ .mat-icon:not(.menu-caret) {
+ text-align: center;
+ margin-right: 3px;
+ height: 48px;
+ width: 48px;
+ line-height: 48px;
+ border-left: 3px solid;
+ border-color: transparent;
+ }
+ .menu-caret {
+ font-size: 1rem;
+ line-height: 1;
+ height: 16px;
+ width: 16px;
+ transition: transform .3s cubic-bezier(.35,0,.25,1);
+ }
+ }
+ }
+}
+
+
+.sidebar-full .sidenav-hold {
+
+ li {
+ ul {
+ position: relative;
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height .4s cubic-bezier(.35,0,.25,1);
+ &::after,
+ &::before {
+ content: "";
+ left: 0;
+ position: absolute;
+ width: 100%;
+ height: 2px;
+ z-index: 3;
+ }
+ &::after {
+ background: linear-gradient(-180deg,rgba(0, 0 ,0 , .06), transparent);
+ bottom: 0;
+ }
+ &::before {
+ background: linear-gradient(180deg,rgba(0, 0, 0, .1),transparent);
+ top: 0;
+ }
+ }
+
+ &.open,
+ &.open li.open {
+ background: rgba(0,0,0,.02);
+ }
+ &.open > div > ul,
+ &.open > ul {
+ max-height: 1000px;
+ background: rgba(0,0,0,.005);
+ }
+ &.open > div > a .menu-caret,
+ &.open > a .menu-caret {
+ transform: rotate(90deg)
+ }
+ }
+ a {
+ height: 48px;
+ // padding: 0 16px 0 0;
+ }
+}
+
+.sidebar-compact .sidenav-hold,
+.sidebar-compact-big .sidenav-hold {
+ .icon-menu {
+ padding: 8px 0 0;
+ .nav-item-sep {
+ display: none;
+ }
+ }
+ .nav-item-sep {
+ margin: 1rem 0;
+ span {
+ display: none;
+ }
+ }
+ a {
+ padding: 0 !important;
+ }
+ li {
+ position: relative;
+ z-index: 10001;
+ .lvl1 > a > .mat-icon.menu-caret,
+ .menuitem-badge {
+ display: none;
+ }
+ &:hover > div > ul.submenu,
+ &:hover > ul.submenu {
+ max-height: 1000px;
+ visibility: visible;
+ opacity: 1;
+ transform: translateY(0);
+ transition: all 0.4s cubic-bezier(.35,0,.25,1);
+ }
+ ul.submenu {
+ overflow: visible;
+ position: absolute;
+ left: 100%;
+ top: 0;
+ width: 200px;
+ z-index: 9999;
+ visibility: hidden;
+ opacity: 0;
+ transform: translateY(10px);
+ box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
+ // a {
+
+ // }
+ &.lvl2 > li > a,
+ &.lvl3 > li > a {
+ height: 36px;
+ line-height: 36px;
+ padding: 0 16px !important;
+ }
+ }
+ }
+}
+
+.sidebar-compact {
+ .icon-menu {
+ width: 48px;
+ .icon-menu-item {
+ button {
+ margin: 0 0 4px 0;
+ padding: 0 12px;
+ }
+ }
+ }
+
+ .sidenav-hold {
+ .mat-icon:not(.menu-caret) {
+ margin-right: 0;
+ }
+ .item-name.lvl1 {
+ display: none;
+ }
+ }
+}
+
+.sidebar-compact-big {
+ .sidenav {
+ > li > div > a {
+ text-align: center;
+ display: block !important;
+ padding: 16px 0;
+ .item-name.lvl1 {
+ // font-size: 1rem;
+ }
+ }
+ .mat-icon:not(.menu-caret) {
+ height: 36px;
+ width: 150px;
+ font-size: 24px;
+ line-height: 36px;
+ margin: 0;
+ }
+ }
+}
+
+.layout-intransition {
+ // display: none;
+ .sidenav ul.submenu {
+ opacity: 0 !important;
+ }
+}
+
+[dir=rtl] {
+ &.sidebar-full {
+ .sidenav-hold {
+ a {
+ padding: 0 0 0 16px;
+ }
+ }
+ }
+ &.sidebar-compact .sidenav-hold,
+ &.sidebar-compact-big .sidenav-hold {
+ a {
+ padding: 0 !important;
+ }
+ li ul.submenu {
+ left: auto !important;
+ right: 100%;
+ &.lvl2 > li > a,
+ &.lvl3 > li > a {
+ padding: 0 16px !important;
+ }
+ }
+ }
+ .sidenav-hold {
+ .sidenav {
+ a {
+ padding: 0 0 0 16px;
+ .mat-icon:not(.menu-caret) {
+ border-left: none;
+ border-right: 3px solid;
+ margin-right: 1px;
+ border-color: transparent;
+ }
+ }
+ li ul.submenu {
+ &.lvl2 > li > a {
+ padding: 0 55px 0 16px;
+ }
+ &.lvl3 > li > a {
+ padding: 0 64px 0 16px;
+ }
+ }
+ }
+ .nav-item-sep {
+ .icon-menu-title {
+ padding-right: 0 !important;
+ margin: 0 -6px 0 0 !important;
+ }
+ span {
+ padding: 16px 20px 0 0;
+ }
+ }
+ }
+}
diff --git a/src/assets/styles/scss/main/_topnav.scss b/src/assets/styles/scss/main/_topnav.scss
new file mode 100644
index 00000000..ca34900b
--- /dev/null
+++ b/src/assets/styles/scss/main/_topnav.scss
@@ -0,0 +1,236 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.topnav {
+ &:after {
+ content:"";
+ display:table;
+ clear:both;
+ }
+ label.menu-toggle {
+ height: 48px;
+ width: 48px;
+ box-sizing: border-box;
+ padding: 12px;
+ border-radius: 50%;
+ .mat-icon {
+ font-size: 24px;
+ }
+ }
+ .toggle,
+ [id^=drop] {
+ display: none;
+ }
+ ul {
+ padding:0;
+ margin:0;
+ list-style: none;
+ position: relative;
+ }
+ ul:not(.menu) {
+ box-shadow: 0 0 4px rgba(0,0,0,0), 0 4px 8px rgba(0,0,0,.28);
+ }
+ ul.menu {
+ float: left;
+ height: 48px;
+ padding-right: 45px;
+ > li {
+ float: left;
+ > div {
+ > a,
+ > div {
+ border-bottom: 2px solid;
+ height: 48px;
+ box-sizing: border-box;
+ border-color: transparent;
+ margin: 0 6px;
+ }
+ }
+ }
+ }
+ ul li {
+ margin: 0px;
+ display: inline-block;
+ }
+
+ a, label {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 13px 20px;
+ height: 44px;
+ font-size: .875rem;
+ text-decoration: none;
+ box-sizing: border-box;
+ .mat-icon {
+ font-size: 16px;
+ height: 20px;
+ line-height: 20px;
+ width: 20px;
+ margin-right: 2px;
+ }
+ }
+ ul li ul li:hover,
+ ul li ul li.open {
+ background: #eeeeee;
+ }
+
+ ul ul {
+ opacity: 0;
+ visibility: hidden;
+ position: absolute;
+ background: #ffffff;
+ color: rgba(0,0,0,.87);
+ /* has to be the same number as the "line-height" of "nav a" */
+ top: 48px;
+ transform: translateY(-100px);
+ transition: all 0.3s ease-in-out;
+ z-index: -1;
+ }
+
+ ul li:hover > div > div > ul,
+ ul li:hover > div > ul {
+ opacity: 1;
+ visibility: visible;
+ transform: translateY(0);
+ }
+
+ ul ul li {
+ width:170px;
+ float:none;
+ display:list-item;
+ position: relative;
+ }
+ ul ul ul {
+ top: 0;
+ left:170px;
+ }
+ ul ul ul li {
+ position: relative;
+ top: 0;
+ }
+
+ li > a:after { content: ' +'; }
+ li > a:only-child:after { content: ''; }
+}
+
+
+/* Media Queries
+--------------------------------------------- */
+
+@media all and (max-width : 768px) {
+ .topnav {
+ margin: 0;
+ .toggle + a {
+ display: none;
+ }
+ .menu {
+ opacity: 0;
+ visibility: hidden;
+ height: auto !important;
+ width: 100%;
+ li {
+ a {
+ border: none !important;
+ }
+ }
+ }
+
+ .toggle {
+ display: flex;
+ text-decoration:none;
+ border:none;
+ }
+
+ .toggle:hover {
+ // background-color: #eeeeee;
+ }
+ ul {
+ overflow: hidden;
+ max-height: 0px;
+ transform: translateY(0px) !important;
+ transition: max-height 0.3s ease-in-out;
+ }
+
+ [id^=drop]:checked + ul {
+ opacity: 1;
+ visibility: visible;
+ max-height: 2000px;
+ }
+ [id^=drop]:checked + ul.menu {
+ max-height: 300px;
+ overflow-y: scroll;
+ }
+
+ ul li {
+ position: relative;
+ opacity: 1;
+ visibility: visible;
+ width: 100%;
+ z-index: 1;
+ }
+
+ ul ul .toggle,
+ ul ul a {
+ padding: 0 40px;
+ }
+
+ ul ul ul a {
+ padding: 0 80px;
+ }
+
+ ul li ul li .toggle,
+ ul ul a,
+ ul ul ul a{
+ padding:14px 20px;
+ }
+
+ /* Hide Dropdowns by Default */
+ ul ul {
+ float: none;
+ position: relative;
+ top: 0;
+ left: 0;
+ box-shadow: none !important;
+ z-index: 1;
+ }
+
+ /* Hide menus on hover */
+ ul li:hover > div > div > ul,
+ ul li:hover > div > ul {
+ opacity: 0;
+ visibility: hidden;
+ }
+
+ ul ul li {
+ opacity: 1;
+ visibility: visible;
+ width: 100%;
+ }
+ ul ul ul {
+ left: 0;
+ }
+ ul ul ul li {
+ position: static;
+ }
+ }
+}
+
+@media all and (max-width : 330px) {
+ .topnav ul li {
+ display:block;
+ width: 94%;
+ }
+}
+
+[dir=rtl] {
+ .topnav {
+ a, label {
+ .mat-icon {
+ margin-right: 0;
+ margin-left: 2px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/main/_typography.scss b/src/assets/styles/scss/main/_typography.scss
new file mode 100644
index 00000000..bfe2652f
--- /dev/null
+++ b/src/assets/styles/scss/main/_typography.scss
@@ -0,0 +1,104 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ margin-bottom: $headings-margin-bottom;
+ font-weight: $headings-font-weight;
+ line-height: $headings-line-height;
+ color: $headings-color;
+}
+
+h1,
+.h1 {
+ font-size: $font-size-h1;
+}
+h2,
+.h2 {
+ font-size: $font-size-h2;
+}
+h3,
+.h3 {
+ font-size: $font-size-h3;
+}
+h4,
+.h4 {
+ font-size: $font-size-h4;
+}
+h5,
+.h5 {
+ font-size: $font-size-h5;
+}
+h6,
+.h6 {
+ font-size: $font-size-h6;
+}
+
+a,
+a:focus,
+a:hover {
+ cursor: pointer;
+ text-decoration: none;
+ color: inherit;
+ outline: 0;
+}
+
+button {
+ outline: 0;
+}
+
+figure {
+ margin: 0;
+}
+
+strong,
+b {
+ font-weight: 700;
+}
+
+.strikethrough {
+ text-decoration: line-through;
+}
+.text-uppercase {
+ text-transform: uppercase;
+}
+.text-capitalize {
+ text-transform: capitalize;
+}
+
+
+@for $i from 10 through 78 {
+ .text-#{$i} {
+ font-size: #{$i}px;
+ }
+}
+@for $i from 10 through 24 {
+ .mat-icon-#{$i} {
+ font-size: #{$i}px;
+ width: #{$i}px;
+ height: #{$i}px;
+ }
+}
+.font-weight-light {
+ font-weight: 300;
+}
+.font-weight-normal {
+ font-weight: 400;
+}
+.font-weight-bold {
+ font-weight: bold;
+}
+.line-height-1 {
+ line-height: 1 !important;
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/mixins/_gradients.scss b/src/assets/styles/scss/mixins/_gradients.scss
new file mode 100644
index 00000000..1e22ed96
--- /dev/null
+++ b/src/assets/styles/scss/mixins/_gradients.scss
@@ -0,0 +1,28 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+@mixin directional-gradient($dir, $from, $to, $stop: 100%) {
+ background-color: $from !important;
+ background-image: -moz-linear-gradient($dir, $from 0%, $to $stop) !important;
+
+ background-image: -webkit-gradient(
+ linear,
+ $dir,
+ right top,
+ color-stop(0%, $from),
+ color-stop($stop, $to)
+ ) !important;
+
+ background-image: -webkit-linear-gradient($dir, $from 0%, $to $stop) !important;
+
+ background-image: -o-linear-gradient($dir, $from 0%, $to $stop) !important;
+
+ background: -ms-linear-gradient($dir, $from 0%, $to $stop) !important;
+
+ /* Standard */
+ background: linear-gradient($dir, $from 0%, $to $stop) !important;
+
+ /* IE6-9 */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
+ }
\ No newline at end of file
diff --git a/src/assets/styles/scss/themes/_egret-blue.scss b/src/assets/styles/scss/themes/_egret-blue.scss
new file mode 100644
index 00000000..3c791367
--- /dev/null
+++ b/src/assets/styles/scss/themes/_egret-blue.scss
@@ -0,0 +1,177 @@
+$black-87-opacity: rgba(0,0,0, .87);
+
+// You can define colors here (using http://mcg.mbitson.com)
+$mat-primary: (
+ 50 : #ffffff,
+ 100 : #b6e8fe,
+ 200 : #7ed6fd,
+ 300 : #38bffd,
+ 400 : #19b6fc,
+ 500 : #03a9f4,
+ 600 : #0394d6,
+ 700 : #027fb8,
+ 800 : #026a99,
+ 900 : #02557b,
+ A100 : #f7fdff,
+ A200 : #91ddff,
+ A400 : #2bbdff,
+ A700 : #11b5ff,
+ contrast: (
+ 50 : #000000,
+ 100 : #000000,
+ 200 : #000000,
+ 300 : #000000,
+ 400 : #000000,
+ 500 : #ffffff,
+ 600 : #ffffff,
+ 700 : #ffffff,
+ 800 : #ffffff,
+ 900 : #ffffff,
+ A100 : #000000,
+ A200 : #000000,
+ A400 : #000000,
+ A700 : #000000,
+ )
+);
+
+$mat-accent: (
+ 50 : #fffaef,
+ 100 : #fff4d8,
+ 200 : #ffecbe,
+ 300 : #ffe4a4,
+ 400 : #ffdf91,
+ 500 : #ffd97d,
+ 600 : #ffd575,
+ 700 : #ffcf6a,
+ 800 : #ffca60,
+ 900 : #ffc04d,
+ A100 : #ffffff,
+ A200 : #ffffff,
+ A400 : #fffbf3,
+ A700 : #fff1da,
+ contrast: (
+ 50 : #000000,
+ 100 : #000000,
+ 200 : #000000,
+ 300 : #000000,
+ 400 : #000000,
+ 500 : #000000,
+ 600 : #000000,
+ 700 : #000000,
+ 800 : #000000,
+ 900 : #000000,
+ A100 : #000000,
+ A200 : #000000,
+ A400 : #000000,
+ A700 : #000000,
+ )
+);
+
+
+
+// mandatory stuff for theming
+$egret-primary: mat-palette($mat-primary);
+$egret-accent: mat-palette($mat-accent);
+
+// include the custom theme components into a theme object
+$egret-theme: mat-light-theme($egret-primary, $egret-accent);
+
+$primary-dark: darken( map-get($mat-primary, 500), 8% );
+
+// include the custom theme object into the angular material theme
+.egret-blue {
+ @include angular-material-theme($egret-theme);
+
+ .mat-bg-primary,
+ .topbar,
+ .chats-wrap .conversations-hold .single-conversation.me .conversation-msg,
+ .ngx-datatable .datatable-footer .datatable-pager .pager .pages.active a,
+ .fileupload-drop-zone.dz-file-over,
+ .toolbar-avatar.online > .status-dot,
+ .cal-open-day-events,
+ div.hopscotch-bubble {
+ background: map-get($mat-primary, 500) !important;
+ color: #ffffff !important;
+ }
+ .mat-color-primary,
+ .list-item-active,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
+ .sidenav-hold .sidenav li.open > div > a > span:not(.menuitem-badge),
+ .sidenav-hold .sidenav li.open > a > span {
+ color: map-get($mat-primary, 500) !important;
+ }
+ .topnav ul.menu > li > div.open > a,
+ .topnav ul.menu > li > div.open > div,
+ .sidebar-panel .sidebar-list-item.open > .mat-list-item-content > .sub-menu,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
+ .list-item-active {
+ border-color: map-get($mat-primary, 500) !important;
+ }
+ .sidebar-panel {
+ background: url('../../assets/images/sidebar-bg.jpg') no-repeat;
+ }
+ .sidebar-compact ul.submenu,
+ .default-bg {
+ background: #ffffff !important;
+ }
+ .default-light-bg {
+ background: #fafafa !important;
+ }
+ /* Hopscotch Tour */
+ div.hopscotch-bubble {
+ border-color: $primary-dark;
+ }
+ /* up arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
+ border-bottom: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
+ border-bottom: 17px solid map-get($mat-primary, 500);
+ top: -16px;
+ }
+ /* right arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
+ border-left: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
+ border-left: 17px solid map-get($mat-primary, 500);
+ left: -1px;
+ }
+ /* bottom arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
+ border-top: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
+ border-top: 17px solid map-get($mat-primary, 500);
+ top: -18px;
+ }
+ /* Left Arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
+ border-right: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
+ left: 1px;
+ border-right: 17px solid map-get($mat-primary, 500);
+ }
+
+ .mat-bg-accent,
+ div.hopscotch-bubble .hopscotch-bubble-number,
+ div.hopscotch-bubble .hopscotch-nav-button.next:hover,
+ div.hopscotch-bubble .hopscotch-nav-button.next {
+ background-color: map-get($mat-accent, 500);
+ color: black;
+ }
+ .mat-bg-warn {
+ background-color: #f44336;
+ color: white;
+ }
+ .mat-color-accent {
+ color: map-get($mat-accent, 500);
+ }
+ .mat-color-warn {
+ color: #f44336;
+ }
+ .mat-color-default {
+ color: rgba(0, 0, 0, 0.87);
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/themes/_egret-dark-pink.scss b/src/assets/styles/scss/themes/_egret-dark-pink.scss
new file mode 100644
index 00000000..18ce70d7
--- /dev/null
+++ b/src/assets/styles/scss/themes/_egret-dark-pink.scss
@@ -0,0 +1,433 @@
+$mat-primary: (
+ 50 : #fce4ec,
+ 100 : #f8bcd0,
+ 200 : #f48fb1,
+ 300 : #f06292,
+ 400 : #ec407a,
+ 500 : #2debff,
+ 600 : #e61a5b,
+ 700 : #e31651,
+ 800 : #df1247,
+ 900 : #d90a35,
+ A100 : #ffffff,
+ A200 : #ffd0d8,
+ A400 : #ff9dae,
+ A700 : #ff8498,
+ contrast: (
+ 50 : #000000,
+ 100 : #000000,
+ 200 : #000000,
+ 300 : #000000,
+ 400 : #ffffff,
+ 500 : #ffffff,
+ 600 : #ffffff,
+ 700 : #ffffff,
+ 800 : #ffffff,
+ 900 : #ffffff,
+ A100 : #000000,
+ A200 : #000000,
+ A400 : #000000,
+ A700 : #000000,
+ )
+);
+
+$mat-accent: (
+ 50 : #eceff1,
+ 100 : #cfd8dc,
+ 200 : #b0bec5,
+ 300 : #90a4ae,
+ 400 : #78919c,
+ 500 : #607d8b,
+ 600 : #587583,
+ 700 : #4e6a78,
+ 800 : #44606e,
+ 900 : #334d5b,
+ A100 : #abe1ff,
+ A200 : #78ceff,
+ A400 : #45bcff,
+ A700 : #2bb3ff,
+ contrast: (
+ 50 : #000000,
+ 100 : #000000,
+ 200 : #000000,
+ 300 : #000000,
+ 400 : #000000,
+ 500 : #ffffff,
+ 600 : #ffffff,
+ 700 : #ffffff,
+ 800 : #ffffff,
+ 900 : #ffffff,
+ A100 : #000000,
+ A200 : #000000,
+ A400 : #000000,
+ A700 : #000000,
+ )
+);
+
+// mandatory stuff for theming
+$egret-primary: mat-palette($mat-primary);
+$egret-accent: mat-palette($mat-accent);
+
+// include the custom theme components into a theme object
+$egret-theme: mat-dark-theme($egret-primary, $egret-accent);
+
+$primary-dark: darken(map-get($mat-primary, 500), 8%);
+
+$app-background: #424242;
+$panel-border-color: #171717;
+
+// include the custom theme object into the angular material theme
+.egret-dark-pink {
+ @include angular-material-theme($egret-theme);
+
+
+ .example-form {
+ min-width: 60px;
+ max-width: 500px;
+ // width: 100%;
+ }
+
+ .mat-flat-button, .mat-stroked-button {
+ border-radius: 1px !important;
+ }
+
+ .example-full-width {
+ width: 100%;
+ }
+
+ .example-button-row button,
+ .example-button-row a {
+ margin-right: 8px;
+ }
+
+ .mat-menu-panel {
+ border-radius: 0px !important;
+ min-width: 300px;
+ }
+
+ .mat-icon-button {
+ height: 36px !important;
+ }
+
+ .mat-menu-item {
+ line-height: 36px;
+ height: 36px;
+ padding: 0 24px;
+ }
+
+ .mat-divider {
+ margin: 10px 0px !important;
+ }
+
+ .material-icons {
+ font-size: 18px !important;
+ line-height: 18px !important;
+ }
+
+ .mat-card {
+ margin: .01rem !important;
+ // overflow: scroll !important;
+ border-radius: 0px !important;
+ width: 100% !important;
+ border: 1px solid #464646 !important;
+ }
+
+ .mat-card:not([class*='mat-elevation-z']) {
+ box-shadow: none !important;
+ }
+
+ .mat-drawer-container {
+ background-color: $app-background !important;
+ }
+
+ .mat-tab-label {
+ height: 36px !important;
+ background: #3c3c3c !important;
+ opacity: 1;
+ min-width: 120px !important;
+ }
+
+ .mat-tab-label-active {
+ background: #424242 !important;
+ }
+
+ .mat-card.p-0 .mat-card-content {
+ padding: 0 0rem 0rem !important;
+ }
+
+ .mat-grid-tile .mat-figure {
+ align-items: normal !important;
+ justify-content: left !important;
+ }
+
+ .mat-tab-header {
+ background: $app-background;
+ }
+
+ .mat-tree-node {
+ min-height: 36px;
+ }
+
+ .mat-tab-nav-bar, .mat-tab-header {
+ // border-bottom: 0px !important;
+ }
+
+ .inspector-form-container {
+ margin: 18px 12px;
+ }
+
+ .inspector-form-container > * {
+ width: 100%;
+ }
+
+ .mat-tab-group {
+ height: 100%;
+ }
+
+ .mat-tab-body-wrapper {
+ // overflow: scroll;
+ }
+
+ .mat-tree-node:hover {
+ background: #545454;
+ cursor: pointer;
+ }
+
+ .mat-tree-node:active {
+ background: #0090ec;
+ cursor: pointer;
+ }
+
+ .mat-tree-node:focus {
+ background: #0090ec;
+ cursor: pointer;
+ }
+
+ .mat-toolbar {
+ background: $app-background;
+ border-bottom: 1px solid $panel-border-color;
+ min-height: 36px;
+ }
+
+ .app-toolbar.mat-toolbar{
+ height: 48px;
+ padding: 0px 8px;
+ }
+
+ .app-menubar.mat-toolbar {
+ padding: 0px 0px !important;
+ position: relative;
+ z-index: 999;
+ height: 44px;
+ }
+
+ .mat-grid-tile.selected {
+ background: #2d2d2d;
+ }
+
+ .mat-card.active {
+ background: #292929 !important;
+ }
+
+ .mat-bg-primary,
+ .topbar,
+ .chats-wrap .conversations-hold .single-conversation.me .conversation-msg,
+ .ngx-datatable .datatable-footer .datatable-pager .pager .pages.active a,
+ .fileupload-drop-zone.dz-file-over,
+ .toolbar-avatar.online > .status-dot,
+ .cal-open-day-events,
+ div.hopscotch-bubble {
+ background: map-get($mat-primary, 500) !important;
+ color: #ffffff !important;
+ }
+
+ .mat-color-primary,
+ .list-item-active,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
+ .sidenav-hold .sidenav li.open > div > a > span:not(.menuitem-badge),
+ .sidenav-hold .sidenav li.open > a > span {
+ color: map-get($mat-primary, 500) !important;
+ }
+
+ .sidebar-panel .sidebar-list-item.open > .mat-list-item-content > a > span,
+ .sidebar-panel .sidebar-list-item.open .sub-menu .mat-list-item.selected a {
+ font-weight: 500;
+ }
+
+ .topnav ul.menu > li > div.open > a,
+ .sidebar-panel .sidebar-list-item.open > .mat-list-item-content > .sub-menu,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
+ .list-item-active {
+ border-color: map-get($mat-primary, 500) !important;
+ }
+
+ .ngx-datatable.material,
+ .messages-wrap .inbox-hold {
+ background: transparent !important;
+ }
+
+ // .sidebar-panel {
+ // background: url('../../assets/images/sidebar-bg-dark.jpg') no-repeat;
+ // }
+ .header-topnav,
+ .topnav ul ul,
+ .app-user .app-user-name,
+ .sidebar-panel .sidebar-list-item mat-icon:not(.menu-caret),
+ .ngx-datatable.material *,
+ .ql-snow .ql-picker,
+ .ngx-pagination a, .ngx-pagination button {
+ color: white !important;
+ }
+
+ .text-muted {
+ color: rgba(255, 255, 255, .54) !important;
+ }
+
+ .ql-snow .ql-stroke {
+ stroke: #ffffff;
+ }
+
+ .ql-snow .ql-fill {
+ fill: #ffffff;
+ }
+
+ .ql-toolbar.ql-snow,
+ .ql-toolbar.ql-snow + .ql-container.ql-snow {
+ border-color: rgba(255, 255, 255, 0.12) !important;
+ }
+
+ // .sidebar-panel .navigation-hold,
+ .message-item.open .message-head,
+ .ngx-datatable.material .datatable-header,
+ .bg-white,
+ .cal-month-view .cal-cell-row:hover,
+ .chats-wrap .conversations-hold .single-conversation.sender .conversation-msg,
+ .cal-day-view .cal-hour:nth-child(odd),
+ &.collapsed-menu .sidebar-panel .sidebar-list-item.open .sub-menu,
+ .ngx-pagination a:hover, .ngx-pagination button:hover,
+ .product-container .products-pagination .ngx-pagination .current {
+ background: rgba(66, 66, 66, 0.92) !important;
+ }
+
+ .sidebar-compact ul.submenu,
+ .topnav ul li ul li:hover,
+ .topnav ul li ul li.open,
+ .default-bg,
+ .default-light-bg {
+ background: #424242;
+ color: #ffffff;
+ }
+
+ .header-topnav,
+ .topnav ul ul,
+ .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
+ .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group,
+ .cal-month-view .cal-cell-row .cal-cell:hover,
+ .cal-month-view .cal-cell.cal-has-events.cal-open,
+ .cal-week-view .cal-day-headers .cal-header:hover,
+ .cal-week-view .cal-day-headers .cal-drag-over,
+ .cal-day-view .cal-hour-segment:hover,
+ .cal-day-view .cal-drag-over .cal-hour-segment {
+ background: #333 !important;
+ }
+
+ .cal-month-view .cal-day-cell:not(:last-child),
+ .cal-month-view .cal-days,
+ .cal-week-view .cal-day-headers .cal-header:not(:last-child),
+ .cal-week-view .cal-day-headers,
+ .cal-month-view .cal-days .cal-cell-row,
+ .cal-day-view .cal-hour:not(:last-child) .cal-hour-segment,
+ .cal-day-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
+ border-color: #000 !important;
+ }
+
+ /* Hopscotch Tour */
+ div.hopscotch-bubble {
+ border-color: $primary-dark;
+ }
+
+ /* up arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
+ border-bottom: 17px solid $primary-dark;
+ }
+
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
+ border-bottom: 17px solid map-get($mat-primary, 500);
+ top: -16px;
+ }
+
+ /* right arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
+ border-left: 17px solid $primary-dark;
+ }
+
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
+ border-left: 17px solid map-get($mat-primary, 500);
+ left: -1px;
+ }
+
+ /* bottom arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
+ border-top: 17px solid $primary-dark;
+ }
+
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
+ border-top: 17px solid map-get($mat-primary, 500);
+ top: -18px;
+ }
+
+ /* Left Arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
+ border-right: 17px solid $primary-dark;
+ }
+
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
+ left: 1px;
+ border-right: 17px solid map-get($mat-primary, 500);
+ }
+
+ .mat-bg-accent,
+ div.hopscotch-bubble .hopscotch-bubble-number,
+ div.hopscotch-bubble .hopscotch-nav-button.next:hover,
+ div.hopscotch-bubble .hopscotch-nav-button.next {
+ background-color: map-get($mat-accent, 500);
+ color: black;
+ }
+
+ .mat-bg-warn {
+ background-color: #f44336;
+ color: white;
+ }
+
+ .mat-color-accent {
+ color: map-get($mat-accent, 500);
+ }
+
+ .mat-color-warn {
+ color: #f44336;
+ }
+
+ .mat-color-default {
+ color: #ffffff;
+ }
+
+ /* OVER-RIDES */
+ .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
+ color: map-get($mat-accent, 50);
+ }
+
+ .mat-button, .mat-flat-button, .mat-icon-button, .mat-stroked-button {
+ border-radius: 0 !important;
+ }
+
+ .app-menubar .mat-button {
+ line-height: 43px !important;
+ }
+
+ .app-toolbar .mat-button.mat-accent,
+ .app-toolbar .mat-icon-button.mat-accent,
+ .app-toolbar .mat-stroked-button.mat-accent {
+ color: #f1f1f1;
+ background: $panel-border-color;
+ }
+}
diff --git a/src/assets/styles/scss/themes/_egret-dark-purple.scss b/src/assets/styles/scss/themes/_egret-dark-purple.scss
new file mode 100644
index 00000000..8e9056ec
--- /dev/null
+++ b/src/assets/styles/scss/themes/_egret-dark-purple.scss
@@ -0,0 +1,240 @@
+$mat-primary: (
+ 50 : #f3e5f6,
+ 100 : #e1bee7,
+ 200 : #ce93d8,
+ 300 : #ba68c8,
+ 400 : #ab47bc,
+ 500 : #9c27b0,
+ 600 : #9423a9,
+ 700 : #8a1da0,
+ 800 : #801797,
+ 900 : #6e0e87,
+ A100 : #efb8ff,
+ A200 : #e485ff,
+ A400 : #d852ff,
+ A700 : #d238ff,
+ contrast: (
+ 50 : #000000,
+ 100 : #000000,
+ 200 : #000000,
+ 300 : #000000,
+ 400 : #ffffff,
+ 500 : #ffffff,
+ 600 : #ffffff,
+ 700 : #ffffff,
+ 800 : #ffffff,
+ 900 : #ffffff,
+ A100 : #000000,
+ A200 : #000000,
+ A400 : #000000,
+ A700 : #ffffff,
+ )
+);
+
+$mat-accent: (
+ 50 : #eaf5ea,
+ 100 : #c9e7cb,
+ 200 : #a6d7a8,
+ 300 : #82c785,
+ 400 : #67bb6a,
+ 500 : #4caf50,
+ 600 : #45a849,
+ 700 : #3c9f40,
+ 800 : #339637,
+ 900 : #248627,
+ A100 : #c5ffc7,
+ A200 : #92ff95,
+ A400 : #5fff64,
+ A700 : #46ff4b,
+ contrast: (
+ 50 : #000000,
+ 100 : #000000,
+ 200 : #000000,
+ 300 : #000000,
+ 400 : #000000,
+ 500 : #000000,
+ 600 : #ffffff,
+ 700 : #ffffff,
+ 800 : #ffffff,
+ 900 : #ffffff,
+ A100 : #000000,
+ A200 : #000000,
+ A400 : #000000,
+ A700 : #000000,
+ )
+);
+
+// mandatory stuff for theming
+$egret-primary: mat-palette($mat-primary);
+$egret-accent: mat-palette($mat-accent);
+
+// include the custom theme components into a theme object
+$egret-theme: mat-dark-theme($egret-primary, $egret-accent);
+
+$primary-dark: darken( map-get($mat-primary, 500), 8% );
+
+// include the custom theme object into the angular material theme
+.egret-dark-purple {
+ @include angular-material-theme($egret-theme);
+
+ .mat-bg-primary,
+ .topbar,
+ .chats-wrap .conversations-hold .single-conversation.me .conversation-msg,
+ .ngx-datatable .datatable-footer .datatable-pager .pager .pages.active a,
+ .fileupload-drop-zone.dz-file-over,
+ .toolbar-avatar.online > .status-dot,
+ .cal-open-day-events,
+ div.hopscotch-bubble {
+ background: map-get($mat-primary, 500) !important;
+ color: #ffffff !important;
+ }
+ .mat-color-primary,
+ .list-item-active,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
+ .sidenav-hold .sidenav li.open > div > a > span:not(.menuitem-badge),
+ .sidenav-hold .sidenav li.open > a > span {
+ color: map-get($mat-primary, 500) !important;
+ }
+ .sidebar-panel .sidebar-list-item.open > .mat-list-item-content > a > span,
+ .sidebar-panel .sidebar-list-item.open .sub-menu .mat-list-item.selected a {
+ font-weight: 500;
+ }
+ .topnav ul.menu > li > div.open > a,
+ .sidebar-panel .sidebar-list-item.open > .mat-list-item-content > .sub-menu,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
+ .list-item-active {
+ border-color: map-get($mat-primary, 500) !important;
+ }
+ .ngx-datatable.material,
+ .messages-wrap .inbox-hold {
+ background: transparent !important;
+ }
+ // .sidebar-panel {
+ // background: url('../../assets/images/sidebar-bg-dark.jpg') no-repeat;
+ // }
+ .header-topnav,
+ .topnav ul ul,
+ .app-user .app-user-name,
+ .sidebar-panel .sidebar-list-item mat-icon:not(.menu-caret),
+ .ngx-datatable.material *,
+ .ql-snow .ql-picker,
+ .mat-option,
+ .mat-dialog-container,
+ .ngx-pagination a, .ngx-pagination button {
+ color: white !important;
+ }
+ .text-muted {
+ color: rgba(255, 255, 255, .54) !important;
+ }
+
+ .ql-snow .ql-stroke {
+ stroke: #ffffff;
+ }
+ .ql-snow .ql-fill {
+ fill: #ffffff;
+ }
+ .ql-toolbar.ql-snow,
+ .ql-toolbar.ql-snow + .ql-container.ql-snow {
+ border-color: rgba(255, 255, 255, 0.12) !important;
+ }
+
+ // .sidebar-panel .navigation-hold,
+ .message-item.open .message-head,
+ .ngx-datatable.material .datatable-header,
+ .bg-white,
+ .cal-month-view .cal-cell-row:hover,
+ .chats-wrap .conversations-hold .single-conversation.sender .conversation-msg,
+ .cal-day-view .cal-hour:nth-child(odd),
+ &.collapsed-menu .sidebar-panel .sidebar-list-item.open .sub-menu,
+ .ngx-pagination a:hover, .ngx-pagination button:hover,
+ .product-container .products-pagination .ngx-pagination .current {
+ background: rgba(66, 66, 66, 0.92) !important;
+ }
+ .sidebar-compact ul.submenu,
+ .topnav ul li ul li:hover,
+ .topnav ul li ul li.open,
+ .default-bg,
+ .default-light-bg {
+ background: #424242;
+ color: #ffffff;
+ }
+ .header-topnav,
+ .topnav ul ul,
+ .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
+ .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group,
+ .cal-month-view .cal-cell-row .cal-cell:hover,
+ .cal-month-view .cal-cell.cal-has-events.cal-open,
+ .cal-week-view .cal-day-headers .cal-header:hover,
+ .cal-week-view .cal-day-headers .cal-drag-over,
+ .cal-day-view .cal-hour-segment:hover,
+ .cal-day-view .cal-drag-over .cal-hour-segment {
+ background: #333 !important;
+ }
+ .cal-month-view .cal-day-cell:not(:last-child),
+ .cal-month-view .cal-days,
+ .cal-week-view .cal-day-headers .cal-header:not(:last-child),
+ .cal-week-view .cal-day-headers,
+ .cal-month-view .cal-days .cal-cell-row,
+ .cal-day-view .cal-hour:not(:last-child) .cal-hour-segment,
+ .cal-day-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
+ border-color: #000 !important;
+ }
+
+ /* Hopscotch Tour */
+ div.hopscotch-bubble {
+ border-color: $primary-dark;
+ }
+ /* up arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
+ border-bottom: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
+ border-bottom: 17px solid map-get($mat-primary, 500);
+ top: -16px;
+ }
+ /* right arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
+ border-left: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
+ border-left: 17px solid map-get($mat-primary, 500);
+ left: -1px;
+ }
+ /* bottom arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
+ border-top: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
+ border-top: 17px solid map-get($mat-primary, 500);
+ top: -18px;
+ }
+ /* Left Arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
+ border-right: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
+ left: 1px;
+ border-right: 17px solid map-get($mat-primary, 500);
+ }
+
+ .mat-bg-accent,
+ div.hopscotch-bubble .hopscotch-bubble-number,
+ div.hopscotch-bubble .hopscotch-nav-button.next:hover,
+ div.hopscotch-bubble .hopscotch-nav-button.next {
+ background-color: map-get($mat-accent, 500);
+ color: black;
+ }
+ .mat-bg-warn {
+ background-color: #f44336;
+ color: white;
+ }
+ .mat-color-accent {
+ color: map-get($mat-accent, 500);
+ }
+ .mat-color-warn {
+ color: #f44336;
+ }
+ .mat-color-default {
+ color: #ffffff;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/themes/_egret-navy.scss b/src/assets/styles/scss/themes/_egret-navy.scss
new file mode 100644
index 00000000..6f315b90
--- /dev/null
+++ b/src/assets/styles/scss/themes/_egret-navy.scss
@@ -0,0 +1,187 @@
+// You can define colors here (using http://mcg.mbitson.com)
+$mat-primary: (
+ 50 : #e2e3ea,
+ 100 : #b7b9c9,
+ 200 : #888ba6,
+ 300 : #585d82,
+ 400 : #343a67,
+ 500 : #10174c,
+ 600 : #0e1445,
+ 700 : #0c113c,
+ 800 : #090d33,
+ 900 : #050724,
+ A100 : #6068ff,
+ A200 : #2d38ff,
+ A400 : #000df9,
+ A700 : #000be0,
+ contrast: (
+ 50 : #000000,
+ 100 : #000000,
+ 200 : #000000,
+ 300 : #ffffff,
+ 400 : #ffffff,
+ 500 : #ffffff,
+ 600 : #ffffff,
+ 700 : #ffffff,
+ 800 : #ffffff,
+ 900 : #ffffff,
+ A100 : #ffffff,
+ A200 : #ffffff,
+ A400 : #ffffff,
+ A700 : #ffffff,
+ )
+);
+
+$mat-accent: (
+ 50 : #fff8e1,
+ 100 : #ffecb5,
+ 200 : #ffe083,
+ 300 : #ffd451,
+ 400 : #ffca2c,
+ 500 : #ffc107,
+ 600 : #ffbb06,
+ 700 : #ffb305,
+ 800 : #ffab04,
+ 900 : #ff9e02,
+ A100 : #ffffff,
+ A200 : #fffaf2,
+ A400 : #ffe4bf,
+ A700 : #ffd9a6,
+ contrast: (
+ 50 : #000000,
+ 100 : #000000,
+ 200 : #000000,
+ 300 : #000000,
+ 400 : #000000,
+ 500 : #000000,
+ 600 : #000000,
+ 700 : #000000,
+ 800 : #000000,
+ 900 : #000000,
+ A100 : #000000,
+ A200 : #000000,
+ A400 : #000000,
+ A700 : #000000,
+ )
+);
+
+// mandatory stuff for theming
+$egret-primary: mat-palette($mat-primary);
+$egret-accent: mat-palette($mat-accent);
+
+// include the custom theme components into a theme object
+$egret-theme: mat-light-theme($egret-primary, $egret-accent);
+
+$primary-dark: darken( map-get($mat-primary, 500), 8% );
+
+// include the custom theme object into the angular material theme
+.egret-navy {
+ @include angular-material-theme($egret-theme);
+
+ .mat-bg-primary,
+ .topbar:not(.topbar-white),
+ .chats-wrap .conversations-hold .single-conversation.me .conversation-msg,
+ .ngx-datatable .datatable-footer .datatable-pager .pager .pages.active a,
+ .fileupload-drop-zone.dz-file-over,
+ .toolbar-avatar.online > .status-dot,
+ .cal-open-day-events,
+ div.hopscotch-bubble {
+ background: map-get($mat-primary, 500) !important;
+ color: #ffffff !important;
+ }
+ .mat-color-primary,
+ .list-item-active,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
+ .sidenav-hold .sidenav li.open > div > a > span:not(.menuitem-badge),
+ .sidenav-hold .sidenav li.open > a > span {
+ color: map-get($mat-primary, 500) !important;
+ }
+ .sidebar-panel .mat-nav-list .mat-list-item {
+ color: rgba(0, 0, 0, 0.94)
+ }
+ .topnav ul.menu > li > div.open > a,
+ .topnav ul.menu > li > div.open > div,
+ .sidebar-panel .sidebar-list-item.open > .mat-list-item-content > .sub-menu,
+ .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
+ .list-item-active {
+ border-color: map-get($mat-primary, 500) !important;
+ }
+ .sidebar-panel {
+ background: url('../../assets/images/sidebar-bg.jpg') no-repeat;
+ }
+ .sidebar-compact ul.submenu,
+ .default-bg {
+ background: #ffffff !important;
+ }
+ .default-light-bg {
+ background: #fafafa !important;
+ }
+ /* White Background */
+ .topbar-white {
+ background: #ffffff;
+ // .mat-icon {
+ // color: rgba(0, 0, 0, 0.87);
+ // }
+ .search-bar .top-search-form {
+ box-shadow: inset 0 0 2px 2px rgba(136, 136, 136, 0.2);
+ }
+ }
+
+ /* Hopscotch Tour */
+ div.hopscotch-bubble {
+ border-color: $primary-dark;
+ }
+ /* up arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
+ border-bottom: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
+ border-bottom: 17px solid map-get($mat-primary, 500);
+ top: -16px;
+ }
+ /* right arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
+ border-left: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
+ border-left: 17px solid map-get($mat-primary, 500);
+ left: -1px;
+ }
+ /* bottom arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
+ border-top: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
+ border-top: 17px solid map-get($mat-primary, 500);
+ top: -18px;
+ }
+ /* Left Arrow */
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
+ border-right: 17px solid $primary-dark;
+ }
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
+ left: 1px;
+ border-right: 17px solid map-get($mat-primary, 500);
+ }
+
+ .mat-bg-accent,
+ div.hopscotch-bubble .hopscotch-bubble-number,
+ div.hopscotch-bubble .hopscotch-nav-button.next:hover,
+ div.hopscotch-bubble .hopscotch-nav-button.next {
+ background-color: map-get($mat-accent, 500);
+ color: black;
+ }
+ .mat-bg-warn {
+ background-color: #f44336;
+ color: white;
+ }
+ .mat-color-accent {
+ color: map-get($mat-accent, 500);
+ }
+ .mat-color-warn {
+ color: #f44336;
+ }
+ .mat-color-default {
+ color: rgba(0, 0, 0, 0.87);
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/utilities/_avatar.scss b/src/assets/styles/scss/utilities/_avatar.scss
new file mode 100644
index 00000000..ad5eb6f9
--- /dev/null
+++ b/src/assets/styles/scss/utilities/_avatar.scss
@@ -0,0 +1,21 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.avatar-xs {
+ width: 24px;
+ height: 24px;
+}
+.avatar-sm {
+ width: 36px;
+ height: 36px;
+}
+.avatar-md {
+ width: 54px;
+ height: 54px;
+}
+
+.avatar-lg {
+ width: 80px;
+ height: 80px;
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/utilities/_border.scss b/src/assets/styles/scss/utilities/_border.scss
new file mode 100644
index 00000000..4c5d871e
--- /dev/null
+++ b/src/assets/styles/scss/utilities/_border.scss
@@ -0,0 +1,50 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.border-0 {
+ border: 0 !important;
+}
+.border-top-0 {
+ border-top: 0 !important;
+}
+.border-right-0 {
+ border-right: 0 !important;
+}
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+.border-left-0 {
+ border-left: 0 !important;
+}
+.border {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+}
+.border-top {
+ border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
+}
+.border-right {
+ border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
+}
+.border-bottom {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
+}
+.border-left {
+ border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
+}
+
+.border-light {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+}
+.border-top-light {
+ border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
+}
+.border-right-light {
+ border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
+}
+.border-bottom-light {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
+}
+.border-left-light {
+ border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
+}
diff --git a/src/assets/styles/scss/utilities/_others.scss b/src/assets/styles/scss/utilities/_others.scss
new file mode 100644
index 00000000..35893aaf
--- /dev/null
+++ b/src/assets/styles/scss/utilities/_others.scss
@@ -0,0 +1,14 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.rounded {
+ border-radius: 8px;
+ &-circle {
+ border-radius: 50%;
+ }
+ &.mat-progress-bar, .mat-progress-bar-fill {
+ border-radius: 10px;
+ overflow: hidden;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_calendar.scss b/src/assets/styles/scss/views/_calendar.scss
new file mode 100644
index 00000000..68474e4a
--- /dev/null
+++ b/src/assets/styles/scss/views/_calendar.scss
@@ -0,0 +1,34 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*---- Calendar -----*/
+.card-title-text.calendar-title {
+ padding: .5rem 1.5rem !important;
+}
+.cal-top-col {
+ width: 33.3333%;
+ float: left;
+}
+.cal-event-action .material-icons {
+ vertical-align: sub;
+ margin: 6px;
+}
+.cal-open-day-events {
+ box-shadow: none !important;
+}
+
+.calendar-form-dialog {
+ .mat-dialog-container {
+ padding: 0;
+ }
+}
+.color-picker-input.mat-input-element {
+ padding: 4px 0 !important;
+}
+
+@media (max-width: 767px) {
+ .cal-top-col {
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_chats.scss b/src/assets/styles/scss/views/_chats.scss
new file mode 100644
index 00000000..f3888819
--- /dev/null
+++ b/src/assets/styles/scss/views/_chats.scss
@@ -0,0 +1,73 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*---- Chats -----*/
+.chat-sidenav {
+ width: 15rem;
+ border-right: 1px solid rgba(0, 0, 0, .12);
+ overflow: hidden !important;
+}
+.chat-sidebar-toolbar,
+.chat-toolbar,
+.chat-sidebar-toolbar .mat-toolbar-row,
+.chat-toolbar .mat-toolbar-row {
+ min-height: 56px !important;
+ height: 56px !important;
+}
+.chat-sidebar-scroll {
+ position: relative;
+ height: calc(100% - 56px);
+ overflow-y: scroll;
+}
+.chat-intro {
+ height: calc(100vh - 240px);
+}
+.chats-wrap .conversations-hold {
+ padding-top: 1rem;
+ position: relative;
+ height: calc(100vh - 330px);
+ overflow-y: scroll;
+}
+.chats-wrap .conversations-hold .single-conversation {
+ overflow: hidden;
+ padding: 0 2rem;
+ margin-bottom: 2rem;
+}
+.chats-wrap .conversations-hold .single-conversation .toolbar-avatar {
+ vertical-align: bottom;
+ margin-right: 1rem;
+}
+.chats-wrap .conversations-hold .single-conversation .chat-username {
+ margin: 0 0 .625rem;
+ font-size: .875rem;
+}
+.chats-wrap .conversations-hold .single-conversation .conversation-msg {
+ padding: .48rem .94rem;
+ display: inline-block;
+ border-radius: 4px;
+}
+.chats-wrap .conversations-hold .single-conversation.sender .conversation-msg {
+ background: #ffffff;
+}
+
+.chats-wrap .conversations-hold .single-conversation .chat-date {
+ font-size: 11px;
+ padding: 2px;
+ margin: 0;
+ clear: both;
+}
+.chats-wrap .chat-input-actions {
+ padding: .6rem;
+}
+
+[dir=rtl] {
+ .chat-sidenav {
+ border-right: none;
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+ }
+ .chats-wrap .conversations-hold .single-conversation .toolbar-avatar {
+ margin-right: 0;
+ margin-left: 1rem;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_gallery.scss b/src/assets/styles/scss/views/_gallery.scss
new file mode 100644
index 00000000..47360ce9
--- /dev/null
+++ b/src/assets/styles/scss/views/_gallery.scss
@@ -0,0 +1,39 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*---- Gallery -----*/
+.app-gallery .mat-figure .gallery-control-wrap {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ top: 0;
+ left: 0;
+ background: rgba(0, 0, 0, .35);
+ opacity: 0;
+ transition: opacity .3s ease-in;
+ -webkit-transition: opacity .3s ease-in;
+}
+.app-gallery img {
+ max-width: 100%;
+}
+.app-gallery .mat-figure:hover .gallery-control-wrap {
+ opacity: 1;
+}
+.app-gallery .mat-figure .gallery-control-wrap .gallery-control {
+ padding: 0 0 0 1rem;
+}
+.app-gallery .mat-figure .gallery-control-wrap .gallery-control .photo-detail {
+ margin: 0;
+ color: #FEFEFE;
+ line-height: 40px;
+}
+.app-gallery .mat-figure .gallery-control-wrap .gallery-control .mat-icon {
+ color: #fff;
+}
+
+[dir=rtl] {
+ .app-gallery .mat-figure .gallery-control-wrap .gallery-control .photo-detail {
+ margin-right: 1rem;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_home.scss b/src/assets/styles/scss/views/_home.scss
new file mode 100644
index 00000000..42870551
--- /dev/null
+++ b/src/assets/styles/scss/views/_home.scss
@@ -0,0 +1,90 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.home-section {
+ padding: 80px 0;
+}
+.scrollable {
+ position: relative;
+ width: 100%;
+ height: 100vh;
+}
+.section-intro {
+ padding: 100px 0 120px;
+ color: #ffffff;
+ .egret {
+ font-size: 36px;
+ font-weight: 900;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
+ }
+ h1 {
+ font-size: 32px;
+ margin: 2rem 0 1rem;
+ font-weight: 300;
+ }
+ p {
+ font-size: 16px;
+ max-width: 450px;
+ margin: 0 auto 1.4rem;
+ }
+ img {
+ display: block;
+ margin: 0 auto;
+ }
+}
+.section-demos {
+ position: relative;
+ background: #ffffff;
+ .demo-box-wrap {
+ padding: 2rem;
+ }
+ .demo-box {
+ position: relative;
+ border-radius: 8px;
+ transition: .2s all ease-in-out;
+ box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+ &:hover {
+ box-shadow: 0 10px 16px rgba(0,0,0,.2);
+ .caption {
+ opacity: 1;
+ transform: translateY(-10px)
+ }
+ }
+ .caption {
+ opacity: 0;
+ background: #ffffff;
+ padding: 1rem;
+ position: absolute;
+ z-index: 99;
+ top: -20px;
+ left: 0;
+ right: 0;
+ margin: auto;
+ border-radius: 8px;
+ width: 220px;
+ transition: .2s all ease-in-out;
+ box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+ }
+ h3 {
+ margin: 0 0 1rem;
+ font-size: 22px;
+ font-weight: 300;
+ }
+ img {
+ width: 100%;
+ height: auto;
+ float: left;
+ }
+ .screenshot {
+ overflow: hidden;
+ border-radius: 8px;
+ margin-bottom: 2rem;
+ // min-height: 180px;
+ cursor: pointer;
+ }
+ }
+}
+
diff --git a/src/assets/styles/scss/views/_inbox.scss b/src/assets/styles/scss/views/_inbox.scss
new file mode 100644
index 00000000..86e8c32d
--- /dev/null
+++ b/src/assets/styles/scss/views/_inbox.scss
@@ -0,0 +1,93 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*---- Inbox -----*/
+.inbox-sidenav {
+ width: 15rem;
+ padding: .333rem;
+ background: transparent !important;
+}
+.inbox-sidenav .inbox-nav-list .mat-list-item-content > a > span {
+ font-size: .875rem;
+}
+
+.inbox-sidenav .mat-list-item-content .mat-icon {
+ margin-right: 8px;
+}
+
+
+.inbox-toolbar {
+ height: 56px !important;
+}
+.inbox-toolbar .mat-toolbar-row {
+ height: 56px !important;
+}
+
+
+.show-on-open {
+ display: none !important;
+}
+
+.mat-expanded {
+ .show-on-open {
+ display: inherit !important;
+ }
+ .hide-on-open {
+ display: none !important;
+ }
+ .mat-expansion-panel-header {
+ margin-bottom: 1rem;
+ }
+}
+
+.messages-wrap {
+ padding: .333rem;
+ min-height: 800px;
+ .mat-expansion-panel-header-title {
+ align-items: center;
+ }
+ .mat-expansion-panel-header-description {
+ align-items: center;
+ }
+
+ .mail-checkbox.mat-checkbox {
+ position: relative;
+ width: 20px;
+ height: 22px;
+ overflow: hidden;
+ margin-right: 8px;
+ .mat-checkbox-layout {
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ }
+ .inbox-face {
+ height: 36px;
+ width: 36px;
+ border-radius: 50%;
+ }
+}
+
+[dir=rtl] {
+ .inbox-sidenav .mat-list-item-content .mat-icon {
+ margin-right: 0;
+ margin-left: 8px;
+ }
+ .messages-wrap {
+ .mail-checkbox {
+ margin-right: 0;
+ margin-left: .5rem;
+ .mat-checkbox-inner-container {
+ margin-left: 0;
+ }
+ }
+ }
+}
+
+@media (max-width: 959px) {
+ .inbox-sidenav {
+ background: inherit !important;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_landing.scss b/src/assets/styles/scss/views/_landing.scss
new file mode 100644
index 00000000..59223bfa
--- /dev/null
+++ b/src/assets/styles/scss/views/_landing.scss
@@ -0,0 +1,144 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*
+ Only Required if you want to use Angular Landing
+ (https://themeforest.net/item/angular-landing-material-design-angular-app-landing-page/21198258)
+*/
+
+body.landing {
+ .h1,
+ .h2,
+ .h3,
+ .h4,
+ .h5,
+ .h6,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ margin-bottom: .5rem;
+ font-weight: 400;
+ line-height: 1.1;
+ color: inherit;
+ }
+ .h1,
+ h1 {
+ font-size: 2rem;
+ }
+ .h2,
+ h2 {
+ font-size: 1.75rem;
+ }
+ .h3,
+ h3 {
+ font-size: 1.5rem;
+ }
+ .h4,
+ h4 {
+ font-size: 1.25rem;
+ }
+ .h5,
+ h5 {
+ font-size: 1rem;
+ }
+ .h6,
+ h6 {
+ font-size: .875rem;
+ }
+ .container {
+ max-width: 1170px;
+ margin: 0 auto;
+ padding: 0 15px;
+ }
+ .section-header h2 {
+ font-size: 32px;
+ font-weight: 700;
+ margin: 0 0 16px;
+ }
+}
+@-webkit-keyframes slideDown {
+ 0% { top: -60px }
+ 100% { top: 0px }
+}
+@keyframes slideDown {
+ 0% { top: -60px }
+ 100% { top: 0px }
+}
+.section-padding {
+ padding: 80px 0;
+}
+
+.home-section {
+ padding: 80px 0;
+}
+.home-section mat-card:hover {
+ box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);
+}
+
+.section-header {
+ margin: 0 0 2rem;
+}
+
+.section-header h2 {
+ font-size: 32px;
+ font-weight: 700;
+ margin: 0 0 16px;
+}
+.section-header p {
+ font-size: 16px;
+ max-width: 36rem;
+ margin: 0;
+}
+
+.home-section-action {
+ padding: 2.5rem 0 0;
+}
+
+[mat-card-icon] {
+ font-size: 64px !important;
+ height: 64px !important;
+ width: 64px !important;
+ transition: all .3s ease;
+}
+.home-fancy-card {
+ border-top: 2px solid #212121;
+ transition: all .3s ease;
+}
+
+.home-fancy-card:hover {
+ border-top: 2px solid #3f51b5;
+}
+.home-fancy-card:hover [mat-card-icon] {
+ color: #3f51b5;
+}
+.home-fancy-card .description {
+ font-size: 15px;
+ color: #616161;
+}
+
+/*------ Carousel -------*/
+.ngucarousel {
+ position: relative;
+ max-width: 1100px;
+ margin: 0 auto;
+}
+.ngucarousel-inner {
+ padding: 8px 0 18px;
+}
+.ngucarousel .carousel-left,
+.ngucarousel .carousel-right {
+ position: absolute;
+ top: calc(50% - 28px);
+ background: #ffffff !important;
+ color: rgba(0, 0, 0, .87);
+}
+.ngucarousel .carousel-left {
+ left: -20px;
+}
+.ngucarousel .carousel-right {
+ right: -20px;
+}
diff --git a/src/assets/styles/scss/views/_popover.scss b/src/assets/styles/scss/views/_popover.scss
new file mode 100644
index 00000000..6d1603c0
--- /dev/null
+++ b/src/assets/styles/scss/views/_popover.scss
@@ -0,0 +1,18 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.simple-popover {
+ padding: 16px;
+ background: white;
+ max-width: 400px;
+ line-height: 22px;
+ font-size: 13px;
+}
+
+.simple-popover .title {
+ font-weight: bold;
+ font-size: 16px;
+ margin-bottom: 8px;
+ color: $headings-color;
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_pricings.scss b/src/assets/styles/scss/views/_pricings.scss
new file mode 100644
index 00000000..3d04f415
--- /dev/null
+++ b/src/assets/styles/scss/views/_pricings.scss
@@ -0,0 +1,10 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*---- Plans & Pricings -----*/
+.plan-pricing .mat-list-item .mat-list-item-content {
+ display: inline-flex !important;
+ text-align: center;
+ font-size: .875rem !important;
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_profile.scss b/src/assets/styles/scss/views/_profile.scss
new file mode 100644
index 00000000..68bc044e
--- /dev/null
+++ b/src/assets/styles/scss/views/_profile.scss
@@ -0,0 +1,85 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*------- Profile ------*/
+.profile-sidebar {
+ box-sizing: border-box;
+}
+.profile-sidebar .propic {
+ width: 100%;
+ margin-bottom: 6px;
+}
+.profile-sidebar .propic img {
+ width: 50%;
+ height: auto;
+ border-radius: 50%;
+}
+.profile-sidebar .profile-title .main-title {
+ font-size: 1.5rem;
+}
+.profile-sidebar .profile-nav {
+ margin-left: -24px;
+ margin-right: -24px;
+}
+.profile-sidebar .profile-nav .mat-list-item .mat-icon {
+ margin-right: 8px;
+}
+
+.timeline {
+ position: relative;
+ overflow: hidden;
+}
+.timeline::before {
+ content: "";
+ position: absolute;
+ top: 40px;
+ bottom: 0;
+ left: 24px;
+ width: 1px;
+ background-color: rgba(0, 0, 0, .12);
+}
+.timeline .timeline-item {
+ width: 100%;
+ overflow: hidden;
+ margin-bottom: 24px;
+}
+.timeline .timeline-badge {
+ float: left;
+ position: relative;
+ margin-right: 30px;
+ height: 48px;
+ width: 48px;
+ border-radius: 50%;
+ overflow: hidden;
+}
+.timeline .timeline-badge img {
+ max-width: 100%;
+}
+.timeline .timeline-badge .icon-badge {
+ text-align: center;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+}
+.timeline .timeline-body-top {
+ margin-bottom: 8px;
+}
+.timeline .timeline-body {
+ float: right;
+ width: calc(100% - 78px);
+}
+.timeline .timeline-body-content img {
+ border-radius: 4px;
+ max-width: 100%;
+}
+.timeline .timeline-body-content > :last-child {
+ margin-bottom: 8px;
+}
+
+[dir=rtl] {
+ .profile-sidebar .profile-nav .mat-list-item .mat-icon {
+ margin-right: 0;
+ margin-left: 8px;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_sessions.scss b/src/assets/styles/scss/views/_sessions.scss
new file mode 100644
index 00000000..286c3582
--- /dev/null
+++ b/src/assets/styles/scss/views/_sessions.scss
@@ -0,0 +1,41 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*---- Session (Sign in, sign up, forgot, lockscreen) -----*/
+.page-wrap {
+ display: flex;
+ align-items: center;
+ padding: 40px 1rem;
+ height: 100%;
+}
+.session-progress {
+ position: relative;
+ bottom: -4px;
+ z-index: 9999;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.session-form-hold {
+ width: 100%;
+ max-width: 400px;
+ margin: 0 auto;
+}
+.session-form-hold > .mat-card {
+ margin: 0;
+}
+.session-lockscreen {
+ max-width: 320px;
+}
+.lockscreen-user {
+ text-align: center;
+ margin-bottom: 1rem;
+ display: flow-root;
+ overflow: hidden;
+}
+.lockscreen-face {
+ max-width: 72px;
+ max-height: 72px;
+ border-radius: 50%;
+ margin-bottom: .5rem;
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_shop.scss b/src/assets/styles/scss/views/_shop.scss
new file mode 100644
index 00000000..7c90d547
--- /dev/null
+++ b/src/assets/styles/scss/views/_shop.scss
@@ -0,0 +1,396 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+.product-rating {
+ display: flex;
+ align-items: center;
+ margin-left: -5px;
+}
+h1.title {
+ font-size: 1.8rem;
+ margin: 0 0 1rem;
+}
+.p-line {
+ font-size: .813rem;
+ margin-bottom: 4px;
+}
+.option-label {
+ margin-bottom: 6px;
+ display: block;
+}
+.product-search,
+.quantity-input {
+ border: 0;
+ height: 32px;
+ border-radius: 2px;
+ padding-left: 8px;
+ font-size: 14px;
+ width: 260px;
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 0px 1px 3px 0px rgba(0, 0, 0, 0);
+ transition: all $transitionDuration $transitionTiming;
+ &:focus {
+ outline: none;
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)
+ }
+}
+.quantity-input {
+ width: 80px;
+}
+
+.shop-wrap {
+ margin: 1rem .33rem .33rem;
+ overflow: hidden;
+ min-height: 750px;
+}
+.shop-sidebar {
+ width: 15rem;
+}
+.shop-filters-wrap {
+ margin-top: 7px;
+ padding: 0 .5rem 0 .333rem;
+ .product-categories {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ li {
+ cursor: pointer;
+ padding: 5px;
+ text-transform: capitalize;
+ }
+ }
+}
+
+
+.shop-top-toolbar {
+ margin-bottom: .5rem;
+ padding: 0 8px;
+}
+.product-search-wrap {
+ .product-search {
+ width: 260px;
+ margin: 6px 0 0;
+ }
+}
+
+
+
+.product-container {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0;
+ min-height: 750px;
+ .products-pagination {
+ width: 100%;
+ text-align: center;
+ margin: 1.5rem 0;
+ align-self: flex-end;
+ justify-content: flex-end;
+ ul {
+ padding: 0;
+ margin: 0;
+ }
+ .ngx-pagination .current {
+ background: #e6e6e6;
+ color: rgba(0,0,0,.87)
+ }
+ }
+
+ .product-wrap {
+ width: 33.333%;
+ float: left;
+ .product-inner {
+ display: flex;
+ flex-direction: column;
+ position: relative;
+ border-radius: 4px;
+ box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+ overflow: hidden;
+ margin: 8px;
+ transition: all .3s $transitionTiming;
+ &:hover {
+ box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
+ }
+ .product-badge {
+ color: #fff;
+ text-align: center;
+ position: absolute;
+ top: 20px;
+ left: 20px;
+ display: flex;
+ z-index: 100;
+ height: 64px;
+ width: 64px;
+ border-radius: 50%;
+ justify-content: center;
+ align-items: center;
+ padding: 8px;
+ transform: rotate(-30deg);
+ span {
+ font-weight: 500;
+ line-height: 1.1;
+ }
+ }
+ .featured-img {
+ display: flex;
+ flex-direction: column;
+ cursor: pointer;
+ min-height: 180px;
+ }
+ .info-wrap {
+ display: flex;
+ flex-direction: column;
+ .main-info {
+ width: 100%;
+ margin-bottom: 1rem;
+ min-height: 150px;
+ .title {
+ margin: 0;
+ font-size: 1.2rem;
+ font-weight: 500;
+ margin-bottom: 4px;
+ cursor: pointer;
+ &:active {
+ outline: none;
+ }
+ }
+ }
+ .actions {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ div {
+ flex: 50%;
+ display: flex;
+ }
+ .price-rating {
+ flex-direction: column;
+ justify-content: flex-start;
+ .price {
+ align-items: center;
+ span { font-size: 1.2rem; margin-right: 4px; }
+ }
+ }
+ .add-to-cart {
+ align-items: center;
+ }
+ }
+ }
+
+
+ ul {
+ margin: 0;
+ padding: 0 0 0 8px;
+ list-style: none;
+ li {
+ margin-bottom: 4px;
+ display: flex;
+ .mat-icon {
+ margin-right: 8px;
+ }
+ }
+ }
+ .more-info-wrap {
+ display: none;
+ }
+ }
+ }
+}
+
+.product-details-wrap {
+ .gallery-photo {
+ min-height: 400px;
+ width: calc(100% - 80px);
+ float: left;
+ padding-right: 1rem;
+ margin-bottom: 1rem;
+ img {
+ width: 100%;
+ height: auto;
+ border-radius: 4px;
+ }
+ }
+ .gallery-thumbnails {
+ width: 80px;
+ float: left;
+ padding-right: .667rem;
+ img {
+ width: 100%;
+ border-radius: 2px;
+ display: inline-block;
+ opacity: 1;
+ cursor: pointer;
+ transition: all .3s ease-in;
+ &.active {
+ opacity: .6;
+ }
+ }
+ }
+}
+
+
+.cart-table{
+ width: 100%;
+ border-collapse: separate;
+ border-radius: 2px;
+ margin-bottom: 1.5rem;
+ border-spacing: 0;
+ .cart-thumbnail {
+ height: 44px;
+ width: auto;
+ border-radius: 2px;
+ }
+ thead {
+ tr {
+ border-collapse: separate;
+ background: rgba(0, 0, 0, 0.03);
+ th {
+ border-collapse: separate;
+ text-align: left;
+ padding: 1rem;
+ font-weight: 500;
+ letter-spacing: .1px;
+ }
+ }
+ }
+ tbody {
+ tr {
+ td {
+ text-align: left;
+ padding: 16px;
+ }
+ }
+ }
+}
+
+@media (max-width: 1100px) {
+ .product-container {
+ .product-wrap {
+ width: 50%;
+ }
+ }
+}
+@media (max-width: 960px) {
+ .shop-filters-wrap {
+ margin: 0;
+ padding: 0;
+ }
+ .shop-sidebar {
+ background: #fff;
+ }
+}
+@media (max-width: 680px) {
+ .product-container {
+ .product-wrap {
+ width: 100%;
+ }
+ }
+
+ .product-details-wrap {
+ .gallery-photo {
+ min-height: auto;
+ }
+ }
+
+
+ /* Force table to not be like tables anymore */
+ table, thead, tbody, th, td, tr {
+ display: block;
+ }
+
+ /* Hide table headers (but not display: none;, for accessibility) */
+ thead tr {
+ position: absolute;
+ top: -9999px;
+ left: -9999px;
+ }
+
+ tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
+ tr:last-child { border-bottom: none; }
+
+ td {
+ /* Behave like a "row" */
+ border: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.03);
+ position: relative;
+ padding-left: 50%;
+ }
+
+ td:before {
+ /* Now like a table header */
+ position: absolute;
+ /* Top/left values mimic padding */
+ top: 6px;
+ left: 6px;
+ width: 45%;
+ padding-right: 10px;
+ white-space: nowrap;
+ }
+}
+
+@media (min-width: 1100px) {
+ .product-container.list-view {
+ .product-wrap {
+ width: 100%;
+ .product-inner {
+ flex-direction: row;
+ }
+ padding-right: 0;
+ .featured-img {
+ flex: 3 0;
+ img {
+ width: 100%;
+ max-width: 100%;
+ min-height: 100%;
+ }
+ }
+ .info-wrap {
+ flex-direction: column;
+ flex: 2 0;
+ .actions {
+ align-self: flex-end;
+ justify-content: flex-end;
+ margin-top: auto;
+ }
+ }
+ .more-info-wrap {
+ display: flex;
+ align-items: stretch;
+ flex: 2 0;
+ position: relative;
+ .more-info {
+ width: 100%;
+ padding-left: 1rem;
+ border-left: 1px solid #e6e6e6;
+ }
+ }
+ }
+ }
+}
+
+[dir=rtl] {
+ .product-search,
+ .quantity-input {
+ padding-right: 8px;
+ }
+ .product-container.list-view .product-wrap .more-info-wrap .more-info {
+ border: 0;
+ padding-left: 0;
+ }
+ .product-container .product-wrap .product-inner .product-badge {
+ left: auto;
+ right: 20px;
+ }
+ .product-container .product-wrap .product-inner ul li .mat-icon {
+ margin-right: 0;
+ margin-left: 8px;
+ }
+ .product-details-wrap {
+ .gallery-photo {
+ padding: 0;
+ }
+ .product-content-wrap {
+ padding: 0 1rem;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/scss/views/_users.scss b/src/assets/styles/scss/views/_users.scss
new file mode 100644
index 00000000..6a7451bf
--- /dev/null
+++ b/src/assets/styles/scss/views/_users.scss
@@ -0,0 +1,16 @@
+/*!
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/*---- Users -----*/
+.user-card .card-title-text {
+ padding: .5rem 1.5rem !important;
+ align-items: center;
+}
+.user-card .user-details > p:last-child {
+ margin-bottom: 0;
+}
+.user-card .user-details .mat-icon {
+ vertical-align: top;
+ margin-right: .5rem;
+}
\ No newline at end of file
diff --git a/src/assets/textures/blank.png b/src/assets/textures/blank.png
new file mode 100644
index 00000000..889a2158
Binary files /dev/null and b/src/assets/textures/blank.png differ
diff --git a/src/assets/textures/invisible.png b/src/assets/textures/invisible.png
new file mode 100644
index 00000000..889a2158
Binary files /dev/null and b/src/assets/textures/invisible.png differ
diff --git a/src/assets/textures/terrain/grasslight-big.jpg b/src/assets/textures/terrain/grasslight-big.jpg
new file mode 100644
index 00000000..ed6c7f85
Binary files /dev/null and b/src/assets/textures/terrain/grasslight-big.jpg differ
diff --git a/src/assets/top-down-tree.png b/src/assets/top-down-tree.png
new file mode 100644
index 00000000..cf3b9c9f
Binary files /dev/null and b/src/assets/top-down-tree.png differ
diff --git a/src/assets/traffic-icons/traffic-lights.png b/src/assets/traffic-icons/traffic-lights.png
new file mode 100644
index 00000000..0ea3ee3b
Binary files /dev/null and b/src/assets/traffic-icons/traffic-lights.png differ
diff --git a/src/assets/unknown-file-icon.png b/src/assets/unknown-file-icon.png
new file mode 100644
index 00000000..1b6ef73a
Binary files /dev/null and b/src/assets/unknown-file-icon.png differ
diff --git a/src/assets/uv_grid_opengl.jpg b/src/assets/uv_grid_opengl.jpg
new file mode 100644
index 00000000..88500050
Binary files /dev/null and b/src/assets/uv_grid_opengl.jpg differ
diff --git a/src/assets/vehicle-placeholder.png b/src/assets/vehicle-placeholder.png
new file mode 100644
index 00000000..39537b12
Binary files /dev/null and b/src/assets/vehicle-placeholder.png differ
diff --git a/src/assets/vehicles/AudiA3_blue_147kW.png b/src/assets/vehicles/AudiA3_blue_147kW.png
new file mode 100644
index 00000000..f8516271
Binary files /dev/null and b/src/assets/vehicles/AudiA3_blue_147kW.png differ
diff --git a/src/assets/vehicles/bmw_525i_1992_white.png b/src/assets/vehicles/bmw_525i_1992_white.png
new file mode 100644
index 00000000..f8516271
Binary files /dev/null and b/src/assets/vehicles/bmw_525i_1992_white.png differ
diff --git a/src/assets/vehicles/default.png b/src/assets/vehicles/default.png
new file mode 100644
index 00000000..4c367786
Binary files /dev/null and b/src/assets/vehicles/default.png differ
diff --git a/src/assets/vehicles/vehicle_1.png b/src/assets/vehicles/vehicle_1.png
new file mode 100644
index 00000000..4c367786
Binary files /dev/null and b/src/assets/vehicles/vehicle_1.png differ
diff --git a/src/assets/vehicles/vehicle_2.png b/src/assets/vehicles/vehicle_2.png
new file mode 100644
index 00000000..f8516271
Binary files /dev/null and b/src/assets/vehicles/vehicle_2.png differ
diff --git a/src/browserslist b/src/browserslist
new file mode 100644
index 00000000..37371cb0
--- /dev/null
+++ b/src/browserslist
@@ -0,0 +1,11 @@
+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11
\ No newline at end of file
diff --git a/src/environments/.gitignore b/src/environments/.gitignore
new file mode 100644
index 00000000..d6a75b93
--- /dev/null
+++ b/src/environments/.gitignore
@@ -0,0 +1 @@
+environment.*
\ No newline at end of file
diff --git a/src/favicon.ico b/src/favicon.ico
new file mode 100644
index 00000000..e74af5b0
Binary files /dev/null and b/src/favicon.ico differ
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 00000000..a95be82a
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+ Truevision
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/karma.conf.js b/src/karma.conf.js
new file mode 100644
index 00000000..4a317a14
--- /dev/null
+++ b/src/karma.conf.js
@@ -0,0 +1,42 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+ config.set({
+ basePath: '',
+ frameworks: ['jasmine', '@angular-devkit/build-angular'],
+ plugins: [
+ require('karma-jasmine'),
+ require('karma-chrome-launcher'),
+ require('karma-jasmine-html-reporter'),
+ require('karma-coverage-istanbul-reporter'),
+ require('@angular-devkit/build-angular/plugins/karma')
+ ],
+ client: {
+ clearContext: false // leave Jasmine Spec Runner output visible in browser
+ },
+ coverageIstanbulReporter: {
+ dir: require('path').join(__dirname, '../coverage/true-label'),
+ reports: ['html', 'lcovonly', 'text-summary'],
+ fixWebpackSourcePaths: true
+ },
+ reporters: ['progress', 'kjhtml'],
+ port: 9876,
+ colors: true,
+ logLevel: config.LOG_INFO,
+ autoWatch: true,
+ browsers: ['ChromeDebugging'],
+ singleRun: false,
+ customLaunchers: {
+ ChromeDebugging: {
+ base: 'Chrome',
+ flags: ['--remote-debugging-port=9333']
+ }
+ },
+ restartOnFileChange: true
+ });
+};
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 00000000..064a6f1d
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,17 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+import 'hammerjs';
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+ enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+ .catch(err => console.error(err));
diff --git a/src/polyfills.ts b/src/polyfills.ts
new file mode 100644
index 00000000..cf75be43
--- /dev/null
+++ b/src/polyfills.ts
@@ -0,0 +1,67 @@
+/*
+ * Copyright Truesense AI Solutions Pvt Ltd, All Rights Reserved.
+ */
+
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ * file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js'; // Run `npm install --save classlist.js`.
+
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ */
+// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags.ts';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ * with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ * (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js/dist/zone'; // Included with Angular CLI.
+
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
diff --git a/src/splash.html b/src/splash.html
new file mode 100644
index 00000000..167aed96
--- /dev/null
+++ b/src/splash.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
2022.3 Beta
+
');var a=t.data,i=a.datasets,n=a.labels;if(i.length)for(var o=0;o'),n[o]&&e.push(n[o]),e.push("");return e.push("
"),e.join("")},legend:{labels:{generateLabels:function(t){var a=t.data;return a.labels.length&&a.datasets.length?a.labels.map(function(i,n){var o=t.getDatasetMeta(0),r=a.datasets[0],l=o.data[n],s=l.custom||{},d=e.getValueAtIndexOrDefault,u=t.options.elements.arc,c=s.backgroundColor?s.backgroundColor:d(r.backgroundColor,n,u.backgroundColor),h=s.borderColor?s.borderColor:d(r.borderColor,n,u.borderColor),f=s.borderWidth?s.borderWidth:d(r.borderWidth,n,u.borderWidth);return{text:i,fillStyle:c,strokeStyle:h,lineWidth:f,hidden:isNaN(r.data[n])||o.data[n].hidden,index:n}}):[]}},onClick:function(t,e){var a,i,n,o=e.index,r=this.chart;for(a=0,i=(r.data.datasets||[]).length;i>a;++a)n=r.getDatasetMeta(a),n.data[o].hidden=!n.data[o].hidden;r.update()}},cutoutPercentage:50,rotation:Math.PI*-.5,circumference:2*Math.PI,tooltips:{callbacks:{title:function(){return""},label:function(t,e){return e.labels[t.index]+": "+e.datasets[t.datasetIndex].data[t.index]}}}},a.pie=e.clone(a.doughnut),e.extend(a.pie,{cutoutPercentage:0}),t.controllers.doughnut=t.controllers.pie=t.DatasetController.extend({dataElementType:t.elements.Arc,linkScales:e.noop,getRingIndex:function(t){for(var e=0,a=0;t>a;++a)this.chart.isDatasetVisible(a)&&++e;return e},update:function(t){var a=this,i=a.chart,n=i.chartArea,o=i.options,r=o.elements.arc,l=n.right-n.left-r.borderWidth,s=n.bottom-n.top-r.borderWidth,d=Math.min(l,s),u={x:0,y:0},c=a.getMeta(),h=o.cutoutPercentage,f=o.circumference;if(f<2*Math.PI){var g=o.rotation%(2*Math.PI);g+=2*Math.PI*(g>=Math.PI?-1:g<-Math.PI?1:0);var p=g+f,m={x:Math.cos(g),y:Math.sin(g)},b={x:Math.cos(p),y:Math.sin(p)},v=0>=g&&p>=0||g<=2*Math.PI&&2*Math.PI<=p,x=g<=.5*Math.PI&&.5*Math.PI<=p||g<=2.5*Math.PI&&2.5*Math.PI<=p,y=g<=-Math.PI&&-Math.PI<=p||g<=Math.PI&&Math.PI<=p,k=g<=.5*-Math.PI&&.5*-Math.PI<=p||g<=1.5*Math.PI&&1.5*Math.PI<=p,S=h/100,w={x:y?-1:Math.min(m.x*(m.x<0?1:S),b.x*(b.x<0?1:S)),y:k?-1:Math.min(m.y*(m.y<0?1:S),b.y*(b.y<0?1:S))},C={x:v?1:Math.max(m.x*(m.x>0?1:S),b.x*(b.x>0?1:S)),y:x?1:Math.max(m.y*(m.y>0?1:S),b.y*(b.y>0?1:S))},M={width:.5*(C.x-w.x),height:.5*(C.y-w.y)};d=Math.min(l/M.width,s/M.height),u={x:(C.x+w.x)*-.5,y:(C.y+w.y)*-.5}}i.outerRadius=Math.max(d/2,0),i.innerRadius=Math.max(h?i.outerRadius/100*h:1,0),i.radiusLength=(i.outerRadius-i.innerRadius)/i.getVisibleDatasetCount(),i.offsetX=u.x*i.outerRadius,i.offsetY=u.y*i.outerRadius,c.total=a.calculateTotal(),a.outerRadius=i.outerRadius-i.radiusLength*a.getRingIndex(a.index),a.innerRadius=a.outerRadius-i.radiusLength,e.each(c.data,function(e,i){a.updateElement(e,i,t)})},updateElement:function(t,a,i){var n=this,o=n.chart,r=o.chartArea,l=o.options,s=l.animation,d=(l.elements.arc,(r.left+r.right)/2),u=(r.top+r.bottom)/2,c=l.rotation,h=l.rotation,f=n.getDataset(),g=i&&s.animateRotate?0:t.hidden?0:n.calculateCircumference(f.data[a])*(l.circumference/(2*Math.PI)),p=i&&s.animateScale?0:n.innerRadius,m=i&&s.animateScale?0:n.outerRadius,b=(t.custom||{},e.getValueAtIndexOrDefault);e.extend(t,{_datasetIndex:n.index,_index:a,_model:{x:d+o.offsetX,y:u+o.offsetY,startAngle:c,endAngle:h,circumference:g,outerRadius:m,innerRadius:p,label:b(f.label,a,o.data.labels[a])}});var v=t._model;this.removeHoverStyle(t),i&&s.animateRotate||(0===a?v.startAngle=l.rotation:v.startAngle=n.getMeta().data[a-1]._model.endAngle,v.endAngle=v.startAngle+v.circumference),t.pivot()},removeHoverStyle:function(e){t.DatasetController.prototype.removeHoverStyle.call(this,e,this.chart.options.elements.arc)},calculateTotal:function(){var t,a=this.getDataset(),i=this.getMeta(),n=0;return e.each(i.data,function(e,i){t=a.data[i],isNaN(t)||e.hidden||(n+=Math.abs(t))}),n},calculateCircumference:function(t){var e=this.getMeta().total;return e>0&&!isNaN(t)?2*Math.PI*(t/e):0}})}},{}],18:[function(t,e,a){"use strict";e.exports=function(t){function e(t,e){return a.getValueOrDefault(t.showLine,e.showLines)}var a=t.helpers;t.defaults.line={showLines:!0,hover:{mode:"label"},scales:{xAxes:[{type:"category",id:"x-axis-0"}],yAxes:[{type:"linear",id:"y-axis-0"}]}},t.controllers.line=t.DatasetController.extend({datasetElementType:t.elements.Line,dataElementType:t.elements.Point,addElementAndReset:function(a){var i=this,n=i.chart.options,o=i.getMeta();t.DatasetController.prototype.addElementAndReset.call(i,a),e(i.getDataset(),n)&&0!==o.dataset._model.tension&&i.updateBezierControlPoints()},update:function(t){var i,n,o,r=this,l=r.getMeta(),s=l.dataset,d=l.data||[],u=r.chart.options,c=u.elements.line,h=r.getScaleForId(l.yAxisID),f=r.getDataset(),g=e(f,u);for(g&&(o=s.custom||{},void 0!==f.tension&&void 0===f.lineTension&&(f.lineTension=f.tension),s._scale=h,s._datasetIndex=r.index,s._children=d,s._model={spanGaps:f.spanGaps?f.spanGaps:!1,tension:o.tension?o.tension:a.getValueOrDefault(f.lineTension,c.tension),backgroundColor:o.backgroundColor?o.backgroundColor:f.backgroundColor||c.backgroundColor,borderWidth:o.borderWidth?o.borderWidth:f.borderWidth||c.borderWidth,borderColor:o.borderColor?o.borderColor:f.borderColor||c.borderColor,borderCapStyle:o.borderCapStyle?o.borderCapStyle:f.borderCapStyle||c.borderCapStyle,borderDash:o.borderDash?o.borderDash:f.borderDash||c.borderDash,borderDashOffset:o.borderDashOffset?o.borderDashOffset:f.borderDashOffset||c.borderDashOffset,borderJoinStyle:o.borderJoinStyle?o.borderJoinStyle:f.borderJoinStyle||c.borderJoinStyle,fill:o.fill?o.fill:void 0!==f.fill?f.fill:c.fill,scaleTop:h.top,scaleBottom:h.bottom,scaleZero:h.getBasePixel()},s.pivot()),i=0,n=d.length;n>i;++i)r.updateElement(d[i],i,t);for(g&&0!==s._model.tension&&r.updateBezierControlPoints(),i=0,n=d.length;n>i;++i)d[i].pivot()},getPointBackgroundColor:function(t,e){var i=this.chart.options.elements.point.backgroundColor,n=this.getDataset(),o=t.custom||{};return o.backgroundColor?i=o.backgroundColor:n.pointBackgroundColor?i=a.getValueAtIndexOrDefault(n.pointBackgroundColor,e,i):n.backgroundColor&&(i=n.backgroundColor),i},getPointBorderColor:function(t,e){var i=this.chart.options.elements.point.borderColor,n=this.getDataset(),o=t.custom||{};return o.borderColor?i=o.borderColor:n.pointBorderColor?i=a.getValueAtIndexOrDefault(n.pointBorderColor,e,i):n.borderColor&&(i=n.borderColor),i},getPointBorderWidth:function(t,e){var i=this.chart.options.elements.point.borderWidth,n=this.getDataset(),o=t.custom||{};return o.borderWidth?i=o.borderWidth:n.pointBorderWidth?i=a.getValueAtIndexOrDefault(n.pointBorderWidth,e,i):n.borderWidth&&(i=n.borderWidth),i},updateElement:function(t,e,i){var n,o,r=this,l=r.getMeta(),s=t.custom||{},d=r.getDataset(),u=r.index,c=d.data[e],h=r.getScaleForId(l.yAxisID),f=r.getScaleForId(l.xAxisID),g=r.chart.options.elements.point;void 0!==d.radius&&void 0===d.pointRadius&&(d.pointRadius=d.radius),void 0!==d.hitRadius&&void 0===d.pointHitRadius&&(d.pointHitRadius=d.hitRadius),n=f.getPixelForValue(c,e,u,r.chart.isCombo),o=i?h.getBasePixel():r.calculatePointY(c,e,u,r.chart.isCombo),t._xScale=f,t._yScale=h,t._datasetIndex=u,t._index=e,t._model={x:n,y:o,skip:s.skip||isNaN(n)||isNaN(o),radius:s.radius||a.getValueAtIndexOrDefault(d.pointRadius,e,g.radius),pointStyle:s.pointStyle||a.getValueAtIndexOrDefault(d.pointStyle,e,g.pointStyle),backgroundColor:r.getPointBackgroundColor(t,e),borderColor:r.getPointBorderColor(t,e),borderWidth:r.getPointBorderWidth(t,e),tension:l.dataset._model?l.dataset._model.tension:0,hitRadius:s.hitRadius||a.getValueAtIndexOrDefault(d.pointHitRadius,e,g.hitRadius)}},calculatePointY:function(t,e,a,i){var n,o,r,l=this,s=l.chart,d=l.getMeta(),u=l.getScaleForId(d.yAxisID),c=0,h=0;if(u.options.stacked){for(n=0;a>n;n++)o=s.data.datasets[n],r=s.getDatasetMeta(n),"line"===r.type&&s.isDatasetVisible(n)&&(o.data[e]<0?h+=o.data[e]||0:c+=o.data[e]||0);return 0>t?u.getPixelForValue(h+t):u.getPixelForValue(c+t)}return u.getPixelForValue(t)},updateBezierControlPoints:function(){var t,e,i,n,o,r=this.getMeta(),l=(this.chart.chartArea,r.data||[]);for(t=0,e=l.length;e>t;++t)i=l[t],n=i._model,o=a.splineCurve(a.previousItem(l,t)._model,n,a.nextItem(l,t)._model,r.dataset._model.tension),n.controlPointPreviousX=o.previous.x,n.controlPointPreviousY=o.previous.y,n.controlPointNextX=o.next.x,n.controlPointNextY=o.next.y},draw:function(t){var a,i,n=this,o=n.getMeta(),r=o.data||[],l=t||1;for(a=0,i=r.length;i>a;++a)r[a].transition(l);for(e(n.getDataset(),n.chart.options)&&o.dataset.transition(l).draw(),a=0,i=r.length;i>a;++a)r[a].draw()},setHoverStyle:function(t){var e=this.chart.data.datasets[t._datasetIndex],i=t._index,n=t.custom||{},o=t._model;o.radius=n.hoverRadius||a.getValueAtIndexOrDefault(e.pointHoverRadius,i,this.chart.options.elements.point.hoverRadius),o.backgroundColor=n.hoverBackgroundColor||a.getValueAtIndexOrDefault(e.pointHoverBackgroundColor,i,a.getHoverColor(o.backgroundColor)),o.borderColor=n.hoverBorderColor||a.getValueAtIndexOrDefault(e.pointHoverBorderColor,i,a.getHoverColor(o.borderColor)),o.borderWidth=n.hoverBorderWidth||a.getValueAtIndexOrDefault(e.pointHoverBorderWidth,i,o.borderWidth)},removeHoverStyle:function(t){var e=this,i=e.chart.data.datasets[t._datasetIndex],n=t._index,o=t.custom||{},r=t._model;void 0!==i.radius&&void 0===i.pointRadius&&(i.pointRadius=i.radius),r.radius=o.radius||a.getValueAtIndexOrDefault(i.pointRadius,n,e.chart.options.elements.point.radius),r.backgroundColor=e.getPointBackgroundColor(t,n),r.borderColor=e.getPointBorderColor(t,n),r.borderWidth=e.getPointBorderWidth(t,n)}})}},{}],19:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers;t.defaults.polarArea={scale:{type:"radialLinear",lineArc:!0},animation:{animateRotate:!0,animateScale:!0},aspectRatio:1,legendCallback:function(t){var e=[];e.push('');var a=t.data,i=a.datasets,n=a.labels;if(i.length)for(var o=0;o'),n[o]&&e.push(n[o]),e.push("");return e.push("
"),e.join("")},legend:{labels:{generateLabels:function(t){var a=t.data;return a.labels.length&&a.datasets.length?a.labels.map(function(i,n){var o=t.getDatasetMeta(0),r=a.datasets[0],l=o.data[n],s=l.custom||{},d=e.getValueAtIndexOrDefault,u=t.options.elements.arc,c=s.backgroundColor?s.backgroundColor:d(r.backgroundColor,n,u.backgroundColor),h=s.borderColor?s.borderColor:d(r.borderColor,n,u.borderColor),f=s.borderWidth?s.borderWidth:d(r.borderWidth,n,u.borderWidth);return{text:i,fillStyle:c,strokeStyle:h,lineWidth:f,hidden:isNaN(r.data[n])||o.data[n].hidden,index:n}}):[]}},onClick:function(t,e){var a,i,n,o=e.index,r=this.chart;for(a=0,i=(r.data.datasets||[]).length;i>a;++a)n=r.getDatasetMeta(a),n.data[o].hidden=!n.data[o].hidden;r.update()}},tooltips:{callbacks:{title:function(){return""},label:function(t,e){return e.labels[t.index]+": "+t.yLabel}}}},t.controllers.polarArea=t.DatasetController.extend({dataElementType:t.elements.Arc,linkScales:e.noop,update:function(t){var a=this,i=a.chart,n=i.chartArea,o=a.getMeta(),r=i.options,l=r.elements.arc,s=Math.min(n.right-n.left,n.bottom-n.top);i.outerRadius=Math.max((s-l.borderWidth/2)/2,0),i.innerRadius=Math.max(r.cutoutPercentage?i.outerRadius/100*r.cutoutPercentage:1,0),i.radiusLength=(i.outerRadius-i.innerRadius)/i.getVisibleDatasetCount(),a.outerRadius=i.outerRadius-i.radiusLength*a.index,a.innerRadius=a.outerRadius-i.radiusLength,o.count=a.countVisibleElements(),e.each(o.data,function(e,i){a.updateElement(e,i,t)})},updateElement:function(t,a,i){for(var n=this,o=n.chart,r=o.chartArea,l=n.getDataset(),s=o.options,d=s.animation,u=(s.elements.arc,t.custom||{},o.scale),c=e.getValueAtIndexOrDefault,h=o.data.labels,f=n.calculateCircumference(l.data[a]),g=(r.left+r.right)/2,p=(r.top+r.bottom)/2,m=0,b=n.getMeta(),v=0;a>v;++v)isNaN(l.data[v])||b.data[v].hidden||++m;var x=-.5*Math.PI,y=t.hidden?0:u.getDistanceFromCenterForValue(l.data[a]),k=x+f*m,S=k+(t.hidden?0:f),w=d.animateScale?0:u.getDistanceFromCenterForValue(l.data[a]);e.extend(t,{_datasetIndex:n.index,_index:a,_scale:u,_model:{x:g,y:p,innerRadius:0,outerRadius:i?w:y,startAngle:i&&d.animateRotate?x:k,endAngle:i&&d.animateRotate?x:S,label:c(h,a,h[a])}}),n.removeHoverStyle(t),t.pivot()},removeHoverStyle:function(e){t.DatasetController.prototype.removeHoverStyle.call(this,e,this.chart.options.elements.arc)},countVisibleElements:function(){var t=this.getDataset(),a=this.getMeta(),i=0;return e.each(a.data,function(e,a){isNaN(t.data[a])||e.hidden||i++}),i},calculateCircumference:function(t){var e=this.getMeta().count;return e>0&&!isNaN(t)?2*Math.PI/e:0}})}},{}],20:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers;t.defaults.radar={scale:{type:"radialLinear"},elements:{line:{tension:0}}},t.controllers.radar=t.DatasetController.extend({datasetElementType:t.elements.Line,dataElementType:t.elements.Point,linkScales:e.noop,addElementAndReset:function(e){t.DatasetController.prototype.addElementAndReset.call(this,e),this.updateBezierControlPoints()},update:function(t){var a=this,i=a.getMeta(),n=i.dataset,o=i.data,r=n.custom||{},l=a.getDataset(),s=a.chart.options.elements.line,d=a.chart.scale;void 0!==l.tension&&void 0===l.lineTension&&(l.lineTension=l.tension),e.extend(i.dataset,{_datasetIndex:a.index,_children:o,_loop:!0,_model:{tension:r.tension?r.tension:e.getValueOrDefault(l.lineTension,s.tension),backgroundColor:r.backgroundColor?r.backgroundColor:l.backgroundColor||s.backgroundColor,borderWidth:r.borderWidth?r.borderWidth:l.borderWidth||s.borderWidth,borderColor:r.borderColor?r.borderColor:l.borderColor||s.borderColor,fill:r.fill?r.fill:void 0!==l.fill?l.fill:s.fill,borderCapStyle:r.borderCapStyle?r.borderCapStyle:l.borderCapStyle||s.borderCapStyle,borderDash:r.borderDash?r.borderDash:l.borderDash||s.borderDash,borderDashOffset:r.borderDashOffset?r.borderDashOffset:l.borderDashOffset||s.borderDashOffset,borderJoinStyle:r.borderJoinStyle?r.borderJoinStyle:l.borderJoinStyle||s.borderJoinStyle,scaleTop:d.top,scaleBottom:d.bottom,scaleZero:d.getBasePosition()}}),i.dataset.pivot(),e.each(o,function(e,i){a.updateElement(e,i,t)},a),a.updateBezierControlPoints()},updateElement:function(t,a,i){var n=this,o=t.custom||{},r=n.getDataset(),l=n.chart.scale,s=n.chart.options.elements.point,d=l.getPointPositionForValue(a,r.data[a]);e.extend(t,{_datasetIndex:n.index,_index:a,_scale:l,_model:{x:i?l.xCenter:d.x,y:i?l.yCenter:d.y,tension:o.tension?o.tension:e.getValueOrDefault(r.tension,n.chart.options.elements.line.tension),radius:o.radius?o.radius:e.getValueAtIndexOrDefault(r.pointRadius,a,s.radius),backgroundColor:o.backgroundColor?o.backgroundColor:e.getValueAtIndexOrDefault(r.pointBackgroundColor,a,s.backgroundColor),borderColor:o.borderColor?o.borderColor:e.getValueAtIndexOrDefault(r.pointBorderColor,a,s.borderColor),borderWidth:o.borderWidth?o.borderWidth:e.getValueAtIndexOrDefault(r.pointBorderWidth,a,s.borderWidth),pointStyle:o.pointStyle?o.pointStyle:e.getValueAtIndexOrDefault(r.pointStyle,a,s.pointStyle),hitRadius:o.hitRadius?o.hitRadius:e.getValueAtIndexOrDefault(r.hitRadius,a,s.hitRadius)}}),t._model.skip=o.skip?o.skip:isNaN(t._model.x)||isNaN(t._model.y)},updateBezierControlPoints:function(){var t=this.chart.chartArea,a=this.getMeta();e.each(a.data,function(i,n){var o=i._model,r=e.splineCurve(e.previousItem(a.data,n,!0)._model,o,e.nextItem(a.data,n,!0)._model,o.tension);o.controlPointPreviousX=Math.max(Math.min(r.previous.x,t.right),t.left),o.controlPointPreviousY=Math.max(Math.min(r.previous.y,t.bottom),t.top),o.controlPointNextX=Math.max(Math.min(r.next.x,t.right),t.left),o.controlPointNextY=Math.max(Math.min(r.next.y,t.bottom),t.top),i.pivot()})},draw:function(t){var a=this.getMeta(),i=t||1;e.each(a.data,function(t,e){t.transition(i)}),a.dataset.transition(i).draw(),e.each(a.data,function(t){t.draw()})},setHoverStyle:function(t){var a=this.chart.data.datasets[t._datasetIndex],i=t.custom||{},n=t._index,o=t._model;o.radius=i.hoverRadius?i.hoverRadius:e.getValueAtIndexOrDefault(a.pointHoverRadius,n,this.chart.options.elements.point.hoverRadius),o.backgroundColor=i.hoverBackgroundColor?i.hoverBackgroundColor:e.getValueAtIndexOrDefault(a.pointHoverBackgroundColor,n,e.getHoverColor(o.backgroundColor)),o.borderColor=i.hoverBorderColor?i.hoverBorderColor:e.getValueAtIndexOrDefault(a.pointHoverBorderColor,n,e.getHoverColor(o.borderColor)),o.borderWidth=i.hoverBorderWidth?i.hoverBorderWidth:e.getValueAtIndexOrDefault(a.pointHoverBorderWidth,n,o.borderWidth)},removeHoverStyle:function(t){var a=this.chart.data.datasets[t._datasetIndex],i=t.custom||{},n=t._index,o=t._model,r=this.chart.options.elements.point;o.radius=i.radius?i.radius:e.getValueAtIndexOrDefault(a.radius,n,r.radius),o.backgroundColor=i.backgroundColor?i.backgroundColor:e.getValueAtIndexOrDefault(a.pointBackgroundColor,n,r.backgroundColor),o.borderColor=i.borderColor?i.borderColor:e.getValueAtIndexOrDefault(a.pointBorderColor,n,r.borderColor),o.borderWidth=i.borderWidth?i.borderWidth:e.getValueAtIndexOrDefault(a.pointBorderWidth,n,r.borderWidth)}})}},{}],21:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers;t.defaults.global.animation={duration:1e3,easing:"easeOutQuart",onProgress:e.noop,onComplete:e.noop},t.Animation=t.Element.extend({currentStep:null,numSteps:60,easing:"",render:null,onAnimationProgress:null,onAnimationComplete:null}),t.animationService={frameDuration:17,animations:[],dropFrames:0,request:null,addAnimation:function(t,e,a,i){var n=this;i||(t.animating=!0);for(var o=0;o1&&(a=Math.floor(t.dropFrames),t.dropFrames=t.dropFrames%1);for(var i=0;it.animations[i].animationObject.numSteps&&(t.animations[i].animationObject.currentStep=t.animations[i].animationObject.numSteps),t.animations[i].animationObject.render(t.animations[i].chartInstance,t.animations[i].animationObject),t.animations[i].animationObject.onAnimationProgress&&t.animations[i].animationObject.onAnimationProgress.call&&t.animations[i].animationObject.onAnimationProgress.call(t.animations[i].chartInstance,t.animations[i]),t.animations[i].animationObject.currentStep===t.animations[i].animationObject.numSteps?(t.animations[i].animationObject.onAnimationComplete&&t.animations[i].animationObject.onAnimationComplete.call&&t.animations[i].animationObject.onAnimationComplete.call(t.animations[i].chartInstance,t.animations[i]),t.animations[i].chartInstance.animating=!1,t.animations.splice(i,1)):++i;var n=Date.now(),o=(n-e)/t.frameDuration;t.dropFrames+=o,t.animations.length>0&&t.requestAnimationFrame()}}}},{}],22:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers;t.types={},t.instances={},t.controllers={},t.Controller=function(a){return this.chart=a,this.config=a.config,this.options=this.config.options=e.configMerge(t.defaults.global,t.defaults[this.config.type],this.config.options||{}),this.id=e.uid(),Object.defineProperty(this,"data",{get:function(){return this.config.data}}),t.instances[this.id]=this,this.options.responsive&&this.resize(!0),this.initialize(),this},e.extend(t.Controller.prototype,{initialize:function(){var e=this;return t.plugins.notify("beforeInit",[e]),e.bindEvents(),e.ensureScalesHaveIDs(),e.buildOrUpdateControllers(),e.buildScales(),e.updateLayout(),e.resetElements(),e.initToolTip(),e.update(),t.plugins.notify("afterInit",[e]),e},clear:function(){return e.clear(this.chart),this},stop:function(){return t.animationService.cancelAnimation(this),this},resize:function(a){var i=this,n=i.chart,o=n.canvas,r=e.getMaximumWidth(o),l=n.aspectRatio,s=i.options.maintainAspectRatio&&isNaN(l)===!1&&isFinite(l)&&0!==l?r/l:e.getMaximumHeight(o),d=n.width!==r||n.height!==s;if(!d)return i;o.width=n.width=r,o.height=n.height=s,e.retinaScale(n);var u={width:r,height:s};return t.plugins.notify("resize",[i,u]),i.options.onResize&&i.options.onResize(i,u),a||(i.stop(),i.update(i.options.responsiveAnimationDuration)),i},ensureScalesHaveIDs:function(){var t=this.options,a=t.scales||{},i=t.scale;e.each(a.xAxes,function(t,e){t.id=t.id||"x-axis-"+e}),e.each(a.yAxes,function(t,e){t.id=t.id||"y-axis-"+e}),i&&(i.id=i.id||"scale")},buildScales:function(){var a=this,i=a.options,n=a.scales={},o=[];i.scales&&(o=o.concat((i.scales.xAxes||[]).map(function(t){return{options:t,dtype:"category"}}),(i.scales.yAxes||[]).map(function(t){return{options:t,dtype:"linear"}}))),i.scale&&o.push({options:i.scale,dtype:"radialLinear",isDefault:!0}),e.each(o,function(i,o){var r=i.options,l=e.getValueOrDefault(r.type,i.dtype),s=t.scaleService.getScaleConstructor(l);if(s){var d=new s({id:r.id,options:r,ctx:a.chart.ctx,chart:a});n[d.id]=d,i.isDefault&&(a.scale=d)}}),t.scaleService.addScalesToLayout(this)},updateLayout:function(){t.layoutService.update(this,this.chart.width,this.chart.height)},buildOrUpdateControllers:function(){var a=this,i=[],n=[];if(e.each(a.data.datasets,function(e,o){var r=a.getDatasetMeta(o);r.type||(r.type=e.type||a.config.type),i.push(r.type),r.controller?r.controller.updateIndex(o):(r.controller=new t.controllers[r.type](a,o),n.push(r.controller))},a),i.length>1)for(var o=1;oe;++e)i.getDatasetMeta(e).controller.update();t.plugins.notify("afterDatasetsUpdate",[i])}},render:function(a,i){var n=this;t.plugins.notify("beforeRender",[n]);var o=n.options.animation;if(o&&("undefined"!=typeof a&&0!==a||"undefined"==typeof a&&0!==o.duration)){var r=new t.Animation;r.numSteps=(a||o.duration)/16.66,r.easing=o.easing,r.render=function(t,a){var i=e.easingEffects[a.easing],n=a.currentStep/a.numSteps,o=i(n);t.draw(o,n,a.currentStep)},r.onAnimationProgress=o.onProgress,r.onAnimationComplete=o.onComplete,t.animationService.addAnimation(n,r,a,i)}else n.draw(),o&&o.onComplete&&o.onComplete.call&&o.onComplete.call(n);return n},draw:function(a){var i=this,n=a||1;i.clear(),t.plugins.notify("beforeDraw",[i,n]),e.each(i.boxes,function(t){t.draw(i.chartArea)},i),i.scale&&i.scale.draw(),t.plugins.notify("beforeDatasetsDraw",[i,n]),e.each(i.data.datasets,function(t,e){i.isDatasetVisible(e)&&i.getDatasetMeta(e).controller.draw(a)},i,!0),t.plugins.notify("afterDatasetsDraw",[i,n]),i.tooltip.transition(n).draw(),t.plugins.notify("afterDraw",[i,n])},getElementAtEvent:function(t){var a=this,i=e.getRelativePosition(t,a.chart),n=[];return e.each(a.data.datasets,function(t,o){if(a.isDatasetVisible(o)){var r=a.getDatasetMeta(o);e.each(r.data,function(t,e){return t.inRange(i.x,i.y)?(n.push(t),n):void 0})}}),n},getElementsAtEvent:function(t){var a=this,i=e.getRelativePosition(t,a.chart),n=[],o=function(){if(a.data.datasets)for(var t=0;t0&&(e=this.getDatasetMeta(e[0]._datasetIndex).data),e},getDatasetMeta:function(t){var e=this,a=e.data.datasets[t];a._meta||(a._meta={});var i=a._meta[e.id];return i||(i=a._meta[e.id]={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null}),i},getVisibleDatasetCount:function(){for(var t=0,e=0,a=this.data.datasets.length;a>e;++e)this.isDatasetVisible(e)&&t++;return t},isDatasetVisible:function(t){var e=this.getDatasetMeta(t);return"boolean"==typeof e.hidden?!e.hidden:!this.data.datasets[t].hidden},generateLegend:function(){return this.options.legendCallback(this)},destroy:function(){var a=this;a.stop(),a.clear(),e.unbindEvents(a,a.events),e.removeResizeListener(a.chart.canvas.parentNode);var i=a.chart.canvas;i.width=a.chart.width,i.height=a.chart.height,void 0!==a.chart.originalDevicePixelRatio&&a.chart.ctx.scale(1/a.chart.originalDevicePixelRatio,1/a.chart.originalDevicePixelRatio),i.style.width=a.chart.originalCanvasStyleWidth,i.style.height=a.chart.originalCanvasStyleHeight,t.plugins.notify("destroy",[a]),delete t.instances[a.id]},toBase64Image:function(){return this.chart.canvas.toDataURL.apply(this.chart.canvas,arguments)},initToolTip:function(){var e=this;e.tooltip=new t.Tooltip({_chart:e.chart,_chartInstance:e,_data:e.data,_options:e.options.tooltips},e)},bindEvents:function(){var t=this;e.bindEvents(t,t.options.events,function(e){t.eventHandler(e)})},updateHoverStyle:function(t,e,a){var i,n,o,r=a?"setHoverStyle":"removeHoverStyle";switch(e){case"single":t=[t[0]];break;case"label":case"dataset":break;default:return}for(n=0,o=t.length;o>n;++n)i=t[n],i&&this.getDatasetMeta(i._datasetIndex).controller[r](i)},eventHandler:function(t){var a=this,i=a.tooltip,n=a.options||{},o=n.hover,r=n.tooltips;return a.lastActive=a.lastActive||[],a.lastTooltipActive=a.lastTooltipActive||[],"mouseout"===t.type?(a.active=[],a.tooltipActive=[]):(a.active=a.getElementsAtEventForMode(t,o.mode),a.tooltipActive=a.getElementsAtEventForMode(t,r.mode)),o.onHover&&o.onHover.call(a,a.active),("mouseup"===t.type||"click"===t.type)&&(n.onClick&&n.onClick.call(a,t,a.active),a.legend&&a.legend.handleEvent&&a.legend.handleEvent(t)),a.lastActive.length&&a.updateHoverStyle(a.lastActive,o.mode,!1),a.active.length&&o.mode&&a.updateHoverStyle(a.active,o.mode,!0),(r.enabled||r.custom)&&(i.initialize(),i._active=a.tooltipActive,i.update(!0)),i.pivot(),a.animating||e.arrayEquals(a.active,a.lastActive)&&e.arrayEquals(a.tooltipActive,a.lastTooltipActive)||(a.stop(),(r.enabled||r.custom)&&i.update(!0),a.render(o.animationDuration,!0)),a.lastActive=a.active,a.lastTooltipActive=a.tooltipActive,a}})}},{}],23:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers,a=e.noop;t.DatasetController=function(t,e){this.initialize.call(this,t,e)},e.extend(t.DatasetController.prototype,{datasetElementType:null,dataElementType:null,initialize:function(t,e){var a=this;a.chart=t,a.index=e,a.linkScales(),a.addElements()},updateIndex:function(t){this.index=t},linkScales:function(){var t=this,e=t.getMeta(),a=t.getDataset();null===e.xAxisID&&(e.xAxisID=a.xAxisID||t.chart.options.scales.xAxes[0].id),null===e.yAxisID&&(e.yAxisID=a.yAxisID||t.chart.options.scales.yAxes[0].id);
+},getDataset:function(){return this.chart.data.datasets[this.index]},getMeta:function(){return this.chart.getDatasetMeta(this.index)},getScaleForId:function(t){return this.chart.scales[t]},reset:function(){this.update(!0)},createMetaDataset:function(){var t=this,e=t.datasetElementType;return e&&new e({_chart:t.chart.chart,_datasetIndex:t.index})},createMetaData:function(t){var e=this,a=e.dataElementType;return a&&new a({_chart:e.chart.chart,_datasetIndex:e.index,_index:t})},addElements:function(){var t,e,a=this,i=a.getMeta(),n=a.getDataset().data||[],o=i.data;for(t=0,e=n.length;e>t;++t)o[t]=o[t]||a.createMetaData(i,t);i.dataset=i.dataset||a.createMetaDataset()},addElementAndReset:function(t){var e=this,a=e.createMetaData(t);e.getMeta().data.splice(t,0,a),e.updateElement(a,t,!0)},buildOrUpdateElements:function(){var t=this.getMeta(),e=t.data,a=this.getDataset().data.length,i=e.length;if(i>a)e.splice(a,i-a);else if(a>i)for(var n=i;a>n;++n)this.addElementAndReset(n)},update:a,draw:function(t){var a=t||1;e.each(this.getMeta().data,function(t,e){t.transition(a).draw()})},removeHoverStyle:function(t,a){var i=this.chart.data.datasets[t._datasetIndex],n=t._index,o=t.custom||{},r=e.getValueAtIndexOrDefault,l=(e.color,t._model);l.backgroundColor=o.backgroundColor?o.backgroundColor:r(i.backgroundColor,n,a.backgroundColor),l.borderColor=o.borderColor?o.borderColor:r(i.borderColor,n,a.borderColor),l.borderWidth=o.borderWidth?o.borderWidth:r(i.borderWidth,n,a.borderWidth)},setHoverStyle:function(t){var a=this.chart.data.datasets[t._datasetIndex],i=t._index,n=t.custom||{},o=e.getValueAtIndexOrDefault,r=(e.color,e.getHoverColor),l=t._model;l.backgroundColor=n.hoverBackgroundColor?n.hoverBackgroundColor:o(a.hoverBackgroundColor,i,r(l.backgroundColor)),l.borderColor=n.hoverBorderColor?n.hoverBorderColor:o(a.hoverBorderColor,i,r(l.borderColor)),l.borderWidth=n.hoverBorderWidth?n.hoverBorderWidth:o(a.hoverBorderWidth,i,l.borderWidth)}}),t.DatasetController.extend=e.inherits}},{}],24:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers;t.elements={},t.Element=function(t){e.extend(this,t),this.initialize.apply(this,arguments)},e.extend(t.Element.prototype,{initialize:function(){this.hidden=!1},pivot:function(){var t=this;return t._view||(t._view=e.clone(t._model)),t._start=e.clone(t._view),t},transition:function(t){var a=this;return a._view||(a._view=e.clone(a._model)),1===t?(a._view=a._model,a._start=null,a):(a._start||a.pivot(),e.each(a._model,function(i,n){if("_"===n[0]);else if(a._view.hasOwnProperty(n))if(i===a._view[n]);else if("string"==typeof i)try{var o=e.color(a._model[n]).mix(e.color(a._start[n]),t);a._view[n]=o.rgbString()}catch(r){a._view[n]=i}else if("number"==typeof i){var l=void 0!==a._start[n]&&isNaN(a._start[n])===!1?a._start[n]:0;a._view[n]=(a._model[n]-l)*t+l}else a._view[n]=i;else"number"!=typeof i||isNaN(a._view[n])?a._view[n]=i:a._view[n]=i*t},a),a)},tooltipPosition:function(){return{x:this._model.x,y:this._model.y}},hasValue:function(){return e.isNumber(this._model.x)&&e.isNumber(this._model.y)}}),t.Element.extend=e.inherits}},{}],25:[function(t,e,a){"use strict";var i=t(3);e.exports=function(t){function e(t,e,a){var i;return"string"==typeof t?(i=parseInt(t,10),-1!=t.indexOf("%")&&(i=i/100*e.parentNode[a])):i=t,i}function a(t){return void 0!==t&&null!==t&&"none"!==t}function n(t,i,n){var o=document.defaultView,r=t.parentNode,l=o.getComputedStyle(t)[i],s=o.getComputedStyle(r)[i],d=a(l),u=a(s),c=Number.POSITIVE_INFINITY;return d||u?Math.min(d?e(l,t,n):c,u?e(s,r,n):c):"none"}var o=t.helpers={};o.each=function(t,e,a,i){var n,r;if(o.isArray(t))if(r=t.length,i)for(n=r-1;n>=0;n--)e.call(a,t[n],n);else for(n=0;r>n;n++)e.call(a,t[n],n);else if("object"==typeof t){var l=Object.keys(t);for(r=l.length,n=0;r>n;n++)e.call(a,t[l[n]],l[n])}},o.clone=function(t){var e={};return o.each(t,function(t,a){o.isArray(t)?e[a]=t.slice(0):"object"==typeof t&&null!==t?e[a]=o.clone(t):e[a]=t}),e},o.extend=function(t){for(var e=function(e,a){t[a]=e},a=1,i=arguments.length;i>a;a++)o.each(arguments[a],e);return t},o.configMerge=function(e){var a=o.clone(e);return o.each(Array.prototype.slice.call(arguments,1),function(e){o.each(e,function(e,i){if("scales"===i)a[i]=o.scaleMerge(a.hasOwnProperty(i)?a[i]:{},e);else if("scale"===i)a[i]=o.configMerge(a.hasOwnProperty(i)?a[i]:{},t.scaleService.getScaleDefaults(e.type),e);else if(a.hasOwnProperty(i)&&o.isArray(a[i])&&o.isArray(e)){var n=a[i];o.each(e,function(t,e){e=i[a].length||!i[a][n].type?i[a].push(o.configMerge(l,e)):e.type&&e.type!==i[a][n].type?i[a][n]=o.configMerge(i[a][n],l,e):i[a][n]=o.configMerge(i[a][n],e)}):(i[a]=[],o.each(e,function(e){var n=o.getValueOrDefault(e.type,"xAxes"===a?"category":"linear");i[a].push(o.configMerge(t.scaleService.getScaleDefaults(n),e))})):i.hasOwnProperty(a)&&"object"==typeof i[a]&&null!==i[a]&&"object"==typeof e?i[a]=o.configMerge(i[a],e):i[a]=e}),i},o.getValueAtIndexOrDefault=function(t,e,a){return void 0===t||null===t?a:o.isArray(t)?ea;++a)if(t[a]===e)return a;return-1},o.where=function(t,e){if(o.isArray(t)&&Array.prototype.filter)return t.filter(e);var a=[];return o.each(t,function(t){e(t)&&a.push(t)}),a},o.findIndex=Array.prototype.findIndex?function(t,e,a){return t.findIndex(e,a)}:function(t,e,a){a=void 0===a?t:a;for(var i=0,n=t.length;n>i;++i)if(e.call(a,t[i],i,t))return i;return-1},o.findNextWhere=function(t,e,a){(void 0===a||null===a)&&(a=-1);for(var i=a+1;i=0;i--){var n=t[i];if(e(n))return n}},o.inherits=function(t){var e=this,a=t&&t.hasOwnProperty("constructor")?t.constructor:function(){return e.apply(this,arguments)},i=function(){this.constructor=a};return i.prototype=e.prototype,a.prototype=new i,a.extend=o.inherits,t&&o.extend(a.prototype,t),a.__super__=e.prototype,a},o.noop=function(){},o.uid=function(){var t=0;return function(){return t++}}(),o.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},o.almostEquals=function(t,e,a){return Math.abs(t-e)0?1:-1},o.log10=Math.log10?function(t){return Math.log10(t)}:function(t){return Math.log(t)/Math.LN10},o.toRadians=function(t){return t*(Math.PI/180)},o.toDegrees=function(t){return t*(180/Math.PI)},o.getAngleFromPoint=function(t,e){var a=e.x-t.x,i=e.y-t.y,n=Math.sqrt(a*a+i*i),o=Math.atan2(i,a);return o<-.5*Math.PI&&(o+=2*Math.PI),{angle:o,distance:n}},o.aliasPixel=function(t){return t%2===0?0:.5},o.splineCurve=function(t,e,a,i){var n=t.skip?e:t,o=e,r=a.skip?e:a,l=Math.sqrt(Math.pow(o.x-n.x,2)+Math.pow(o.y-n.y,2)),s=Math.sqrt(Math.pow(r.x-o.x,2)+Math.pow(r.y-o.y,2)),d=l/(l+s),u=s/(l+s);d=isNaN(d)?0:d,u=isNaN(u)?0:u;var c=i*d,h=i*u;return{previous:{x:o.x-c*(r.x-n.x),y:o.y-c*(r.y-n.y)},next:{x:o.x+h*(r.x-n.x),y:o.y+h*(r.y-n.y)}}},o.nextItem=function(t,e,a){return a?e>=t.length-1?t[0]:t[e+1]:e>=t.length-1?t[t.length-1]:t[e+1]},o.previousItem=function(t,e,a){return a?0>=e?t[t.length-1]:t[e-1]:0>=e?t[0]:t[e-1]},o.niceNum=function(t,e){var a,i=Math.floor(o.log10(t)),n=t/Math.pow(10,i);return a=e?1.5>n?1:3>n?2:7>n?5:10:1>=n?1:2>=n?2:5>=n?5:10,a*Math.pow(10,i)};var r=o.easingEffects={linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return-1*t*(t-2)},easeInOutQuad:function(t){return(t/=.5)<1?.5*t*t:-0.5*(--t*(t-2)-1)},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return 1*((t=t/1-1)*t*t+1)},easeInOutCubic:function(t){return(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return-1*((t=t/1-1)*t*t*t-1)},easeInOutQuart:function(t){return(t/=.5)<1?.5*t*t*t*t:-0.5*((t-=2)*t*t*t-2)},easeInQuint:function(t){return 1*(t/=1)*t*t*t*t},easeOutQuint:function(t){return 1*((t=t/1-1)*t*t*t*t+1)},easeInOutQuint:function(t){return(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},easeInSine:function(t){return-1*Math.cos(t/1*(Math.PI/2))+1},easeOutSine:function(t){return 1*Math.sin(t/1*(Math.PI/2))},easeInOutSine:function(t){return-0.5*(Math.cos(Math.PI*t/1)-1)},easeInExpo:function(t){return 0===t?1:1*Math.pow(2,10*(t/1-1))},easeOutExpo:function(t){return 1===t?1:1*(-Math.pow(2,-10*t/1)+1)},easeInOutExpo:function(t){return 0===t?0:1===t?1:(t/=.5)<1?.5*Math.pow(2,10*(t-1)):.5*(-Math.pow(2,-10*--t)+2)},easeInCirc:function(t){return t>=1?t:-1*(Math.sqrt(1-(t/=1)*t)-1)},easeOutCirc:function(t){return 1*Math.sqrt(1-(t=t/1-1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-0.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var e=1.70158,a=0,i=1;return 0===t?0:1===(t/=1)?1:(a||(a=.3),it?-.5*(i*Math.pow(2,10*(t-=1))*Math.sin((1*t-e)*(2*Math.PI)/a)):i*Math.pow(2,-10*(t-=1))*Math.sin((1*t-e)*(2*Math.PI)/a)*.5+1)},easeInBack:function(t){var e=1.70158;return 1*(t/=1)*t*((e+1)*t-e)},easeOutBack:function(t){var e=1.70158;return 1*((t=t/1-1)*t*((e+1)*t+e)+1)},easeInOutBack:function(t){var e=1.70158;return(t/=.5)<1?.5*(t*t*(((e*=1.525)+1)*t-e)):.5*((t-=2)*t*(((e*=1.525)+1)*t+e)+2)},easeInBounce:function(t){return 1-r.easeOutBounce(1-t)},easeOutBounce:function(t){return(t/=1)<1/2.75?1*(7.5625*t*t):2/2.75>t?1*(7.5625*(t-=1.5/2.75)*t+.75):2.5/2.75>t?1*(7.5625*(t-=2.25/2.75)*t+.9375):1*(7.5625*(t-=2.625/2.75)*t+.984375)},easeInOutBounce:function(t){return.5>t?.5*r.easeInBounce(2*t):.5*r.easeOutBounce(2*t-1)+.5}};o.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)}}(),o.cancelAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(t){return window.clearTimeout(t,1e3/60)}}(),o.getRelativePosition=function(t,e){var a,i,n=t.originalEvent||t,r=t.currentTarget||t.srcElement,l=r.getBoundingClientRect(),s=n.touches;s&&s.length>0?(a=s[0].clientX,i=s[0].clientY):(a=n.clientX,i=n.clientY);var d=parseFloat(o.getStyle(r,"padding-left")),u=parseFloat(o.getStyle(r,"padding-top")),c=parseFloat(o.getStyle(r,"padding-right")),h=parseFloat(o.getStyle(r,"padding-bottom")),f=l.right-l.left-d-c,g=l.bottom-l.top-u-h;return a=Math.round((a-l.left-d)/f*r.width/e.currentDevicePixelRatio),i=Math.round((i-l.top-u)/g*r.height/e.currentDevicePixelRatio),{x:a,y:i}},o.addEvent=function(t,e,a){t.addEventListener?t.addEventListener(e,a):t.attachEvent?t.attachEvent("on"+e,a):t["on"+e]=a},o.removeEvent=function(t,e,a){t.removeEventListener?t.removeEventListener(e,a,!1):t.detachEvent?t.detachEvent("on"+e,a):t["on"+e]=o.noop},o.bindEvents=function(t,e,a){var i=t.events=t.events||{};o.each(e,function(e){i[e]=function(){a.apply(t,arguments)},o.addEvent(t.chart.canvas,e,i[e])})},o.unbindEvents=function(t,e){var a=t.chart.canvas;o.each(e,function(t,e){o.removeEvent(a,e,t)})},o.getConstraintWidth=function(t){return n(t,"max-width","clientWidth")},o.getConstraintHeight=function(t){return n(t,"max-height","clientHeight")},o.getMaximumWidth=function(t){var e=t.parentNode,a=parseInt(o.getStyle(e,"padding-left"))+parseInt(o.getStyle(e,"padding-right")),i=e.clientWidth-a,n=o.getConstraintWidth(t);return isNaN(n)?i:Math.min(i,n)},o.getMaximumHeight=function(t){var e=t.parentNode,a=parseInt(o.getStyle(e,"padding-top"))+parseInt(o.getStyle(e,"padding-bottom")),i=e.clientHeight-a,n=o.getConstraintHeight(t);return isNaN(n)?i:Math.min(i,n)},o.getStyle=function(t,e){return t.currentStyle?t.currentStyle[e]:document.defaultView.getComputedStyle(t,null).getPropertyValue(e)},o.retinaScale=function(t){var e=t.ctx,a=t.canvas,i=a.width,n=a.height,o=t.currentDevicePixelRatio=window.devicePixelRatio||1;1!==o&&(a.height=n*o,a.width=i*o,e.scale(o,o),t.originalDevicePixelRatio=t.originalDevicePixelRatio||o),a.style.width=i+"px",a.style.height=n+"px"},o.clear=function(t){t.ctx.clearRect(0,0,t.width,t.height)},o.fontString=function(t,e,a){return e+" "+t+"px "+a},o.longestText=function(t,e,a,i){i=i||{};var n=i.data=i.data||{},r=i.garbageCollect=i.garbageCollect||[];i.font!==e&&(n=i.data={},r=i.garbageCollect=[],i.font=e),t.font=e;var l=0;o.each(a,function(e){void 0!==e&&null!==e&&o.isArray(e)!==!0?l=o.measureText(t,n,r,l,e):o.isArray(e)&&o.each(e,function(e){void 0===e||null===e||o.isArray(e)||(l=o.measureText(t,n,r,l,e))})});var s=r.length/2;if(s>a.length){for(var d=0;s>d;d++)delete n[r[d]];r.splice(0,s)}return l},o.measureText=function(t,e,a,i,n){var o=e[n];return o||(o=e[n]=t.measureText(n).width,a.push(n)),o>i&&(i=o),i},o.numberOfLabelLines=function(t){var e=1;return o.each(t,function(t){o.isArray(t)&&t.length>e&&(e=t.length)}),e},o.drawRoundedRectangle=function(t,e,a,i,n,o){t.beginPath(),t.moveTo(e+o,a),t.lineTo(e+i-o,a),t.quadraticCurveTo(e+i,a,e+i,a+o),t.lineTo(e+i,a+n-o),t.quadraticCurveTo(e+i,a+n,e+i-o,a+n),t.lineTo(e+o,a+n),t.quadraticCurveTo(e,a+n,e,a+n-o),t.lineTo(e,a+o),t.quadraticCurveTo(e,a,e+o,a),t.closePath()},o.color=function(e){return i?i(e instanceof CanvasGradient?t.defaults.global.defaultColor:e):(console.log("Color.js not found!"),e)},o.addResizeListener=function(t,e){var a=document.createElement("iframe"),i="chartjs-hidden-iframe";a.classlist?a.classlist.add(i):a.setAttribute("class",i);var n=a.style;n.width="100%",n.display="block",n.border=0,n.height=0,n.margin=0,n.position="absolute",n.left=0,n.right=0,n.top=0,n.bottom=0,t.insertBefore(a,t.firstChild),(a.contentWindow||a).onresize=function(){e&&e()}},o.removeResizeListener=function(t){var e=t.querySelector(".chartjs-hidden-iframe");e&&e.parentNode.removeChild(e)},o.isArray=Array.isArray?function(t){return Array.isArray(t)}:function(t){return"[object Array]"===Object.prototype.toString.call(t)},o.arrayEquals=function(t,e){var a,i,n,r;if(!t||!e||t.length!=e.length)return!1;for(a=0,i=t.length;i>a;++a)if(n=t[a],r=e[a],n instanceof Array&&r instanceof Array){if(!o.arrayEquals(n,r))return!1}else if(n!=r)return!1;return!0},o.callCallback=function(t,e,a){t&&"function"==typeof t.call&&t.apply(a,e)},o.getHoverColor=function(t){return t instanceof CanvasPattern?t:o.color(t).saturate(.5).darken(.1).rgbString()}}},{3:3}],26:[function(t,e,a){"use strict";e.exports=function(){var t=function(e,a){var i=this,n=t.helpers;return i.config=a,e.length&&e[0].getContext&&(e=e[0]),e.getContext&&(e=e.getContext("2d")),i.ctx=e,i.canvas=e.canvas,e.canvas.style.display=e.canvas.style.display||"block",i.width=e.canvas.width||parseInt(n.getStyle(e.canvas,"width"),10)||n.getMaximumWidth(e.canvas),i.height=e.canvas.height||parseInt(n.getStyle(e.canvas,"height"),10)||n.getMaximumHeight(e.canvas),i.aspectRatio=i.width/i.height,(isNaN(i.aspectRatio)||isFinite(i.aspectRatio)===!1)&&(i.aspectRatio=void 0!==a.aspectRatio?a.aspectRatio:2),i.originalCanvasStyleWidth=e.canvas.style.width,i.originalCanvasStyleHeight=e.canvas.style.height,n.retinaScale(i),a&&(i.controller=new t.Controller(i)),n.addResizeListener(e.canvas.parentNode,function(){i.controller&&i.controller.config.options.responsive&&i.controller.resize()}),i.controller?i.controller:i};return t.defaults={global:{responsive:!0,responsiveAnimationDuration:0,maintainAspectRatio:!0,events:["mousemove","mouseout","click","touchstart","touchmove"],hover:{onHover:null,mode:"single",animationDuration:400},onClick:null,defaultColor:"rgba(0,0,0,0.1)",defaultFontColor:"#666",defaultFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",defaultFontSize:12,defaultFontStyle:"normal",showLines:!0,elements:{},legendCallback:function(t){var e=[];e.push('');for(var a=0;a'),t.data.datasets[a].label&&e.push(t.data.datasets[a].label),e.push("");return e.push("
"),e.join("")}}},t.Chart=t,t}},{}],27:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers;t.layoutService={defaults:{},addBox:function(t,e){t.boxes||(t.boxes=[]),t.boxes.push(e)},removeBox:function(t,e){t.boxes&&t.boxes.splice(t.boxes.indexOf(e),1)},update:function(t,a,i){function n(t){var e,a=t.isHorizontal();a?(e=t.update(t.options.fullWidth?p:k,y),S-=e.height):(e=t.update(x,v),k-=e.width),w.push({horizontal:a,minSize:e,box:t})}function o(t){var a=e.findNextWhere(w,function(e){return e.box===t});if(a)if(t.isHorizontal()){var i={left:C,right:M,top:0,bottom:0};t.update(t.options.fullWidth?p:k,m/2,i)}else t.update(a.minSize.width,S)}function r(t){var a=e.findNextWhere(w,function(e){return e.box===t}),i={left:0,right:0,top:D,bottom:A};a&&t.update(a.minSize.width,S,i)}function l(t){t.isHorizontal()?(t.left=t.options.fullWidth?s:C,t.right=t.options.fullWidth?a-s:C+k,t.top=P,t.bottom=P+t.height,P=t.bottom):(t.left=T,t.right=T+t.width,t.top=D,t.bottom=D+S,T=t.right)}if(t){var s=0,d=0,u=e.where(t.boxes,function(t){return"left"===t.options.position}),c=e.where(t.boxes,function(t){return"right"===t.options.position}),h=e.where(t.boxes,function(t){return"top"===t.options.position}),f=e.where(t.boxes,function(t){return"bottom"===t.options.position}),g=e.where(t.boxes,function(t){return"chartArea"===t.options.position});h.sort(function(t,e){return(e.options.fullWidth?1:0)-(t.options.fullWidth?1:0)}),f.sort(function(t,e){return(t.options.fullWidth?1:0)-(e.options.fullWidth?1:0)});var p=a-2*s,m=i-2*d,b=p/2,v=m/2,x=(a-b)/(u.length+c.length),y=(i-v)/(h.length+f.length),k=p,S=m,w=[];e.each(u.concat(c,h,f),n);var C=s,M=s,D=d,A=d;e.each(u.concat(c),o),e.each(u,function(t){C+=t.width}),e.each(c,function(t){M+=t.width}),e.each(h.concat(f),o),e.each(h,function(t){D+=t.height}),e.each(f,function(t){A+=t.height}),e.each(u.concat(c),r),C=s,M=s,D=d,A=d,e.each(u,function(t){C+=t.width}),e.each(c,function(t){M+=t.width}),e.each(h,function(t){D+=t.height}),e.each(f,function(t){A+=t.height});var I=i-D-A,F=a-C-M;(F!==k||I!==S)&&(e.each(u,function(t){t.height=I}),e.each(c,function(t){t.height=I}),e.each(h,function(t){t.options.fullWidth||(t.width=F)}),e.each(f,function(t){t.options.fullWidth||(t.width=F)}),S=I,k=F);var T=s,P=d;e.each(u.concat(h),l),T+=k,P+=S,e.each(c,l),e.each(f,l),t.chartArea={left:C,top:D,right:C+k,bottom:D+S},e.each(g,function(e){e.left=t.chartArea.left,e.top=t.chartArea.top,e.right=t.chartArea.right,e.bottom=t.chartArea.bottom,e.update(k,S)})}}}}},{}],28:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers,a=e.noop;t.defaults.global.legend={display:!0,position:"top",fullWidth:!0,reverse:!1,onClick:function(t,e){var a=e.datasetIndex,i=this.chart,n=i.getDatasetMeta(a);n.hidden=null===n.hidden?!i.data.datasets[a].hidden:null,i.update()},labels:{boxWidth:40,padding:10,generateLabels:function(t){var a=t.data;return e.isArray(a.datasets)?a.datasets.map(function(a,i){return{text:a.label,fillStyle:e.isArray(a.backgroundColor)?a.backgroundColor[0]:a.backgroundColor,hidden:!t.isDatasetVisible(i),lineCap:a.borderCapStyle,lineDash:a.borderDash,lineDashOffset:a.borderDashOffset,lineJoin:a.borderJoinStyle,lineWidth:a.borderWidth,strokeStyle:a.borderColor,datasetIndex:i}},this):[]}}},t.Legend=t.Element.extend({initialize:function(t){e.extend(this,t),this.legendHitBoxes=[],this.doughnutMode=!1},beforeUpdate:a,update:function(t,e,a){var i=this;return i.beforeUpdate(),i.maxWidth=t,i.maxHeight=e,i.margins=a,i.beforeSetDimensions(),i.setDimensions(),i.afterSetDimensions(),i.beforeBuildLabels(),i.buildLabels(),i.afterBuildLabels(),i.beforeFit(),i.fit(),i.afterFit(),i.afterUpdate(),i.minSize},afterUpdate:a,beforeSetDimensions:a,setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0,t.minSize={width:0,height:0}},afterSetDimensions:a,beforeBuildLabels:a,buildLabels:function(){var t=this;t.legendItems=t.options.labels.generateLabels.call(t,t.chart),t.options.reverse&&t.legendItems.reverse()},afterBuildLabels:a,beforeFit:a,fit:function(){var a=this,i=a.options,n=i.labels,o=i.display,r=a.ctx,l=t.defaults.global,s=e.getValueOrDefault,d=s(n.fontSize,l.defaultFontSize),u=s(n.fontStyle,l.defaultFontStyle),c=s(n.fontFamily,l.defaultFontFamily),h=e.fontString(d,u,c),f=a.legendHitBoxes=[],g=a.minSize,p=a.isHorizontal();if(p?(g.width=a.maxWidth,g.height=o?10:0):(g.width=o?10:0,g.height=a.maxHeight),o)if(r.font=h,p){var m=a.lineWidths=[0],b=a.legendItems.length?d+n.padding:0;r.textAlign="left",r.textBaseline="top",e.each(a.legendItems,function(t,e){var i=n.boxWidth+d/2+r.measureText(t.text).width;m[m.length-1]+i+n.padding>=a.width&&(b+=d+n.padding,m[m.length]=a.left),f[e]={left:0,top:0,width:i,height:d},m[m.length-1]+=i+n.padding}),g.height+=b}else{var v=n.padding,x=a.columnWidths=[],y=n.padding,k=0,S=0,w=d+v;e.each(a.legendItems,function(t,e){var a=n.boxWidth+d/2+r.measureText(t.text).width;S+w>g.height&&(y+=k+n.padding,x.push(k),k=0,S=0),k=Math.max(k,a),S+=w,f[e]={left:0,top:0,width:a,height:d}}),y+=k,x.push(k),g.width+=y}a.width=g.width,a.height=g.height},afterFit:a,isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},draw:function(){var a=this,i=a.options,n=i.labels,o=t.defaults.global,r=o.elements.line,l=a.width,s=(a.height,a.lineWidths);if(i.display){var d,u=a.ctx,c=e.getValueOrDefault,h=c(n.fontColor,o.defaultFontColor),f=c(n.fontSize,o.defaultFontSize),g=c(n.fontStyle,o.defaultFontStyle),p=c(n.fontFamily,o.defaultFontFamily),m=e.fontString(f,g,p);u.textAlign="left",u.textBaseline="top",u.lineWidth=.5,u.strokeStyle=h,u.fillStyle=h,u.font=m;var b=n.boxWidth,v=a.legendHitBoxes,x=function(t,e,a){u.save(),u.fillStyle=c(a.fillStyle,o.defaultColor),u.lineCap=c(a.lineCap,r.borderCapStyle),u.lineDashOffset=c(a.lineDashOffset,r.borderDashOffset),u.lineJoin=c(a.lineJoin,r.borderJoinStyle),u.lineWidth=c(a.lineWidth,r.borderWidth),u.strokeStyle=c(a.strokeStyle,o.defaultColor),u.setLineDash&&u.setLineDash(c(a.lineDash,r.borderDash)),u.strokeRect(t,e,b,f),u.fillRect(t,e,b,f),u.restore()},y=function(t,e,a,i){u.fillText(a.text,b+f/2+t,e),a.hidden&&(u.beginPath(),u.lineWidth=2,u.moveTo(b+f/2+t,e+f/2),u.lineTo(b+f/2+t+i,e+f/2),u.stroke())},k=a.isHorizontal();d=k?{x:a.left+(l-s[0])/2,y:a.top+n.padding,line:0}:{x:a.left+n.padding,y:a.top,line:0};var S=f+n.padding;e.each(a.legendItems,function(t,e){var i=u.measureText(t.text).width,o=b+f/2+i,r=d.x,c=d.y;k?r+o>=l&&(c=d.y+=f+n.padding,d.line++,r=d.x=a.left+(l-s[d.line])/2):c+S>a.bottom&&(r=d.x=r+a.columnWidths[d.line]+n.padding,c=d.y=a.top,d.line++),x(r,c,t),v[e].left=r,v[e].top=c,y(r,c,t,i),k?d.x+=o+n.padding:d.y+=S})}},handleEvent:function(t){var a=this,i=e.getRelativePosition(t,a.chart.chart),n=i.x,o=i.y,r=a.options;if(n>=a.left&&n<=a.right&&o>=a.top&&o<=a.bottom)for(var l=a.legendHitBoxes,s=0;s=d.left&&n<=d.left+d.width&&o>=d.top&&o<=d.top+d.height){r.onClick&&r.onClick.call(a,t,a.legendItems[s]);break}}}}),t.plugins.register({beforeInit:function(e){var a=e.options,i=a.legend;i&&(e.legend=new t.Legend({ctx:e.chart.ctx,options:i,chart:e}),t.layoutService.addBox(e,e.legend))}})}},{}],29:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers.noop;t.plugins={_plugins:[],register:function(t){var e=this._plugins;[].concat(t).forEach(function(t){-1===e.indexOf(t)&&e.push(t)})},unregister:function(t){var e=this._plugins;[].concat(t).forEach(function(t){var a=e.indexOf(t);-1!==a&&e.splice(a,1)})},clear:function(){this._plugins=[]},count:function(){return this._plugins.length},getAll:function(){return this._plugins},notify:function(t,e){var a,i,n=this._plugins,o=n.length;for(a=0;o>a;++a)if(i=n[a],"function"==typeof i[t]&&i[t].apply(i,e||[])===!1)return!1;return!0}},t.PluginBase=t.Element.extend({beforeInit:e,afterInit:e,beforeUpdate:e,afterUpdate:e,beforeDraw:e,afterDraw:e,destroy:e}),t.pluginService=t.plugins}},{}],30:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers;t.defaults.scale={display:!0,position:"left",gridLines:{display:!0,color:"rgba(0, 0, 0, 0.1)",lineWidth:1,drawBorder:!0,drawOnChartArea:!0,drawTicks:!0,tickMarkLength:10,zeroLineWidth:1,zeroLineColor:"rgba(0,0,0,0.25)",offsetGridLines:!1},scaleLabel:{labelString:"",display:!1},ticks:{beginAtZero:!1,minRotation:0,maxRotation:50,mirror:!1,padding:10,reverse:!1,display:!0,autoSkip:!0,autoSkipPadding:0,labelOffset:0,callback:function(t){return e.isArray(t)?t:""+t}}},t.Scale=t.Element.extend({beforeUpdate:function(){e.callCallback(this.options.beforeUpdate,[this])},update:function(t,a,i){var n=this;return n.beforeUpdate(),n.maxWidth=t,n.maxHeight=a,n.margins=e.extend({left:0,right:0,top:0,bottom:0},i),n.beforeSetDimensions(),n.setDimensions(),n.afterSetDimensions(),n.beforeDataLimits(),n.determineDataLimits(),n.afterDataLimits(),n.beforeBuildTicks(),n.buildTicks(),n.afterBuildTicks(),n.beforeTickToLabelConversion(),n.convertTicksToLabels(),n.afterTickToLabelConversion(),n.beforeCalculateTickRotation(),n.calculateTickRotation(),n.afterCalculateTickRotation(),n.beforeFit(),n.fit(),n.afterFit(),n.afterUpdate(),n.minSize},afterUpdate:function(){e.callCallback(this.options.afterUpdate,[this])},beforeSetDimensions:function(){e.callCallback(this.options.beforeSetDimensions,[this])},setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0},afterSetDimensions:function(){e.callCallback(this.options.afterSetDimensions,[this])},beforeDataLimits:function(){e.callCallback(this.options.beforeDataLimits,[this])},determineDataLimits:e.noop,afterDataLimits:function(){e.callCallback(this.options.afterDataLimits,[this])},beforeBuildTicks:function(){e.callCallback(this.options.beforeBuildTicks,[this])},buildTicks:e.noop,afterBuildTicks:function(){e.callCallback(this.options.afterBuildTicks,[this])},beforeTickToLabelConversion:function(){e.callCallback(this.options.beforeTickToLabelConversion,[this])},convertTicksToLabels:function(){var t=this;t.ticks=t.ticks.map(function(e,a,i){return t.options.ticks.userCallback?t.options.ticks.userCallback(e,a,i):t.options.ticks.callback(e,a,i)},t)},afterTickToLabelConversion:function(){e.callCallback(this.options.afterTickToLabelConversion,[this])},beforeCalculateTickRotation:function(){e.callCallback(this.options.beforeCalculateTickRotation,[this])},calculateTickRotation:function(){var a=this,i=a.ctx,n=t.defaults.global,o=a.options.ticks,r=e.getValueOrDefault(o.fontSize,n.defaultFontSize),l=e.getValueOrDefault(o.fontStyle,n.defaultFontStyle),s=e.getValueOrDefault(o.fontFamily,n.defaultFontFamily),d=e.fontString(r,l,s);i.font=d;var u,c=i.measureText(a.ticks[0]).width,h=i.measureText(a.ticks[a.ticks.length-1]).width;if(a.labelRotation=o.minRotation||0,a.paddingRight=0,a.paddingLeft=0,a.options.display&&a.isHorizontal()){a.paddingRight=h/2+3,a.paddingLeft=c/2+3,a.longestTextCache||(a.longestTextCache={});for(var f,g,p=e.longestText(i,d,a.ticks,a.longestTextCache),m=p,b=a.getPixelForTick(1)-a.getPixelForTick(0)-6;m>b&&a.labelRotationa.yLabelWidth&&(a.paddingLeft=u+r/2),a.paddingRight=r/2,g*p>a.maxHeight){a.labelRotation--;break}a.labelRotation++,m=f*p}}a.margins&&(a.paddingLeft=Math.max(a.paddingLeft-a.margins.left,0),a.paddingRight=Math.max(a.paddingRight-a.margins.right,0))},afterCalculateTickRotation:function(){e.callCallback(this.options.afterCalculateTickRotation,[this])},beforeFit:function(){e.callCallback(this.options.beforeFit,[this])},fit:function(){var a=this,i=a.minSize={width:0,height:0},n=a.options,o=t.defaults.global,r=n.ticks,l=n.scaleLabel,s=n.display,d=a.isHorizontal(),u=e.getValueOrDefault(r.fontSize,o.defaultFontSize),c=e.getValueOrDefault(r.fontStyle,o.defaultFontStyle),h=e.getValueOrDefault(r.fontFamily,o.defaultFontFamily),f=e.fontString(u,c,h),g=e.getValueOrDefault(l.fontSize,o.defaultFontSize),p=e.getValueOrDefault(l.fontStyle,o.defaultFontStyle),m=e.getValueOrDefault(l.fontFamily,o.defaultFontFamily),b=(e.fontString(g,p,m),n.gridLines.tickMarkLength);if(d?i.width=a.isFullWidth()?a.maxWidth-a.margins.left-a.margins.right:a.maxWidth:i.width=s?b:0,d?i.height=s?b:0:i.height=a.maxHeight,l.display&&s&&(d?i.height+=1.5*g:i.width+=1.5*g),r.display&&s){a.longestTextCache||(a.longestTextCache={});var v=e.longestText(a.ctx,f,a.ticks,a.longestTextCache),x=e.numberOfLabelLines(a.ticks),y=.5*u;if(d){a.longestLabelWidth=v;var k=Math.sin(e.toRadians(a.labelRotation))*a.longestLabelWidth+u*x+y*x;i.height=Math.min(a.maxHeight,i.height+k),a.ctx.font=f;var S=a.ctx.measureText(a.ticks[0]).width,w=a.ctx.measureText(a.ticks[a.ticks.length-1]).width,C=Math.cos(e.toRadians(a.labelRotation)),M=Math.sin(e.toRadians(a.labelRotation));a.paddingLeft=0!==a.labelRotation?C*S+3:S/2+3,a.paddingRight=0!==a.labelRotation?M*(u/2)+3:w/2+3}else{var D=a.maxWidth-i.width,A=r.mirror;A?v=0:v+=a.options.ticks.padding,D>v?i.width+=v:i.width=a.maxWidth,a.paddingTop=u/2,a.paddingBottom=u/2}}a.margins&&(a.paddingLeft=Math.max(a.paddingLeft-a.margins.left,0),a.paddingTop=Math.max(a.paddingTop-a.margins.top,0),a.paddingRight=Math.max(a.paddingRight-a.margins.right,0),a.paddingBottom=Math.max(a.paddingBottom-a.margins.bottom,0)),a.width=i.width,a.height=i.height},afterFit:function(){e.callCallback(this.options.afterFit,[this])},isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},isFullWidth:function(){return this.options.fullWidth},getRightValue:function a(t){return null===t||"undefined"==typeof t?NaN:"number"==typeof t&&isNaN(t)?NaN:"object"==typeof t?t instanceof Date||t.isValid?t:a(this.isHorizontal()?t.x:t.y):t},getLabelForIndex:e.noop,getPixelForValue:e.noop,getValueForPixel:e.noop,getPixelForTick:function(t,e){var a=this;if(a.isHorizontal()){var i=a.width-(a.paddingLeft+a.paddingRight),n=i/Math.max(a.ticks.length-(a.options.gridLines.offsetGridLines?0:1),1),o=n*t+a.paddingLeft;e&&(o+=n/2);var r=a.left+Math.round(o);return r+=a.isFullWidth()?a.margins.left:0}var l=a.height-(a.paddingTop+a.paddingBottom);return a.top+t*(l/(a.ticks.length-1))},getPixelForDecimal:function(t){var e=this;if(e.isHorizontal()){var a=e.width-(e.paddingLeft+e.paddingRight),i=a*t+e.paddingLeft,n=e.left+Math.round(i);return n+=e.isFullWidth()?e.margins.left:0}return e.top+t*e.height},getBasePixel:function(){var t=this,e=t.min,a=t.max;return t.getPixelForValue(t.beginAtZero?0:0>e&&0>a?a:e>0&&a>0?e:0)},draw:function(a){var i=this,n=i.options;if(n.display){
+var o,r,l=i.ctx,s=t.defaults.global,d=n.ticks,u=n.gridLines,c=n.scaleLabel,h=0!==i.labelRotation,f=d.autoSkip,g=i.isHorizontal();d.maxTicksLimit&&(r=d.maxTicksLimit);var p=e.getValueOrDefault(d.fontColor,s.defaultFontColor),m=e.getValueOrDefault(d.fontSize,s.defaultFontSize),b=e.getValueOrDefault(d.fontStyle,s.defaultFontStyle),v=e.getValueOrDefault(d.fontFamily,s.defaultFontFamily),x=e.fontString(m,b,v),y=u.tickMarkLength,k=e.getValueOrDefault(c.fontColor,s.defaultFontColor),S=e.getValueOrDefault(c.fontSize,s.defaultFontSize),w=e.getValueOrDefault(c.fontStyle,s.defaultFontStyle),C=e.getValueOrDefault(c.fontFamily,s.defaultFontFamily),M=e.fontString(S,w,C),D=e.toRadians(i.labelRotation),A=Math.cos(D),I=(Math.sin(D),i.longestLabelWidth*A);l.fillStyle=p;var F=[];if(g){if(o=!1,h&&(I/=2),(I+d.autoSkipPadding)*i.ticks.length>i.width-(i.paddingLeft+i.paddingRight)&&(o=1+Math.floor((I+d.autoSkipPadding)*i.ticks.length/(i.width-(i.paddingLeft+i.paddingRight)))),r&&i.ticks.length>r)for(;!o||i.ticks.length/(o||1)>r;)o||(o=1),o+=1;f||(o=!1)}var T="right"===n.position?i.left:i.right-y,P="right"===n.position?i.left+y:i.right,_="bottom"===n.position?i.top:i.bottom-y,R="bottom"===n.position?i.top+y:i.bottom;if(e.each(i.ticks,function(t,r){if(void 0!==t&&null!==t){var l=i.ticks.length===r+1,s=o>1&&r%o>0||r%o===0&&r+o>=i.ticks.length;if((!s||l)&&void 0!==t&&null!==t){var c,f;r===("undefined"!=typeof i.zeroLineIndex?i.zeroLineIndex:0)?(c=u.zeroLineWidth,f=u.zeroLineColor):(c=e.getValueAtIndexOrDefault(u.lineWidth,r),f=e.getValueAtIndexOrDefault(u.color,r));var p,m,b,v,x,k,S,w,C,M,A,I="middle";if(g){h||(I="top"===n.position?"bottom":"top"),A=h?"right":"center";var V=i.getPixelForTick(r)+e.aliasPixel(c);C=i.getPixelForTick(r,u.offsetGridLines)+d.labelOffset,M=h?i.top+12:"top"===n.position?i.bottom-y:i.top+y,p=b=x=S=V,m=_,v=R,k=a.top,w=a.bottom}else{"left"===n.position?d.mirror?(C=i.right+d.padding,A="left"):(C=i.right-d.padding,A="right"):d.mirror?(C=i.left-d.padding,A="right"):(C=i.left+d.padding,A="left");var O=i.getPixelForTick(r);O+=e.aliasPixel(c),M=i.getPixelForTick(r,u.offsetGridLines),p=T,b=P,x=a.left,S=a.right,m=v=k=w=O}F.push({tx1:p,ty1:m,tx2:b,ty2:v,x1:x,y1:k,x2:S,y2:w,labelX:C,labelY:M,glWidth:c,glColor:f,rotation:-1*D,label:t,textBaseline:I,textAlign:A})}}}),e.each(F,function(t){if(u.display&&(l.lineWidth=t.glWidth,l.strokeStyle=t.glColor,l.beginPath(),u.drawTicks&&(l.moveTo(t.tx1,t.ty1),l.lineTo(t.tx2,t.ty2)),u.drawOnChartArea&&(l.moveTo(t.x1,t.y1),l.lineTo(t.x2,t.y2)),l.stroke()),d.display){l.save(),l.translate(t.labelX,t.labelY),l.rotate(t.rotation),l.font=x,l.textBaseline=t.textBaseline,l.textAlign=t.textAlign;var a=t.label;if(e.isArray(a))for(var i=0,n=0;ie;++e){var o=t[e];if(o&&o.hasValue()){var r=o.tooltipPosition();i.push(r.x),n.push(r.y)}}var l=0,s=0;for(e=0,a-i.length;a>e;++e)l+=i[e],s+=n[e];return{x:Math.round(l/i.length),y:Math.round(s/i.length)}}function i(t){var e=t._xScale,a=t._yScale||t._scale,i=t._index,n=t._datasetIndex;return{xLabel:e?e.getLabelForIndex(i,n):"",yLabel:a?a.getLabelForIndex(i,n):"",index:i,datasetIndex:n}}var n=t.helpers;t.defaults.global.tooltips={enabled:!0,custom:null,mode:"single",backgroundColor:"rgba(0,0,0,0.8)",titleFontStyle:"bold",titleSpacing:2,titleMarginBottom:6,titleFontColor:"#fff",titleAlign:"left",bodySpacing:2,bodyFontColor:"#fff",bodyAlign:"left",footerFontStyle:"bold",footerSpacing:2,footerMarginTop:6,footerFontColor:"#fff",footerAlign:"left",yPadding:6,xPadding:6,yAlign:"center",xAlign:"center",caretSize:5,cornerRadius:6,multiKeyBackground:"#fff",callbacks:{beforeTitle:n.noop,title:function(t,e){var a="",i=e.labels,n=i?i.length:0;if(t.length>0){var o=t[0];o.xLabel?a=o.xLabel:n>0&&o.indexe;++e)g.push(i(d[e]));l.itemSort&&(g=g.sort(l.itemSort)),d.length>1&&n.each(g,function(t){h.push(l.callbacks.labelColor.call(r,t,c))}),n.extend(s,{title:r.getTitle(g,u),beforeBody:r.getBeforeBody(g,u),body:r.getBody(g,u),afterBody:r.getAfterBody(g,u),footer:r.getFooter(g,u),x:Math.round(f.x),y:Math.round(f.y),caretPadding:n.getValueOrDefault(f.padding,2),labelColors:h});var p=r.getTooltipSize(s);r.determineAlignment(p),n.extend(s,r.getBackgroundPoint(s,p))}else r._model.opacity=0;return t&&l.custom&&l.custom.call(r,s),r},getTooltipSize:function(t){var e=this._chart.ctx,a={height:2*t.yPadding,width:0},i=t.body,o=i.reduce(function(t,e){return t+e.before.length+e.lines.length+e.after.length},0);o+=t.beforeBody.length+t.afterBody.length;var r=t.title.length,l=t.footer.length,s=t.titleFontSize,d=t.bodyFontSize,u=t.footerFontSize;a.height+=r*s,a.height+=(r-1)*t.titleSpacing,a.height+=r?t.titleMarginBottom:0,a.height+=o*d,a.height+=o?(o-1)*t.bodySpacing:0,a.height+=l?t.footerMarginTop:0,a.height+=l*u,a.height+=l?(l-1)*t.footerSpacing:0;var c=0,h=function(t){a.width=Math.max(a.width,e.measureText(t).width+c)};return e.font=n.fontString(s,t._titleFontStyle,t._titleFontFamily),n.each(t.title,h),e.font=n.fontString(d,t._bodyFontStyle,t._bodyFontFamily),n.each(t.beforeBody.concat(t.afterBody),h),c=i.length>1?d+2:0,n.each(i,function(t){n.each(t.before,h),n.each(t.lines,h),n.each(t.after,h)}),c=0,e.font=n.fontString(u,t._footerFontStyle,t._footerFontFamily),n.each(t.footer,h),a.width+=2*t.xPadding,a},determineAlignment:function(t){var e=this,a=e._model,i=e._chart,n=e._chartInstance.chartArea;a.yi.height-t.height&&(a.yAlign="bottom");var o,r,l,s,d,u=(n.left+n.right)/2,c=(n.top+n.bottom)/2;"center"===a.yAlign?(o=function(t){return u>=t},r=function(t){return t>u}):(o=function(e){return e<=t.width/2},r=function(e){return e>=i.width-t.width/2}),l=function(e){return e+t.width>i.width},s=function(e){return e-t.width<0},d=function(t){return c>=t?"top":"bottom"},o(a.x)?(a.xAlign="left",l(a.x)&&(a.xAlign="center",a.yAlign=d(a.y))):r(a.x)&&(a.xAlign="right",s(a.x)&&(a.xAlign="center",a.yAlign=d(a.y)))},getBackgroundPoint:function(t,e){var a={x:t.x,y:t.y},i=t.caretSize,n=t.caretPadding,o=t.cornerRadius,r=t.xAlign,l=t.yAlign,s=i+n,d=o+n;return"right"===r?a.x-=e.width:"center"===r&&(a.x-=e.width/2),"top"===l?a.y+=s:"bottom"===l?a.y-=e.height+s:a.y-=e.height/2,"center"===l?"left"===r?a.x+=s:"right"===r&&(a.x-=s):"left"===r?a.x-=d:"right"===r&&(a.x+=d),a},drawCaret:function(t,e,a,i){var o,r,l,s,d,u,c=this._view,h=this._chart.ctx,f=c.caretSize,g=c.cornerRadius,p=c.xAlign,m=c.yAlign,b=t.x,v=t.y,x=e.width,y=e.height;"center"===m?("left"===p?(o=b,r=o-f,l=o):(o=b+x,r=o+f,l=o),d=v+y/2,s=d-f,u=d+f):("left"===p?(o=b+g,r=o+f,l=r+f):"right"===p?(o=b+x-g,r=o-f,l=r-f):(r=b+x/2,o=r-f,l=r+f),"top"===m?(s=v,d=s-f,u=s):(s=v+y,d=s+f,u=s));var k=n.color(c.backgroundColor);h.fillStyle=k.alpha(a*k.alpha()).rgbString(),h.beginPath(),h.moveTo(o,s),h.lineTo(r,d),h.lineTo(l,u),h.closePath(),h.fill()},drawTitle:function(t,e,a,i){var o=e.title;if(o.length){a.textAlign=e._titleAlign,a.textBaseline="top";var r=e.titleFontSize,l=e.titleSpacing,s=n.color(e.titleFontColor);a.fillStyle=s.alpha(i*s.alpha()).rgbString(),a.font=n.fontString(r,e._titleFontStyle,e._titleFontFamily);var d,u;for(d=0,u=o.length;u>d;++d)a.fillText(o[d],t.x,t.y),t.y+=r+l,d+1===o.length&&(t.y+=e.titleMarginBottom-l)}},drawBody:function(t,e,a,i){var o=e.bodyFontSize,r=e.bodySpacing,l=e.body;a.textAlign=e._bodyAlign,a.textBaseline="top";var s=n.color(e.bodyFontColor),d=s.alpha(i*s.alpha()).rgbString();a.fillStyle=d,a.font=n.fontString(o,e._bodyFontStyle,e._bodyFontFamily);var u=0,c=function(e){a.fillText(e,t.x+u,t.y),t.y+=o+r};n.each(e.beforeBody,c);var h=l.length>1;u=h?o+2:0,n.each(l,function(r,l){n.each(r.before,c),n.each(r.lines,function(r){h&&(a.fillStyle=n.color(e.legendColorBackground).alpha(i).rgbaString(),a.fillRect(t.x,t.y,o,o),a.strokeStyle=n.color(e.labelColors[l].borderColor).alpha(i).rgbaString(),a.strokeRect(t.x,t.y,o,o),a.fillStyle=n.color(e.labelColors[l].backgroundColor).alpha(i).rgbaString(),a.fillRect(t.x+1,t.y+1,o-2,o-2),a.fillStyle=d),c(r)}),n.each(r.after,c)}),u=0,n.each(e.afterBody,c),t.y-=r},drawFooter:function(t,e,a,i){var o=e.footer;if(o.length){t.y+=e.footerMarginTop,a.textAlign=e._footerAlign,a.textBaseline="top";var r=n.color(e.footerFontColor);a.fillStyle=r.alpha(i*r.alpha()).rgbString(),a.font=n.fontString(e.footerFontSize,e._footerFontStyle,e._footerFontFamily),n.each(o,function(i){a.fillText(i,t.x,t.y),t.y+=e.footerFontSize+e.footerSpacing})}},draw:function(){var t=this._chart.ctx,e=this._view;if(0!==e.opacity){var a=this.getTooltipSize(e),i={x:e.x,y:e.y},o=Math.abs(e.opacity<.001)?0:e.opacity;if(this._options.enabled){var r=n.color(e.backgroundColor);t.fillStyle=r.alpha(o*r.alpha()).rgbString(),n.drawRoundedRectangle(t,i.x,i.y,a.width,a.height,e.cornerRadius),t.fill(),this.drawCaret(i,a,o,e.caretPadding),i.x+=e.xPadding,i.y+=e.yPadding,this.drawTitle(i,e,t,o),this.drawBody(i,e,t,o),this.drawFooter(i,e,t,o)}}}})}},{}],34:[function(t,e,a){"use strict";e.exports=function(t,e){var a=t.helpers,i=t.defaults.global;i.elements.arc={backgroundColor:i.defaultColor,borderColor:"#fff",borderWidth:2},t.elements.Arc=t.Element.extend({inLabelRange:function(t){var e=this._view;return e?Math.pow(t-e.x,2)s;)s+=2*Math.PI;for(;o>s;)o-=2*Math.PI;for(;l>o;)o+=2*Math.PI;var d=o>=l&&s>=o,u=r>=i.innerRadius&&r<=i.outerRadius;return d&&u}return!1},tooltipPosition:function(){var t=this._view,e=t.startAngle+(t.endAngle-t.startAngle)/2,a=(t.outerRadius-t.innerRadius)/2+t.innerRadius;return{x:t.x+Math.cos(e)*a,y:t.y+Math.sin(e)*a}},draw:function(){var t=this._chart.ctx,e=this._view,a=e.startAngle,i=e.endAngle;t.beginPath(),t.arc(e.x,e.y,e.outerRadius,a,i),t.arc(e.x,e.y,e.innerRadius,i,a,!0),t.closePath(),t.strokeStyle=e.borderColor,t.lineWidth=e.borderWidth,t.fillStyle=e.backgroundColor,t.fill(),t.lineJoin="bevel",e.borderWidth&&t.stroke()}})}},{}],35:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers,a=t.defaults.global;t.defaults.global.elements.line={tension:.4,backgroundColor:a.defaultColor,borderWidth:3,borderColor:a.defaultColor,borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",fill:!0},t.elements.Line=t.Element.extend({lineToNextPoint:function(t,e,a,i,n){var o=this,r=o._chart.ctx,l=o._view?o._view.spanGaps:!1;e._view.skip&&!l?i.call(o,t,e,a):t._view.skip&&!l?n.call(o,t,e,a):0===e._view.tension?r.lineTo(e._view.x,e._view.y):r.bezierCurveTo(t._view.controlPointNextX,t._view.controlPointNextY,e._view.controlPointPreviousX,e._view.controlPointPreviousY,e._view.x,e._view.y)},draw:function(){function t(t){r._view.skip||l._view.skip?t&&o.lineTo(i._view.scaleZero.x,i._view.scaleZero.y):o.bezierCurveTo(l._view.controlPointNextX,l._view.controlPointNextY,r._view.controlPointPreviousX,r._view.controlPointPreviousY,r._view.x,r._view.y)}var i=this,n=i._view,o=i._chart.ctx,r=i._children[0],l=i._children[i._children.length-1];o.save(),i._children.length>0&&n.fill&&(o.beginPath(),e.each(i._children,function(t,a){var r=e.previousItem(i._children,a),l=e.nextItem(i._children,a);0===a?(i._loop?o.moveTo(n.scaleZero.x,n.scaleZero.y):o.moveTo(t._view.x,n.scaleZero),t._view.skip?i._loop||o.moveTo(l._view.x,i._view.scaleZero):o.lineTo(t._view.x,t._view.y)):i.lineToNextPoint(r,t,l,function(t,e,a){i._loop?o.lineTo(i._view.scaleZero.x,i._view.scaleZero.y):(o.lineTo(t._view.x,i._view.scaleZero),o.moveTo(a._view.x,i._view.scaleZero))},function(t,e){o.lineTo(e._view.x,e._view.y)})},i),i._loop?t(!0):(o.lineTo(i._children[i._children.length-1]._view.x,n.scaleZero),o.lineTo(i._children[0]._view.x,n.scaleZero)),o.fillStyle=n.backgroundColor||a.defaultColor,o.closePath(),o.fill());var s=a.elements.line;o.lineCap=n.borderCapStyle||s.borderCapStyle,o.setLineDash&&o.setLineDash(n.borderDash||s.borderDash),o.lineDashOffset=n.borderDashOffset||s.borderDashOffset,o.lineJoin=n.borderJoinStyle||s.borderJoinStyle,o.lineWidth=n.borderWidth||s.borderWidth,o.strokeStyle=n.borderColor||a.defaultColor,o.beginPath(),e.each(i._children,function(t,a){var n=e.previousItem(i._children,a),r=e.nextItem(i._children,a);0===a?o.moveTo(t._view.x,t._view.y):i.lineToNextPoint(n,t,r,function(t,e,a){o.moveTo(a._view.x,a._view.y)},function(t,e){o.moveTo(e._view.x,e._view.y)})},i),i._loop&&i._children.length>0&&t(),o.stroke(),o.restore()}})}},{}],36:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers,a=t.defaults.global,i=a.defaultColor;a.elements.point={radius:3,pointStyle:"circle",backgroundColor:i,borderWidth:1,borderColor:i,hitRadius:1,hoverRadius:4,hoverBorderWidth:1},t.elements.Point=t.Element.extend({inRange:function(t,e){var a=this._view;return a?Math.pow(t-a.x,2)+Math.pow(e-a.y,2)=h)){switch(u.strokeStyle=d.borderColor||i,u.lineWidth=e.getValueOrDefault(d.borderWidth,a.elements.point.borderWidth),u.fillStyle=d.backgroundColor||i,c){default:u.beginPath(),u.arc(f,g,h,0,2*Math.PI),u.closePath(),u.fill();break;case"triangle":u.beginPath(),n=3*h/Math.sqrt(3),l=n*Math.sqrt(3)/2,u.moveTo(f-n/2,g+l/3),u.lineTo(f+n/2,g+l/3),u.lineTo(f,g-2*l/3),u.closePath(),u.fill();break;case"rect":s=1/Math.SQRT2*h,u.fillRect(f-s,g-s,2*s,2*s),u.strokeRect(f-s,g-s,2*s,2*s);break;case"rectRot":s=1/Math.SQRT2*h,u.beginPath(),u.moveTo(f-s,g),u.lineTo(f,g+s),u.lineTo(f+s,g),u.lineTo(f,g-s),u.closePath(),u.fill();break;case"cross":u.beginPath(),u.moveTo(f,g+h),u.lineTo(f,g-h),u.moveTo(f-h,g),u.lineTo(f+h,g),u.closePath();break;case"crossRot":u.beginPath(),o=Math.cos(Math.PI/4)*h,r=Math.sin(Math.PI/4)*h,u.moveTo(f-o,g-r),u.lineTo(f+o,g+r),u.moveTo(f-o,g+r),u.lineTo(f+o,g-r),u.closePath();break;case"star":u.beginPath(),u.moveTo(f,g+h),u.lineTo(f,g-h),u.moveTo(f-h,g),u.lineTo(f+h,g),o=Math.cos(Math.PI/4)*h,r=Math.sin(Math.PI/4)*h,u.moveTo(f-o,g-r),u.lineTo(f+o,g+r),u.moveTo(f-o,g+r),u.lineTo(f+o,g-r),u.closePath();break;case"line":u.beginPath(),u.moveTo(f-h,g),u.lineTo(f+h,g),u.closePath();break;case"dash":u.beginPath(),u.moveTo(f,g),u.lineTo(f+h,g),u.closePath()}u.stroke()}}}})}},{}],37:[function(t,e,a){"use strict";e.exports=function(t){var e=(t.helpers,t.defaults.global);e.elements.rectangle={backgroundColor:e.defaultColor,borderWidth:0,borderColor:e.defaultColor,borderSkipped:"bottom"},t.elements.Rectangle=t.Element.extend({draw:function(){function t(t){return s[(u+t)%4]}var e=this._chart.ctx,a=this._view,i=a.width/2,n=a.x-i,o=a.x+i,r=a.base-(a.base-a.y),l=a.borderWidth/2;a.borderWidth&&(n+=l,o-=l,r+=l),e.beginPath(),e.fillStyle=a.backgroundColor,e.strokeStyle=a.borderColor,e.lineWidth=a.borderWidth;var s=[[n,a.base],[n,r],[o,r],[o,a.base]],d=["bottom","left","top","right"],u=d.indexOf(a.borderSkipped,0);-1===u&&(u=0),e.moveTo.apply(e,t(0));for(var c=1;4>c;c++)e.lineTo.apply(e,t(c));e.fill(),a.borderWidth&&e.stroke()},height:function(){var t=this._view;return t.base-t.y},inRange:function(t,e){var a=this._view;return a?a.y=a.x-a.width/2&&t<=a.x+a.width/2&&e>=a.y&&e<=a.base:t>=a.x-a.width/2&&t<=a.x+a.width/2&&e>=a.base&&e<=a.y:!1},inLabelRange:function(t){var e=this._view;return e?t>=e.x-e.width/2&&t<=e.x+e.width/2:!1},tooltipPosition:function(){var t=this._view;return{x:t.x,y:t.y}}})}},{}],38:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers,a={position:"bottom"},i=t.Scale.extend({determineDataLimits:function(){var t=this;t.minIndex=0,t.maxIndex=t.chart.data.labels.length-1;var a;void 0!==t.options.ticks.min&&(a=e.indexOf(t.chart.data.labels,t.options.ticks.min),t.minIndex=-1!==a?a:t.minIndex),void 0!==t.options.ticks.max&&(a=e.indexOf(t.chart.data.labels,t.options.ticks.max),t.maxIndex=-1!==a?a:t.maxIndex),t.min=t.chart.data.labels[t.minIndex],t.max=t.chart.data.labels[t.maxIndex]},buildTicks:function(t){var e=this;e.ticks=0===e.minIndex&&e.maxIndex===e.chart.data.labels.length-1?e.chart.data.labels:e.chart.data.labels.slice(e.minIndex,e.maxIndex+1)},getLabelForIndex:function(t,e){return this.ticks[t]},getPixelForValue:function(t,e,a,i){var n=this,o=Math.max(n.maxIndex+1-n.minIndex-(n.options.gridLines.offsetGridLines?0:1),1);if(n.isHorizontal()){var r=n.width-(n.paddingLeft+n.paddingRight),l=r/o,s=l*(e-n.minIndex)+n.paddingLeft;return n.options.gridLines.offsetGridLines&&i&&(s+=l/2),n.left+Math.round(s)}var d=n.height-(n.paddingTop+n.paddingBottom),u=d/o,c=u*(e-n.minIndex)+n.paddingTop;return n.options.gridLines.offsetGridLines&&i&&(c+=u/2),n.top+Math.round(c)},getPixelForTick:function(t,e){return this.getPixelForValue(this.ticks[t],t+this.minIndex,null,e)},getValueForPixel:function(t){var e,a=this,i=Math.max(a.ticks.length-(a.options.gridLines.offsetGridLines?0:1),1),n=a.isHorizontal(),o=n?a.width-(a.paddingLeft+a.paddingRight):a.height-(a.paddingTop+a.paddingBottom),r=o/i;return a.options.gridLines.offsetGridLines&&(t-=r/2),t-=n?a.paddingLeft:a.paddingTop,e=0>=t?0:Math.round(t/r)}});t.scaleService.registerScaleType("category",i,a)}},{}],39:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers,a={position:"left",ticks:{callback:function(t,a,i){var n=i.length>3?i[2]-i[1]:i[1]-i[0];Math.abs(n)>1&&t!==Math.floor(t)&&(n=t-Math.floor(t));var o=e.log10(Math.abs(n)),r="";if(0!==t){var l=-1*Math.floor(o);l=Math.max(Math.min(l,20),0),r=t.toFixed(l)}else r="0";return r}}},i=t.LinearScaleBase.extend({determineDataLimits:function(){function t(t){return l?t.xAxisID===a.id:t.yAxisID===a.id}var a=this,i=a.options,n=(i.ticks,a.chart),o=n.data,r=o.datasets,l=a.isHorizontal();if(a.min=null,a.max=null,i.stacked){var s={},d=!1,u=!1;e.each(r,function(o,r){var l=n.getDatasetMeta(r);void 0===s[l.type]&&(s[l.type]={positiveValues:[],negativeValues:[]});var c=s[l.type].positiveValues,h=s[l.type].negativeValues;n.isDatasetVisible(r)&&t(l)&&e.each(o.data,function(t,e){var n=+a.getRightValue(t);isNaN(n)||l.data[e].hidden||(c[e]=c[e]||0,h[e]=h[e]||0,i.relativePoints?c[e]=100:0>n?(u=!0,h[e]+=n):(d=!0,c[e]+=n))})}),e.each(s,function(t){var i=t.positiveValues.concat(t.negativeValues),n=e.min(i),o=e.max(i);a.min=null===a.min?n:Math.min(a.min,n),a.max=null===a.max?o:Math.max(a.max,o)})}else e.each(r,function(i,o){var r=n.getDatasetMeta(o);n.isDatasetVisible(o)&&t(r)&&e.each(i.data,function(t,e){var i=+a.getRightValue(t);isNaN(i)||r.data[e].hidden||(null===a.min?a.min=i:ia.max&&(a.max=i))})});this.handleTickRangeOptions()},getTickLimit:function(){var a,i=this,n=i.options.ticks;if(i.isHorizontal())a=Math.min(n.maxTicksLimit?n.maxTicksLimit:11,Math.ceil(i.width/50));else{var o=e.getValueOrDefault(n.fontSize,t.defaults.global.defaultFontSize);a=Math.min(n.maxTicksLimit?n.maxTicksLimit:11,Math.ceil(i.height/(2*o)))}return a},handleDirectionalChanges:function(){this.isHorizontal()||this.ticks.reverse()},getLabelForIndex:function(t,e){return+this.getRightValue(this.chart.data.datasets[e].data[t])},getPixelForValue:function(t,e,a,i){var n,o,r=this,l=r.paddingLeft,s=r.paddingBottom,d=r.start,u=+r.getRightValue(t),c=r.end-d;return r.isHorizontal()?(o=r.width-(l+r.paddingRight),n=r.left+o/c*(u-d),Math.round(n+l)):(o=r.height-(r.paddingTop+s),n=r.bottom-s-o/c*(u-d),Math.round(n))},getValueForPixel:function(t){var e=this,a=e.isHorizontal(),i=e.paddingLeft,n=e.paddingBottom,o=a?e.width-(i+e.paddingRight):e.height-(e.paddingTop+n),r=(a?t-e.left-i:e.bottom-n-t)/o;return e.start+(e.end-e.start)*r},getPixelForTick:function(t,e){return this.getPixelForValue(this.ticksAsNumbers[t],null,null,e)}});t.scaleService.registerScaleType("linear",i,a)}},{}],40:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers,a=e.noop;t.LinearScaleBase=t.Scale.extend({handleTickRangeOptions:function(){var t=this,a=t.options,i=a.ticks;if(i.beginAtZero){var n=e.sign(t.min),o=e.sign(t.max);0>n&&0>o?t.max=0:n>0&&o>0&&(t.min=0)}void 0!==i.min?t.min=i.min:void 0!==i.suggestedMin&&(t.min=Math.min(t.min,i.suggestedMin)),void 0!==i.max?t.max=i.max:void 0!==i.suggestedMax&&(t.max=Math.max(t.max,i.suggestedMax)),t.min===t.max&&(t.max++,i.beginAtZero||t.min--)},getTickLimit:a,handleDirectionalChanges:a,buildTicks:function(){var t=this,a=t.options,i=a.ticks,n=e.getValueOrDefault,o=(t.isHorizontal(),t.ticks=[]),r=t.getTickLimit();r=Math.max(2,r);var l,s=i.fixedStepSize&&i.fixedStepSize>0||i.stepSize&&i.stepSize>0;if(s)l=n(i.fixedStepSize,i.stepSize);else{var d=e.niceNum(t.max-t.min,!1);l=e.niceNum(d/(r-1),!0)}var u=Math.floor(t.min/l)*l,c=Math.ceil(t.max/l)*l,h=(c-u)/l;h=e.almostEquals(h,Math.round(h),l/1e3)?Math.round(h):Math.ceil(h),o.push(void 0!==i.min?i.min:u);for(var f=1;h>f;++f)o.push(u+f*l);o.push(void 0!==i.max?i.max:c),t.handleDirectionalChanges(),t.max=e.max(o),t.min=e.min(o),i.reverse?(o.reverse(),t.start=t.max,t.end=t.min):(t.start=t.min,t.end=t.max)},convertTicksToLabels:function(){var e=this;e.ticksAsNumbers=e.ticks.slice(),e.zeroLineIndex=e.ticks.indexOf(0),t.Scale.prototype.convertTicksToLabels.call(e)}})}},{}],41:[function(t,e,a){"use strict";e.exports=function(t){var e=t.helpers,a={position:"left",ticks:{callback:function(t,a,i){var n=t/Math.pow(10,Math.floor(e.log10(t)));return 1===n||2===n||5===n||0===a||a===i.length-1?t.toExponential():""}}},i=t.Scale.extend({determineDataLimits:function(){function t(t){return d?t.xAxisID===a.id:t.yAxisID===a.id}var a=this,i=a.options,n=i.ticks,o=a.chart,r=o.data,l=r.datasets,s=e.getValueOrDefault,d=a.isHorizontal();if(a.min=null,a.max=null,i.stacked){var u={};e.each(l,function(n,r){var l=o.getDatasetMeta(r);o.isDatasetVisible(r)&&t(l)&&(void 0===u[l.type]&&(u[l.type]=[]),e.each(n.data,function(t,e){var n=u[l.type],o=+a.getRightValue(t);isNaN(o)||l.data[e].hidden||(n[e]=n[e]||0,i.relativePoints?n[e]=100:n[e]+=o)}))}),e.each(u,function(t){var i=e.min(t),n=e.max(t);a.min=null===a.min?i:Math.min(a.min,i),a.max=null===a.max?n:Math.max(a.max,n)})}else e.each(l,function(i,n){var r=o.getDatasetMeta(n);o.isDatasetVisible(n)&&t(r)&&e.each(i.data,function(t,e){var i=+a.getRightValue(t);isNaN(i)||r.data[e].hidden||(null===a.min?a.min=i:ia.max&&(a.max=i))})});a.min=s(n.min,a.min),a.max=s(n.max,a.max),a.min===a.max&&(0!==a.min&&null!==a.min?(a.min=Math.pow(10,Math.floor(e.log10(a.min))-1),a.max=Math.pow(10,Math.floor(e.log10(a.max))+1)):(a.min=1,a.max=10))},buildTicks:function(){for(var t=this,a=t.options,i=a.ticks,n=e.getValueOrDefault,o=t.ticks=[],r=n(i.min,Math.pow(10,Math.floor(e.log10(t.min))));rt.max&&(t.max=i))})}}),t.handleTickRangeOptions()},getTickLimit:function(){var t=this.options.ticks,i=e.getValueOrDefault(t.fontSize,a.defaultFontSize);return Math.min(t.maxTicksLimit?t.maxTicksLimit:11,Math.ceil(this.drawingArea/(1.5*i)))},convertTicksToLabels:function(){
+var e=this;t.LinearScaleBase.prototype.convertTicksToLabels.call(e),e.pointLabels=e.chart.data.labels.map(e.options.pointLabels.callback,e)},getLabelForIndex:function(t,e){return+this.getRightValue(this.chart.data.datasets[e].data[t])},fit:function(){var t,i,n,o,r,l,s,d,u,c,h,f,g=this.options.pointLabels,p=e.getValueOrDefault(g.fontSize,a.defaultFontSize),m=e.getValueOrDefault(g.fontStyle,a.defaultFontStyle),b=e.getValueOrDefault(g.fontFamily,a.defaultFontFamily),v=e.fontString(p,m,b),x=e.min([this.height/2-p-5,this.width/2]),y=this.width,k=0;for(this.ctx.font=v,i=0;iy&&(y=t.x+o,r=i),t.x-oy&&(y=t.x+n,r=i):i>this.getValueCount()/2&&t.x-ne&&0>a?a:e>0&&a>0?e:0)},draw:function(){var t=this,i=t.options,n=i.gridLines,o=i.ticks,r=i.angleLines,l=i.pointLabels,s=e.getValueOrDefault;if(i.display){var d=t.ctx,u=s(o.fontSize,a.defaultFontSize),c=s(o.fontStyle,a.defaultFontStyle),h=s(o.fontFamily,a.defaultFontFamily),f=e.fontString(u,c,h);if(e.each(t.ticks,function(r,l){if(l>0||i.reverse){var c=t.getDistanceFromCenterForValue(t.ticksAsNumbers[l]),h=t.yCenter-c;if(n.display&&0!==l)if(d.strokeStyle=e.getValueAtIndexOrDefault(n.color,l-1),d.lineWidth=e.getValueAtIndexOrDefault(n.lineWidth,l-1),i.lineArc)d.beginPath(),d.arc(t.xCenter,t.yCenter,c,0,2*Math.PI),d.closePath(),d.stroke();else{d.beginPath();for(var g=0;g=0;x--){if(r.display){var y=t.getPointPosition(x,g);d.beginPath(),d.moveTo(t.xCenter,t.yCenter),d.lineTo(y.x,y.y),d.stroke(),d.closePath()}var k=t.getPointPosition(x,g+5),S=s(l.fontColor,a.defaultFontColor);d.font=v,d.fillStyle=S;var w=t.pointLabels,C=w.length,M=w.length/2,D=M/2,A=D>x||x>C-D,I=x===D||x===C-D;0===x?d.textAlign="center":x===M?d.textAlign="center":M>x?d.textAlign="left":d.textAlign="right",I?d.textBaseline="middle":A?d.textBaseline="bottom":d.textBaseline="top",d.fillText(w[x]?w[x]:"",k.x,k.y)}}}}});t.scaleService.registerScaleType("radialLinear",n,i)}},{}],43:[function(t,e,a){"use strict";var i=t(1);i="function"==typeof i?i:window.moment,e.exports=function(t){var e=t.helpers,a={units:[{name:"millisecond",steps:[1,2,5,10,20,50,100,250,500]},{name:"second",steps:[1,2,5,10,30]},{name:"minute",steps:[1,2,5,10,30]},{name:"hour",steps:[1,2,3,6,12]},{name:"day",steps:[1,2,5]},{name:"week",maxStep:4},{name:"month",maxStep:3},{name:"quarter",maxStep:4},{name:"year",maxStep:!1}]},n={position:"bottom",time:{parser:!1,format:!1,unit:!1,round:!1,displayFormat:!1,isoWeekday:!1,displayFormats:{millisecond:"h:mm:ss.SSS a",second:"h:mm:ss a",minute:"h:mm:ss a",hour:"MMM D, hA",day:"ll",week:"ll",month:"MMM YYYY",quarter:"[Q]Q - YYYY",year:"YYYY"}},ticks:{autoSkip:!1}},o=t.Scale.extend({initialize:function(){if(!i)throw new Error("Chart.js - Moment.js could not be found! You must include it before Chart.js to use the time scale. Download at https://momentjs.com");t.Scale.prototype.initialize.call(this)},getLabelMoment:function(t,e){return this.labelMoments[t][e]},getMomentStartOf:function(t){var e=this;return"week"===e.options.time.unit&&e.options.time.isoWeekday!==!1?t.clone().startOf("isoWeek").isoWeekday(e.options.time.isoWeekday):t.clone().startOf(e.tickUnit)},determineDataLimits:function(){var t=this;t.labelMoments=[];var a=[];t.chart.data.labels&&t.chart.data.labels.length>0?(e.each(t.chart.data.labels,function(e,i){var n=t.parseTime(e);n.isValid()&&(t.options.time.round&&n.startOf(t.options.time.round),a.push(n))},t),t.firstTick=i.min.call(t,a),t.lastTick=i.max.call(t,a)):(t.firstTick=null,t.lastTick=null),e.each(t.chart.data.datasets,function(n,o){var r=[],l=t.chart.isDatasetVisible(o);"object"==typeof n.data[0]&&null!==n.data[0]?e.each(n.data,function(e,a){var n=t.parseTime(t.getRightValue(e));n.isValid()&&(t.options.time.round&&n.startOf(t.options.time.round),r.push(n),l&&(t.firstTick=null!==t.firstTick?i.min(t.firstTick,n):n,t.lastTick=null!==t.lastTick?i.max(t.lastTick,n):n))},t):r=a,t.labelMoments.push(r)},t),t.options.time.min&&(t.firstTick=t.parseTime(t.options.time.min)),t.options.time.max&&(t.lastTick=t.parseTime(t.options.time.max)),t.firstTick=(t.firstTick||i()).clone(),t.lastTick=(t.lastTick||i()).clone()},buildTicks:function(i){var n=this;n.ctx.save();var o=e.getValueOrDefault(n.options.ticks.fontSize,t.defaults.global.defaultFontSize),r=e.getValueOrDefault(n.options.ticks.fontStyle,t.defaults.global.defaultFontStyle),l=e.getValueOrDefault(n.options.ticks.fontFamily,t.defaults.global.defaultFontFamily),s=e.fontString(o,r,l);if(n.ctx.font=s,n.ticks=[],n.unitScale=1,n.scaleSizeInUnits=0,n.options.time.unit)n.tickUnit=n.options.time.unit||"day",n.displayFormat=n.options.time.displayFormats[n.tickUnit],n.scaleSizeInUnits=n.lastTick.diff(n.firstTick,n.tickUnit,!0),n.unitScale=e.getValueOrDefault(n.options.time.unitStepSize,1);else{var d=n.isHorizontal()?n.width-(n.paddingLeft+n.paddingRight):n.height-(n.paddingTop+n.paddingBottom),u=n.tickFormatFunction(n.firstTick,0,[]),c=n.ctx.measureText(u).width,h=Math.cos(e.toRadians(n.options.ticks.maxRotation)),f=Math.sin(e.toRadians(n.options.ticks.maxRotation));c=c*h+o*f;var g=d/c;n.tickUnit="millisecond",n.scaleSizeInUnits=n.lastTick.diff(n.firstTick,n.tickUnit,!0),n.displayFormat=n.options.time.displayFormats[n.tickUnit];for(var p=0,m=a.units[p];p=Math.ceil(n.scaleSizeInUnits/g)){n.unitScale=e.getValueOrDefault(n.options.time.unitStepSize,m.steps[b]);break}break}if(m.maxStep===!1||Math.ceil(n.scaleSizeInUnits/g)=0)break;S%n.unitScale===0&&n.ticks.push(w)}var C=n.ticks[n.ticks.length-1].diff(n.lastTick,n.tickUnit);(0!==C||0===n.scaleSizeInUnits)&&(n.options.time.max?(n.ticks.push(n.lastTick.clone()),n.scaleSizeInUnits=n.lastTick.diff(n.ticks[0],n.tickUnit,!0)):(n.ticks.push(n.lastTick.clone()),n.scaleSizeInUnits=n.lastTick.diff(n.firstTick,n.tickUnit,!0))),n.ctx.restore()},getLabelForIndex:function(t,e){var a=this,i=a.chart.data.labels&&tb;b++)if(b in this&&this[b]===a)return b;return-1};for(t={catchupTime:500,initialRate:.03,minTime:500,ghostTime:500,maxProgressPerFrame:10,easeFactor:1.25,startOnPageLoad:!0,restartOnPushState:!0,restartOnRequestAfter:500,target:"body",elements:{checkInterval:100,selectors:["body"]},eventLag:{minSamples:10,sampleCount:3,lagThreshold:3},ajax:{trackMethods:["GET"],trackWebSockets:!0,ignoreURLs:[]}},B=function(){var a;return null!=(a="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?a:+new Date},D=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,s=window.cancelAnimationFrame||window.mozCancelAnimationFrame,null==D&&(D=function(a){return setTimeout(a,50)},s=function(a){return clearTimeout(a)}),F=function(a){var b,c;return b=B(),(c=function(){var d;return d=B()-b,d>=33?(b=B(),a(d,function(){return D(c)})):setTimeout(c,33-d)})()},E=function(){var a,b,c;return c=arguments[0],b=arguments[1],a=3<=arguments.length?W.call(arguments,2):[],"function"==typeof c[b]?c[b].apply(c,a):c[b]},u=function(){var a,b,c,d,e,f,g;for(b=arguments[0],d=2<=arguments.length?W.call(arguments,1):[],f=0,g=d.length;g>f;f++)if(c=d[f])for(a in c)X.call(c,a)&&(e=c[a],null!=b[a]&&"object"==typeof b[a]&&null!=e&&"object"==typeof e?u(b[a],e):b[a]=e);return b},p=function(a){var b,c,d,e,f;for(c=b=0,e=0,f=a.length;f>e;e++)d=a[e],c+=Math.abs(d),b++;return c/b},w=function(a,b){var c,d,e;if(null==a&&(a="options"),null==b&&(b=!0),e=document.querySelector("[data-pace-"+a+"]")){if(c=e.getAttribute("data-pace-"+a),!b)return c;try{return JSON.parse(c)}catch(f){return d=f,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",d):void 0}}},g=function(){function a(){}return a.prototype.on=function(a,b,c,d){var e;return null==d&&(d=!1),null==this.bindings&&(this.bindings={}),null==(e=this.bindings)[a]&&(e[a]=[]),this.bindings[a].push({handler:b,ctx:c,once:d})},a.prototype.once=function(a,b,c){return this.on(a,b,c,!0)},a.prototype.off=function(a,b){var c,d,e;if(null!=(null!=(d=this.bindings)?d[a]:void 0)){if(null==b)return delete this.bindings[a];for(c=0,e=[];cP;P++)J=T[P],C[J]===!0&&(C[J]=t[J]);i=function(a){function b(){return U=b.__super__.constructor.apply(this,arguments)}return Y(b,a),b}(Error),b=function(){function a(){this.progress=0}return a.prototype.getElement=function(){var a;if(null==this.el){if(a=document.querySelector(C.target),!a)throw new i;this.el=document.createElement("div"),this.el.className="pace pace-active",document.body.className=document.body.className.replace(/pace-done/g,""),document.body.className+=" pace-running",this.el.innerHTML='\n',null!=a.firstChild?a.insertBefore(this.el,a.firstChild):a.appendChild(this.el)}return this.el},a.prototype.finish=function(){var a;return a=this.getElement(),a.className=a.className.replace("pace-active",""),a.className+=" pace-inactive",document.body.className=document.body.className.replace("pace-running",""),document.body.className+=" pace-done"},a.prototype.update=function(a){return this.progress=a,this.render()},a.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(a){i=a}return this.el=void 0},a.prototype.render=function(){var a,b;return null==document.querySelector(C.target)?!1:(a=this.getElement(),a.children[0].style.width=""+this.progress+"%",(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(a.children[0].setAttribute("data-progress-text",""+(0|this.progress)+"%"),this.progress>=100?b="99":(b=this.progress<10?"0":"",b+=0|this.progress),a.children[0].setAttribute("data-progress",""+b)),this.lastRenderedProgress=this.progress)},a.prototype.done=function(){return this.progress>=100},a}(),h=function(){function a(){this.bindings={}}return a.prototype.trigger=function(a,b){var c,d,e,f,g;if(null!=this.bindings[a]){for(f=this.bindings[a],g=[],d=0,e=f.length;e>d;d++)c=f[d],g.push(c.call(this,b));return g}},a.prototype.on=function(a,b){var c;return null==(c=this.bindings)[a]&&(c[a]=[]),this.bindings[a].push(b)},a}(),O=window.XMLHttpRequest,N=window.XDomainRequest,M=window.WebSocket,v=function(a,b){var c,d,e,f;f=[];for(d in b.prototype)try{e=b.prototype[d],f.push(null==a[d]&&"function"!=typeof e?a[d]=e:void 0)}catch(g){c=g}return f},z=[],Pace.ignore=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?W.call(arguments,1):[],z.unshift("ignore"),c=b.apply(null,a),z.shift(),c},Pace.track=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?W.call(arguments,1):[],z.unshift("track"),c=b.apply(null,a),z.shift(),c},I=function(a){var b;if(null==a&&(a="GET"),"track"===z[0])return"force";if(!z.length&&C.ajax){if("socket"===a&&C.ajax.trackWebSockets)return!0;if(b=a.toUpperCase(),Z.call(C.ajax.trackMethods,b)>=0)return!0}return!1},j=function(a){function b(){var a,c=this;b.__super__.constructor.apply(this,arguments),a=function(a){var b;return b=a.open,a.open=function(d,e){return I(d)&&c.trigger("request",{type:d,url:e,request:a}),b.apply(a,arguments)}},window.XMLHttpRequest=function(b){var c;return c=new O(b),a(c),c},v(window.XMLHttpRequest,O),null!=N&&(window.XDomainRequest=function(){var b;return b=new N,a(b),b},v(window.XDomainRequest,N)),null!=M&&C.ajax.trackWebSockets&&(window.WebSocket=function(a,b){var d;return d=null!=b?new M(a,b):new M(a),I("socket")&&c.trigger("request",{type:"socket",url:a,protocols:b,request:d}),d},v(window.WebSocket,M))}return Y(b,a),b}(h),Q=null,x=function(){return null==Q&&(Q=new j),Q},H=function(a){var b,c,d,e;for(e=C.ajax.ignoreURLs,c=0,d=e.length;d>c;c++)if(b=e[c],"string"==typeof b){if(-1!==a.indexOf(b))return!0}else if(b.test(a))return!0;return!1},x().on("request",function(b){var c,d,e,f,g;return f=b.type,e=b.request,g=b.url,H(g)?void 0:Pace.running||C.restartOnRequestAfter===!1&&"force"!==I(f)?void 0:(d=arguments,c=C.restartOnRequestAfter||0,"boolean"==typeof c&&(c=0),setTimeout(function(){var b,c,g,h,i,j;if(b="socket"===f?e.readyState<2:0<(h=e.readyState)&&4>h){for(Pace.restart(),i=Pace.sources,j=[],c=0,g=i.length;g>c;c++){if(J=i[c],J instanceof a){J.watch.apply(J,d);break}j.push(void 0)}return j}},c))}),a=function(){function a(){var a=this;this.elements=[],x().on("request",function(){return a.watch.apply(a,arguments)})}return a.prototype.watch=function(a){var b,c,d,e;return d=a.type,b=a.request,e=a.url,H(e)?void 0:(c="socket"===d?new m(b):new n(b),this.elements.push(c))},a}(),n=function(){function a(a){var b,c,d,e,f,g,h=this;if(this.progress=0,null!=window.ProgressEvent)for(c=null,a.addEventListener("progress",function(a){return h.progress=a.lengthComputable?100*a.loaded/a.total:h.progress+(100-h.progress)/2}),g=["load","abort","timeout","error"],d=0,e=g.length;e>d;d++)b=g[d],a.addEventListener(b,function(){return h.progress=100});else f=a.onreadystatechange,a.onreadystatechange=function(){var b;return 0===(b=a.readyState)||4===b?h.progress=100:3===a.readyState&&(h.progress=50),"function"==typeof f?f.apply(null,arguments):void 0}}return a}(),m=function(){function a(a){var b,c,d,e,f=this;for(this.progress=0,e=["error","open"],c=0,d=e.length;d>c;c++)b=e[c],a.addEventListener(b,function(){return f.progress=100})}return a}(),d=function(){function a(a){var b,c,d,f;for(null==a&&(a={}),this.elements=[],null==a.selectors&&(a.selectors=[]),f=a.selectors,c=0,d=f.length;d>c;c++)b=f[c],this.elements.push(new e(b))}return a}(),e=function(){function a(a){this.selector=a,this.progress=0,this.check()}return a.prototype.check=function(){var a=this;return document.querySelector(this.selector)?this.done():setTimeout(function(){return a.check()},C.elements.checkInterval)},a.prototype.done=function(){return this.progress=100},a}(),c=function(){function a(){var a,b,c=this;this.progress=null!=(b=this.states[document.readyState])?b:100,a=document.onreadystatechange,document.onreadystatechange=function(){return null!=c.states[document.readyState]&&(c.progress=c.states[document.readyState]),"function"==typeof a?a.apply(null,arguments):void 0}}return a.prototype.states={loading:0,interactive:50,complete:100},a}(),f=function(){function a(){var a,b,c,d,e,f=this;this.progress=0,a=0,e=[],d=0,c=B(),b=setInterval(function(){var g;return g=B()-c-50,c=B(),e.push(g),e.length>C.eventLag.sampleCount&&e.shift(),a=p(e),++d>=C.eventLag.minSamples&&a=100&&(this.done=!0),b===this.last?this.sinceLastUpdate+=a:(this.sinceLastUpdate&&(this.rate=(b-this.last)/this.sinceLastUpdate),this.catchup=(b-this.progress)/C.catchupTime,this.sinceLastUpdate=0,this.last=b),b>this.progress&&(this.progress+=this.catchup*a),c=1-Math.pow(this.progress/100,C.easeFactor),this.progress+=c*this.rate*a,this.progress=Math.min(this.lastProgress+C.maxProgressPerFrame,this.progress),this.progress=Math.max(0,this.progress),this.progress=Math.min(100,this.progress),this.lastProgress=this.progress,this.progress},a}(),K=null,G=null,q=null,L=null,o=null,r=null,Pace.running=!1,y=function(){return C.restartOnPushState?Pace.restart():void 0},null!=window.history.pushState&&(S=window.history.pushState,window.history.pushState=function(){return y(),S.apply(window.history,arguments)}),null!=window.history.replaceState&&(V=window.history.replaceState,window.history.replaceState=function(){return y(),V.apply(window.history,arguments)}),k={ajax:a,elements:d,document:c,eventLag:f},(A=function(){var a,c,d,e,f,g,h,i;for(Pace.sources=K=[],g=["ajax","elements","document","eventLag"],c=0,e=g.length;e>c;c++)a=g[c],C[a]!==!1&&K.push(new k[a](C[a]));for(i=null!=(h=C.extraSources)?h:[],d=0,f=i.length;f>d;d++)J=i[d],K.push(new J(C));return Pace.bar=q=new b,G=[],L=new l})(),Pace.stop=function(){return Pace.trigger("stop"),Pace.running=!1,q.destroy(),r=!0,null!=o&&("function"==typeof s&&s(o),o=null),A()},Pace.restart=function(){return Pace.trigger("restart"),Pace.stop(),Pace.start()},Pace.go=function(){var a;return Pace.running=!0,q.render(),a=B(),r=!1,o=F(function(b,c){var d,e,f,g,h,i,j,k,m,n,o,p,s,t,u,v;for(k=100-q.progress,e=o=0,f=!0,i=p=0,t=K.length;t>p;i=++p)for(J=K[i],n=null!=G[i]?G[i]:G[i]=[],h=null!=(v=J.elements)?v:[J],j=s=0,u=h.length;u>s;j=++s)g=h[j],m=null!=n[j]?n[j]:n[j]=new l(g),f&=m.done,m.done||(e++,o+=m.tick(b));return d=o/e,q.update(L.tick(b,d)),q.done()||f||r?(q.update(100),Pace.trigger("done"),setTimeout(function(){return q.finish(),Pace.running=!1,Pace.trigger("hide")},Math.max(C.ghostTime,Math.max(C.minTime-(B()-a),0)))):c()})},Pace.start=function(a){u(C,a),Pace.running=!0;try{q.render()}catch(b){i=b}return document.querySelector(".pace")?(Pace.trigger("start"),Pace.go()):setTimeout(Pace.start,50)},"function"==typeof define&&define.amd?define(function(){return Pace}):"object"==typeof exports?module.exports=Pace:C.startOnPageLoad&&Pace.start()}).call(this);
\ No newline at end of file
diff --git a/third-party/Grpc.Tools.1.8.0/Grpc.Tools.1.8.0.nupkg b/third-party/Grpc.Tools.1.8.0/Grpc.Tools.1.8.0.nupkg
new file mode 100644
index 00000000..6fa09e6e
Binary files /dev/null and b/third-party/Grpc.Tools.1.8.0/Grpc.Tools.1.8.0.nupkg differ
diff --git a/third-party/Grpc.Tools.1.8.0/tools/linux_x64/grpc_csharp_plugin b/third-party/Grpc.Tools.1.8.0/tools/linux_x64/grpc_csharp_plugin
new file mode 100755
index 00000000..90568bb9
Binary files /dev/null and b/third-party/Grpc.Tools.1.8.0/tools/linux_x64/grpc_csharp_plugin differ
diff --git a/third-party/Grpc.Tools.1.8.0/tools/linux_x64/protoc b/third-party/Grpc.Tools.1.8.0/tools/linux_x64/protoc
new file mode 100755
index 00000000..a84d92aa
Binary files /dev/null and b/third-party/Grpc.Tools.1.8.0/tools/linux_x64/protoc differ
diff --git a/third-party/Grpc.Tools.1.8.0/tools/linux_x86/grpc_csharp_plugin b/third-party/Grpc.Tools.1.8.0/tools/linux_x86/grpc_csharp_plugin
new file mode 100755
index 00000000..4dd4eeff
Binary files /dev/null and b/third-party/Grpc.Tools.1.8.0/tools/linux_x86/grpc_csharp_plugin differ
diff --git a/third-party/Grpc.Tools.1.8.0/tools/linux_x86/protoc b/third-party/Grpc.Tools.1.8.0/tools/linux_x86/protoc
new file mode 100755
index 00000000..46718cc0
Binary files /dev/null and b/third-party/Grpc.Tools.1.8.0/tools/linux_x86/protoc differ
diff --git a/third-party/Grpc.Tools.1.8.0/tools/macosx_x64/grpc_csharp_plugin b/third-party/Grpc.Tools.1.8.0/tools/macosx_x64/grpc_csharp_plugin
new file mode 100755
index 00000000..1378f0cb
Binary files /dev/null and b/third-party/Grpc.Tools.1.8.0/tools/macosx_x64/grpc_csharp_plugin differ
diff --git a/third-party/Grpc.Tools.1.8.0/tools/macosx_x64/protoc b/third-party/Grpc.Tools.1.8.0/tools/macosx_x64/protoc
new file mode 100755
index 00000000..9d2a4823
Binary files /dev/null and b/third-party/Grpc.Tools.1.8.0/tools/macosx_x64/protoc differ
diff --git a/third-party/Grpc.Tools.1.8.0/tools/macosx_x86/grpc_csharp_plugin b/third-party/Grpc.Tools.1.8.0/tools/macosx_x86/grpc_csharp_plugin
new file mode 100755
index 00000000..18ab6bf5
Binary files /dev/null and b/third-party/Grpc.Tools.1.8.0/tools/macosx_x86/grpc_csharp_plugin differ
diff --git a/third-party/Grpc.Tools.1.8.0/tools/macosx_x86/protoc b/third-party/Grpc.Tools.1.8.0/tools/macosx_x86/protoc
new file mode 100755
index 00000000..b9daf1ee
Binary files /dev/null and b/third-party/Grpc.Tools.1.8.0/tools/macosx_x86/protoc differ
diff --git a/third-party/Grpc.Tools.1.8.0/tools/windows_x64/grpc_csharp_plugin.exe b/third-party/Grpc.Tools.1.8.0/tools/windows_x64/grpc_csharp_plugin.exe
new file mode 100755
index 00000000..95bc37dd
--- /dev/null
+++ b/third-party/Grpc.Tools.1.8.0/tools/windows_x64/grpc_csharp_plugin.exe
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb375ce2da429874761ccccbe0afaa6577b2e60dac97aa27fbfc28e8250daf71
+size 1276928
diff --git a/third-party/Grpc.Tools.1.8.0/tools/windows_x64/protoc.exe b/third-party/Grpc.Tools.1.8.0/tools/windows_x64/protoc.exe
new file mode 100755
index 00000000..c716a3a2
--- /dev/null
+++ b/third-party/Grpc.Tools.1.8.0/tools/windows_x64/protoc.exe
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f0465ae212aacf175da9b8fb08098f9fe324cd55fb4e53b8056301cb0d10bd22
+size 3111936
diff --git a/third-party/Grpc.Tools.1.8.0/tools/windows_x86/grpc_csharp_plugin.exe b/third-party/Grpc.Tools.1.8.0/tools/windows_x86/grpc_csharp_plugin.exe
new file mode 100755
index 00000000..775ca672
--- /dev/null
+++ b/third-party/Grpc.Tools.1.8.0/tools/windows_x86/grpc_csharp_plugin.exe
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e2df115bd8208a715fafb3663c7a2c739dfd209515bd4bf4f38d6fbb7de6dc45
+size 978944
diff --git a/third-party/Grpc.Tools.1.8.0/tools/windows_x86/protoc.exe b/third-party/Grpc.Tools.1.8.0/tools/windows_x86/protoc.exe
new file mode 100755
index 00000000..08ce22f6
--- /dev/null
+++ b/third-party/Grpc.Tools.1.8.0/tools/windows_x86/protoc.exe
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b4bbabd0ecd34e1d5e28856fe9271e10801b0372c17de41ef4b574f9404f685b
+size 2391040
diff --git a/third-party/OpenDRIVE_1.4/OpenDRIVEFormatSpecRev1.4H.pdf b/third-party/OpenDRIVE_1.4/OpenDRIVEFormatSpecRev1.4H.pdf
new file mode 100644
index 00000000..c80436ec
Binary files /dev/null and b/third-party/OpenDRIVE_1.4/OpenDRIVEFormatSpecRev1.4H.pdf differ
diff --git a/third-party/OpenDRIVE_1.4/OpenDRIVEStyleGuideRevC.pdf b/third-party/OpenDRIVE_1.4/OpenDRIVEStyleGuideRevC.pdf
new file mode 100644
index 00000000..d59f3a51
Binary files /dev/null and b/third-party/OpenDRIVE_1.4/OpenDRIVEStyleGuideRevC.pdf differ
diff --git a/third-party/OpenDRIVE_1.4/OpenDRIVE_1.4H_Schema_Files.xsd b/third-party/OpenDRIVE_1.4/OpenDRIVE_1.4H_Schema_Files.xsd
new file mode 100644
index 00000000..85f7d288
--- /dev/null
+++ b/third-party/OpenDRIVE_1.4/OpenDRIVE_1.4H_Schema_Files.xsd
@@ -0,0 +1,1285 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/open-drive.md b/docs/open-drive.md
new file mode 100644
index 00000000..2d336b36
--- /dev/null
+++ b/docs/open-drive.md
@@ -0,0 +1,76 @@
+# OpenDRIVE: Introduction
+
+- [Introduction](#getting-started)
+ - [What is OpenDRIVE?](#open-drive)
+ - [Hello Road](#hello-road)
+- [Using Designer](#using-designer)
+
+
+
+## What is OpenDRIVE
+Truevision provides support for importing & describing road networks via OpenDRIVE. OpenDRIVE® files are designed to describe entire road networks with respect to all data belonging to the road environment. They do not describe the entities acting on or interacting with the road.
+
+
+The OpenDRIVE file format provides the following features:
+- XML format
+- hierarchical structure
+- analytical definition of road geometry (plane elements, lateral / vertical profile, lane width etc.)
+- various types of lanes
+- junctions and junction groups
+- logical inter-connection of lanes
+- signs and signals incl. dependencies
+- signal controllers (e.g. for junctions)
+- road and road-side objects
+- user-defineable data beads
+- and more
+
+### Road Layout
+
+The following figure depicts the principles of road layout:
+
+
+
+> Note: Support for OpenDRIVE version 1.4 & above is provided. Some of the OpenDRIVE tags are not supported.
+
+
+## Hello Road
+
+In the section, we'll look to create our very first simple road using OpenDRIVE. You can create OpenDRIVE in two ways
+- Using Truevision ScenarioDesigner
+- Manually writing or modifying the XML
+
+
+The ScenarioDesigner is a much easier way to design roads as you'll not need to know anythign about OpenDRIVE and you can just visually create road by clicking and changing and few properties etc.
+
+Manually writing the XML file means you'll need to understand all the tags and element in OpenDRIVE, which can be quite a long excercise depending on how deeply you want to understand the format. Instead of covering everything, we'll be covering some of the most important elements which will improve your speed to iterate without spending too much time.
+
+
+## Using Designer
+
+Follow the screenshots below to create a simple road with muliple lanes.
+
+Open Designer
+
+
+Create Road
+
+
+Add Lanes
+
+
+Modify Lane Type
+
+
+Modify Lane Width
+
+
+Add Roadmarks
+
+
+Modify Roadmarks
+
+
+Export File
+
+
+Now, you can just import the file in the simulator with [import command](import-commands.md#import-open-drive)
\ No newline at end of file
diff --git a/docs/overview.md b/docs/overview.md
new file mode 100644
index 00000000..d14d29c0
--- /dev/null
+++ b/docs/overview.md
@@ -0,0 +1,46 @@
+# Overview
+
+- [Overview](#overview)
+ - [Coordinate System](#coordinate-system)
+ - [Mouse Interaction](#mouse)
+ - [2D Navigation](#2d-navigation)
+ - [3D Navigation](#3d-navigation)
+
+
+## Overview
+
+This section explains how to use the Road Editor to create different kinds of road geometries.
+
+
+## Coordinate System
+
+- x+ forward
+- y+ left
+- z+ up
+
+
+
+
+
+
+## Mouse Interation
+
+- `left-click` is used to select objects for inspecting
+- `shift + left-click` is used to add objects or controls points or some other kind of action
+- `right-click` is used for either context-menu
+
+
+
+## 2D Nagivation
+
+- `right-click` and drag to move the scene around
+- `middle-click` and move to zoom-in and out
+- `mouse-scroll` for zooming-in and out
+
+
+## 3D Nagivation
+
+- `left-click` and drag to panning the camera
+- `right-click` and drag to move the scene around
+- `middle-click` and move to zoom-in and out
+- `mouse-scroll` for zooming-in and out
diff --git a/docs/road-tool.md b/docs/road-tool.md
new file mode 100644
index 00000000..776de787
--- /dev/null
+++ b/docs/road-tool.md
@@ -0,0 +1,34 @@
+# Road Tool
+
+- [Overview](#overview)
+- [Create Roads](#create-roads)
+- [Select Road](#select-road)
+- [Connect Roads](#connect-roads)
+
+
+
+## Overview
+
+Road tool helps you create different types of road geometries and shapes to fit you needs.
+
+
+## Create Roads
+
+Use `shift + left click` to create control points. You can then drag the control points to change the shape of the road.
+
+If you want to create a new road then first unselect the previous road by `left click` and then `shift + left click` again to start creating a new road.
+
+
+
+## Select Road
+
+You can select a road for editing and modification by taking the pointer above the road and using `left click`
+
+
+## Connect Roads
+
+Two roads can be connected using road nodes.
+- Select a node from road A using `left click`
+- Select another node from road B using `left click`
+- Two road will now be connect through a new road C which also be modified if required
+
diff --git a/docs/tools.md b/docs/tools.md
new file mode 100644
index 00000000..cb849413
--- /dev/null
+++ b/docs/tools.md
@@ -0,0 +1,98 @@
+# Road Editor
+
+- [Overview](#overview)
+ - [Coordinate System](#coordinate-system)
+ - [Mouse Interaction](#mouse)
+ - [2D Navigation](#2d-navigation)
+ - [3D Navigation](#3d-navigation)
+- [Toolbar](#toolbars)
+ - [RoadGeometryTool](#road-geometry-tool)
+ - [LineGeometryTool](#line-geometry-tool)
+ - [ArcGeometryTool](#arc-geometry-tool)
+ - [LaneWidthTool](#lane-width-tool)
+ - [AddLaneTool](#add-lane-tool)
+ - [LaneMarkingTool](#lane-marking-tool)
+ - [LaneTool](#lane-tool)
+ - [RoadSignTool](#road-sign-tool)
+ - [VehicleTool](#vehicle-tool)
+
+
+
+## Overview
+
+{{product}} provides a number of different tools for displaying and modifying different aspects of road and environment.
+
+
+## Coordinate System
+
+- x+ forward
+- y+ left
+- z+ up
+
+
+