+
+
+
+
+
+
+
+
+ `,
+ styleUrls: ['./analytic-result.component.scss'],
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AnalyticResultComponent {
+ @ViewChild('pageEle') ref: ElementRef
+
+
+
+ home
+ Back to home
+
+
+
+
+ + callback works! +
+ + home + `, + styleUrls: ['./callback.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush +}) +export class CallbackComponent implements OnInit { + + + constructor( + private oauthService: OAuthService, + private route: ActivatedRoute, + private cookieService: CookieService, + ) { + } + + ngOnInit(): void { + + const {code, state} = this.route.snapshot.queryParams; + this.cookieService.set('auth_code', code); + this.cookieService.set('auth_state', state); + window.close(); + } + + + getToken(): void { + console.log(this.oauthService.getAccessToken()); + } +} diff --git a/client/src/app/modules/callback/callback.module.ts b/client/src/app/modules/callback/callback.module.ts new file mode 100644 index 0000000..7c78e46 --- /dev/null +++ b/client/src/app/modules/callback/callback.module.ts @@ -0,0 +1,19 @@ +import {NgModule} from '@angular/core'; +import {CommonModule} from '@angular/common'; +import {RouterModule, Routes} from '@angular/router'; +import {CallbackComponent} from './callback.component'; + + +const routes: Routes = [ + {path: '', component: CallbackComponent}, +]; + +@NgModule({ + declarations: [], + imports: [ + CommonModule, + RouterModule.forChild(routes) + ] +}) +export class CallbackModule { +} diff --git a/client/src/app/modules/home/components/authentication-flow/authentication-flow.component.scss b/client/src/app/modules/home/components/authentication-flow/authentication-flow.component.scss new file mode 100644 index 0000000..58529d2 --- /dev/null +++ b/client/src/app/modules/home/components/authentication-flow/authentication-flow.component.scss @@ -0,0 +1,10 @@ +img { + width: 200px; +} + +.custom-step-container { + min-height: calc(100vh - 64px - 72px - 4rem - 24px); + display: flex; + flex-direction: column; + justify-content: space-between; +} diff --git a/client/src/app/modules/home/components/authentication-flow/authentication-flow.component.ts b/client/src/app/modules/home/components/authentication-flow/authentication-flow.component.ts new file mode 100644 index 0000000..4bd4ced --- /dev/null +++ b/client/src/app/modules/home/components/authentication-flow/authentication-flow.component.ts @@ -0,0 +1,158 @@ +import {ChangeDetectionStrategy, Component, EventEmitter, OnInit, Output} from '@angular/core'; +import {OAuthService} from 'angular-oauth2-oidc'; +import {TokenService} from '../../../../services/token.service'; +import {AuthApisService} from '../../../../apis/auth.apis.service'; +import {InventoryApisService} from '../../../../apis/inventory.apis.service'; +import {CookieService} from 'ngx-cookie-service'; +import {environment} from '../../../../../environments/environment'; +import {switchMap, tap} from 'rxjs/operators'; +import {Process, TokenResponse} from '../../../../graphql/generated/graphql'; +import {FormControl} from '@angular/forms'; +import {ProcessApisService} from '../../../../apis/process.apis.service'; +import {LoadingService} from '../../../../services/loading.service'; +import {ActivatedRoute} from '@angular/router'; +import {noop, Observable} from 'rxjs'; + + +@Component({ + selector: 'app-authentication-flow', + template: ` +
+
+ `,
+ styleUrls: ['./authentication-flow.component.scss'],
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AuthenticationFlowComponent implements OnInit {
+
+ @Output() nextStep = new EventEmitter
+
+
+
+ + Press Authorize button below and login to your Apaleo account. Upon authenticated successfully, you shall be + able + to select which hotel data to be submit to AI model for processing. By default, all hotels data is selected. +
+
+
+
+ 
+
+
+
+
+
+
+ Select hotel(s)
+
+
+ {{i.name}}
+
+
+
+
+
+
+
+ Logout
+
+
+
+
+
+
+
+
+
+
+
+ + Hotel Data is being processed by AI Models : Guest Segmentation, Customer Lifetime Value Classification, VIP + Guest Prediction. Please try to press Refresh button after 1 minute to check if the result is ready. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+ check
+
+
+
+ loop
+
+
+ {{process?.status}}
+{{process?.message}}
+
+
+
+
+
+
+
+
+
+ loop
+
+
+ Loading
+
+
+
+
+
+
+
+
+
+
+
+
+ download
+ Save Dashboard as PDF
+
+
+ download
+ Download results
+
+
+
+
+ `,
+ styleUrls: ['./stepper.component.scss'],
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class StepperComponent implements OnInit {
+ isLinear = false;
+ process: Process;
+ stepperIdx$: Observable
+
+ Back to home
+
+
+
+
+
+
+
+ {{title}}
+ lite
+
+
+
+
+ 
+
+
+
+
+
+
+ `,
+ styleUrls: ['./dashboard.component.scss'],
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class DashboardComponent implements OnInit {
+
+ statistic$: Observable
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `,
+ styleUrls: ['./statistic.component.scss'],
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class StatisticComponent {
+ @Input() totalRecord: number;
+ @Input() totalGuest: number;
+ @Input() potentialGuest: number;
+ @Input() highValueGuest: number;
+
+
+}
diff --git a/client/src/assets/.gitkeep b/client/src/assets/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/assets/HCGlogo-Transparent-White.png b/client/src/assets/HCGlogo-Transparent-White.png
new file mode 100644
index 0000000..0842d5a
Binary files /dev/null and b/client/src/assets/HCGlogo-Transparent-White.png differ
diff --git a/client/src/assets/logo-apaleo.png b/client/src/assets/logo-apaleo.png
new file mode 100644
index 0000000..9ed55e1
Binary files /dev/null and b/client/src/assets/logo-apaleo.png differ
diff --git a/client/src/assets/process.png b/client/src/assets/process.png
new file mode 100644
index 0000000..db18441
Binary files /dev/null and b/client/src/assets/process.png differ
diff --git a/client/src/environments/environment.prod.ts b/client/src/environments/environment.prod.ts
new file mode 100644
index 0000000..af9b4a8
--- /dev/null
+++ b/client/src/environments/environment.prod.ts
@@ -0,0 +1,12 @@
+export const environment = {
+ production: true,
+ apiURL: `http://localhost:8000`,
+ apaleoAPI: 'https://api.apaleo.com',
+ authSetting: {
+ scope: 'offline_access openid profile setup.manage',
+ redirectUrl: 'http://localhost:4200/callback',
+ clientId: null,
+ issuer: 'https://identity.apaleo.com',
+ responseType: 'code',
+ }
+};
diff --git a/client/src/environments/environment.ts b/client/src/environments/environment.ts
new file mode 100644
index 0000000..32d328d
--- /dev/null
+++ b/client/src/environments/environment.ts
@@ -0,0 +1,25 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false,
+ apiURL: `http://localhost:8000`,
+ apaleoAPI: 'https://api.apaleo.com',
+ authSetting: {
+ scope: 'offline_access openid profile setup.manage',
+ redirectUrl: 'http://localhost:4200/callback',
+ clientId: null,
+ issuer: 'https://identity.apaleo.com',
+ responseType: 'code',
+ }
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
diff --git a/client/src/favicon.ico b/client/src/favicon.ico
new file mode 100644
index 0000000..d36593d
Binary files /dev/null and b/client/src/favicon.ico differ
diff --git a/client/src/index.html b/client/src/index.html
new file mode 100644
index 0000000..f5a0995
--- /dev/null
+++ b/client/src/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+ Total Processed Records
+{{(totalRecord|number) || '--'}}
+
+
+ Total Identifiable Guests
+{{(totalGuest|number) || '--'}}
+
+
+
+
+
+ Potential VIP Guests
+{{(potentialGuest|number) || '--'}}
+
+
+