(apiUrl, { headers }).subscribe(e => {\n if (!e.message) {\n let nebularToken = {\n createdAt: Date.now(),\n name: \"nb:auth:jwt:token\",\n ownerStrategyName: \"email\",\n value: e.token\n }\n\n localStorage.removeItem(\"OpenedAutoLogin\");\n localStorage.setItem(\"auth_app_token\", JSON.stringify(nebularToken));\n localStorage.setItem(\"accessToken\", e.accessToken)\n let urlNavigate = \"/\";\n if (this.returnUrl) {\n urlNavigate = this.returnUrl;\n }\n\n if (Helper.getCookie('profileUrl') !== '') {\n const profileUrl = Helper.getCookie('profileUrl');\n urlNavigate = `${profileUrl}`;\n document.cookie = 'profileUrl=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';\n }\n\n if (!urlNavigate || urlNavigate == \"/\") {\n this.service.getToken().subscribe(data => {\n urlNavigate = data.getPayload()[\"defaultScreen\"];\n window.localStorage.setItem(\"defaultLogin\", \"true\");\n location.href = urlNavigate;\n })\n } else {\n location.href = urlNavigate;\n }\n\n this.settingService.getDiagnostics();\n }\n else {\n this.toast.danger(e.message, \"Unauthorized\");\n }\n })\n }\n\n private _validateUrl(targetUrl: string, allRoutes: string[]) {\n if (!Helper.isNullOrEmpty(targetUrl) && targetUrl != '/') {\n let standardURL = targetUrl;\n standardURL = standardURL.split('/')[1];\n // filter out query parameters:\n standardURL = standardURL.split('?')[0];\n standardURL = standardURL.split('#')[0];\n if (allRoutes.slice().filter(x => x != undefined && !Helper.isNullOrEmpty(x)).includes(standardURL)) {\n return true;\n }\n return false;\n }\n return false;\n }\n\n redirectToForgotPassword() {\n this.router.navigate(['forgot-password']);\n }\n\n redirectToRegister() {\n this.router.navigate(['/auth/customer/register']);\n }\n}\n","\n
\n
\n
\n
\n \n\n\n Register \n\n \n\n \n\n \n\n \n Already have an account? Log in \n \n ","import { ChangeDetectorRef, Component, HostListener, Inject, OnInit } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { NB_AUTH_OPTIONS, NbAuthService, getDeepFromObject } from '@nebular/auth';\nimport { NbToastrService } from '@nebular/theme';\nimport { RxFormBuilder, compare, email, maxLength, minLength, prop, required, requiredTrue } from '@rxweb/reactive-form-validators';\nimport { UserModel } from 'src/app/modules/admin/user-management/user-model';\nimport { AuthenticationType, OAUTH_TYPE } from 'src/app/shared/enums/oauth.enum';\nimport { UserService } from 'src/app/modules/admin/user-management/user.service';\nimport { SettingService } from 'src/app/shared/services/setting.service';\n@Component({\n selector: 'app-customer-register',\n templateUrl: './customer-register.component.html',\n styleUrls: ['./customer-register.component.scss']\n})\nexport class CustomerRegisterComponent implements OnInit {\n frmUser: FormGroup;\n userModel: UserRegister;\n submitted: boolean = false;\n authType = AuthenticationType;\n oauthType = OAUTH_TYPE;\n isMobile: boolean = false;\n isSmallScreen: boolean = false;\n termsAndConditions: string = '#';\n\n constructor(\n protected service: UserService,\n @Inject(NB_AUTH_OPTIONS) protected options = {},\n protected cd: ChangeDetectorRef,\n protected router: Router,\n private frmBuilder: RxFormBuilder,\n private toast: NbToastrService,\n private settingService: SettingService\n ) { \n let width = window.innerWidth;\n this.isMobile = width > 1200 ? false : true;\n this.isSmallScreen = width > 1200 && width < 1400 ? true : false;\n }\n\n ngOnInit(): void {\n this.userModel = new UserRegister();\n this.frmUser = this.frmBuilder.formGroup(UserRegister, this.userModel);\n this.getTermsAndConditions();\n }\n\n @HostListener('window:resize', ['$event'])\n onResize(event: Event): void {\n this.isMobile = window.innerWidth <= 1279;\n this.isSmallScreen = window.innerWidth > 1279 && window.innerWidth < 1400;\n }\n\n async register() {\n this.submitted = true;\n try {\n const result = await this.service.createCustomer(this.userModel).toPromise();\n if (result != null && result.result) {\n this.router.navigate(['/auth/customer/register-success'], { queryParams: {email: this.userModel?.email}});\n }\n else if (result != null) {\n this.toast.danger(result.message, \"Error\");\n }\n }\n catch (error) {\n this.submitted = false;\n }\n this.submitted = false;\n }\n\n getConfigValue(key: string): any {\n return getDeepFromObject(this.options, key, null);\n }\n async getTermsAndConditions() {\n const response = await this.settingService.getSettingByKeyAndGroupAllow(\"TERMS_AND_CONDITIONS_URL\", \"CUSTOMER\").toPromise();\n this.termsAndConditions = response.result?.value ?? '#';\n }\n}\n\nexport class UserRegister {\n @required()\n userName: string;\n\n @required()\n @minLength({ value: 6, message: 'Password should contain from 6 to 50 characters' })\n @maxLength({ value: 50, message: 'Password should contain from 6 to 50 characters' })\n password: string;\n\n @required({ message: 'Password confirmation is required!' })\n @compare({ fieldName: 'password', message: 'Password does not match the confirm password.' })\n @minLength({ value: 6 })\n confirmPassword!: string;\n\n @required()\n @email()\n email: string;\n\n @requiredTrue()\n terms: boolean = false;\n}\n","Change password \nPlease set a new password
\n\n\n Oh snap!
\n \n \n\n\n Hooray!
\n \n \n\n\n\n","import { ChangeDetectorRef, Component, Inject, OnInit } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { NB_AUTH_OPTIONS, NbAuthResult, NbAuthService, getDeepFromObject } from '@nebular/auth';\nimport { RxFormBuilder, compare, maxLength, minLength, required } from '@rxweb/reactive-form-validators';\nimport { UserService } from 'src/app/modules/admin/user-management/user.service';\nimport { ResetPassword } from '../../master-layout/reset-password/reset-password.model';\nimport { NbToastrService } from '@nebular/theme';\n\n@Component({\n selector: 'app-customer-reset-password',\n templateUrl: './customer-reset-password.component.html',\n styleUrls: ['./customer-reset-password.component.scss']\n})\nexport class CustomerResetPasswordComponent implements OnInit {\n frmReset: FormGroup;\n\n redirectDelay: number = 0;\n showMessages: any = {};\n strategy: string = '';\n\n submitted = false;\n errors: string[] = [];\n messages: string[] = [];\n user: any = {};\n\n constructor(\n protected service: UserService,\n @Inject(NB_AUTH_OPTIONS) protected options = {},\n protected cd: ChangeDetectorRef,\n protected router: Router,\n private frmBuilder: RxFormBuilder,\n private toast: NbToastrService\n ) {\n this.frmReset = this.frmBuilder.formGroup(UserResetPassword, new UserResetPassword());\n\n this.redirectDelay = this.getConfigValue('forms.resetPassword.redirectDelay');\n this.showMessages = this.getConfigValue('forms.resetPassword.showMessages');\n this.strategy = this.getConfigValue('forms.resetPassword.strategy');\n }\n\n ngOnInit(): void {\n\n }\n\n resetPass(): void {\n if (this.frmReset.valid) {\n this.submitted = !this.submitted; //loading state\n\n let query = window.location.search; //get query params\n let resetSecret;\n\n //make sure the split function not crash app\n if (query.startsWith(\"?token=\")) {\n resetSecret = query.split(\"?token=\")[1];\n }\n\n if (resetSecret) {\n var model: ResetPassword = {\n newPassword: this.frmReset.value.password,\n confirmNewPassword: this.frmReset.value.confirmPassword\n }\n\n this.service.resetPassword(resetSecret, model).subscribe(resp => {\n if (resp.result) {\n this.toast.success(\"Change Password Success\", \"Success\");\n setTimeout(() => {\n this.router.navigate(['auth/customer/login']);\n }, 2000);\n }\n }).add(() => {\n this.submitted = !this.submitted;\n });\n }\n else {\n this.toast.danger(\"Change Password Failed\", \"Error\");\n this.submitted = !this.submitted;\n }\n }\n }\n\n getConfigValue(key: string): any {\n return getDeepFromObject(this.options, key, null);\n }\n}\n\nexport class UserResetPassword {\n @required()\n @minLength({ value: 6, message: 'Password should contain from 6 to 50 characters' })\n @maxLength({ value: 50, message: 'Password should contain from 6 to 50 characters' })\n password: string;\n\n @required({ message: 'Password confirmation is required!' })\n @compare({ fieldName: 'password', message: 'Password does not match the confirm password.' })\n @minLength({ value: 6 })\n confirmPassword!: string;\n}","Forgot Password \nEnter your email address and we’ll send a link to reset your password
\n\n\n\n\n\n","import { ChangeDetectorRef, Component, Inject, OnInit } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { NB_AUTH_OPTIONS, NbAuthService, getDeepFromObject } from '@nebular/auth';\nimport { NbToastrService } from '@nebular/theme';\nimport { RxFormBuilder, email, required } from '@rxweb/reactive-form-validators';\nimport { UserService } from 'src/app/modules/admin/user-management/user.service';\n\n@Component({\n selector: 'app-customer-request-password',\n templateUrl: './customer-request-password.component.html',\n styleUrls: ['./customer-request-password.component.scss']\n})\nexport class CustomerRequestPasswordComponent implements OnInit {\n submitted: boolean = false;\n frmRequest: FormGroup;\n\n constructor(\n protected service: UserService,\n @Inject(NB_AUTH_OPTIONS) protected options = {},\n protected cd: ChangeDetectorRef,\n protected router: Router,\n private frmBuilder: RxFormBuilder,\n private toast: NbToastrService\n ) { }\n\n ngOnInit(): void {\n this.frmRequest = this.frmBuilder.formGroup(UserRequestPassword, new UserRequestPassword());\n }\n\n async requestPass() {\n this.submitted = true;\n try {\n const result = await this.service.forgotPassword(this.frmRequest.value, true).toPromise();\n if (result != null && result.result) {\n this.toast.success(\"Please check your email to reset the new password\", \"Success\");\n setTimeout(() => {\n this.router.navigate(['/auth/customer/login']);\n }, 2000)\n }\n else if (result != null) {\n this.toast.danger(result.message, \"Error\");\n this.submitted = false;\n }\n }\n catch (error) {\n this.submitted = false;\n }\n }\n\n getConfigValue(key: string): any {\n return getDeepFromObject(this.options, key, null);\n }\n}\n\nexport class UserRequestPassword {\n @required()\n @email()\n email: string;\n}\n","\n \n \n
\n\n\n\n \n Congratulations! Your account has been successfully confirmed. Thank you for choosing us - Your journey with Altus Entertainment begins now
\n Log In \n \n\n\n Account confirmation unsuccessful. Please double-check your information or contact support for assistance. Thank you for your understanding
\n Log In \n \n\n\n \n \n \n","import { NgModule } from \"@angular/core\";\nimport { Routes, RouterModule } from \"@angular/router\";\nimport { NbAuthComponent } from \"@nebular/auth\";\nimport { AuthComponent } from \"./auth/auth.component\";\nimport { LoginComponent } from \"./login/login.component\";\nimport { CustomerLoginComponent } from \"../customer-layout/customer-login/customer-login.component\";\nimport { CustomerRegisterComponent } from \"../customer-layout/customer-register/customer-register.component\";\nimport { CustomerResetPasswordComponent } from \"../customer-layout/customer-reset-password/customer-reset-password.component\";\nimport { CustomerRequestPasswordComponent } from \"../customer-layout/customer-request-password/customer-request-password.component\";\nimport { CustomerConfirmAccountComponent } from \"../customer-layout/customer-confirm-account/customer-confirm-account.component\";\nimport { CustomerRegisterSuccessComponent } from \"../customer-layout/customer-register/customer-register-success/customer-register-success.component\";\n\nconst routes: Routes = [\n {\n path: '',\n component: AuthComponent,\n children: [\n {\n path: '',\n component: LoginComponent,\n },\n {\n path: 'customer',\n component: CustomerLoginComponent\n },\n {\n path: 'customer/login',\n component: CustomerLoginComponent\n },\n {\n path: 'customer/register',\n component: CustomerRegisterComponent\n },\n {\n path: 'customer/request-password',\n component: CustomerRequestPasswordComponent\n },\n {\n path: 'customer/reset-password',\n component: CustomerResetPasswordComponent\n },\n {\n path: 'customer/confirm-account',\n component: CustomerConfirmAccountComponent\n },\n {\n path: 'customer/register-success',\n component: CustomerRegisterSuccessComponent\n }\n ]\n }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class MasterLayoutRoutingModule {\n}\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { UserService } from 'src/app/modules/admin/user-management/user.service';\n\n@Component({\n selector: 'app-customer-confirm-account',\n templateUrl: './customer-confirm-account.component.html',\n styleUrls: ['./customer-confirm-account.component.scss']\n})\nexport class CustomerConfirmAccountComponent implements OnInit {\n\n isLoading: boolean = true;\n confirmValue: boolean = false;\n\n constructor(\n private router: Router,\n private route: ActivatedRoute,\n protected service: UserService\n ) { }\n\n ngOnInit(): void {\n this.activateAccount();\n }\n\n activateAccount(): void {\n let customerId = \"\";\n this.isLoading = true;\n\n this.route.queryParams.subscribe(params => {\n if (params.userId) customerId = params.userId;\n \n if (customerId) {\n this.service.confirmAccount(customerId).subscribe(resp => {\n if (resp.result) this.confirmValue = true;\n else this.confirmValue = false;\n }).add(() => {\n this.isLoading = false;\n })\n }\n else {\n this.isLoading = false;\n this.confirmValue = false;\n }\n });\n }\n\n redirectLogin() {\n this.router.navigate(['auth/customer/login']);\n }\n}\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\n@Component({\n selector: 'app-customer-register-success',\n templateUrl: './customer-register-success.component.html',\n styleUrls: ['./customer-register-success.component.scss']\n})\nexport class CustomerRegisterSuccessComponent implements OnInit {\n userEmail: string = \"\";\n constructor(\n private router: Router,\n private route: ActivatedRoute\n ) { \n \n }\n\n ngOnInit(): void {\n this.route.queryParams.subscribe((params) => {this.userEmail = params['email']; console.log(params)});\n }\n\n redirectToLogin() {\n this.router.navigate([`/auth/customer/login`]);\n }\n\n}\n","\n \n \n
\n Verify your email address. \n \n We have sent a verification link to {{userEmail || \"your email\"}} .\n \n \n Click on the link to complete the verification process.\n \n \n You might need to check your spam folder. \n \n \n Back to login \n arrow_right_alt \n \n \n You can reach us at venues@altusentertainment.com if you have any questions.\n \n \n ","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NbThemeModule } from '@nebular/theme';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { AuthComponent } from './auth/auth.component';\nimport { LoginComponent } from './login/login.component';\nimport { MasterLayoutRoutingModule } from './master-layout-routing.module';\nimport { MasterLayoutComponent } from './master-layout.component';\nimport { ResetPasswordComponent } from './reset-password/reset-password.component';\nimport { ResetPasswordSuccessComponent } from './reset-password/reset-password-success/reset-password-success.component';\nimport { ResetPasswordFailComponent } from './reset-password/reset-password-fail/reset-password-fail.component';\nimport { ForgotPasswordComponent } from './forgot-password/forgot-password.component';\nimport { FotgotPasswordSuccessComponent } from './forgot-password/fotgot-password-success/fotgot-password-success.component';\nimport { CustomerLoginComponent } from '../customer-layout/customer-login/customer-login.component';\nimport { CustomerRegisterComponent } from '../customer-layout/customer-register/customer-register.component';\nimport { CustomerRequestPasswordComponent } from '../customer-layout/customer-request-password/customer-request-password.component';\nimport { CustomerResetPasswordComponent } from '../customer-layout/customer-reset-password/customer-reset-password.component';\nimport { CustomerConfirmAccountComponent } from '../customer-layout/customer-confirm-account/customer-confirm-account.component';\n\n@NgModule({\n imports: [\n MasterLayoutRoutingModule,\n SharedModule,\n ],\n declarations: [\n AuthComponent,\n MasterLayoutComponent,\n LoginComponent,\n ResetPasswordComponent,\n ResetPasswordSuccessComponent,\n ResetPasswordFailComponent,\n ForgotPasswordComponent,\n FotgotPasswordSuccessComponent,\n CustomerLoginComponent,\n CustomerRegisterComponent,\n CustomerRequestPasswordComponent,\n CustomerResetPasswordComponent,\n CustomerConfirmAccountComponent\n ]\n})\nexport class MasterLayoutModule { }\n"]} ![](\"/assets/images/auth-venues-background.jpg\"\n)
\n ![](\"/assets/images/auth-venues-background-tablet.jpg\")
\n