\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n","\r\n// import { OVERLAY_PROVIDERS } from '@angular/cdk/overlay';\r\nimport { APP_BASE_HREF, CommonModule } from '@angular/common';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { BrowserModule, HAMMER_GESTURE_CONFIG, HammerGestureConfig, HammerModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { RouterModule, RouterOutlet } from '@angular/router';\r\nimport { ServiceWorkerModule } from '@angular/service-worker';\r\n// import { ServiceWorkerModule } from '@angular/service-worker';\r\n// import { Idle } from '@ng-idle/core';\r\n// import { Keepalive } from '@ng-idle/keepalive';\r\nimport { AngularMyDatePickerModule } from 'angular-mydatepicker';\r\nimport { environment } from '../environments/environment';\r\nimport { AppServiceService } from '../services/appServiceService/appServiceService.service';\r\nimport { SWUpdateService } from '../services/appServiceService/swUpdateService.service';\r\nimport { CommonServiceService } from '../services/commonServiceService/commonServiceService.service';\r\nimport { CoreServiceService } from '../services/coreServiceService/coreServiceService.service';\r\nimport { DbServiceService } from '../services/dbServiceService/dbServiceService.service';\r\nimport { ActivityService } from '../services/memberServiceService/activityService.service';\r\nimport { MemberServiceService } from '../services/memberServiceService/memberServiceService.service';\r\nimport { PagerServiceService } from '../services/pagerServiceService/pagerServiceService.service';\r\nimport { ProfileServiceService } from '../services/profileServiceService/profileServiceService.service';\r\nimport { ProfileTileServiceService } from '../services/profileTileServiceService/profileTileServiceService.service';\r\nimport { RendererServiceService } from '../services/rendererServiceService/rendererServiceService.service';\r\nimport { SearchSortServiceService } from \"../services/searchSortServiceService/searchSortServiceService.service\";\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { AppComponent } from './app.component';\r\nimport { AppComponentsModule } from './appComponentsModule/appComponents.module';\r\nimport { AppFeatureModule } from './appFeatureModule/appFeature.module';\r\nimport { DirectiveFilterPipeModule } from './directiveFilterPipeModule/directiveFilterPipe.module';\r\nimport { ImageUploadModule } from \"./imageUploadModule/imageUpload.module\";\r\nimport { ModalModule } from './modalModule/modal.module';\r\nimport { PagerModule } from './pagerModule/pager.module';\r\nimport { SharedModule } from \"./sharedModule/shared.module\";\r\nimport { DateValueAccessor, DateValueAccessorModule } from 'angular-date-value-accessor';\r\n\r\n// import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n// import { AngularIndexedDB } from \"../assets/js/angular2-indexeddb/angular2-indexeddb\";\r\n// import { ROUTER_PROVIDERS, ROUTER_DIRECTIVES } from 'angular2/router'\r\n\r\n@NgModule({\r\n \r\n imports: [ \r\n // Angular-modules:\r\n BrowserModule, // only for AppModule\r\n BrowserAnimationsModule,\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n HttpClientModule,\r\n RouterModule,\r\n RouterOutlet,\r\n // ServiceWorkerModule.register('ngsw-worker.js', { enabled: true }),\r\n\r\n // 3rd-party-modules\r\n // AngularMyDatePickerModule,\r\n\r\n // https://stackblitz.com/edit/angular-date-input?file=src%2Fapp%2Fapp.module.ts\r\n DateValueAccessor, \r\n\r\n HammerModule,\r\n // MatProgressSpinnerModule,\r\n // NgxIndexedDBModule.forRoot(dbConfig),\r\n\r\n // Custom-lazy-modules:\r\n AppComponentsModule,\r\n AppFeatureModule,\r\n DirectiveFilterPipeModule,\r\n ImageUploadModule,\r\n ModalModule,\r\n PagerModule,\r\n SharedModule,\r\n // ServiceWorkerModule.register('ngsw-worker.js', {\r\n // enabled: environment.production,\r\n // // Register the ServiceWorker as soon as the application is stable\r\n // // or after 30 seconds (whichever comes first).\r\n // registrationStrategy: 'registerWhenStable:30000'\r\n // }),\r\n ServiceWorkerModule.register('/assets/js/slakezSW.js', {\r\n enabled: environment.production,\r\n // Register the ServiceWorker as soon as the application is stable\r\n // or after 30 seconds (whichever comes first).\r\n registrationStrategy: 'registerWhenStable:30000'\r\n }),\r\n\r\n AppRoutingModule,\r\n\r\n // ServiceWorkerModule.register('ngsw-worker.js', {\r\n // enabled: !isDevMode(),\r\n // // Register the ServiceWorker as soon as the application is stable\r\n // // or after 30 seconds (whichever comes first).\r\n // registrationStrategy: 'registerWhenStable:30000'\r\n // }),\r\n ],\r\n declarations: [\r\n AppComponent,\r\n ],\r\n exports: [\r\n\r\n AppComponentsModule,\r\n AppFeatureModule,\r\n DirectiveFilterPipeModule,\r\n ModalModule,\r\n PagerModule,\r\n SharedModule,\r\n AppRoutingModule,\r\n\r\n ],\r\n // entryComponents: [AppComponent, SpinnerOverlayComponent],\r\n entryComponents: [ AppComponent ],\r\n bootstrap: [ AppComponent ],\r\n\r\n\r\n providers: [ \r\n { provide: APP_BASE_HREF, useValue: '/' },\r\n { provide: ActivityService },\r\n { provide: AppServiceService},\r\n { provide: CommonServiceService},\r\n { provide: CoreServiceService},\r\n { provide: DbServiceService },\r\n { provide: MemberServiceService },\r\n // { provide: PhotoServiceService },\r\n // { provide: PhotoBnServiceService },\r\n { provide: PagerServiceService },\r\n { provide: ProfileServiceService },\r\n { provide: ProfileTileServiceService },\r\n { provide: RendererServiceService },\r\n { provide: SearchSortServiceService },\r\n { provide: SWUpdateService },\r\n { provide: Document, useValue: document },\r\n // { provide: DbDexieService },\r\n // { provide: DbDexieToDictionaryService },\r\n // { provide: DisplayServiceService },\r\n // { provide: DisplayProfileService },\r\n // { provide: IDLE_TOKEN, useValue: Idle, multi: true }, // custom-injector\r\n // { provide: KEEPALIVE_TOKEN, useValue: Keepalive, multi: true }, // custom-injector\r\n // { provide: NgModuleFactoryLoader, useClass: SystemJsNgModuleLoader },\r\n // { provide: PreferenceService },\r\n // { provide: ProfileContentService },\r\n // { provide: ProfileTileService },\r\n // { provide: ProfileNameService },\r\n // { provide: ProfilePicsService },\r\n // { provide: KvPhotoService },\r\n // { provide: PhotoBnServiceService },\r\n // { provide: PhotoAndPrimaryPhotoMgmtService },\r\n // { provide: PhotoBnService },\r\n // { provide: PhotoPrivacyService },\r\n // { provide: RendererService },\r\n\r\n //{\r\n // provide: APP_INITIALIZER,\r\n // useFactory: (SignalRService : SignalRService) => () => SignalRService.initialize(), // initiateSignalrConnection(),\r\n // deps: [ SignalRService ],\r\n // multi: true,\r\n //},\r\n // { provide: SignalRService },\r\n { provide: Window, useValue: window },\r\n { provide: HAMMER_GESTURE_CONFIG, useClass: HammerGestureConfig, deps: [] },\r\n // { provide: HTTP_INTERCEPTORS, useClass: LoadingInterceptor, multi: true }\r\n ],\r\n schemas: [ CUSTOM_ELEMENTS_SCHEMA ],\r\n})\r\nexport class AppModule {\r\n public prepareRoute (outlet : RouterOutlet) : any {\r\n const anim = 'animation';\r\n debugger;\r\n return outlet && outlet.activatedRouteData && outlet.activatedRouteData[anim];\r\n }\r\n}\r\n// https://stackoverflow.com/questions/52513466/angular-6-service-workers-are-disabled-or-not-supported-error\r\n// NOTE: This shouls be in main.ts:\r\n// --------------------------------\r\n// TODO: if the app does not work, remove the below section/comment it out and change polyfills.js\r\n// ref: https://indepth.dev/posts/1059/do-you-still-think-that-ngzone-zone-js-is-required-for-change-detection-in-angular\r\n //platformBrowserDynamic()\r\n // .bootstrapModule(AppModule, {\r\n // ngZone: 'noop',\r\n // }).catch(err => console.log(err));\r\n\r\n/*\r\n * ======================================================================\r\n * ---------------------------------------------------------------------------------\r\n * ngDoBootstrap(app) {\r\n * fetch('http://localhost:44305/src/app/appComponents/landingPage')\r\n * .then((name) => { this.bootstrapRootComponent(app, name) });\r\n * // this.bootstrapRootComponent(app);\r\n * }\r\n * =====================================================================\r\n * public appComponentsFactory: any;\r\n * constructor(private loader: NgModuleFactoryLoader,\r\n * private compiler: Compiler,\r\n * private injector: Injector,\r\n * private emitterService: EmitterService\r\n * ) {\r\n * this.emitterService.setAppModuleFactory(this.appComponentsFactory = this.loadModuleFactory(AppModule));\r\n * }\r\n * public async loadModuleFactory(t: any) {\r\n * if (t instanceof NgModuleFactory) {\r\n * return t;\r\n * } else {\r\n * return await this.compiler.compileModuleAsync(t);\r\n * }\r\n * }\r\n * }\r\n */\r\n\r\n/*\r\n * ======================================================================\r\n * DO NOT DELETE-Begin\r\n * Note: When saving NaclPairLocal model, publicKey-- > maps to-- > out, and secretKey-- > maps to-- > in.\r\n * e.g. localSalty.out = salty.publicKey;\r\n * DO NOT DELETE-End\r\n */\r\n","'use-strict'\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { AvatarComponent } from './avatar/avatar.component';\r\nimport { GlyphiconMembersComponent } from './glyphiconMembers/glyphiconMembers.component';\r\nimport { LandingPageComponent } from './landingPage/landingPage.component';\r\nimport { LeftRightLogoMenuComponent } from './leftRightLogoMenu/leftRightLogoMenu.component';\r\nimport { LogoComponent } from './logo/logo.component';\r\nimport { LogoMenuComponent } from './logoMenu/logoMenu.component';\r\nimport { LogRegButtonsAndNavArrowsComponent } from './logRegButtonsAndNavArrows/logRegButtonsAndNavArrows.component';\r\nimport { MessageBoardComponent } from './messageBoard/messageBoard.component';\r\nimport { MyStuffComponent } from './myStuff/myStuff.component';\r\nimport { NavHeaderComponent } from './navHeader/navHeader.component';\r\nimport { NavSidebarComponent } from './navSidebar/navSidebar.component';\r\n\r\n\r\nexport const appComponentsRoutes: Routes = [\r\n {\r\n path: '',\r\n children: [\r\n { path: 'avatar', component: AvatarComponent }, \r\n { path: 'glyphiconMembers', component: GlyphiconMembersComponent },\r\n { path: 'index', component: LandingPageComponent },\r\n { path: 'leftRightLogoMenu', component: LeftRightLogoMenuComponent },\r\n { path: 'logo', component: LogoComponent },\r\n { path: 'logoMenu', component: LogoMenuComponent },\r\n { path: 'logRegButtonsAndNavArrows', component: LogRegButtonsAndNavArrowsComponent },\r\n { path: 'messageBoard', component: MessageBoardComponent },\r\n { path: 'myStuff', component: MyStuffComponent },\r\n { path: 'navHeader', component: NavHeaderComponent },\r\n { path: 'navSidebar', component: NavSidebarComponent },\r\n ],\r\n },\r\n];\r\n\r\n@NgModule( {\r\n imports: [ RouterModule.forChild( appComponentsRoutes ) ],\r\n exports: [ RouterModule ],\r\n} )\r\n\r\nexport class AppComponentsRoutingModule { }\r\n\r\n\r\n","'use-strict'\r\nimport { CommonModule } from '@angular/common';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { DirectiveFilterPipeModule } from '../directiveFilterPipeModule/directiveFilterPipe.module';\r\nimport { KeyValueModule } from '../keyValueModule/keyValue.module';\r\nimport { PagerModule } from '../pagerModule/pager.module';\r\nimport { ProfileModule } from '../profileModule/profile.module';\r\nimport { AppComponentsRoutingModule } from './appComponents-routing.module';\r\nimport { AvatarComponent } from './avatar/avatar.component';\r\nimport { GlyphiconMembersComponent } from './glyphiconMembers/glyphiconMembers.component';\r\nimport { HomePageComponent } from './homePage/homePage.component';\r\nimport { LandingPageComponent } from './landingPage/landingPage.component';\r\nimport { LeftRightLogoMenuComponent } from './leftRightLogoMenu/leftRightLogoMenu.component';\r\nimport { LogoComponent } from './logo/logo.component';\r\nimport { LogoMenuComponent } from './logoMenu/logoMenu.component';\r\nimport { LogRegButtonsAndNavArrowsComponent } from './logRegButtonsAndNavArrows/logRegButtonsAndNavArrows.component';\r\nimport { MessageBoardComponent } from './messageBoard/messageBoard.component';\r\nimport { MyStuffComponent } from './myStuff/myStuff.component';\r\nimport { NavHeaderComponent } from './navHeader/navHeader.component';\r\nimport { NavSidebarComponent } from './navSidebar/navSidebar.component';\r\n\r\n@NgModule( {\r\n \r\n imports: [\r\n CommonModule, // to get ngIf, ngFor, etc.\r\n FormsModule,\r\n HttpClientModule,\r\n ReactiveFormsModule,\r\n DirectiveFilterPipeModule,\r\n KeyValueModule,\r\n PagerModule,\r\n ProfileModule,\r\n AppComponentsRoutingModule\r\n ],\r\n declarations: [\r\n AvatarComponent,\r\n GlyphiconMembersComponent,\r\n HomePageComponent,\r\n LandingPageComponent,\r\n LeftRightLogoMenuComponent,\r\n LogoMenuComponent,\r\n LogoComponent,\r\n LogRegButtonsAndNavArrowsComponent,\r\n MessageBoardComponent,\r\n MyStuffComponent,\r\n NavHeaderComponent,\r\n NavSidebarComponent,\r\n ],\r\n exports: [\r\n CommonModule, // to get ngIf, ngFor, etc.\r\n FormsModule,\r\n HttpClientModule,\r\n ReactiveFormsModule,\r\n\r\n AvatarComponent,\r\n GlyphiconMembersComponent,\r\n HomePageComponent,\r\n LandingPageComponent,\r\n LeftRightLogoMenuComponent,\r\n LogoMenuComponent,\r\n LogoComponent,\r\n LogRegButtonsAndNavArrowsComponent,\r\n MessageBoardComponent,\r\n MyStuffComponent,\r\n NavHeaderComponent,\r\n NavSidebarComponent,\r\n\r\n AppComponentsRoutingModule,\r\n ],\r\n \r\n providers: [\r\n ],\r\n})\r\nexport class AppComponentsModule { }\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { KvMemberActivityGlyph } from '../../../models/keyValue/kvMemberActivityGlyph.model';\r\nimport { ProfileTile } from '../../../models/profile/profileTile.model';\r\nimport { GlyphiconMenuService } from '../../../services/GlyphiconService/glypgiconMenuService.service';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { SignedInUserService } from '../../../services/commonServiceService/signedInUserService.service';\r\nimport { PhotoAndPrimaryPhotoMgmtService } from '../../../services/photoServiceService/photoAndPrimaryPhotoMgmtService.service';\r\nimport { PhotoServiceService } from '../../../services/photoServiceService/photoServiceService.service';\r\nimport { ProfileTileService } from '../../../services/profileTileServiceService/profileTileService.service';\r\nimport { ProfileTileServiceService } from '../../../services/profileTileServiceService/profileTileServiceService.service';\r\nimport { BackgroundImageAnimationService } from '../../../services/rendererServiceService/backgroundImageAnimationService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { CopyServiceStatic } from '../../../services/staticServices/commonStaticServices/copyServiceStatic.service';\r\nimport { ModuleComponentLoaderServiceStatic } from '../../../services/staticServices/commonStaticServices/moduleComponentLoaderServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\n// import { ProfileTileService } from '../../../services/profileTileServiceService/profileTileService.service';\r\n// import { ProfileTileServiceService } from '../../../services/profileTileServiceService/profileTileServiceService.service';\r\nimport { GlyphiconServiceService } from '../../../services/GlyphiconService/glyphiconServiceService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { LogRegService } from '../../../services/coreServiceService/logRegService.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\nimport { KvPhoto } from '../../../models/keyValue/kvPhoto.model';\r\n\r\n@Component({\r\n selector: 'app-avatar',\r\n templateUrl: './avatar.component.html',\r\n styleUrls: [ './avatar.component.scss' ],\r\n animations: [ Animations, slideInOutAnimation ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AvatarComponent implements OnInit, OnDestroy, AfterViewInit {\r\n public bias! : BackgroundImageAnimationService;\r\n public glyphiconMenuService! : GlyphiconMenuService;\r\n public logRegService : LogRegService;\r\n public profileTileService! : ProfileTileService;\r\n public photoAndPrimaryPhotoMgmtService! : PhotoAndPrimaryPhotoMgmtService;\r\n public redirectionService! : RedirectionService;\r\n public rendererService! : RendererService;\r\n public renderer! : Renderer2;\r\n public signedInUserService! : SignedInUserService;\r\n private emitterDestroyed$ : Subject\r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n","'use-strict'\r\nimport { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { Observable, Subject, Subscription } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { Animations, slideInOutAnimation } from '../../../app/animation';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\n\r\n@Component({\r\n selector: 'app-glyphicon-members',\r\n templateUrl: './glyphiconMembers.component.html',\r\n styleUrls: ['./glyphiconMembers.component.scss'],\r\n animations: [\r\n Animations, slideInOutAnimation\r\n /*\r\n * trigger('slideInOut', [\r\n * transition(':enter', [\r\n * //style({ transform : 'translateX(-100%)' }),\r\n * style({ transform : 'translateY(-100%)' }),\r\n * //style({ transform : 'scale(0.1)'}),\r\n * //animate('500ms ease-in', style({ transform : 'translateX(0%)' })),\r\n * animate('1000ms ease-out', style({ transform : 'translateY(0%) rotateY(360deg)' })),\r\n * //animate('500ms ease-in', style({ transform : 'scale(1)' }))\r\n * ]),\r\n * transition(':leave', [\r\n * //animate('500ms ease-in', style({ transform : 'translateX(-100%)' })),\r\n * animate('1000ms ease-out', style({ transform : 'translateY(-100%)' })),\r\n * //animate('500ms ease-in', style({ transform : 'scale(0.1)' }))\r\n * ])\r\n * ])\r\n */\r\n\r\n /*\r\n * trigger('slideInOut', [\r\n * transition(':enter', [\r\n * style({ transform : 'scale(0.1)' }),\r\n * animate('500ms ease-in', style({ transform : 'scale(1)' }))\r\n * ]),\r\n * transition(':leave', [\r\n * animate('500ms ease-in', style({ transform : 'scale(0.1)' }))\r\n * ])\r\n * ])\r\n */\r\n ],\r\n})\r\nexport class GlyphiconMembersComponent implements OnInit, OnDestroy {\r\n public isDropdownOpen = false;\r\n public isMembersOpen = false;\r\n public isMobile = false;\r\n public dropdownItems: string[] = ['Your', 'First', 'Angular', 'Animation', 'With', 'Parameters'];\r\n public glyphs: number[] = [1, 2, 3, 4];\r\n private emitterDestroyed$: Subject\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{loginSuccess.profileName}}\r\n
\r\n \r\n \r\n\r\n\r\n
\r\n
\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { Animations, slideInOutAnimation } from '../../../app/animation';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { CenterCoordinates } from '../../../models/misc/centerCoordinates.model';\r\nimport { AppServiceService } from '../../../services/appServiceService/appServiceService.service';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { LogRegService } from '../../../services/coreServiceService/logRegService.service';\r\nimport { BackgroundImageAnimationService } from '../../../services/rendererServiceService/backgroundImageAnimationService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { ScrollTopServiceStatic } from '../../../services/staticServices/commonStaticServices/scrollTopServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-home-page',\r\n templateUrl: './homePage.component.html',\r\n styleUrls : ['./homePage.component.scss'],\r\n animations: [\r\n Animations, slideInOutAnimation\r\n ],\r\n})\r\nexport class HomePageComponent implements OnInit, OnDestroy, AfterViewInit {\r\n // public breakpointObserverService!: BreakPointObserverService;\r\n public redirectionService! : RedirectionService;\r\n public rendererService! : RendererService;\r\n // ---------------------------------------------------------\r\n public pagerBrdCrm : PagerBreadcrum = new PagerBreadcrum();\r\n private centerCoordinates : CenterCoordinates = new CenterCoordinates();\r\n public centerWidth = 0;\r\n public centerHeight = 0;\r\n private emitterDestroyed$: Subject\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n ';\r\n */\r\n\r\n // line#2\r\n const welcomePre = '';\r\n const welcomePost = '
';\r\n // line#1 + line#2\r\n\r\n this.userAndPageTitle.pageTitle = welcomePre + 'Welcome to Slakez!' + welcomePost;\r\n\r\n // line#3\r\n const gayPre = '';\r\n const gayPost = '';\r\n // line#1 + line#2 + line#3\r\n\r\n this.userAndPageTitle.pageTitle += gayPre + 'A new social networking app!' + gayPost;\r\n\r\n // debugger;\r\n EmitterSubjectService.emitUserAndPageTitle(this.userAndPageTitle);\r\n }\r\n /*\r\n * mouseEnter(page) {\r\n * setTimeout(() => {\r\n * this.router.navigate([page]);\r\n * }, 500);\r\n * }\r\n */\r\n\r\n onTap(event: any) { }\r\n /*\r\n * ---------------------------------------------------------------------------------\r\n * openModal() {\r\n * EmitterSubjectService.emitIsModal(true);\r\n * let inputs = {\r\n * isMobile : false\r\n * }\r\n * this.modalService.init(ModalDialogComponent, inputs, {});\r\n */\r\n\r\n /*\r\n * EmitterSubjectService.emitToggleModalDialog();\r\n * }\r\n */\r\n\r\n /*\r\n * closeModal() {\r\n * this.modalService.destroy();\r\n * EmitterSubjectService.emitIsModal(false);\r\n * EmitterSubjectService.emitToggleModalDialog();\r\n * }\r\n * ---------------------------------------------------------------------------------\r\n * toggleDialog() {\r\n * EmitterSubjectService.emitToggleModalDialog();\r\n * }\r\n * removeModal() {\r\n * this.modalService.destroy();\r\n * }\r\n * ---------------------------------------------------------------------------------\r\n */\r\n}\r\n","\r\n
\r\n
\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { Animations, slideInOutAnimation } from '../../../app/animation';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { CenterCoordinates } from '../../../models/misc/centerCoordinates.model';\r\nimport { AppServiceService } from '../../../services/appServiceService/appServiceService.service';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { LogRegService } from '../../../services/coreServiceService/logRegService.service';\r\nimport { BackgroundImageAnimationService } from '../../../services/rendererServiceService/backgroundImageAnimationService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { ScrollTopServiceStatic } from '../../../services/staticServices/commonStaticServices/scrollTopServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-landing-page',\r\n templateUrl: './landingPage.component.html',\r\n styleUrls : ['./landingPage.component.scss'],\r\n animations: [\r\n Animations, slideInOutAnimation\r\n ],\r\n})\r\nexport class LandingPageComponent implements OnInit, OnDestroy, AfterViewInit {\r\n // public breakpointObserverService!: BreakPointObserverService;\r\n public redirectionService! : RedirectionService;\r\n public rendererService! : RendererService;\r\n // ---------------------------------------------------------\r\n public pagerBrdCrm : PagerBreadcrum = new PagerBreadcrum();\r\n private centerCoordinates : CenterCoordinates = new CenterCoordinates();\r\n public centerWidth = 0;\r\n public centerHeight = 0;\r\n private emitterDestroyed$: Subject\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n ![](\"/assets/photos/logo.png\"\r\n)
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n 0\">\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ';\r\n */\r\n\r\n // line#2\r\n const welcomePre = '';\r\n const welcomePost = '
';\r\n // line#1 + line#2\r\n\r\n this.userAndPageTitle.pageTitle = welcomePre + 'Welcome to Slakez!' + welcomePost;\r\n\r\n // line#3\r\n const gayPre = '';\r\n const gayPost = '';\r\n // line#1 + line#2 + line#3\r\n\r\n this.userAndPageTitle.pageTitle += gayPre + 'A new social networking app!' + gayPost;\r\n\r\n // debugger;\r\n EmitterSubjectService.emitUserAndPageTitle(this.userAndPageTitle);\r\n }\r\n /*\r\n * mouseEnter(page) {\r\n * setTimeout(() => {\r\n * this.router.navigate([page]);\r\n * }, 500);\r\n * }\r\n */\r\n\r\n onTap(event: any) { }\r\n /*\r\n * ---------------------------------------------------------------------------------\r\n * openModal() {\r\n * EmitterSubjectService.emitIsModal(true);\r\n * let inputs = {\r\n * isMobile : false\r\n * }\r\n * this.modalService.init(ModalDialogComponent, inputs, {});\r\n */\r\n\r\n /*\r\n * EmitterSubjectService.emitToggleModalDialog();\r\n * }\r\n */\r\n\r\n /*\r\n * closeModal() {\r\n * this.modalService.destroy();\r\n * EmitterSubjectService.emitIsModal(false);\r\n * EmitterSubjectService.emitToggleModalDialog();\r\n * }\r\n * ---------------------------------------------------------------------------------\r\n * toggleDialog() {\r\n * EmitterSubjectService.emitToggleModalDialog();\r\n * }\r\n * removeModal() {\r\n * this.modalService.destroy();\r\n * }\r\n * ---------------------------------------------------------------------------------\r\n */\r\n}\r\n","\r\n\r\n
\r\n
\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { StringServiceStatic } from '../../../services/staticServices/stringServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\n\r\n@Component({\r\n selector: 'app-left-right-logo-menu',\r\n templateUrl: './leftRightLogoMenu.component.html',\r\n styleUrls: [ './leftRightLogoMenu.component.scss' ],\r\n animations: [ Animations, slideInOutAnimation ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class LeftRightLogoMenuComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public redirectionService! : RedirectionService;\r\n public deviceInfo : any;\r\n private emitterDestroyed$ : Subject\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n 0\">\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n 0\" style=\"position: relative; display: flex; top: 0.15rem; width: 100%; height: 1.25rem; margin: 0; justify-content: center; padding: 0; z-index: 7; opacity: 1; background-color: transparent; \">\r\n\r\n \r\n
\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { TimerService } from '../../../services/coreServiceService/timerService.service';\r\nimport { BackgroundImageAnimationService } from '../../../services/rendererServiceService/backgroundImageAnimationService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { BreadcrumServiceStatic } from '../../../services/staticServices/breadcrumServiceStatic.service';\r\nimport { ScrollTopServiceStatic } from '../../../services/staticServices/commonStaticServices/scrollTopServiceStatic.service';\r\nimport { DefaultSetterServiceStatic } from '../../../services/staticServices/defaultSetterServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\n\r\n// ===========================================================================================================================\r\n// ----------------------------------------------------- \r\n// Login-Register-Nav-Header-Buttons-Management-System:\r\n// -----------------------------------------------------\r\n// Login-Register-Nav-Header-Buttons-Management-System is a system where the 'SignupFree', and 'Login' buttons at the\r\n// adjacent to the Logo of the application are controlled at LogRegButtonsAndArrows.Component via MessageEmitter emitted\r\n// from LandingPageComponent, LoginComponent, LogoComponent and RegisterComponet.\r\n//\r\n// MessageEmitter has a pattern of messages which the LogRegButtonsAndArrows.ts parses and determines the visibility state\r\n// of these two buttons.\r\n//\r\n// The visibility of these two button depends on the folloing conditions:\r\n// 1) default behavior of these buttons is to show/be visible at startup of the app\r\n// 2) if the 'Login' component is displayed by any of these following buttons the 'Login' button should disappear:\r\n// 2.1) by clicking the LogRegButtonsAndArrowsComponent.loginButton,\r\n// 2.2) LangingPageComponent.loginButton\r\n// 2.3 the X(close) button of RegisterComponent\r\n// 3) if the 'Register' component is displayed by any of these following buttons the 'Registe' button should disappear:\r\n// 2.1) by clicking the LogRegButtonsAndArrowsComponent.registerButton,\r\n// 2.2) LangingPageComponent.signupFreeButton\r\n// 2.3 the X(close) button of LoginComponent\r\n//\r\n// Both SignupFree button and Login button should display when LandingPage is displayed either initially or clicking the logo\r\n// subsequently at any time later.\r\n//\r\n// The messagees has the following patters:\r\n// 1) When loginComponent is displayed, it should send a message containing the word 'Register' in the message in order to display RegisterComponent:\r\n// Example: emitMessage('Register-component-display');\r\n// 2) When registerComponent is displayed, it should send a message containing the word 'Login' in the message in order to display LoginComponent:\r\n// Example: emitMessage('Login-component-display');\r\n// 3) When both login button and signUpFree button neds to be displayed, it should send a message containing the word 'Register' and 'Login',\r\n// in the message in order to display both SingupFree and Login button at the Header \r\n// Example: emitMessage('Register-Login-buttons-display');\r\n// \r\n// ===========================================================================================================================\r\n\r\n@Component({\r\n selector: 'app-log-reg-buttons-and-nav-arrows',\r\n templateUrl: './logRegButtonsAndNavArrows.component.html',\r\n styleUrls: [ './logRegButtonsAndNavArrows.component.scss' ],\r\n animations: [ Animations, slideInOutAnimation ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class LogRegButtonsAndNavArrowsComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public bias ! : BackgroundImageAnimationService;\r\n public redirectionService! : RedirectionService;\r\n public timerService! : TimerService;\r\n // ----------------------------------------------\r\n public breadcrumRing : ModuleComponentLoader[] = [];\r\n public breadCrmRngLength = 0;\r\n public currentUrl = '';\r\n public deviceInfo : any;\r\n private emitterDestroyed$ : Subject 0\" routerLink=\"\" routerLinkActive=\"active\" aria-expanded=\"true\"\r\n (click)=\"setRoute('register', loginSuccess.signedInUserId);\"\r\n class=\"hvr-underline-from-center whiteBlueInvSB increase\"\r\n [ngClass]=\"{'bttn-xxs-transparent':!isMobilevar, 'bttn-xs-transparent':isMobilevar}\"\r\n style=\"display: inline-block;\r\n height: 1.25rem;\r\n z-index: 9;\r\n width: 40%;\r\n right: 0.5rem;\r\n margin: 0 0.15rem 0 0.25rem;\r\n padding: 0.01rem 0.25rem 0.1rem 0.75rem;\">\r\n \r\n SignupFree\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n Login\r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { StringServiceStatic } from '../../../services/staticServices/stringServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\n\r\n@Component({\r\n selector: 'app-logo-menu',\r\n templateUrl: './logoMenu.component.html',\r\n styleUrls: [ './logoMenu.component.scss' ],\r\n animations: [ Animations, slideInOutAnimation ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class LogoMenuComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public redirectionService! : RedirectionService;\r\n public deviceInfo : any;\r\n private emitterDestroyed$ : Subject\r\n\r\n \r\n 0\" routerLink=\"\" routerLinkActive=\"active\" aria-expanded=\"true\"\r\n (click)=\"setRoute('register', loginSuccess.signedInUserId);\"\r\n class=\"hvr-underline-from-center whiteBlueInvSB increase\"\r\n [ngClass]=\"{'bttn-xxs-transparent':!isMobilevar, 'bttn-xs-transparent':isMobilevar}\"\r\n style=\"display: inline-block;\r\n height: 1.25rem;\r\n z-index: 9;\r\n width: 40%;\r\n right: 0.5rem;\r\n margin: 0 0.15rem 0 0.25rem;\r\n padding: 0.01rem 0.25rem 0.1rem 0.75rem;\">\r\n \r\n SignupFree\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n Login\r\n \r\n \r\n
\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { MessageModel } from '../../../models/common/messageModel.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { PagerPhotoMgmtService } from '../../../services/pagerServiceService/pagerPhotoMgmtService.service';\r\nimport { PagerServiceService } from '../../../services/pagerServiceService/pagerServiceService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\n\r\n@Component({\r\n selector: 'app-logo',\r\n templateUrl: './logo.component.html',\r\n styleUrls: [ './logo.component.scss' ],\r\n animations: [ Animations, slideInOutAnimation ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class LogoComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public redirectionService! : RedirectionService;\r\n public pagerPhotoMgmtService! : PagerPhotoMgmtService;\r\n public deviceInfo : any;\r\n private emitterDestroyed$ : Subject\r\n
","'use-strict'\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { MessageModel } from '../../../models/common/messageModel.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\n\r\n@Component({\r\n selector: 'app-message-board',\r\n templateUrl: './messageBoard.component.html',\r\n styleUrls: [ './messageBoard.component.scss' ],\r\n /*animations: [ Animations, slideInOutAnimation ],*/\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class MessageBoardComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public deviceInfo : any;\r\n private emitterDestroyed$ : Subject\r\n ![](\"/assets/photos/logo.png\")
\r\n
\r\n\r\n Slakez
\r\n - \r\n
- \r\n \r\n \r\n\r\n \r\n\r\n ?\r\n 0\" class=\"coinV neonProfName\">\r\n {{loginSuccess.profileName}}\r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n
- \r\n
- \r\n
- \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
- \r\n \r\n \r\n\r\n \r\n
![](\"/photos/profile.png\"\r\n)
\r\n \r\n \r\n\r\n - \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n Feature-name :\r\n \r\n {{appFeature.featureName}}\r\n \r\n
\r\n\r\n Premium (max):\r\n \r\n \r\n 0\" style=\"opacity:1;font-size:1rem;\">{{appFeature.maxPrimaryCount}}\r\n \r\n
\r\n\r\n Valued (max):\r\n \r\n \r\n 0\" style=\"opacity:1;font-size:1rem;\">{{appFeature.maxValuedCount}}\r\n \r\n
\r\n\r\n
\r\n Description: \r\n {{ appFeature.description}}\r\n
\r\n\r\n\r\n\r\n","\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { AppFeature } from '../../../models/common/appFeture.model';\r\nimport { Bool } from '../../../models/common/bool.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { KvAny } from '../../../models/keyValue/kvAny.model';\r\nimport { AppFeatureService } from '../../../services/appServiceService/appFeatureService.service';\r\nimport { AppServiceService } from '../../../services/appServiceService/appServiceService.service';\r\n// import { AppFeatureService } from '../../../services/appServiceService/appFeatureService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\nimport { ScrollTopServiceStatic } from '../../../services/staticServices/commonStaticServices/scrollTopServiceStatic.service';\r\n\r\n@Component({\r\n selector: 'app-feature',\r\n templateUrl: './appFeature.component.html',\r\n styleUrls: ['./appFeature.component.scss'],\r\n animations: [ Animations, slideInOutAnimation],\r\n changeDetection: ChangeDetectionStrategy.OnPush, // default //\r\n})\r\nexport class AppFeatureComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public appFeatureService!: AppFeatureService;\r\n // public gestureService: GestureService;\r\n // -----------------------------------------------\r\n private emitterDestroyed$: Subject
- \r\n
- \r\n \r\n
\r\n 0\" style=\"float: left;\">\r\n {{kvLegend[0]}}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n - \r\n
- \r\n
- \r\n \r\n\r\n
\r\n \r\n
\r\n - \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n","'use-strict'\nimport { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'arrayPipe'\n})\nexport class ArrayPipe implements PipeTransform {\n\n transform ( arr : any[] )\n {\n return arr.map( value =>\n {\n alert( 'value.toString()=>' + value.toString() );\n return value;\n } );\n }\n\n}\n","'use-strict'\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { Subject } from 'rxjs';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { EmitCheckboxResult } from '../../../models/common/emitCheckboxResult.model';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\n\r\n@Component({\r\n selector: 'app-check-button',\r\n templateUrl: './checkButton.component.html',\r\n styleUrls: [ './checkButton.component.scss' ],\r\n animations: [ Animations, slideInOutAnimation ],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CheckButtonComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n @Input() checkboxArr : string[] = [];\r\n @Input() checkboxLegend = '';\r\n @Input() checkboxName = '';\r\n @Input() isFormSubmitted = false;\r\n @Input() minRequired = 0;\r\n @Input() selectedChkBoxArr : string[] = []; // needed to maintain checked-status\r\n public checkboxForm! : FormGroup;\r\n public checkboxResult : EmitCheckboxResult = new EmitCheckboxResult();\r\n private emitterDestroyed$ : Subject\r\n
\r\n\r\n Card Holder Explanation:
\r\n 0\" class=\"flex-container\">\r\n
\r\n \r\n\r\n \r\n \r\n {{message}}\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n Name: {{address.firstName}} {{address.lastName}}
\r\n Address: {{address.addressStr}}
\r\n City: {{address.city}}
\r\n State/Province: {{address.state}}
\r\n Country: {{address.country}}
\r\n Zip/Postal Code: {{address.zipCode}}
\r\n Email ( ): {{address.email}}
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n","'use-strict'\r\nimport {\r\n AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit\r\n} from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { Subject } from 'rxjs';\r\nimport { Register } from '../../../models/account/register.model';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\n\r\n// ref: https://coryrylan.com/blog/using-html5-date-input-with-date-objects-and-angular\r\n\r\n@Component({\r\n selector: 'app-date-input',\r\n templateUrl: './dateInput.component.html',\r\n styleUrls: ['./dateInput.component.scss'],\r\n // 1)OnPush->requires an Observable to refresh the view; 2)Default->automatic refresh\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\n\r\nexport class DateInputComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n private emitterDestroyed$: Subject\r\n \r\n {{checkboxName}} is required, please select at leaset one value.\r\n \r\n
\r\n\r\n \r\n
\r\n","'use-strict'\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { RouterModule } from '@angular/router';\r\nimport { AddressComponent } from './address/address.component';\r\nimport { ArrayPipe } from './array-pipe.pipe';\r\nimport { CheckButtonComponent } from './checkButton/checkButton.component';\r\nimport { DateInputComponent } from './dateInput/dateInput.component';\r\nimport { AppSideBarDirective } from './directives/appsidebar.directive';\r\n// import { DirectiveFilterPipeRoutingModule } from './directiveFilterPipe-routing.module';\r\nimport { CenterXDirective } from './directives/centerX.directive';\r\nimport { DateInputFormControlDirective } from './directives/dateInputFormControl.directive';\r\nimport { DisableElemDirective } from './directives/disableElem.directive';\r\nimport { ExpandMenuDirective } from './directives/expandMenu.directive';\r\nimport { ExpandMenuHomeDirective } from './directives/expandMenuHome.directive';\r\nimport { CheckPasswordDirective } from './directives/password.directive';\r\nimport { RefDirective } from './directives/ref.directive';\r\nimport { DisableScrollComponent } from './disableScroll/disableScroll.component';\r\nimport { DistanceComponent } from './distance/distance.component';\r\n// import { GestureDirective } from './directives/gestureDirective.directive';\r\n// import { GestureService } from '../../services/appServiceService/gestureService.service';\r\nimport { DropdownBoxComponent } from './dropdownBox/dropdownBox.component';\r\nimport { LogPipe } from './filters/logPipe';\r\nimport { ProfileTilesPipe } from './filters/profileTiles.pipe';\r\nimport { SafeFilterPipe } from './filters/safeFilter.pipe';\r\nimport { SafeKvPipe } from './filters/safeKv.pipe';\r\nimport { Safe } from './filters/safePipe.pipe';\r\nimport { TextFilterPipe } from './filters/textFilter.pipe';\r\nimport { ToNumberPipe } from './filters/toNumber.pipe';\r\nimport { UpgradedTilesPipe } from './filters/upgradedTiles.pipe';\r\nimport { IncrementorComponent } from './incrementor/incrementor.component';\r\nimport { OffOnComponent } from './offOn/offOn.component';\r\nimport { PageNameComponent } from './pageName/pageName.component';\r\nimport { ProfileNameComponent } from './profileName/profileName.component';\r\nimport { RadioBoxComponent } from './radioBox/radioBox.component';\r\nimport { OffOnProfileNameComponent } from './offOnProfileName/offOnProfileName.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n AddressComponent,\r\n AppSideBarDirective,\r\n ArrayPipe,\r\n CheckButtonComponent,\r\n CenterXDirective,\r\n DateInputComponent,\r\n DateInputFormControlDirective,\r\n DisableElemDirective,\r\n DisableScrollComponent,\r\n DistanceComponent,\r\n DropdownBoxComponent,\r\n ExpandMenuDirective,\r\n ExpandMenuHomeDirective,\r\n IncrementorComponent,\r\n LogPipe,\r\n OffOnComponent,\r\n CheckPasswordDirective,\r\n PageNameComponent,\r\n ProfileNameComponent,\r\n ProfileTilesPipe,\r\n RadioBoxComponent,\r\n RefDirective,\r\n SafeKvPipe,\r\n Safe,\r\n SafeFilterPipe,\r\n TextFilterPipe,\r\n ToNumberPipe,\r\n UpgradedTilesPipe,\r\n OffOnProfileNameComponent,\r\n ],\r\n imports: [ CommonModule, FormsModule, RouterModule, ],\r\n exports: [\r\n AddressComponent,\r\n AppSideBarDirective,\r\n ArrayPipe,\r\n CheckButtonComponent,\r\n CenterXDirective,\r\n DateInputComponent,\r\n DateInputFormControlDirective,\r\n DisableElemDirective,\r\n DisableScrollComponent,\r\n DistanceComponent,\r\n DropdownBoxComponent,\r\n ExpandMenuDirective,\r\n ExpandMenuHomeDirective,\r\n IncrementorComponent,\r\n LogPipe,\r\n OffOnComponent,\r\n OffOnProfileNameComponent,\r\n PageNameComponent,\r\n ProfileNameComponent,\r\n ProfileTilesPipe,\r\n RadioBoxComponent,\r\n RefDirective,\r\n Safe,\r\n SafeFilterPipe,\r\n SafeKvPipe,\r\n TextFilterPipe,\r\n ToNumberPipe,\r\n UpgradedTilesPipe ],\r\n\r\n providers: [\r\n { provide: AppSideBarDirective },\r\n { provide: ArrayPipe },\r\n { provide: CenterXDirective }, // horizontally self-centering-pipe\r\n { provide: ExpandMenuDirective },\r\n { provide: ExpandMenuHomeDirective },\r\n { provide: DateInputFormControlDirective },\r\n { provide: DisableElemDirective },\r\n { provide: LogPipe },\r\n { provide: ProfileTilesPipe },\r\n { provide: RefDirective },\r\n { provide: Safe },\r\n { provide: SafeFilterPipe },\r\n { provide: SafeKvPipe },\r\n { provide: TextFilterPipe },\r\n { provide: ToNumberPipe },\r\n { provide: UpgradedTilesPipe },\r\n ],\r\n})\r\nexport class DirectiveFilterPipeModule { }\r\n","'use-strict'\r\nimport { Directive, HostBinding, HostListener } from '@angular/core';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\n\r\n@Directive({\r\n selector: '[app-sidebar]',\r\n exportAs: 'appSidebar',\r\n})\r\nexport class AppSideBarDirective {\r\n private count = 0;\r\n @HostBinding('class.is-open') click = false;\r\n /*@HostBinding('class.is-open') swipe = false;*/\r\n private mc : any;\r\n constructor () {\r\n // -------------------------------------------------------------------------\r\n EmitterSubjectService.gestureEmitter.subscribe((result) => {\r\n // debugger;\r\n this.click = !this.click;\r\n\r\n });\r\n EmitterSubjectService.closeSidebarEmitter.subscribe((result) => {\r\n // debugger;\r\n if (this.click) {\r\n this.click = !this.click;\r\n }\r\n else {\r\n ;// do nothing; \r\n }\r\n });\r\n }\r\n @HostListener('click') close () {\r\n if (this.click) {\r\n this.click = !this.click;\r\n }\r\n else {\r\n ;// do nothing; \r\n }\r\n }\r\n\r\n @HostListener('click') onClic () {\r\n // debugger;\r\n this.click = !this.click;\r\n /*this.swipe = !this.swipe;*/\r\n /*\r\n * this.count++;\r\n * if (this.count % 2 == 0) {\r\n * this.click = !this.click;\r\n * this.count = 0;\r\n * }\r\n */\r\n }\r\n}\r\n","'use-strict'\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { Directive, Inject, Input, OnInit, Renderer2 } from '@angular/core';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\n\r\n/*\r\n* // Author: Sayeed Rahman\r\n* // Date: 2021/03/15, 8:17pm, Ottawa, ON, Canada\r\n* // CopyRight (C).\r\n*/\r\n\r\n@Directive( {\r\n selector: '[appCenterX]',\r\n exportAs: 'centerX',\r\n} )\r\nexport class CenterXDirective implements OnInit\r\n{\r\n public childElemId = '';\r\n // ----------------------------------------------------------------------------------------------------------------------\r\n // Note: this myId input array shpuld contain at most two values:\r\n // 1. the target element's id\r\n // 2. an optional isScreen==parentElement? boolean value\r\n // 2.a isScreent == true, then the parent element of the target element is the width of the device\r\n // 2.b isScreen == false, then the parent element of the target element is not the window element.\r\n // Note: there can be only one value provided to this directive, in which case it assumes that the iScreen == false.\r\n // ----------------------------------------------------------------------------------------------------------------------\r\n @Input() myId : any[] = [];\r\n\r\n public renderer! : Renderer2;\r\n constructor (\r\n private rendererServiceService : RendererServiceService,\r\n public rendererService : RendererService,\r\n @Inject( DOCUMENT ) document: any,\r\n @Inject( Window ) window: any )\r\n {\r\n if ( this.rendererServiceService )\r\n {\r\n this.rendererService = this.rendererServiceService.getRendererService() as RendererService;\r\n\r\n }\r\n if ( this.rendererService )\r\n {\r\n this.renderer = this.rendererService.getRenderer();\r\n }\r\n }\r\n\r\n ngOnInit ()\r\n {\r\n debugger;\r\n if ( !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( this.myId ) && this.myId.length > 0)\r\n {\r\n this.centerSelf( this.myId[0] );\r\n }\r\n }\r\n public centerSelf ( myId : any[] ) : any\r\n {\r\n let childElemWidth : any;\r\n let parentElem : any;\r\n let parentElemWidth : any;\r\n if ( !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( myId ) && myId.length > 0)\r\n {\r\n let childElem = document.getElementById( myId[0] ) as HTMLElement;\r\n\r\n if ( this.myId.length > 1 )\r\n {\r\n if ( this.myId[ 1 ] === true )\r\n {\r\n parentElemWidth = window.innerWidth;\r\n }\r\n else if ( !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( childElem ) )\r\n {\r\n parentElem = childElem.parentElement;\r\n if ( !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( parentElem ) )\r\n {\r\n parentElemWidth = parentElem.style.width;\r\n }\r\n }\r\n }\r\n else\r\n {\r\n this.childElemId = this.myId[ 0 ];\r\n\r\n if ( !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( this.childElemId ) )\r\n {\r\n childElem = document.getElementById( this.childElemId ) as HTMLElement;\r\n\r\n if ( !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( childElem ) )\r\n {\r\n parentElem = childElem.parentElement;\r\n if ( !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( parentElem ) )\r\n {\r\n parentElemWidth = parentElem?.style.width; // or parentElem.clientWidth;\r\n }\r\n }\r\n }\r\n }\r\n if ( !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( childElem ) )\r\n {\r\n childElemWidth = childElem?.style.width;\r\n }\r\n\r\n if ( !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( parentElemWidth ) && parentElemWidth > 0\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( childElemWidth ) && childElemWidth > 0 )\r\n {\r\n const diff = parentElemWidth / 2 - childElemWidth / 2;\r\n\r\n this.renderer?.setStyle( childElem, 'margin-left', diff );\r\n this.renderer?.setStyle( childElem, 'margin-right', diff );\r\n }\r\n childElem.remove();\r\n }\r\n }\r\n}\r\n","import { Directive, ElementRef, forwardRef, HostListener, Renderer2 } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n// ref: https://coryrylan.com/blog/using-html5-date-input-with-date-objects-and-angular\r\n@Directive({\r\n selector: 'input[type=date][ngModel], input[type=date][formControl]',\r\n providers: [ {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => DateInputFormControlDirective),\r\n multi: true\r\n } ]\r\n})\r\nexport class DateInputFormControlDirective implements ControlValueAccessor {\r\n @HostListener('show', []) onTouched : any = () => { };\r\n @HostListener('input', [ '$event' ]) onChange : any = () => { };\r\n\r\n private valueType : 'value' | 'valueAsDate' = 'value';\r\n\r\n constructor (private renderer : Renderer2, private elementRef : ElementRef) { }\r\n\r\n registerOnTouched (fn : () => void) { this.onTouched = fn; }\r\n\r\n registerOnChange (fn : (value : any) => void) {\r\n this.onChange = (event : any) => fn(event.target[ this.valueType ])\r\n }\r\n\r\n writeValue (value : Date | string) {\r\n this.valueType = typeof value === 'string' ? 'value' : 'valueAsDate';\r\n this.renderer.setProperty(this.elementRef.nativeElement, this.valueType, value);\r\n }\r\n}","//ref: https://stackoverflow.com/questions/50798383/button-directive-to-bind-disable-attribute-via-input-in-angular\r\n'use-strict'\r\nimport { Directive, ElementRef, Input, OnChanges, OnInit, Renderer2 } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[appDisableElem]',\r\n})\r\nexport class DisableElemDirective implements OnInit, OnChanges {\r\n @Input() isDisable! : boolean;\r\n\r\n constructor (private renderer : Renderer2, private el : ElementRef) { }\r\n\r\n ngOnInit () {\r\n // debugger;\r\n this.renderer.setAttribute(this.el.nativeElement, 'disabled', this.isDisable ? 'disabled' : '');\r\n }\r\n ngOnChanges () {\r\n this.renderer.setAttribute(this.el.nativeElement, 'disabled', this.isDisable ? 'disabled' : '');\r\n }\r\n}\r\n","'use-strict'\nimport { Directive, HostBinding, HostListener, Input } from '@angular/core';\n\n@Directive({\n selector: '[appExpandMenu]',\n exportAs: 'appExpandMenu',\n})\nexport class ExpandMenuDirective {\n @HostBinding('class.active') isOpen = false;\n constructor() { }\n\n @HostListener('click') toggleOpen() {\n this.isOpen = !this.isOpen;\n }\n}\n// ref:https://medium.com/@alok.lko631/submenu-or-dropdown-menu-without-jquery-in-angular-2-4-5-6-using-only-bootstrap-and-custom-fd716db511be\n","'use-strict'\nimport { Directive, HostBinding, HostListener, Input } from '@angular/core';\n\n@Directive({\n selector: '[appExpandMenuHome]',\n exportAs: 'appExpandMenuHome',\n})\nexport class ExpandMenuHomeDirective {\n @HostBinding('class.active') isOpen = false;\n\n constructor() { }\n\n @HostListener('click') toggleOpen() {\n this.isOpen = !this.isOpen;\n }\n}\n// ref:https:// medium.com/@alok.lko631/submenu-or-dropdown-menu-without-jquery-in-angular-2-4-5-6-using-only-bootstrap-and-custom-fd716db511be\n","'use-strict'\r\nimport { Directive } from '@angular/core';\r\nimport { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, Validator, ValidatorFn } from \"@angular/forms\";\r\n\r\n// ref: https://www.htmlelements.com/docs/angular-template-driven-forms-validator/\r\n\r\n\r\nfunction validatePassword () : ValidatorFn {\r\n return (control : AbstractControl) => {\r\n let isValid = false;\r\n if (control && control instanceof FormGroup) {\r\n let group = control as FormGroup;\r\n if (group.controls[ 'passwordA' ] && group.controls[ 'passwordB' ]) {\r\n isValid = group.controls[ 'passwordA' ].value == group.controls[ 'passwordB' ].value;\r\n }\r\n }\r\n if (isValid) {\r\n return null;\r\n } else {\r\n return { 'passwordCheck': 'failed' }\r\n }\r\n }\r\n}\r\n\r\n@Directive({\r\n selector: '[appCheckPassword]',\r\n providers: [ { provide: NG_VALIDATORS, useExisting: CheckPasswordDirective, multi: true } ]\r\n})\r\nexport class CheckPasswordDirective implements Validator {\r\n private valFn;\r\n\r\n constructor () {\r\n this.valFn = validatePassword();\r\n }\r\n\r\n validate (c : AbstractControl) : ValidationErrors | null {\r\n return this.valFn(c);\r\n }\r\n\r\n}\r\n","'use-strict'\r\nimport { Directive, HostBinding, HostListener } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[ref]',\r\n exportAs: 'ref',\r\n})\r\nexport class RefDirective {\r\n private count = 0;\r\n @HostBinding('class.is-open') click = false;\r\n constructor() { }\r\n\r\n @HostListener('click') onClic () {\r\n // debugger;\r\n this.click = !this.click;\r\n /*\r\n * this.count++;\r\n * if (this.count % 2 == 0) {\r\n * this.click = !this.click;\r\n * this.count = 0;\r\n * }\r\n */\r\n }\r\n}\r\n","'use-strict'\r\nimport { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\n\r\n\r\n@Component({\r\n selector: 'app-disable-scroll',\r\n templateUrl: './disableScroll.component.html',\r\n styleUrls: ['./disableScroll.component.scss'],\r\n})\r\nexport class DisableScrollComponent implements OnInit, OnDestroy {\r\n public body_el : any;\r\n private emitterDestroyed$: Subject\r\n \r\n
\r\n\r\n","'use-strict'\r\nimport {\r\n AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component,\r\n ElementRef, Input, OnDestroy, OnInit, ViewChild\r\n} from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Observable, Subject, takeUntil } from 'rxjs';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { Heartbeat } from '../../../models/common/heartbeat.model';\r\nimport { Unit } from '../../../models/common/unit.model';\r\nimport { ProfileTile } from '../../../models/profile/profileTile.model';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { SitUserService } from '../../../services/commonServiceService/sitUserService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { HeartbeatService } from '../../../services/coreServiceService/heartbeatService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { StringServiceStatic } from '../../../services/staticServices/stringServiceStatic.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-distance',\r\n templateUrl: './distance.component.html',\r\n styleUrls: ['./distance.component.scss'],\r\n // 1)OnPush->requires an Observable to refresh the view; 2)Default->automatic refresh\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\n\r\nexport class DistanceComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public heartbeatService! : HeartbeatService;\r\n public sitUserService! : SitUserService;\r\n private emitterDestroyed$: Subject= 0\"\r\n id=\"distanceComponentId\"\r\n #distanceunit\r\n class=\"profileName text-left decrease\"\r\n style=\"font-size:0.65rem;font-weight:bold;display:inline;\">\r\n {{distanceUnit?.distance | toNumber | number:'1.2-2'}} {{distanceUnit?.unit}}\r\n 0\"\r\n style=\"width: auto; font-size: 0.65rem; font-weight: bold; display: inline;\"\r\n [innerHTML]=\"profileTile?.distanceStr | safe : 'html'\">\r\n {{ profileTile?.distanceStr }}\r\n \r\n
\r\n\r\n\r\n {{distanceUnit?.unit}}\r\n 0\"\r\n style=\"width: auto; font-size: 0.65rem; font-weight: bold; display: inline;\"\r\n [innerHTML]=\"profileTile?.distanceStr | safe : 'html'\">\r\n {{ profileTile?.distanceStr }}\r\n \r\n
\r\n","'use-strict'\r\n// Ref:https://medium.com/@Idan_Co/angular-print-service-290651c721f9\r\nimport { Component, OnInit, Input, OnDestroy, AfterViewInit } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { EmitDropDownResult } from '../../../models/common/emitDropDownResult.model';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\n\r\n@Component({\r\n selector: 'app-dropdown-box',\r\n templateUrl: './dropdownBox.component.html',\r\n styleUrls: ['./dropdownBox.component.scss'],\r\n})\r\nexport class DropdownBoxComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public dropdownBoxResult = new EmitDropDownResult();\r\n private emitterDestroyed$ : Subject- \r\n
- \r\n \r\n \r\n
amount = { { amount | toNumber | number: '1.2-2' } }
\n *\r\n\r\n \r\n \r\n 3 && pageSize < 11\"\r\n (click)=\"onPageSizeChange($event, 'down');\"\r\n class=\"glyphicon glyphicon-minus-sign hvr-icon grnDrkRedB smallerPrimary increase text-center\"\r\n style=\"width: 1.45rem; height: 1.45rem; margin: 0.05em; padding: 0.05rem; border-radius: 100%; float: left; justify-content: center; border: 2px solid gold; font-size:1.25rem;\" aria-hidden=\"true\">\r\n \r\n\r\n \r\n pics per page: {{pageSize}}\r\n \r\n\r\n \r\n \r\n = 3 && pageSize < 10\"\r\n (click)=\"onPageSizeChange($event, 'up');\"\r\n class=\"glyphicon glyphicon-plus-sign hvr-icon grnDrkRedB smallerPrimary increase text-center\"\r\n style=\"width: 1.45rem; height: 1.45rem; margin: 0.05rem; padding: 0.05rem; border-radius: 100%; float: right; border: 2px solid gold; font-size: 1.25rem;\" aria-hidden=\"true\">\r\n \r\n
\r\n\r\n\r\n","'use-strict'\r\nimport {\r\n AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component,\r\n ElementRef,\r\n Inject, Input, OnDestroy, OnInit, Renderer2, ViewChild\r\n} from '@angular/core';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { Heartbeat } from '../../../models/common/heartbeat.model';\r\nimport { OffOn } from '../../../models/offOn/offOn.model';\r\nimport { ProfileTile } from '../../../models/profile/profileTile.model';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { HttpService } from '../../../services/coreServiceService/httpService.service';\r\nimport { MemberServiceService } from '../../../services/memberServiceService/memberServiceService.service';\r\nimport { ProfileServiceService } from '../../../services/profileServiceService/profileServiceService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { CopyServiceStatic } from '../../../services/staticServices/commonStaticServices/copyServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { OffOnService } from '../../../services/coreServiceService/offOnService';\r\nimport { StringServiceStatic } from '../../../services/staticServices/stringServiceStatic.service';\r\nimport { ProfileNameService } from '../../../services/profileServiceService/profileNameService.service';\r\n\r\n\r\n// *****************************************************************************************\r\n// ref:1) https:// www.positronx.io/angular-checkbox-tutorial/\r\n// ref:2) https:// www.sitepoint.com/replacing-radio-buttons-without-replacing-radio-buttons/\r\n//\r\n// *****************************************************************************************\r\n// Note: The offOn indicator variables are moved to ProfileTile from component.\r\n// TODO: Once the heatrbeat-systems is complete, this component need to be updated.\r\n// *****************************************************************************************\r\n\r\n@Component({\r\n selector: 'app-off-on-profile-name',\r\n templateUrl: './offOnProfileName.component.html',\r\n styleUrls: ['./offOnProfileName.component.scss'],\r\n // 1)OnPush->requires an Observable to refresh the view; 2)Default->automatic refresh\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\n\r\nexport class OffOnProfileNameComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public httpService! : HttpService;\r\n public offOnService! : OffOnService;\r\n public profileNameService! : ProfileNameService;\r\n public rendererService!: RendererService;\r\n public renderer: Renderer2;\r\n private emitterDestroyed$: Subject\r\n
","'use-strict'\r\nimport {\r\n AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component,\r\n ElementRef, Input, OnDestroy, OnInit, Renderer2, ViewChild\r\n} from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Observable, Subject, takeUntil } from 'rxjs';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { Heartbeat } from '../../../models/common/heartbeat.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { KvPhoto } from '../../../models/keyValue/kvPhoto.model';\r\nimport { ProfileInfo } from '../../../models/profile/profileInfo.model';\r\nimport { ProfileTile } from '../../../models/profile/profileTile.model';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { SignedInUserService } from '../../../services/commonServiceService/signedInUserService.service';\r\nimport { SitUserService } from '../../../services/commonServiceService/sitUserService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { HttpService } from '../../../services/coreServiceService/httpService.service';\r\nimport { ProfileNameService } from '../../../services/profileServiceService/profileNameService.service';\r\nimport { ProfileServiceService } from '../../../services/profileServiceService/profileServiceService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { ModuleComponentLoaderServiceStatic } from '../../../services/staticServices/commonStaticServices/moduleComponentLoaderServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\n\r\n// TODO: create a new service named ProfileNameService!! \r\n\r\n@Component({\r\n selector: 'app-profile-name',\r\n templateUrl: './profileName.component.html',\r\n styleUrls: [ './profileName.component.scss' ],\r\n // 1)OnPush->requires an Observable to refresh the view; 2)Default->automatic refresh\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\n\r\nexport class ProfileNameComponent implements OnInit, OnDestroy, AfterViewInit {\r\n public httpService! : HttpService;\r\n public profileNameService! : ProfileNameService;\r\n public redirectionService! : RedirectionService;\r\n public rendererService! : RendererService;\r\n public renderer : Renderer2;\r\n public sitUserService! : SitUserService;\r\n public signedInUserService! : SignedInUserService;\r\n private emitterDestroyed$ : Subject 0\"\r\n [@slide-X]\r\n (onmouseover)=\"isMouseIn=true;\"\r\n class=\"flex-button text-center whiteBlueInvB\"\r\n style=\"will-change: transform;width: 5rem; line-height: 0.8rem; height: 1.9rem; font-size: 17px; background-color: transparent; padding: 0.05rem;margin-left: -0.25rem;opacity: 1;z-index:12; \"\r\n [innerHTML]=\"pageTitle | safe: 'html'\">\r\n {{pageTitle}}\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n","'use-strict'\nimport { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'app-image-upload',\n templateUrl: './imageUploadModule.component.html',\n styleUrls: ['./imageUploadModule.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ImageUploadModuleComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\r\n {{radioboxName}} is required, please select at leaset one value.\r\n
\r\n\n
\n","'use-strict'\r\nimport { animate, style, transition, trigger } from '@angular/animations';\r\nimport { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { BoxNonceEntity } from '../../../models/boxNonce/boxNonceEntity.model';\r\nimport { ChatFileUpload } from '../../../models/chat/chatFileUpload.model';\r\nimport { Content } from '../../../models/common/content.model';\r\nimport { ProfilePics } from '../../../models/profile/profilePics.model';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { SignedInUserService } from '../../../services/commonServiceService/signedInUserService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { HttpService } from '../../../services/coreServiceService/httpService.service';\r\nimport { CopyServiceStatic } from '../../../services/staticServices/commonStaticServices/copyServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { UploadServiceStatic } from '../../../services/staticServices/uploadServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\nimport { Login } from '../../../models/account/login.model';\r\n\r\nconst URL = '/FileUpload/ProfilePhotoUpload';\r\n\r\n@Component({\r\n selector: 'app-file-upload',\r\n templateUrl: './fileUpload.component.html',\r\n styleUrls: [ './fileUpload.component.scss' ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n\r\n animations: [ Animations, slideInOutAnimation,\r\n trigger('growUp', [\r\n transition(':enter', [\r\n style({ transform: 'translateY(275%) scale(0.1)' }),\r\n // style({ transform: 'scale(0.1)'}),\r\n animate('700ms ease-in', style({ transform: 'translateY(0%) scale(1)' })),\r\n // animate('500ms ease-in', style({ transform: 'scale(1)' }))\r\n ]),\r\n transition(':leave', [\r\n animate('700ms ease-in', style({ transform: 'translateX(275%) scale(0.1)' })),\r\n // animate('500ms ease-in', style({ transform: 'scale(0.1)' }))\r\n ]),\r\n ]),\r\n trigger('growXshrink', [\r\n transition(':enter', [ style({ transform: 'translateX(275%) scale(0.1)' }),\r\n animate('500ms ease-in-out', style({ transform: 'translateX(0%)' })),\r\n animate('500ms ease-in', style({ transform: 'scale(1)' })) ]),\r\n transition(':leave', [ animate('500ms ease-in-out', style({ transform: 'translateX(275%)' })),\r\n animate('500ms ease-in', style({ transform: 'scale(0.1)' })) ]),\r\n ]),\r\n ],\r\n // attach the slide in/out animation to the host (root) element of this component\r\n host: { '[@slideInOutAnimation]': '' }\r\n})\r\nexport class FileUploadComponent implements OnInit, OnDestroy, AfterViewInit {\r\n public httpService! : HttpService;\r\n public signedInUserService! : SignedInUserService;\r\n // ----------------------------------------------------------\r\n public boxNonceEntity : BoxNonceEntity = new BoxNonceEntity();\r\n public buffer: any[] = [];\r\n @Input() content : Content = new Content();\r\n private emitterDestroyed$: Subject\r\n
\r\n \r\n \r\n","import { HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';\r\nimport { Observable, Subject, takeUntil } from 'rxjs';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { Bool } from '../../../models/common/bool.model';\r\nimport { PhotoBn } from '../../../models/common/photoBn.model';\r\nimport { KvPhoto } from '../../../models/keyValue/kvPhoto.model';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { HttpService } from '../../../services/coreServiceService/httpService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { JsRegExpServiceStatic } from '../../../services/staticServices/jsRegExpServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\nimport { ImageUploadService } from './services/imageUpload.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { Router } from '@angular/router';\r\nimport { StringServiceStatic } from '../../../services/staticServices/stringServiceStatic.service';\r\nimport { DictionaryService } from '../../../services/dictionaryServiceService/dictionaryService.service';\r\nimport { DictionaryServiceService } from '../../../services/dictionaryServiceService/dictionaryServiceService.service';\r\nimport { DbDexieToDictionaryService } from '../../../services/dbServiceService/dbDexieToDictionaryService.service';\r\nimport { DbServiceService } from '../../../services/dbServiceService/dbServiceService.service';\r\n\r\n@Component({\r\n selector: 'app-image-upload',\r\n templateUrl: './image-upload.component.html',\r\n styleUrls: ['./image-upload.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n animations: [ Animations, slideInOutAnimation ],\r\n\r\n // attach the slide in/out animation to the host (root) element of this component\r\n host: { '[@slideInOutAnimation]': '' }\r\n})\r\nexport class ImageUploadComponent {\r\n public dictionaryService! : DictionaryService;\r\n public dbDexieToDictionaryService! : DbDexieToDictionaryService;\r\n public redirectionService! : RedirectionService;\r\n public currentFile ?: File;\r\n private emitterDestroyed$ : Subject\r\n \r\n
\r\n 0\" class=\"flex-container notexS\">\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n 0\" class=\"flex-button nvyxSB\"\r\n style=\"text-shadow: 0 -.1em .1em white;\r\n width: 100%;\r\n margin: 0.5rem;\">\r\n Selected File(s) :
\r\n {{f.name}}
\r\n \r\n\t
\r\n\r\n\r\n\t\t\r\n\t
\r\n\r\n\t\r\n\t\t\r\n\t\t\r\n\t
\r\n\r\n\t\r\n
\r\n\r\n\r\n\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpRequest, HttpEvent } from '@angular/common/http';\r\nimport { Observable, Subject, takeUntil } from 'rxjs';\r\nimport { HttpService } from '../../../../services/coreServiceService/httpService.service';\r\nimport { EmitterSubjectService } from '../../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { LoginSuccess } from '../../../../models/account/loginSuccess.model';\r\nimport { BoxNonceEntity } from '../../../../models/boxNonce/boxNonceEntity.model';\r\nimport { SlakezSaltServiceStatic } from '../../../../services/staticServices/commonStaticServices/slakezSaltServiceStatic.service';\r\nimport { StringServiceStatic } from '../../../../services/staticServices/stringServiceStatic.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\n\r\n@Injectable({\r\n providedIn: 'any'\r\n})\r\nexport class ImageUploadService {\r\n // private baseUrl = 'http://localhost:44334';\r\n private emitterDestroyed$ : Subject 0\"\r\n id=\"imageUploadComponentId\"\r\n align=\"center\"\r\n style=\"margin: 0.5rem 0; width: 100%;\"\r\n [@growXshrink] class=\"flex-container\"\r\n [ngStyle]=\"{'margin-top': 'marginTop'}\">\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","'use-strict'\r\nimport {\r\n AfterViewInit, ChangeDetectorRef, Component, ComponentFactoryResolver, ElementRef,\r\n Input, OnDestroy, OnInit, ViewChild, ViewContainerRef\r\n} from '@angular/core';\r\nimport { Router, RouterOutlet } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-key-value-module-component',\r\n templateUrl: './keyValueModule.component.html',\r\n styleUrls: ['./keyValueModule.component.scss'],\r\n})\r\nexport class KeyValueModuleComponent implements OnInit, OnDestroy, AfterViewInit {\r\n // ref:https:// medium.com/angular-in-depth/lazy-loading-\r\n @ViewChild('anchor', { read: ViewContainerRef }) keyValueAnchor!: ViewContainerRef;\r\n private activeComponentIds: string[] = [];\r\n private emitterDestroyed$: Subject 0\" class=\"flex-item-plain notexS\">\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n Upload Pictures:\r\n
\r\n\r\n \n
\n \n
\n\n","'use-strict'\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { Bool } from '../../../models/common/bool.model';\r\nimport { Content } from '../../../models/common/content.model';\r\nimport { KeyValueResult } from '../../../models/keyValue/keyValueResult.model';\r\nimport { KvAny } from '../../../models/keyValue/kvAny.model';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { ProfileContentService } from '../../../services/profileServiceService/profileContentService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\nimport { DbServiceService } from '../../../services/dbServiceService/dbServiceService.service';\r\nimport { DictionaryService } from '../../../services/dictionaryServiceService/dictionaryService.service';\r\nimport { DbDexieToDictionaryService } from '../../../services/dbServiceService/dbDexieToDictionaryService.service';\r\nimport { DictionaryServiceService } from '../../../services/dictionaryServiceService/dictionaryServiceService.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { KvArrayService } from '../../../services/coreServiceService/kvArrayService.service';\r\nimport { DateStringServiceStatic } from '../../../services/staticServices/commonStaticServices/dateStringServiceStatic.service';\r\nimport { StringServiceStatic } from '../../../services/staticServices/stringServiceStatic.service';\r\n\r\n@Component({\r\n selector: 'app-content-key-value-arr',\r\n templateUrl: './contentKeyValueArr.component.html',\r\n styleUrls: [ './contentKeyValueArr.component.scss' ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n animations: [\r\n Animations, slideInOutAnimation\r\n ],\r\n})\r\nexport class ContentKeyValueArrComponent implements OnInit, OnDestroy {\r\n public dictionaryService! : DictionaryService;\r\n public dbDexieToDictionaryService! : DbDexieToDictionaryService;\r\n public kvArrayService! : KvArrayService;\r\n @Input() contentKvAnyArr: KvAny[] = [];\r\n @Input() kvAnyLegend = '';\r\n @Input() kvAnyName = '';\r\n @Input() isFormSubmitted = false;\r\n @Input() isRequired = false;\r\n public kvArrForm!: FormGroup;\r\n public kvArrResult: KeyValueResult = new KeyValueResult();\r\n private emitterDestroyed$: Subject\n \n
- \r\n
- \r\n \r\n
\r\n 0\" style=\"float: left; opacity: 1; font-size: 13px; font-weight:bold;\">\r\n {{kvAnyName}}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n - \r\n
- \r\n
- \r\n 0\" class=\"kvBttnSk\">\r\n {{kvAnyLegend}}\r\n *\r\n\r\n0\">\r\n\r\n \r\n\r\n\r\n \r\n0\" class=\"row text-left increase\">\r\n \r\n \r\n\r\n\r\n {{kvAny.key}}:\r\n\r\n\r\n {{kvAny.value}}\r\n\r\n \r\n
0\" class=\"hrGray\" style=\"display:inline-block;width:98%;padding:0;margin:0 0 0 0.75rem;\" />\r\n\r\n \r\n {{kvAnyName}} is required, please select at leaset one value.\r\n \r\n\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n 0\" (click)=\"isClosedBool.isClosed=!isClosedBool.isClosed\">\r\n \r\n \r\n {{arrKvName}}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
- \r\n
- 0}\" align=\"left\" style=\"width:100%;margin:0.25rem 0.25rem 0.25rem -1rem;\">\r\n
- \r\n 0\">\r\n\r\n0\" class=\"kvBttnSk\">{{kvLegend[2]}} : {{arrKvName}} 0 && isRequired\" class=\"errSub\" style=\"margin-left: -2px;\">*\r\n\r\n\r\n\r\n\r\n\r\n\r\n{{kvAnyArr.key}} :\r\n\r\n {{kvAnyArr.value}}\r\n\r\n\r\n\r\n \r\n
\r\n
\r\n {{kvLegend[2]}} is required, please select at leaset one value.\r\n\r\n \r\n
\r\n - \r\n
\r\n
\r\n","'use-strict'\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { LoginSuccess } from '../../../../models/account/loginSuccess.model';\r\nimport { Bool } from '../../../../models/common/bool.model';\r\nimport { KeyValueResult } from '../../../../models/keyValue/keyValueResult.model';\r\nimport { KvAny } from '../../../../models/keyValue/kvAny.model';\r\nimport { CoreServiceService } from '../../../../services/coreServiceService/coreServiceService.service';\r\nimport { KvArrayService } from '../../../../services/coreServiceService/kvArrayService.service';\r\nimport { EmitterSubjectService } from '../../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { Animations, slideInOutAnimation } from '../../../animation';\r\n\r\n@Component({\r\n selector: 'app-key-value-any',\r\n templateUrl: './keyValueAny.component.html',\r\n styleUrls: ['./keyValueAny.component.scss'],\r\n animations: [Animations, slideInOutAnimation ],\r\n changeDetection: ChangeDetectionStrategy.OnPush, // default //\r\n})\r\nexport class KeyValueAnyComponent implements OnInit, OnDestroy, AfterViewInit {\r\n public kvArrayService!: KvArrayService;\r\n @Input() arrKvAny: KvAny[] = [];\r\n @Input() arrKvAnyLegend = '';\r\n @Input() arrKvAnyName = '';\r\n @Input() id = -1;\r\n @Input() sitUserId = -1;\r\n @Input() isRequired = false;\r\n @Input() isFormSubmitted = false;\r\n public isClosedBool: Bool = new Bool();\r\n public isDropdownOpen = false;\r\n public kvLegend: string[] = ['Profile description', 'About me', 'My preferences', 'What I am looking for', 'What I am into'];\r\n public kvName: string[] = ['Description', 'ProfileInfo', 'Preferences'];\r\n public arrKvForm!: FormGroup;\r\n public arrKvResult: KeyValueResult = new KeyValueResult();\r\n private emitterDestroyed$: Subject\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{kvAny.id}}) {{kvAny.key}}:::\r\n
\r\n \r\n {{kvAny.value}}\r\n
\r\n \r\n \"Array Data Below:\"\r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n
\r\n - \r\n \r\n
- \r\n \r\n
\r\n 0\" style=\"float:left;padding:0.2rem 1rem 0.1rem 1rem;\">\r\n {{kvLegend[0]}} of {{arrKvAnyName}}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n - \r\n
- \r\n
- \r\n \r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n {{kvAny.key}}:\r\n\r\n\r\n {{kvAny.value}}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n - \r\n
- \r\n \r\n
- \r\n \r\n
\r\n 0\" style=\"float:left;padding:0.2rem 1rem 0.1rem 1rem;\">\r\n {{kvLegend[0]}} of {{arrKvName}}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n - \r\n
- \r\n
- \r\n \r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n {{kv.key}}:\r\n\r\n\r\n AskMe\r\n {{kv.value}}\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n
0\" class=\"flex-container\">\r\n\r\n \r\n\r\n\r\n ProfilePics.KV Data:\r\n\r\n\r\n
\r\n PhotoId: {{kv.value.photoId}}::\r\n0\" class=\"flex-button\">Date: {{kv.value.date}}\r\n \r\n \r\n0\" class=\"flex-button\">ProfileId: {{kv.value.profileId}}\r\n0\" class=\"flex-button\">SitUserId: {{kv.value.sitUserId }}\r\n0\" class=\"flex-button\">SitUserKey: {{kv.value.sitUserKey }}\r\n\r\n\r\n\r\n\r\nkvId-{{kv.value.sitUserId}}.{{id}}.{{kv.key}}.{{i}}\r\n\r\n \r\n \r\n\r\n\r\n
\r\n
\r\n - \r\n
- \r\n
- \r\n \r\n
\r\n 0\" style=\"float:left;\">\r\n {{id }}/{{kvAnyName}}/{{profileImage.sitUserKey }}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n - \r\n
- \r\n
- \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n PhotoId: {{profileImage.photoId}}::\r\n\r\n\r\n0\" class=\"flex-button\">Date: {{profileImage.date}}\r\n \r\n \r\n0\" class=\"flex-button\">ProfileId: {{profileImage.profileId}}\r\n0\" class=\"flex-button\">SitUserId: {{profileImage.sitUserId }}\r\n0\" class=\"flex-button\">SitUserKey: {{profileImage.sitUserKey }}\r\n\r\n\r\n\r\n\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n - \r\n \r\n \r\n
- \r\n
- \r\n \r\n
\r\n 0\" style=\"float:left;\">\r\n {{kvAnyName}}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n - \r\n
- \r\n
- \r\n 0\" style=\"width:100%;font-size:0.6rem;margin:0;padding:0;float:left;\">\r\n\r\n\r\n\r\n\r\n
\r\n\r\n \r\n {{kvAnyLegend}} is required, please select at leaset one value.\r\n\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n \r\n
\r\n 0\" style=\"float: left; opacity: 1; font-size: 13px; font-weight: bold;\">\r\n {{kvAnyName}}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n - \r\n
- \r\n
- \r\n 0\" class=\"kvBttnSk\">{{kvAnyLegend}} 0 && isRequired\" class=\"errSub\" style=\"margin-left: -2px;opacity:1;\">*\r\n\r\n\r\n\r\n\r\n\r\n0\" class=\"increase\">\r\n\r\n{{kvAny?.key}}:\r\n\r\n \r\n AskMe\r\n {{v}}\r\n \r\n |\r\n \r\n \r\n\r\n
0\" class=\"hrGray\" style=\"display:inline-block;width:98%;padding:0;margin:0 0 0 .75rem;\" />\r\n\r\n {{kvAnyName}} is required, please select at leaset one value.\r\n\r\n \r\n
\r\n - \r\n
- \r\n \r\n
- \r\n \r\n
\r\n 0\" style=\"float: left; opacity: 1; font-size: 13px; font-weight: bold;\">\r\n {{kvLegend[0]}}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n - \r\n
- \r\n
- \r\n \r\n\r\n \r\n\r\n0\" class=\"increase\" [ngStyle]=\"{width:'90%', padding: 'i===0? 0 0 0.5rem 0:0', margin:'0.05'}\">\r\n\r\n\r\n {{kvAny.key}}:\r\n\r\n\r\n {{askMe}}\r\n\r\n \r\n {{kvAny.value}}\r\n \r\n\r\n\r\n\r\n\r\n
\r\n
0 && kvAny.key.toLowerCase().indexOf('unit') === -1\" class=\"hrGray\" style=\"display:inline-block;width:98%;padding:0;margin:0 0 0 0.5rem;\" />\r\n \r\n
\r\n - \r\n
\r\n
\r\n","'use-strict'\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { SpinnerComponent } from './spinner/spinner.component';\r\n\r\nconst modalRoutes: Routes = [{\r\npath: '',\r\n children: [\r\n /*{ path: 'message', component: MessageModalComponent, data: { animation: 'login' } },*/\r\n { path: 'spinner', component: SpinnerComponent, data: { animation: 'login' } },\r\n ],\r\n }];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(modalRoutes)],\r\n exports: [RouterModule],\r\n})\r\nexport class ModalRoutingModule { }\r\n","'use-strict'\r\nimport { CommonModule } from '@angular/common';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { DirectiveFilterPipeModule } from '../directiveFilterPipeModule/directiveFilterPipe.module';\r\nimport { ModalRoutingModule } from './modal-routing.module';\r\nimport { SpinnerComponent } from './spinner/spinner.component';\r\nimport { SpinnerOverlayComponent } from './spinnerOverlay/spinnerOverlay.component';\r\nimport { UpgradePopupComponent } from './upgradePopup/upgradePopup.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n SpinnerComponent,\r\n SpinnerOverlayComponent,\r\n UpgradePopupComponent,\r\n ],\r\n imports: [\r\n CommonModule, // to get ngIf, ngFor, etc.\r\n FormsModule,\r\n HttpClientModule,\r\n ReactiveFormsModule,\r\n DirectiveFilterPipeModule,\r\n ModalRoutingModule,\r\n ],\r\n exports: [\r\n SpinnerComponent,\r\n SpinnerOverlayComponent,\r\n // ModalRoutingModule,\r\n UpgradePopupComponent,\r\n ],\r\n entryComponents: [SpinnerComponent],\r\n providers: [\r\n ],\r\n})\r\nexport class ModalModule { }\r\n","'use-strict'\r\nimport { OnDestroy } from '@angular/core';\r\nimport {\r\n AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit\r\n} from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { SpinnerModel } from '../../../models/common/spinnerModel.model';\r\nimport { SpinnerOverlayService } from '../../../services/modalServiceService/spinnerOverlayService';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\n\r\n// ref: https://christianlydemann.com/four-ways-to-create-loading-spinners-in-an-angular-app/\r\n\r\n@Component({\r\n selector: 'app-spinner-overlay',\r\n templateUrl: './spinnerOverlay.component.html',\r\n styleUrls: [ './spinnerOverlay.component.scss' ],\r\n animations: [ Animations, slideInOutAnimation, ],\r\n changeDetection: ChangeDetectionStrategy.OnPush, // default //\r\n host: { '[@slideInOutAnimation]': '' }\r\n})\r\nexport class SpinnerOverlayComponent implements OnInit, AfterViewInit, OnDestroy\r\n{\r\n\r\n public emitterDestroyed$ : Subject- \r\n \r\n\r\n
- \r\n \r\n \r\n
\r\n 0\" style=\"float: left;opacity: 1;padding-top:0.15rem;\">\r\n {{kvLegend[5]}}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n - \r\n
- \r\n
- \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n - \r\n
\r\n\t\r\n\r\n\t
\r\n\r\n","'use-strict'\r\nimport\r\n {\r\n Component, Input, OnInit,\r\n AfterViewInit,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { SpinnerModel } from '../../../models/common/spinnerModel.model';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\nimport { SpinnerOverlayService } from '../../../services/modalServiceService/spinnerOverlayService';\r\n\r\n// ref: https://christianlydemann.com/four-ways-to-create-loading-spinners-in-an-angular-app/\r\n// ref:https://danielk.tech/home/angular-how-to-add-a-loading-spinner\r\n@Component({\r\n selector: 'app-spinner',\r\n templateUrl: './spinner.component.html',\r\n styleUrls: [ './spinner.component.scss' ],\r\n animations: [ Animations, slideInOutAnimation, ],\r\n changeDetection: ChangeDetectionStrategy.OnPush, // default //\r\n\r\n // attach the slide in/out animation to the host (root) element of this component\r\n host: { '[@slideInOutAnimation]': '' }\r\n})\r\nexport class SpinnerComponent implements OnInit, AfterViewInit\r\n{\r\n private emitterDestroyed$ : Subject\r\n\t\t
\r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { AppFeature } from '../../../models/common/appFeture.model';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\n\r\n@Component({\r\n selector: 'app-upgrade-popup',\r\n templateUrl: './upgradePopup.component.html',\r\n styleUrls: ['./upgradePopup.component.scss'],\r\n animations: [Animations, slideInOutAnimation ],\r\n changeDetection: ChangeDetectionStrategy.OnPush, // default //\r\n})\r\nexport class UpgradePopupComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n private emitterDestroyed$: Subject\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n 0\" [innerHTML]=\"spinnerModel?.message | safe: 'html'\" class=\"spinner-message text-center\" style=\"color:blue;font-size: 14px;\">\r\n {{spinnerModel.message}}\r\n
\r\n \r\n\r\n","\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { Inject, Injectable, OnDestroy } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Observable } from 'rxjs';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { KvMemberActivityGlyph } from '../../../models/keyValue/kvMemberActivityGlyph.model';\r\nimport { KvPhoto } from '../../../models/keyValue/kvPhoto.model';\r\nimport { PagerMemberActivity } from '../../../models/pagination/pagerMemberActivity.model';\r\nimport { PagerPhotoMgmt } from '../../../models/pagination/pagerPhotoMgmt.model';\r\nimport { ProfilePics } from '../../../models/profile/profilePics.model';\r\nimport { ProfileTile } from '../../../models/profile/profileTile.model';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { DisplayProfileService } from '../../../services/displayProfileServiceService/displayProfileService.service';\r\nimport { AbstractPagerVPhotoNavService } from '../../../services/pagerServiceService/abstractPagerVPhotoNavService.service';\r\nimport { GlyphiconMenuService } from '../../../services/GlyphiconService/glypgiconMenuService.service';\r\nimport { PagerPhotoMgmtService } from '../../../services/pagerServiceService/pagerPhotoMgmtService.service';\r\nimport { PagerSupportService } from '../../../services/pagerServiceService/pagerSupportService.service';\r\nimport { PhotoPrivacyService } from '../../../services/photoServiceService/photoPrivacyService.service';\r\nimport { BackgroundImageAnimationService } from '../../../services/rendererServiceService/backgroundImageAnimationService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { JsRegExpServiceStatic } from '../../../services/staticServices/jsRegExpServiceStatic.service';\r\nimport { SpinnerModel } from '../../../models/common/spinnerModel.model';\r\nimport { PhotoBnService } from '../../../services/photoServiceService/photoBnService.service';\r\n\r\n\r\n// ------------------------------------------------------------------\r\n// This pager-service is the most recently updated one. If other\r\n// pagers need to be updated, this one should be used as a model for\r\n// them. Updated on 20220623.\r\n// ------------------------------------------------------------------\r\n// This service handles photo-mgmt for both signedInUser and non-signedInUser\r\n// This has separate signedInUser's pagerVKvPhotoNav and kvPhotoArr for fast rendering.\r\n// But the non-signedInUser's pagerVKvPhotoNav and kvPhotoArr are erased during profile-change\r\n// ------------------------------------------------------------------\r\n\r\n// ref: http://xahlee.info/js/javascript_range_array.html\r\n// const xah_range = ((min, max, step = 1,) => (Array(Math.floor((max - min) / step) + 1).fill(min).map(((x, i) => (x + i * step)),)));\r\n\r\n@Injectable({\r\n providedIn: 'any'\r\n})\r\nexport class MyPagerVPhotoNavService extends AbstractPagerVPhotoNavService implements OnDestroy {\r\n // public override renderer = Renderer2;\r\n // ----------------------------------------------------------------\r\n public currentKvPhoto : KvPhoto = new KvPhoto(); \r\n public isKvData = false;\r\n public isKvFile = false;\r\n public isKvNext = false;\r\n public isKvPrev = false;\r\n public isKvUrlData = false;\r\n public isMobilevar = false;\r\n public isMyProfile = false;\r\n public isPhotoMgmt = false;\r\n public isStripUrl = true;\r\n public isViewMember = false;\r\n public isWithoutUrl = false; \r\n public kvPhotoArr : KvPhoto[] = [];\r\n public kvMemActGlyphArrForPhotoMgmt : KvMemberActivityGlyph[] = [];\r\n public kvMemActGlyphArrForViewMember : KvMemberActivityGlyph[] = [];\r\n public loginSuccess : LoginSuccess = new LoginSuccess();\r\n public mcLoader : ModuleComponentLoader = new ModuleComponentLoader();\r\n public message = '';\r\n public pageSize = 6;\r\n public pagerVKvPhotoNav : PagerPhotoMgmt = new PagerPhotoMgmt();\r\n public pagerVMemberActivityForPhotoMgmt : PagerMemberActivity = new PagerMemberActivity(); // for primary/private/public photo \r\n public pagerVMemberActivityForViewMember : PagerMemberActivity = new PagerMemberActivity();\r\n public profileTile : ProfileTile = new ProfileTile();\r\n public profilePics : ProfilePics = new ProfilePics();\r\n public signedInUser : SitUser = new SitUser();\r\n public signedInUserKvPhotoArr : KvPhoto[] = []; // to persis the signedInUser kvPhotos\r\n public signedInUserPagerVKvPhotoNav : PagerPhotoMgmt = new PagerPhotoMgmt(); // to persis singedInUser pagerVKvPhotoNav\r\n public sitUser : SitUser = new SitUser();\r\n public spinnerModel : SpinnerModel = new SpinnerModel();\r\n \r\n // ---------------------------------------------------------------\r\n constructor (\r\n public bias : BackgroundImageAnimationService,\r\n public displayProfileService : DisplayProfileService,\r\n public glyphiconMenuService : GlyphiconMenuService,\r\n public pagerPhotoMgmtService : PagerPhotoMgmtService,\r\n public pagerSupportService : PagerSupportService,\r\n public photoBnService : PhotoBnService,\r\n public photoPrivacyService : PhotoPrivacyService,\r\n public redirectionService : RedirectionService,\r\n public rendererServiceService : RendererServiceService,\r\n public rendererService : RendererService,\r\n public router : Router,\r\n @Inject(DOCUMENT) document : any,\r\n @Inject(Window) window : any\r\n ) {\r\n super(\r\n bias,\r\n glyphiconMenuService,\r\n pagerPhotoMgmtService,\r\n pagerSupportService,\r\n photoPrivacyService,\r\n redirectionService,\r\n rendererServiceService,\r\n rendererService,\r\n router,\r\n document,\r\n window\r\n );\r\n }\r\n // ---------------------------------------------------------------\r\n public getSignedInUserKvPhotoArr () : KvPhoto[] {\r\n return this.signedInUserKvPhotoArr;\r\n }\r\n // ---------------------------------------------------------------\r\n public getSignedInUserPagerVKvPhotoNav () : PagerPhotoMgmt {\r\n return this.signedInUserPagerVKvPhotoNav;\r\n }\r\n // ===============================================================\r\n public getMyPhotoBnsFromServer () : Observable
= 0 && kvGlyph.index === (i+1)', 'flex-item-plain text-center bttn-xxxs-transparent': true }\"\r\n style=\"width: 2.5rem; height: auto; margin: 0.1rem; padding: 0.01rem;\">\r\n \r\n\r\n \r\n \r\n
\r\n","'use-strict'\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { PagerButtonComponent } from './pagerButton/pagerButton.component';\r\nimport { PagerChatHistoryComponent } from './pagerChatHistory/pagerChatHistory.component';\r\nimport { PagerVerticalGlyphForViewMemberComponent } from './pagerVerticalGlyphForViewMember/pagerVerticalGlyphForViewMember.component';\r\nimport { PagerVerticalGlyphForPhotoMgmtComponent } from './pagerVerticalGlyphForPhotoMgmt/pagerVerticalGlyphForPhotoMgmt.component';\r\nimport { PagerVPhotoNavComponent } from './pagerVPhotoNav/pagerVPhotoNav.component';\r\n\r\nconst pagerRoutes : Routes = [\r\n {\r\n path: '',\r\n children: [\r\n \r\n { path: 'pagerButton', component: PagerButtonComponent },\r\n { path: 'pagerChatHistory', component: PagerChatHistoryComponent },\r\n { path: 'pagerVerticalPhotoNav', component: PagerVPhotoNavComponent },\r\n { path: 'pagerVerticalViewMember', component: PagerVerticalGlyphForViewMemberComponent },\r\n { path: 'pagerVerticalPhotoMgmt', component: PagerVerticalGlyphForPhotoMgmtComponent },\r\n ]\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n RouterModule.forChild( pagerRoutes ),\r\n CommonModule,\r\n FormsModule, ],\r\n exports: [RouterModule]\r\n})\r\nexport class PagerRoutingModule { }\r\n","'use-strict'\r\nimport { CommonModule } from '@angular/common';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { GlyphiconMenuService } from '../../services/GlyphiconService/glypgiconMenuService.service';\r\nimport { PagerPhotoMgmtService } from '../../services/pagerServiceService/pagerPhotoMgmtService.service';\r\nimport { PagerService } from '../../services/pagerServiceService/pagerService.service';\r\nimport { PagerServiceChatHistory } from '../../services/pagerServiceService/pagerServiceChatHistory.service';\r\nimport { PagerServiceService } from '../../services/pagerServiceService/pagerServiceService.service';\r\nimport { PagerSupportService } from '../../services/pagerServiceService/pagerSupportService.service';\r\nimport { DirectiveFilterPipeModule } from '../directiveFilterPipeModule/directiveFilterPipe.module';\r\nimport { AGlyphiconComponent } from './aGlyphicon/aGlyphicon.component';\r\nimport { PagerRoutingModule } from './pager-routing.module';\r\nimport { PagerButtonComponent } from './pagerButton/pagerButton.component';\r\nimport { PagerChatHistoryComponent } from './pagerChatHistory/pagerChatHistory.component';\r\nimport { PagerVerticalGlyphForPhotoMgmtComponent } from './pagerVerticalGlyphForPhotoMgmt/pagerVerticalGlyphForPhotoMgmt.component';\r\nimport { PagerVerticalGlyphForViewMemberComponent } from './pagerVerticalGlyphForViewMember/pagerVerticalGlyphForViewMember.component';\r\nimport { PagerVPhotoNavComponent } from './pagerVPhotoNav/pagerVPhotoNav.component';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n AGlyphiconComponent,\r\n PagerButtonComponent,\r\n PagerChatHistoryComponent,\r\n PagerVPhotoNavComponent,\r\n PagerVerticalGlyphForViewMemberComponent,\r\n PagerVerticalGlyphForPhotoMgmtComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n HttpClientModule,\r\n ReactiveFormsModule,\r\n DirectiveFilterPipeModule,\r\n PagerRoutingModule,\r\n ],\r\n exports: [\r\n AGlyphiconComponent,\r\n PagerButtonComponent,\r\n PagerChatHistoryComponent,\r\n PagerVPhotoNavComponent,\r\n PagerVerticalGlyphForViewMemberComponent,\r\n PagerVerticalGlyphForPhotoMgmtComponent,\r\n PagerRoutingModule,\r\n ],\r\n providers: [\r\n { provide: GlyphiconMenuService },\r\n { provide: PagerService },\r\n { provide: PagerServiceService },\r\n { provide: PagerServiceChatHistory },\r\n { provide: PagerPhotoMgmtService },\r\n { provide: PagerSupportService },\r\n ]\r\n})\r\nexport class PagerModule { }\r\n","'use-strict'\r\nimport {\r\n AfterViewInit, Component, Inject, Input, OnChanges,\r\n OnDestroy, OnInit,\r\n Renderer2, SimpleChanges\r\n} from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { Pager } from '../../../models/pagination/pager.model';\r\nimport { ProfilePics } from '../../../models/profile/profilePics.model';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { DbServiceService } from '../../../services/dbServiceService/dbServiceService.service';\r\nimport { DictionaryService } from '../../../services/dictionaryServiceService/dictionaryService.service';\r\nimport { DictionaryServiceService } from '../../../services/dictionaryServiceService/dictionaryServiceService.service';\r\nimport { PagerService } from '../../../services/pagerServiceService/pagerService.service';\r\nimport { PagerServiceService } from '../../../services/pagerServiceService/pagerServiceService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\n\r\n@Component({\r\n selector : 'app-pager-button',\r\n templateUrl : './pagerButton.component.html',\r\n styleUrls : ['./pagerButton.component.scss'],\r\n})\r\nexport class PagerButtonComponent implements AfterViewInit, OnInit, OnChanges, OnDestroy {\r\n public dictionaryService! : DictionaryService;\r\n private pagerService!: PagerService;\r\n public rendererService!: RendererService;\r\n public renderer!: Renderer2;\r\n // ---------------------------------------------------------------\r\n public changeDetectStr = 'image';\r\n private emitterDestroyed$: Subject\r\n
\r\n","'use-strict'\r\nimport {\r\n AfterViewInit,\r\n ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit,\r\n Renderer2\r\n} from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { Chat } from '../../../models/chat/chat.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { PagerChat } from '../../../models/pagination/pagerChat.model';\r\nimport { ChatService } from '../../../services/communicationServiceService/chatService';\r\nimport { CommunicationServiceService } from '../../../services/communicationServiceService/communicationServiceService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { PagerServiceChatHistory } from '../../../services/pagerServiceService/pagerServiceChatHistory.service';\r\nimport { PagerServiceService } from '../../../services/pagerServiceService/pagerServiceService.service';\r\nimport { BackgroundImageAnimationService } from '../../../services/rendererServiceService/backgroundImageAnimationService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\n\r\n@Component({\r\n selector : 'app-pager-chat-history',\r\n templateUrl : './pagerChatHistory.component.html',\r\n styleUrls : ['./pagerChatHistory.component.scss'],\r\n changeDetection : ChangeDetectionStrategy.OnPush\r\n})\r\nexport class PagerChatHistoryComponent implements OnInit, /*OnChanges,*/ AfterViewInit, OnDestroy {\r\n public bias! : BackgroundImageAnimationService;\r\n public chatService!: ChatService;\r\n public pagerServiceChatHistory!: PagerServiceChatHistory;\r\n public rendererService!: RendererService;\r\n public renderer!: Renderer2;\r\n private emitterDestroyed$: Subject\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n","'use-strict'\r\nimport {\r\n AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component,\r\n ElementRef,\r\n Inject, Input, OnDestroy, OnInit, Renderer2\r\n} from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { SpinnerModel } from '../../../models/common/spinnerModel.model';\r\nimport { KvAction } from '../../../models/keyValue/kvAction.model';\r\nimport { KvMemberActivityGlyph } from '../../../models/keyValue/kvMemberActivityGlyph.model';\r\nimport { KvPhoto } from '../../../models/keyValue/kvPhoto.model';\r\nimport { PagerPhotoMgmt } from '../../../models/pagination/pagerPhotoMgmt.model';\r\nimport { ProfileTile } from '../../../models/profile/profileTile.model';\r\nimport { GlyphiconMenuService } from '../../../services/GlyphiconService/glypgiconMenuService.service';\r\nimport { GlyphiconServiceService } from '../../../services/GlyphiconService/glyphiconServiceService.service';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { DisplayProfileService } from '../../../services/displayProfileServiceService/displayProfileService.service';\r\nimport { DisplayProfileServiceService } from '../../../services/displayProfileServiceService/dsiplayProfileServiceService.service';\r\nimport { MemberService } from '../../../services/memberServiceService/memberService.service';\r\nimport { MemberServiceService } from '../../../services/memberServiceService/memberServiceService.service';\r\nimport { AbstractPagerVPhotoNavService } from '../../../services/pagerServiceService/abstractPagerVPhotoNavService.service';\r\nimport { PagerPhotoMgmtService } from '../../../services/pagerServiceService/pagerPhotoMgmtService.service';\r\nimport { PagerServiceService } from '../../../services/pagerServiceService/pagerServiceService.service';\r\nimport { PagerSupportService } from '../../../services/pagerServiceService/pagerSupportService.service';\r\nimport { PhotoAndPrimaryPhotoMgmtService } from '../../../services/photoServiceService/photoAndPrimaryPhotoMgmtService.service';\r\nimport { PhotoServiceService } from '../../../services/photoServiceService/photoServiceService.service';\r\nimport { BackgroundImageAnimationService } from '../../../services/rendererServiceService/backgroundImageAnimationService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { DomUtilsServiceStatic } from '../../../services/staticServices/domUtilsServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { JsRegExpServiceStatic } from '../../../services/staticServices/jsRegExpServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\nimport { MyPagerVPhotoNavService } from '../../myModule/myPagerVPhotoNav/myPagerVPhotoNavService.service';\r\nimport { CopyServiceStatic } from '../../../services/staticServices/commonStaticServices/copyServiceStatic.service';\r\nimport { DictionaryService } from '../../../services/dictionaryServiceService/dictionaryService.service';\r\nimport { DictionaryServiceService } from '../../../services/dictionaryServiceService/dictionaryServiceService.service';\r\nimport { ProfilePics } from '../../../models/profile/profilePics.model';\r\n\r\n@Component({\r\n selector: 'app-pager-v-photo-nav',\r\n templateUrl: './pagerVPhotoNav.component.html',\r\n styleUrls: [ './pagerVPhotoNav.component.scss' ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n animations: [ Animations, slideInOutAnimation],\r\n\r\n // attach the slide in/out animation to the host (root) element of this component\r\n host: { '[@slideInOutAnimation]': '' }\r\n})\r\nexport class PagerVPhotoNavComponent implements OnInit, OnDestroy, AfterViewInit {\r\n public bias ! : BackgroundImageAnimationService;\r\n public dictionaryService! : DictionaryService;\r\n public displayProfileService : DisplayProfileService;\r\n public glyphiconMenuService! : GlyphiconMenuService;\r\n public memberService! : MemberService;\r\n public pagerPhotoMgmtService! : PagerPhotoMgmtService;\r\n public pagerSupportService! : PagerSupportService;\r\n public photoAndPrimaryPhotoMgmtService! : PhotoAndPrimaryPhotoMgmtService;\r\n public redirectionService! : RedirectionService;\r\n public rendererService! : RendererService;\r\n public renderer! : Renderer2;\r\n // -----------------------------------\r\n public currentPageNum = 1;\r\n public currentItemNum = 0;\r\n public currentItemKvPhoto : KvPhoto = new KvPhoto();\r\n private emitterDestroyed$ : Subject- \r\n
- \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n\r\n \r\n \r\n
- \r\n \r\n {{page}}\r\n \r\n \r\n
- \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
- \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
![](\"assets/photos/private.png\"\r\n)
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","'use-strict'\r\nimport {\r\n AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef,\r\n Component, Inject, Input, OnDestroy, OnInit\r\n} from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../../models/account/sitUser.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { Photo } from '../../../models/common/photo.model';\r\nimport { KvMemberActivityGlyph } from '../../../models/keyValue/kvMemberActivityGlyph.model';\r\nimport { KvPhoto } from '../../../models/keyValue/kvPhoto.model';\r\nimport { MemberActivity } from '../../../models/member/memberActivity.model';\r\nimport { PagerMemberActivity } from '../../../models/pagination/pagerMemberActivity.model';\r\nimport { GlyphiconMenuService } from '../../../services/GlyphiconService/glypgiconMenuService.service';\r\nimport { GlyphiconServiceService } from '../../../services/GlyphiconService/glyphiconServiceService.service';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { SitUserService } from '../../../services/commonServiceService/sitUserService.service';\r\nimport { ActivityService } from '../../../services/memberServiceService/activityService.service';\r\nimport { MemberServiceService } from '../../../services/memberServiceService/memberServiceService.service';\r\nimport { PagerServiceService } from '../../../services/pagerServiceService/pagerServiceService.service';\r\nimport { PagerSupportService } from '../../../services/pagerServiceService/pagerSupportService.service';\r\nimport { BackgroundImageAnimationService } from '../../../services/rendererServiceService/backgroundImageAnimationService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { BreadcrumServiceStatic } from '../../../services/staticServices/breadcrumServiceStatic.service';\r\nimport { CopyServiceStatic } from '../../../services/staticServices/commonStaticServices/copyServiceStatic.service';\r\nimport { DateStringServiceStatic } from '../../../services/staticServices/commonStaticServices/dateStringServiceStatic.service';\r\nimport { ModuleComponentLoaderServiceStatic } from '../../../services/staticServices/commonStaticServices/moduleComponentLoaderServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { ArraySupportServiceStatic } from '../../../services/staticServices/arraySupportServiceStatic.service';\r\nimport { CommunicationActivity } from '../../../models/communication/communicationActivity.model';\r\nimport { StringServiceStatic } from '../../../services/staticServices/stringServiceStatic.service';\r\n\r\n// -------------------------------------------------------------------------------------------------------\r\n// Note : pagerVerticle glyphicon-menu-system serve navigation/actions for two scenarios:\r\n// 1. memberView path during viewing any member.\r\n// Under this option the all but signedInMember can:\r\n// 1.1 Select memberActicities which are\r\n// {block, dislike, like, lock, star, track, unblock, unlock, unstar}\r\n// 1.2 Can start a chat conversation with the viewee or\r\n// 1.3 Send email notification to the viewee.\r\n// 1.4 Send notification to the viewee.\r\n// 2. myPhoto path when signedInUser chooses to add/update personal photos.\r\n// Under this option the signedInUser can:\r\n// 2.1 Take new pics or upload new pics\r\n// 2.2 Change the privacy of any pic\r\n// 2.3 Make current PrimaryPic a private pic in whihc case it will not longer be a primary pic\r\n// 2.4 Make any pic the PrimaryPic. PrimaryPic is always public.\r\n// -------------------------------------------------------------------------------------------------------\r\n\r\n@Component({\r\n selector : 'app-pager-vertical-glyph-for-view-member',\r\n templateUrl: './pagerVerticalGlyphForViewMember.component.html',\r\n styleUrls: ['./pagerVerticalGlyphForViewMember.component.scss'],\r\n changeDetection : ChangeDetectionStrategy.OnPush // default\r\n})\r\nexport class PagerVerticalGlyphForViewMemberComponent implements OnInit, OnDestroy, AfterViewInit\r\n{\r\n public bias! : BackgroundImageAnimationService;\r\n public glyphiconMenuService!: GlyphiconMenuService;\r\n public activityService! : ActivityService;\r\n public pagerSupportService! : PagerSupportService;\r\n public redirectionService! : RedirectionService;\r\n public sitUserService!: SitUserService;\r\n // -----------------------------------------------\r\n public breadcrumRing : ModuleComponentLoader[] = [];\r\n public commActivity : CommunicationActivity = new CommunicationActivity();\r\n public currentKvPhoto: KvPhoto = new KvPhoto();\r\n public currentPage : KvMemberActivityGlyph = new KvMemberActivityGlyph();\r\n public currentPhoto : Photo = new Photo();\r\n public displayMenuCount = 0;\r\n public doeeSitUser : SitUser = new SitUser();\r\n public doerSitUser : SitUser = new SitUser();\r\n @Input() kvGlyphArrForViewMember : KvMemberActivityGlyph[] = [];\r\n @Input() pagerVMemActGlyphForViewMember : PagerMemberActivity = new PagerMemberActivity(); // for various memeberActivities such as like/dislike/friend/unfriend....etc.\r\n public pagerBrdCrm: PagerBreadcrum = new PagerBreadcrum();\r\n public emitterDestroyed$: Subject 0\"\r\n style=\"margin:0.01rem;padding:0.05rem; width:auto;\">\r\n \r\n
\r\n \r\n\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n ![](\"{{kvAny.value}}\"\r\n)
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"photos/{{kvAny?.value}}\"\r\n)
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n 0\"\r\n id=\"pagerVerticalGlyphForViewMemberComponentId\"\r\n class=\"flex-pagerV-item text-center\"\r\n style=\"margin: 0.05rem; padding: 0.05rem; width: auto;height:auto;min-height:60%;\">\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n","'use-strict'\r\nimport { Location } from '@angular/common';\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, Renderer2, ViewChild } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { BoxNonceEntity } from '../../../models/boxNonce/boxNonceEntity.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { EmitCheckboxResult } from '../../../models/common/emitCheckboxResult.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { SpinnerModel } from '../../../models/common/spinnerModel.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { Preference } from '../../../models/profile/preference.model';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { HttpService } from '../../../services/coreServiceService/httpService.service';\r\nimport { DbServiceService } from '../../../services/dbServiceService/dbServiceService.service';\r\nimport { MemberService } from '../../../services/memberServiceService/memberService.service';\r\nimport { MemberServiceService } from '../../../services/memberServiceService/memberServiceService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { ModuleComponentLoaderServiceStatic } from '../../../services/staticServices/commonStaticServices/moduleComponentLoaderServiceStatic.service';\r\nimport { ScrollTopServiceStatic } from '../../../services/staticServices/commonStaticServices/scrollTopServiceStatic.service';\r\nimport { SlakezSaltServiceStatic } from '../../../services/staticServices/commonStaticServices/slakezSaltServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { InMemoryDataServiceStatic } from '../../../services/staticServices/inMemoryDataServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\n\r\n\r\ndeclare let jQuery: any;\r\n\r\ndeclare let $: any;\r\n\r\n@Component({\r\n selector: 'app-preference',\r\n templateUrl: './preference.component.html',\r\n styleUrls: ['./preference.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n animations: [ Animations, slideInOutAnimation,\r\n ],\r\n\r\n // attach the slide in/out animation to the host (root) element of this component\r\n host: { '[@slideInOutAnimation]': '' }\r\n})\r\nexport class PreferenceComponent implements OnInit, OnDestroy, AfterViewInit {\r\n public httpService! : HttpService;\r\n public memberService!: MemberService;\r\n private rendererService!: RendererService;\r\n public renderer! : Renderer2;\r\n public redirectionService! : RedirectionService;\r\n // -------------------------------------------\r\n\r\n public boxNonceEntity : BoxNonceEntity = new BoxNonceEntity();\r\n public click : boolean = false;\r\n public checkArr: any[] = [];\r\n\r\n // checkboxNames are same in preference model as well.\r\n public checkboxNames : string[] = [ 'lookingFor', 'relationshipPreference', 'meetingLocation', 'whenLookingToMeet', 'hobby', 'pet', 'petPeev', 'into' ];\r\n public data : any;\r\n private emitterDestroyed$: Subject\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n ![](\"assets/photos/lock.png\"\r\n)
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ![](\"assets/photos/unlock.png\"\r\n)
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n= 0 && kvAny.index === (i+1)', 'flex-item-plain text-center bttn-xxxs-transparent': true }\"\r\n style=\"width: 2.5rem; height: auto; margin: 0.1rem; padding: 0.01rem;\">\r\n\r\n \r\n\r\n \r\n \r\n
\r\n Step-3 of 4 :-';\r\n this.userAndPageTitle.pageTitle = msg;\r\n this.userAndPageTitle.isPrepared = true;\r\n\r\n // debugger;\r\n EmitterSubjectService.emitUserAndPageTitle(this.userAndPageTitle);\r\n }\r\n return true;\r\n }\r\n // ---------------------------------------------------------------\r\n saltModel(model: any): BoxNonceEntity {\r\n // debugger;\r\n this.boxNonceEntity = SlakezSaltServiceStatic.boxSalt(JSON.stringify(model));\r\n return this.boxNonceEntity;\r\n }\r\n // ---------------------------------------------------------------\r\n showInvalidFormMessage (e : any): void {\r\n this.isFormValid = this.checkFormValidity();\r\n this.isFormSubmitted = true;\r\n // debugger;\r\n this.onSubmitBttnMouseOut(e);\r\n }\r\n // ---------------------------------------------------------------\r\n submitPreferenceForm () : void {\r\n this.click = !this.click;\r\n // debugger;\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n this.preference.signedInUserId = this.loginSuccess.signedInUserId;\r\n this.isFormValid = this.checkFormValidity();\r\n // debugger;\r\n if (this.isFormValid) {\r\n // debugger;\r\n this.click = !this.click;\r\n EmitterSubjectService.emitShowSpinner(\"Updating your Preferences...\");\r\n this.boxNonceEntity = this.saltModel(this.preference);\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.box) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.nonce)) {\r\n this.isFormSubmitted = true;\r\n this.httpService\r\n .postObservable(\r\n '/api/Member/UpdatePreference',\r\n {\r\n box: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.box),\r\n nonce: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.nonce),\r\n },\r\n 'json2text'\r\n )\r\n .subscribe(\r\n (result : any) => {\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result)) {\r\n const tPreference = JSON.parse(SlakezSaltServiceStatic.boxUnsalt(result as BoxNonceEntity)) as Preference;\r\n // debugger;\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(tPreference)) {\r\n this.preference = tPreference as Preference;\r\n }\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.preference) && this.preference.signedInUserId > 0) {\r\n this.preference.isSuccess = true;\r\n this.loginSuccess.isPreferenceComplete = true;\r\n EmitterSubjectService.setLoginSuccess(this.loginSuccess);\r\n this.message = this.preference.message = 'Updating your Step-3 of 4 of your Profile (Preferences) is successful!';\r\n alert(this.preference.message)\r\n this.ngAfterViewInit();\r\n this.setMessageTimer();\r\n ScrollTopServiceStatic.scrollToTop('allScrollToTopId');\r\n\r\n EmitterSubjectService.emitHideSpinner(true);\r\n\r\n this.redirectionAfterSubmit();\r\n // debugger;\r\n } else {\r\n if (tPreference) {\r\n this.message = 'Error occured in submitPreferenceForm();\\n Error-mag : ' + tPreference.message;\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: this.message });\r\n } else {\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: 'Error occured in submitPreferenceForm();\\n Error-mag : ' });\r\n }\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n } else {\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: 'Error occured in submitPreferenceForm();\\n Error-mag : ' });\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n },\r\n (error) => {\r\n // alert ('Error occured in GetArticleContent(' + idArr[i] + ');\\n Error-mag : ' + error);\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: 'Error occured in submitPreferenceForm();\\n Error-mag : ' + error.message });\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n );\r\n }\r\n else {\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n }\r\n }\r\n // ---------------------------------------------------------------------------------\r\n setMessageTimer(): void {\r\n this.intervalMsg = setInterval(() => {\r\n this.message = this.preference.message = '';\r\n clearInterval(this.intervalMsg);\r\n // this.router.navigate(['/profileContent/' + this.loginSuccess.signedInUserId]);\r\n }, 60000);\r\n\r\n clearInterval(this.intervalMsg);\r\n }\r\n /*\r\n * ---------------------------------------------------------------\r\n * Note : This may not be needed, but do not delete it since it handles all cases\r\n */\r\n serializeSelections (arr: any[]): string {\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(arr)) {\r\n if (arr.length > 0) {\r\n let arrStr = '';\r\n\r\n arr.map((e) => {\r\n arrStr += e + ',';\r\n });\r\n return arrStr;\r\n }\r\n return '';\r\n }\r\n return '';\r\n }\r\n /*\r\n * ---------------------------------------------------------------\r\n * Note : This may not be needed, but do not delete it since it handles all cases\r\n * Toggle selection for a given Checkbox\r\n */\r\n toggleSelection (selected : any, checkbocName : any, index : any): void {\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(checkbocName)) {\r\n switch (checkbocName.toLowerCase()) {\r\n case 'hobby':\r\n if (index > -1) {\r\n // If currently deselected\r\n this.selectedHobbiesArr.splice(index, 1);\r\n } else {\r\n // Is newly selected\r\n this.selectedHobbiesArr.push(selected);\r\n }\r\n this.selectedHobbiesString = this.serializeSelections(this.selectedHobbiesArr);\r\n break;\r\n case 'into':\r\n if (index > -1) {\r\n // Is currently deselected\r\n this.selectedIntosArr.splice(index, 1);\r\n } else {\r\n // Is newly selected\r\n this.selectedIntosArr.push(selected);\r\n }\r\n this.selectedIntosString = this.serializeSelections(this.selectedIntosArr);\r\n break;\r\n case 'lookingfor':\r\n if (index > -1) {\r\n // Is currently deselected\r\n this.selectedLookingForsArr.splice(index, 1);\r\n } else {\r\n // Is newly selected\r\n this.selectedLookingForsArr.push(selected);\r\n }\r\n this.selectedLookingForsString = this.serializeSelections(this.selectedLookingForsArr);\r\n break;\r\n case 'meetinglocation':\r\n if (index > -1) {\r\n // Is currently deselected\r\n this.selectedMeetingLocationsArr.splice(index, 1);\r\n } else {\r\n // Is newly selected\r\n this.selectedMeetingLocationsArr.push(selected);\r\n }\r\n this.selectedMeetingLocationsString = this.serializeSelections(this.selectedMeetingLocationsArr);\r\n break;\r\n case 'pet':\r\n if (index > -1) {\r\n // Is currently deselected\r\n this.selectedPetsArr.splice(index, 1);\r\n } else {\r\n // Is newly selected\r\n this.selectedPetsArr.push(selected);\r\n }\r\n this.selectedPetsString = this.serializeSelections(this.selectedPetsArr);\r\n break;\r\n case 'petpeev':\r\n if (index > -1) {\r\n // Is currently deselected\r\n this.selectedPetPeevsArr.splice(index, 1);\r\n } else {\r\n // Is newly selected\r\n this.selectedPetPeevsArr.push(selected);\r\n }\r\n this.selectedPetPeevsString = this.serializeSelections(this.selectedPetPeevsArr);\r\n break;\r\n case 'whenlookingtomeet':\r\n if (index > -1) {\r\n // Is currently deselected\r\n this.selectedWhenLookingToMeetsArr.splice(index, 1);\r\n } else {\r\n // Is newly selected\r\n this.selectedWhenLookingToMeetsArr.push(selected);\r\n }\r\n this.selectedWhenLookingToMeetsString = this.serializeSelections(this.selectedWhenLookingToMeetsArr);\r\n break;\r\n }\r\n }\r\n }\r\n // ---------------------------------------------------------------\r\n}\r\n","\r\n
\r\n \r\n
\r\n\r\n","'use-strict'\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { PreferenceComponent } from './preference/preference.component';\r\nimport { ProfileComponent } from './profile/profile.component';\r\nimport { ProfileContentComponent } from './profileContent/profileContent.component';\r\n\r\nexport const profileRoutes: Routes = [\r\n {\r\n path: '',\r\n children: [\r\n { path: 'memberEdit', component: ProfileComponent },\r\n { path: 'preference', component: PreferenceComponent },\r\n { path: 'profileContent', component: ProfileContentComponent },\r\n { path: 'profile', component: ProfileComponent },\r\n ]\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(profileRoutes)],\r\n exports: [RouterModule],\r\n})\r\nexport class ProfileRoutingModule { }\r\n","'use-strict'\r\nimport { CommonModule } from '@angular/common';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { DirectiveFilterPipeModule } from '../directiveFilterPipeModule/directiveFilterPipe.module';\r\nimport { KeyValueRoutingModule } from '../keyValueModule/keyValue-routing.module';\r\n//import { RegisterModule } from '../registerModule/register.module';\r\nimport { SharedModule } from '../sharedModule/shared.module';\r\nimport { PreferenceComponent } from './preference/preference.component';\r\nimport { ProfileRoutingModule } from './profile-routing.module';\r\nimport { ProfileComponent } from './profile/profile.component';\r\nimport { ProfileContentComponent } from './profileContent/profileContent.component';\r\n\r\n@NgModule({\r\n \r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n HttpClientModule,\r\n ReactiveFormsModule,\r\n DirectiveFilterPipeModule,\r\n KeyValueRoutingModule,\r\n SharedModule,\r\n ProfileRoutingModule\r\n ],\r\n declarations: [\r\n PreferenceComponent,\r\n ProfileComponent,\r\n ProfileContentComponent\r\n ],\r\n exports: [\r\n ProfileRoutingModule\r\n ],\r\n providers: [\r\n // { provide: PreferenceService },\r\n // { provide: ProfileContentService },\r\n // { provide: ProfilePicsService },\r\n // { provide: ProfileSupportService },\r\n // { provide: ProfileTileService },\r\n ],\r\n})\r\nexport class ProfileModule { }\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { BoxNonceEntity } from '../../../models/boxNonce/boxNonceEntity.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { Content } from '../../../models/common/content.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { SpinnerModel } from '../../../models/common/spinnerModel.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { HttpService } from '../../../services/coreServiceService/httpService.service';\r\nimport { ModuleComponentLoaderServiceStatic } from '../../../services/staticServices/commonStaticServices/moduleComponentLoaderServiceStatic.service';\r\nimport { ScrollTopServiceStatic } from '../../../services/staticServices/commonStaticServices/scrollTopServiceStatic.service';\r\nimport { SlakezSaltServiceStatic } from '../../../services/staticServices/commonStaticServices/slakezSaltServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\n\r\n// Note: this component will be used during creating/editing a profile only\r\n\r\n@Component({\r\n selector: 'app-profile-content',\r\n templateUrl: './profileContent.component.html',\r\n styleUrls: ['./profileContent.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n animations: [ Animations, slideInOutAnimation,\r\n ],\r\n\r\n // attach the slide in/out animation to the host (root) element of this component\r\n host: { '[@slideInOutAnimation]': '' }\r\n})\r\nexport class ProfileContentComponent implements OnInit, OnDestroy, AfterViewInit {\r\n public redirectionService! : RedirectionService;\r\n // ----------------------------------------------------------\r\n public boxNonceEntity : BoxNonceEntity = new BoxNonceEntity();\r\n public click : boolean = false;\r\n public profileContent: Content = new Content();\r\n private emitterDestroyed$ : Subject\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n 0\" class=\"flex-container\">\r\n
\r\n\r\n \r\n \r\n {{preference.message}}\r\n
\r\n \r\n
\r\n\r\n Creating/Editing Profile: Step 3 of 4
\r\n \r\n
\r\n \r\n Required (You may choose multiple): *
\r\n Step-3 of 3 :-';\r\n this.userAndPageTitle.pageTitle = msg;\r\n this.userAndPageTitle.isPrepared = true;\r\n\r\n // debugger;\r\n EmitterSubjectService.emitUserAndPageTitle(this.userAndPageTitle);\r\n }\r\n return true; \r\n }\r\n // ---------------------------------------------------------------\r\n setUserPageTitle (profileName: string) : any {\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(profileName) && profileName.length > 0) {\r\n this.userAndPageTitle.sitUserId = this.loginSuccess.signedInUserId;\r\n let msg = this.loginSuccess.isEditProfile === true ? '-: Edit ' : '-: Create';\r\n\r\n msg += ' Profile Highlights and Description of (';\r\n msg += profileName + ')
Step-3 of 3 :-';\r\n this.userAndPageTitle.pageTitle = msg;\r\n this.userAndPageTitle.isPrepared = true;\r\n\r\n // debugger;\r\n EmitterSubjectService.emitUserAndPageTitle(this.userAndPageTitle);\r\n }\r\n return true;\r\n }\r\n // ---------------------------------------------------------------\r\n saltModel(model:any): any {\r\n // debugger;\r\n this.boxNonceEntity = SlakezSaltServiceStatic.boxSalt(JSON.stringify(model));\r\n return this.boxNonceEntity;\r\n }\r\n // ---------------------------------------------------------------\r\n submitProfileContentForm () : void {\r\n this.click = !this.click;\r\n // start spinner:\r\n this.spinnerModel = new SpinnerModel();\r\n this.spinnerModel.message = 'Updating is in progress...';\r\n EmitterSubjectService.emitShowSpinner(this.spinnerModel);\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n\r\n this.profileContent.signedInUserId = this.loginSuccess.signedInUserId;\r\n\r\n if (this.profileContentForm.valid) {\r\n // debugger;\r\n EmitterSubjectService.emitShowSpinner(\"Updating your Profile Content & Highlights...\");\r\n this.boxNonceEntity = this.saltModel(this.profileContent);\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.box) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.nonce)) {\r\n this.isFormSubmitted = true;\r\n this.httpService\r\n .postObservable(\r\n '/api/Member/UpdateProfileContent',\r\n {\r\n box: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.box),\r\n nonce: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.nonce),\r\n },\r\n 'json2text'\r\n )\r\n .subscribe(\r\n (result) => {\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result)) {\r\n const bn = result;\r\n\r\n if (bn && bn.box.length > 0 && bn.nonce.length > 0) {\r\n const tProfileContent = JSON.parse(SlakezSaltServiceStatic.boxUnsalt(bn)) as Content;\r\n // debugger;\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(tProfileContent) && tProfileContent.signedInUserId > 0 && tProfileContent.profileId > 0 && tProfileContent.contentId > 0) {\r\n this.profileContent = tProfileContent;\r\n this.profileContent.isSuccess = true; \r\n\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n this.loginSuccess.isProfileContentComplete = true;\r\n this.loginSuccess.isProfileComplete = this.loginSuccess.isPreScreenComplete && this.loginSuccess.isProfileInfoComplete && this.loginSuccess.isPreferenceComplete && this.loginSuccess.isProfileContentComplete;\r\n EmitterSubjectService.setLoginSuccess(this.loginSuccess);\r\n this.message = this.profileContent.message = 'Updating Step-4 of 4 (last step) of your Profile (more about you) is successful!';\r\n\r\n this.ngAfterViewInit();\r\n this.setMessageTimer();\r\n ScrollTopServiceStatic.scrollToTop('allScrollToTopId');\r\n\r\n EmitterSubjectService.emitHideSpinner(true);\r\n alert(this.profileContent.message);\r\n // debugger;\r\n this.redirectionAfterSubmit();\r\n // debugger;\r\n }\r\n } else {\r\n if (this.profileContent) {\r\n this.message = 'Error occured in submitProfileContent();\\n Error-mag: ' + this.profileContent.message;\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: this.message });\r\n } else {\r\n this.message = 'Error occured in submitProfileContent();\\n Error-mag: ';\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: this.message });\r\n }\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n } else {\r\n this.message = 'Error occured in submitProfileContent();\\n Error-mag: ';\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: this.message });\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n },\r\n (error) => {\r\n // alert ('Error occured in GetArticleContent(' + idArr[i] + ');\\n Error-mag: ' + error);\r\n this.message = 'Error occured in submitProfileContent();\\n Error-mag: ' + error.message;\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: this.message });\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n );\r\n }\r\n else {\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n }\r\n }\r\n // ---------------------------------------------------------------------------------\r\n setMessageTimer(): void {\r\n this.intervalMsg = setInterval(() => {\r\n this.message = this.profileContent.message = '';\r\n clearInterval(this.intervalMsg);\r\n // this.router.navigate(['/memberView/' + this.loginSuccess.signedInUserId]);\r\n }, 60000);\r\n\r\n clearInterval(this.intervalMsg);\r\n }\r\n // ---------------------------------------------------------------\r\n}\r\n","
\r\n
\r\n","\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, OnDestroy, OnInit, Renderer2, ViewChild } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { LoginSuccess } from '../../../models/account/loginSuccess.model';\r\nimport { BoxNonceEntity } from '../../../models/boxNonce/boxNonceEntity.model';\r\nimport { PagerBreadcrum } from '../../../models/breadcrum/pagerBreadcrum.model';\r\nimport { EmitRadioboxResult } from '../../../models/common/emitRadioboxResult.model';\r\nimport { MessageModel } from '../../../models/common/messageModel.model';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { SpinnerModel } from '../../../models/common/spinnerModel.model';\r\nimport { UserAndPageTitle } from '../../../models/common/userAndPageTitle.model';\r\nimport { Profile } from '../../../models/profile/profile.model';\r\nimport { CommonServiceService } from '../../../services/commonServiceService/commonServiceService.service';\r\nimport { RedirectionService } from '../../../services/commonServiceService/redirectionService.service';\r\nimport { CoreServiceService } from '../../../services/coreServiceService/coreServiceService.service';\r\nimport { HttpService } from '../../../services/coreServiceService/httpService.service';\r\nimport { DbServiceService } from '../../../services/dbServiceService/dbServiceService.service';\r\nimport { MemberService } from '../../../services/memberServiceService/memberService.service';\r\nimport { MemberServiceService } from '../../../services/memberServiceService/memberServiceService.service';\r\nimport { RendererService } from '../../../services/rendererServiceService/rendererService.service';\r\nimport { RendererServiceService } from '../../../services/rendererServiceService/rendererServiceService.service';\r\nimport { ArrayServiceStatic } from '../../../services/staticServices/arrayServiceStatic.service';\r\nimport { ModuleComponentLoaderServiceStatic } from '../../../services/staticServices/commonStaticServices/moduleComponentLoaderServiceStatic.service';\r\nimport { ScrollTopServiceStatic } from '../../../services/staticServices/commonStaticServices/scrollTopServiceStatic.service';\r\nimport { SlakezSaltServiceStatic } from '../../../services/staticServices/commonStaticServices/slakezSaltServiceStatic.service';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { InMemoryDataServiceStatic } from '../../../services/staticServices/inMemoryDataServiceStatic.service';\r\nimport { Animations, slideInOutAnimation } from '../../animation';\r\n\r\ndeclare let jQuery: any;\r\n\r\ndeclare let $: any;\r\n\r\n@Component({\r\n selector: 'app-profile',\r\n templateUrl: './profile.component.html',\r\n styleUrls: ['./profile.component.scss'],\r\n \r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n animations: [ Animations, slideInOutAnimation,\r\n ],\r\n\r\n // attach the slide in/out animation to the host (root) element of this component\r\n host: { '[@slideInOutAnimation]': '' }\r\n})\r\nexport class ProfileComponent implements AfterViewInit, OnInit, OnDestroy {\r\n // public binarySearchService: BinarySearchService;\r\n // public gestureService: GestureService;\r\n public httpService! : HttpService;\r\n public memberService! : MemberService;\r\n private rendererService! : RendererService;\r\n public redirectionService! : RedirectionService;\r\n // ----------------------------------------------------------\r\n public boxNonceEntity: BoxNonceEntity = new BoxNonceEntity();\r\n // checkboxNames are same in preference model as well.\r\n public checkboxNames : string[] = [ 'hobby', 'into', 'lookingFor', 'meetingLocation', 'pet', 'petPeev', 'relationshipPreference', 'whenLookingToMeet' ];\r\n public click : boolean = false;\r\n public counter = 0;\r\n public enums : any;\r\n private emitterDestroyed$: Subject\r\n
\r\n\r\n \r\nStep-2 of 4 :-';\r\n this.userAndPageTitle.pageTitle = msg;\r\n this.userAndPageTitle.isPrepared = true;\r\n\r\n // debugger;\r\n EmitterSubjectService.emitUserAndPageTitle(this.userAndPageTitle);\r\n }\r\n return true;\r\n }\r\n // ---------------------------------------------------------------\r\n salt(): void {\r\n // debugger;\r\n this.boxNonceEntity = SlakezSaltServiceStatic.boxSalt(JSON.stringify(this.profile));\r\n }\r\n // ---------------------------------------------------------------\r\n getProfileForEdit(): void {\r\n // debugger;\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n if ( FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty( this.profile ) || this.profile.signedInUserId == 0 )\r\n {\r\n this.profile.signedInUserId = this.loginSuccess.signedInUserId;\r\n }\r\n if (this.profile.signedInUserId > 0) {\r\n this.salt();\r\n // debugger;\r\n EmitterSubjectService.emitShowSpinner('Getting your profile information....');\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.box) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.nonce)) {\r\n this.httpService\r\n .postObservable(\r\n '/api/Member/GetProfileForEdit',\r\n {\r\n box: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.box),\r\n nonce: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.nonce),\r\n },\r\n 'json2text',\r\n )\r\n .subscribe(\r\n (result) => {\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result)) {\r\n const tProfile = JSON.parse(SlakezSaltServiceStatic.boxUnsalt(result as BoxNonceEntity)) as Profile;\r\n // debugger;\r\n\r\n this.profile = tProfile as Profile;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.profile) && this.profile.signedInUserId > 0) {\r\n /*\r\n * this.profile.isSuccess = true;\r\n * debugger;\r\n */\r\n this.highestEducationRadioboxResult.index = this.selectedHiEduIndex = ArrayServiceStatic.getIndexOfItemInArr(this.highestEducationArr, this.profile.highestEducation);\r\n this.playSafeRadioboxResult.index = this.selectedPlaySafeIndex = ArrayServiceStatic.getIndexOfItemInArr(this.playSafeArr, this.profile.playSafe);\r\n this.positionRadioboxResult.index = this.selectedPositionIndex = ArrayServiceStatic.getIndexOfItemInArr(this.positionArr, this.profile.position);\r\n this.religionRadioboxResult.index = this.selectedReligionIndex = ArrayServiceStatic.getIndexOfItemInArr(this.religionArr, this.profile.religion);\r\n this.relationshipStatusRadioboxResult.index = this.selectedRelStatusIndex = ArrayServiceStatic.getIndexOfItemInArr(this.relationshipStatusArr, this.profile.relationshipStatus);\r\n this.smokingStatusRadioboxResult.index = this.selectedSmkStatusIndex = ArrayServiceStatic.getIndexOfItemInArr(this.smokingStatusArr, this.profile.smokingStatus);\r\n\r\n this.highestEducationRadioboxResult.radioboxSelection = this.profile.highestEducation;\r\n this.playSafeRadioboxResult.radioboxSelection = this.profile.playSafe;\r\n this.positionRadioboxResult.radioboxSelection = this.profile.position;\r\n this.religionRadioboxResult.radioboxSelection = this.profile.religion;\r\n this.relationshipStatusRadioboxResult.radioboxSelection = this.profile.relationshipStatus;\r\n this.smokingStatusRadioboxResult.radioboxSelection = this.profile.smokingStatus;\r\n this.isProfileFormValid = this.checkFormValidity();\r\n this.ngAfterViewInit();\r\n\r\n EmitterSubjectService.emitHideSpinner(true);\r\n\r\n // debugger;\r\n } else {\r\n if (tProfile) {\r\n this.message = 'Error occured in getProfileForEdit();\\n Error-mag : ' + tProfile.message;\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: this.message });\r\n } else {\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: 'Error occured in getProfileForEdit();\\n Error-mag : ' });\r\n }\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n } else {\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: 'Error occured in getProfileForEdit();\\n Error-mag : ' });\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n },\r\n (error) => {\r\n // alert ('Error occured in GetArticleContent(' + idArr[i] + ');\\n Error-mag : ' + error);\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: 'Error occured in getProfileForEdit();\\n Error-mag : ' + error.message });\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n );\r\n }\r\n else {\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n }\r\n }\r\n // ---------------------------------------------------------------\r\n submitProfileForm () : void {\r\n this.click = !this.click;\r\n if (this.profile.signedInUserId > 0 && this.profileForm.valid && this.checkFormValidity()) {\r\n // debugger;\r\n this.spinnerModel = new SpinnerModel();\r\n this.spinnerModel.message = 'Updating your profile information....';\r\n EmitterSubjectService.emitShowSpinner(this.spinnerModel);\r\n\r\n this.salt();\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity)\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.box)\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.nonce)) {\r\n this.isFormSubmitted = true;\r\n this.httpService\r\n .postObservable(\r\n '/api/Member/UpdateProfile',\r\n {\r\n box: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.box),\r\n nonce: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.nonce),\r\n },\r\n 'json2text',\r\n )\r\n .subscribe(\r\n (result) => {\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result)) {\r\n // debugger;\r\n var tempBn : BoxNonceEntity = new BoxNonceEntity() \r\n tempBn.box = result.box;\r\n tempBn.nonce = result.nonce;\r\n const tProfile = JSON.parse(SlakezSaltServiceStatic.boxUnsalt(tempBn as BoxNonceEntity)) as Profile;\r\n // debugger;\r\n\r\n this.profile = tProfile as Profile;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.profile) && this.profile.signedInUserId > 0) {\r\n // debugger;\r\n this.profile.isSuccess = true;\r\n this.highestEducationRadioboxResult.index = this.selectedHiEduIndex = ArrayServiceStatic.getIndexOfItemInArr(this.highestEducationArr, this.profile.highestEducation);\r\n this.playSafeRadioboxResult.index = this.selectedPlaySafeIndex = ArrayServiceStatic.getIndexOfItemInArr(this.playSafeArr, this.profile.playSafe);\r\n this.positionRadioboxResult.index = this.selectedPositionIndex = ArrayServiceStatic.getIndexOfItemInArr(this.positionArr, this.profile.position);\r\n this.religionRadioboxResult.index = this.selectedReligionIndex = ArrayServiceStatic.getIndexOfItemInArr(this.religionArr, this.profile.religion);\r\n this.relationshipStatusRadioboxResult.index = this.selectedRelStatusIndex = ArrayServiceStatic.getIndexOfItemInArr(this.relationshipStatusArr, this.profile.relationshipStatus);\r\n this.smokingStatusRadioboxResult.index = this.selectedSmkStatusIndex = ArrayServiceStatic.getIndexOfItemInArr(this.smokingStatusArr, this.profile.smokingStatus);\r\n\r\n this.highestEducationRadioboxResult.radioboxSelection = this.profile.highestEducation;\r\n this.playSafeRadioboxResult.radioboxSelection = this.profile.playSafe;\r\n this.positionRadioboxResult.radioboxSelection = this.profile.position;\r\n this.religionRadioboxResult.radioboxSelection = this.profile.religion;\r\n this.relationshipStatusRadioboxResult.radioboxSelection = this.profile.relationshipStatus;\r\n this.smokingStatusRadioboxResult.radioboxSelection = this.profile.smokingStatus;\r\n\r\n this.loginSuccess.isProfileInfoComplete = this.profile.isSuccess = true;\r\n EmitterSubjectService.setLoginSuccess(this.loginSuccess);\r\n this.message = this.profile.message = 'Updating Step-2 of 4 of your Profile Information is successful!';\r\n this.messageModel.message = this.message;\r\n this.messageModel.isSuccess = true;\r\n EmitterSubjectService.emitMessage(this.messageModel)\r\n this.ngAfterViewInit();\r\n alert(this.profile.message);\r\n this.setMessageTimer();\r\n ScrollTopServiceStatic.scrollToTop('allScrollToTopId');\r\n\r\n EmitterSubjectService.emitHideSpinner(true);\r\n // debugger;\r\n this.redirectionAfterSubmit();\r\n // debugger;\r\n } else {\r\n if (tProfile) {\r\n this.message = 'Error occured in submitProfileForm();\\n Error-mag : ' + tProfile.message;\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: this.message });\r\n } else {\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: 'Error occured in submitProfileForm();\\n Error-mag : ' });\r\n }\r\n\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n } else {\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: 'Error occured in submitProfileForm();\\n Error-mag : ' });\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n },\r\n (error) => {\r\n // alert ('Error occured in GetArticleContent(' + idArr[i] + ');\\n Error-mag : ' + error);\r\n EmitterSubjectService.emitMyErrorLog({ feedbackMessage: 'Error occured in submitProfileForm();\\n Error-mag : ' + error.message });\r\n EmitterSubjectService.emitHideSpinner(true);\r\n },\r\n );\r\n }\r\n else {\r\n EmitterSubjectService.emitHideSpinner(true);\r\n }\r\n }\r\n }\r\n // --------------------------------------------------------------\r\n setMessageTimer(): void {\r\n // debugger;\r\n this.intervalMsg = setTimeout(() => {\r\n this.message = this.profile.message = '';\r\n clearTimeout(this.intervalMsg);\r\n // debugger;\r\n // this.redirectionAfterSubmit();\r\n // this.router.navigate(['/preference/' + this.loginSuccess.signedInUserId]);\r\n }, 6000);\r\n clearTimeout(this.intervalMsg);\r\n }\r\n // ---------------------------------------------------------------\r\n showInvalidFormMessage (e : any): void {\r\n this.isProfileFormValid = this.checkFormValidity();\r\n this.isFormSubmitted = true;\r\n this.onSubmitBttnMouseOut(e);\r\n }\r\n // ---------------------------------------------------------------\r\n onMouseOut (e : any): void {\r\n this.isSubmitBttnFocus = false;\r\n }\r\n // ---------------------------------------------------------------\r\n onSubmitBttnMouseOut (e : any): void {\r\n if (e.type.value === 'mouseout') {\r\n this.isSubmitBttnFocus = false;\r\n this.isProfileFormValid = this.checkFormValidity();\r\n if (!this.isProfileFormValid) {\r\n this.isFormSubmitted = false;\r\n }\r\n } else {\r\n this.isSubmitBttnFocus = true;\r\n }\r\n }\r\n /*\r\n * ==============================================================\r\n * Begin of Animate-Message-Banner-System:\r\n * var counter = 0;\r\n * function runAgain() {\r\n * window.setTimeout(foo, 1000);\r\n * }\r\n */\r\n\r\n // function foo() {\r\n // // Do somthing\r\n // if ((++counter) < 5)\r\n // runAgain();\r\n // }\r\n // ---------------------------------------------------------------\r\n animateAgain() {\r\n // foo\r\n if (this.msgAnimCount < 3) {\r\n /*\r\n * this.addRemoveClasses(this.msgAnimCount);\r\n * this.addFocusToElement('profileMsgId');\r\n * this.toggleClass('profileMsgId', 'messageBannerBigger-hover');\r\n */\r\n this.animateMessageBanner(this.msgAnimCount);\r\n ++this.msgAnimCount;\r\n }\r\n }\r\n // ---------------------------------------------------------------\r\n animateMessageBanner(count: number): void {\r\n // runAgain()\r\n if (count < 3) {\r\n /*\r\n * debugger;\r\n * call any function here.\r\n * this.addRemoveClasses(count);\r\n */\r\n const intervalMsgBanner = window.setTimeout(this.animateAgain, 2000);\r\n clearTimeout(intervalMsgBanner);\r\n\r\n this.intervalMsgBanners.push(intervalMsgBanner);\r\n }\r\n }\r\n /*\r\n * ===============================================================\r\n * End of Animate-Message-Banner-System:\r\n * ---------------------------------------------------------------\r\n * ---------------------------------------------------------------\r\n */\r\n}\r\n","\r\n\r\n
\r\n \r\n \r\n
\r\n","\r\n'use-strict'\r\nimport { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\n\r\n// ref:https:// stackblitz.com/edit/angular-component-accordion-example\r\n\r\n@Component({\r\n selector: 'app-accordion-group',\r\n templateUrl: './accordionGroup.component.html',\r\n styleUrls: ['./accordionGroup.component.scss'],\r\n animations: [\r\n trigger('fader', [\r\n state(\r\n 'show',\r\n style({\r\n height: 400,\r\n // opacity : 1,\r\n transform: 'translateX(0%)',\r\n })\r\n ),\r\n state(\r\n 'hide',\r\n style({\r\n height: 0,\r\n // opacity : 0,\r\n transform: 'translateX(-500%)',\r\n })\r\n ),\r\n\r\n transition('show => hide', animate('700ms ease-in')),\r\n transition('hide => show', animate('700ms ease-out')),\r\n ]),\r\n ],\r\n})\r\nexport class AccordionGroupComponent implements OnInit, OnDestroy {\r\n private accrdTitle = 'Bangla and Sanskrit Vowels and Consonants';\r\n private emitterDestroyed$: Subject\r\n
\r\n\r\n","'use-strict'\nimport { AfterContentInit, Component, ContentChildren, Input, OnDestroy, OnInit, QueryList } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { AccordionGroupComponent } from '../accordionGroup/accordionGroup.component';\n\n// ref:https:// stackblitz.com/edit/angular-component-accordion-example\n\n@Component({\n selector: 'app-accordion',\n templateUrl: './accordion.component.html',\n styleUrls: ['./accordion.component.scss'],\n})\nexport class AccordionComponent implements AfterContentInit, OnInit, OnDestroy {\n private emitterDestroyed$: Subject\r\n \r\n {{title}}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n","'use-strict'\r\nimport { AfterViewInit, ChangeDetectorRef, Component, ComponentFactoryResolver, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { ModuleComponentLoader } from '../../../models/common/moduleComponentLoader.model';\r\nimport { EmitterSubjectService } from '../../../services/staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { AccordionComponent } from '../accordion/accordion.component';\r\nimport { AccordionGroupComponent } from '../accordionGroup/accordionGroup.component';\r\n\r\n@Component({\r\n selector: 'app-shared-module-component',\r\n templateUrl: './sharedModule.component.html',\r\n styleUrls: ['./sharedModule.component.scss'],\r\n})\r\nexport class SharedModuleComponent implements OnInit, OnDestroy, AfterViewInit {\r\n // ref:https:// medium.com/angular-in-depth/lazy-loading-\r\n @ViewChild('anchor', { read: ViewContainerRef})\r\n sharedAnchor!: ViewContainerRef;\r\n private activeComponentIds: string[] = [];\r\n private emitterDestroyed$: Subject');\n\n return output.replace(/<%\\/p%>/g, '
');\n }\n }\n // ---------------------------------------------------------------\n decodeCustomPreTags (input : any) {\n if (input) {\n const output = input.replace(/<%pre%>/g, '');\n\n return output.replace(/<%\\/pre%>/g, '');\n }\n }\n // ---------------------------------------------------------------\n trimCustomParagraphTags (input : any) {\n if (input) {\n let output = this.decodeCustomLtTags(input); // will transform all '<%' into '<'\n\n if (output) {\n output = output.replace(/<%p%>/g, '');\n }\n return (output = output.replace(/<%\\/p%>/g, ''));\n }\n }\n // ---------------------------------------------------------------\n trimCustomPreTags (input : any) {\n if (input) {\n let output = this.decodeCustomLtTags(input); // will transform all '<%' into '<'\n\n if (output) {\n output = output.replace(/<%pre%>/g, '');\n }\n return (output = output.replace(/<%\\/pre%>/g, ''));\n }\n }\n // ---------------------------------------------------------------\n trimParagraphTags (input : any) {\n if (input) {\n let output = this.decodeCustomLtTags(input); // will transform all '<%' into '<'\n\n if (output) {\n output = output.replace(/
/g, '');\n }\n return (output = output.replace(/<\\/p>/g, ''));\n }\n }\n // ---------------------------------------------------------------\n trimPreTags (input : any) {\n if (input) {\n let output = this.decodeCustomLtTags(input); // will transform all '<%' into '<'\n\n if (output) {\n output = output.replace(/
/g, '');\n }\n return (output = output.replace(/<\\/pre>/g, ''));\n }\n }\n // ---------------------------------------------------------------\n}\n","\r\nimport { Injectable } from '@angular/core';\r\nimport { BoxNonceEntity } from '../../models/boxNonce/boxNonceEntity.model';\r\nimport { ImageCounter } from '../../models/misc/imageCounter.model';\r\nimport { HttpService } from '../coreServiceService/httpService.service';\r\nimport { EmitterSubjectService } from '../staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { SlakezSaltServiceStatic } from '../staticServices/commonStaticServices/slakezSaltServiceStatic.service';\r\nimport { StringServiceStatic } from '../staticServices/stringServiceStatic.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\n\r\n@Injectable({\r\n providedIn: 'any',\r\n})\r\nexport class ImageResizerService {\r\n public height = 400;\r\n public image: any;\r\n public width = 400;\r\n\r\n public imageCounter: ImageCounter = new ImageCounter();\r\n\r\n constructor (\r\n public httpService : HttpService, ) { }\r\n\r\n /*\r\n * --------------------------------------------------------------\r\n * Note: This method shold be called once the profileTile.image is rendered at least once.\r\n * --------------------------------------------------------------\r\n */\r\n // adjustImageSize(pTile: ProfileTile, width: number, height: number): any {\r\n // if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(pTile)) {\r\n // if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(pTile.image)) {\r\n // // check for default-images\r\n // const result = this.getDefaultImageByCode(pTile.image);\r\n\r\n // result.src = result.src.replace('url(\\'url(\\'data:', 'data:');\r\n\r\n // // Note: should check 3 conditions on the result: null, empty-string, and image.length > 25\r\n // if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result.src)) {\r\n // this.getDefaultUriPromise(result.src, width, height).then(\r\n // (data) => {\r\n // // get the image-data from url\r\n // if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(data)) {\r\n // return data;\r\n // }\r\n // return '/photos/avatar3.png';\r\n // },\r\n // (err) => {\r\n // alert(err.message.toString());\r\n // }\r\n // );\r\n // } else {\r\n // return '/photos/avatar3.png';\r\n // }\r\n\r\n // // now process the non-defaut image data\r\n // this.resizeImagePromise(pTile.image, width, height).then(\r\n // (data) => {\r\n // pTile.image = data;\r\n // return pTile.image; // as 'image/png/jpg/svg';;\r\n // },\r\n // (err) => {\r\n // alert(err.message.toString());\r\n // }\r\n // );\r\n // } else {\r\n // return '/photos/avatar3.png';\r\n // }\r\n // } else {\r\n // return '/photos/avatar3.png';\r\n // }\r\n // }\r\n /*\r\n * ---------------------------------------------------------------\r\n * Note: width and height should be sent in REM\r\n */\r\n createImageFromBase64Str(inb64Str: string, width: number, height: number): any {\r\n const image = new Image();\r\n\r\n image.src = inb64Str;\r\n image.src = image.src.replace('url(\\'url(\\'data:', 'data:');\r\n const canvas = document.createElement('canvas');\r\n\r\n canvas.width = width > 0 ? width * 16 : 48; // or 'width' if you want a special/scaled size\r\n canvas.height = height > 0 ? height * 16 : 48; // or 'height' if you want a special/scaled size\r\n\r\n // canvas.getContext('2d').drawImage(image as CanvasImageSource, 0, 0); // TPDO: restore\r\n\r\n /*\r\n * Get raw image data\r\n * let imgData = canvas.toDataURL('image/png/jpg/svg').replace(/^data:image\\/(png|svg):base64,/, '');\r\n * resolve(imgData);\r\n */\r\n\r\n // ... or get as Data URI\r\n return canvas.toDataURL('image/png');\r\n }\r\n // ---------------------------------------------------------------\r\n createImageFromByteArray(byteArr: Uint8Array): any {\r\n const image = new Image();\r\n\r\n image.src = FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(byteArr);\r\n image.src = image.src.replace('url(\\'url(\\'data:', 'data:');\r\n const canvas = document.createElement('canvas');\r\n\r\n canvas.width = 400; // or 'width' if you want a special/scaled size\r\n canvas.height = 400; // or 'height' if you want a special/scaled size\r\n\r\n // canvas.getContext('2d').drawImage(image as CanvasImageSource, 0, 0); // TPDO: restore\r\n\r\n /*\r\n * Get raw image data\r\n * let imgData = canvas.toDataURL('image/png/jpg/svg').replace(/^data:image\\/(png|svg)base64,/, '');\r\n * resolve(imgData);\r\n */\r\n\r\n // ... or get as Data URI\r\n return canvas.toDataURL('image/png');\r\n }\r\n // ---------------------------------------------------------------\r\n // TODO: Test\r\n // ---------------------------------------------------------------\r\n static fileToString (file : File) : string {\r\n const myReader : FileReader = new FileReader();\r\n let tempStringFile : string = '';\r\n myReader.onerror = () => {\r\n myReader.abort();\r\n return new DOMException('Problem parsing input file.');\r\n };\r\n\r\n myReader.onloadend = (e) => {\r\n const fileStr = e;\r\n // debugger;\r\n // return fileStr;\r\n tempStringFile = JSON.stringify(fileStr);\r\n // debugger;\r\n };\r\n // debugger;\r\n myReader.readAsDataURL(file);\r\n return tempStringFile;\r\n }\r\n // ---------------------------------------------------------------\r\n static fileToStringArr (file : File) : string[] {\r\n const myReader : FileReader = new FileReader();\r\n let tempStringFiles : string[] = [];\r\n myReader.onerror = () => {\r\n myReader.abort();\r\n return new DOMException('Problem parsing input file.');\r\n };\r\n\r\n myReader.onloadend = (e) => {\r\n const fileStr = e;\r\n // debugger;\r\n\r\n tempStringFiles.push(JSON.stringify(fileStr));\r\n // debugger;\r\n };\r\n // debugger;\r\n myReader.readAsDataURL(file);\r\n return tempStringFiles;\r\n }\r\n // ---------------------------------------------------------------\r\n // Not in use:\r\n // ---------------------------------------------------------------\r\n static formDataToString (formData : FormData) : string[] {\r\n let tempStringFiles : string[] = [];\r\n formData.forEach(e => {\r\n tempStringFiles.push(e.valueOf().toString() /*JSON.stringify(e.valueOf)*/);\r\n });\r\n // debugger;\r\n return tempStringFiles;\r\n }\r\n // ---------------------------------------------------------------\r\n // Not in use:\r\n // ---------------------------------------------------------------\r\n static formDataToFileMap (formData : FormData) : Map {\r\n let fileMap : Map = new Map();\r\n formData.forEach((v, k) => {\r\n fileMap.set(k, v)\r\n });\r\n return fileMap;\r\n }\r\n // --------------------------------------------------------------\r\n // ---------------------------------------------------------------\r\n getBase64Image(img: any): string {\r\n const canvas = document.createElement('canvas');\r\n\r\n canvas.width = img.width > 0 ? img.width : 400;\r\n canvas.height = img.height > 0 ? img.height : 400;\r\n const ctx : any = canvas.getContext('2d');\r\n\r\n ctx.drawImage(img, 0, 0);\r\n const dataURL = canvas.toDataURL('image/png');\r\n\r\n return dataURL.replace(/^data:image\\/(png|jpg|svg);base64,/, '');\r\n }\r\n /*\r\n * ---------------------------------------------------------------\r\n * Ref;https:// turbofuture.com/computers/HTML5-Tutorial-How-To-Use-Canvas-toDataURL\r\n * Ref;https:// www.html5canvastutorials.com/tutorials/html5-canvas-images/\r\n * ---------------------------------------------------------------\r\n */\r\n getCanvasImage (pTile : any): string {\r\n let imgData = '';\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(pTile) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(pTile.pElemId)) {\r\n const canvas = document.getElementById('canvas-' + (pTile?.pElemId?.length > 0 ? pTile?.pElemId : pTile?.index)) as HTMLCanvasElement;\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(canvas)) {\r\n const ctx : any = canvas.getContext('2d');\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(ctx)) {\r\n const imageObj = new Image();\r\n\r\n pTile.image = pTile.image.replace('url(\\'url(\\'data:', 'data:');\r\n imageObj.src = pTile.image;\r\n imageObj.onload = () => {\r\n // debugger;\r\n ctx.drawImage(imageObj, 400, 400);\r\n };\r\n imgData = canvas.toDataURL();\r\n // debugger;\r\n }\r\n }\r\n }\r\n return imgData;\r\n }\r\n /*\r\n * ---------------------------------------------------------------\r\n * Note: If the user does not have any profile picture, the server sends the profileTile.image field with\r\n * one of the following codes for the View:\r\n * 1) image='Male' if the user is a male\r\n * 2) image='Female' if the user is a male\r\n * 3) image='DefaultImageEmoji' if the gender of the user is not known or transgender\r\n * note: caller should check for the following conditions:\r\n * 1. if the result is null\r\n * 2. if the result is empty-string\r\n * 3. if the result is not the first two possibilities,\r\n * i.e. not null and not empty-string. and if it has data, it's image must be more than 25 characters long.\r\n * ---------------------------------------------------------------\r\n */\r\n getDefaultImageByCode(image: string): any {\r\n let result: any;\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(image)) {\r\n if (image.length > 3 && image.length < 18) {\r\n const code = image.toLowerCase();\r\n let srce = image;\r\n let codeNum = -1;\r\n\r\n this.imageCounter = new ImageCounter();\r\n result = {\r\n src: srce,\r\n // 'imageCounter': this.imageCounter\r\n };\r\n if (code.indexOf('male') > -1) {\r\n codeNum = 1;\r\n } else if (code.indexOf('female') > -1) {\r\n codeNum = 2;\r\n } else if (code.indexOf('transgender') > -1) {\r\n codeNum = 3;\r\n } else if (code.indexOf('defaultimageemoji') > -1) {\r\n codeNum = 4;\r\n }\r\n\r\n switch (codeNum) {\r\n case 1:\r\n srce = '/assets/photos/DefaultImageMale.jpg'; // 28chars\r\n // src = 'url('' + ['/assets/photos/DefaultImageMale.jpg'] + '')';\r\n break;\r\n case 2:\r\n srce = '/assets/photos/DefaultImageFemale.jpg'; // 30chars\r\n // src = 'url('' + ['/assets/photos/DefaultImageFemale.jpg'] + '')';\r\n break;\r\n case 3:\r\n case 4:\r\n srce = '/assets/photos/DefaultImageEmoji.jpg'; // 29chars\r\n // src = 'url('' + ['/assets/photos/DefaultImageEmoji.jpg'] + '')';\r\n break;\r\n default:\r\n srce = ''; // code was not found: empty-string to indicate no-default image is applicable on the basis of the code.\r\n break;\r\n }\r\n result = {\r\n src: srce,\r\n // 'imageCounter': this.imageCounter\r\n };\r\n } // code could not be found & code.length >= 18\r\n else {\r\n result = {\r\n src: image,\r\n // 'imageCounter': this.imageCounter\r\n };\r\n }\r\n } // image is null/empty-string\r\n else {\r\n result = {\r\n src: '',\r\n // 'imageCounter': this.imageCounter\r\n };\r\n }\r\n return result;\r\n }\r\n /*\r\n * ---------------------------------------------------------------\r\n * ref:https:// davidwalsh.name/convert-image-data-uri-javascript\r\n * ---------------------------------------------------------------\r\n */\r\n getDefaultUriPromise (url : any, width : any, height : any): any {\r\n return new Promise((resolve) => {\r\n const image = new Image();\r\n\r\n url = url.replace('url(\\'url(\\'data:', 'data:');\r\n image.src = url;\r\n\r\n image.onload = () => {\r\n // debugger;\r\n const canvas = document.createElement('canvas');\r\n\r\n canvas.width = width > 0 ? width : 400; // or 'width' if you want a special/scaled size\r\n canvas.height = height > 0 ? width : 400; // or 'height' if you want a special/scaled size\r\n\r\n // canvas.getContext('2d').drawImage(image as CanvasImageSource, 0, 0); // TPDO: restore\r\n\r\n /*\r\n * Get raw image data\r\n * let imgData = canvas.toDataURL('image/png/jpg/svg').replace(/^data:image\\/(png|svg):base64,/, '');\r\n * resolve(imgData);\r\n */\r\n\r\n // ... or get as Data URI\r\n resolve(canvas.toDataURL('image/png/jpg'));\r\n };\r\n });\r\n }\r\n\r\n // ---------------------------------------------------------------\r\n getImage() {\r\n return this.image;\r\n }\r\n // ---------------------------------------------------------------\r\n getImageArrayFromArrayOfBytes(imageArrOfBytes: any[]): any {\r\n if (imageArrOfBytes && imageArrOfBytes.length > 0) {\r\n const images : any = [];\r\n // debugger;\r\n\r\n imageArrOfBytes.map((e) => {\r\n // images.push(this.createImageFromByteArray(e)); // TPDO: restore\r\n });\r\n return images;\r\n }\r\n return null;\r\n }\r\n /*\r\n * ---------------------------------------------------------------------------------\r\n * Note: This routine will look for comma separated 'image-file-name' in urls[], and if one exists, will fetch the image\r\n */\r\n // getImageDataFromUrlArr(urls: ProfileImage[]): string[] {\r\n // const images = [];\r\n\r\n // if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(urls) && urls.length > 0) {\r\n // let i = 0;\r\n\r\n // urls.map((e) => {\r\n // if (e.image.toLowerCase().indexOf('.png') !== -1 || e.image.toLowerCase().indexOf('.jpg') !== -1) {\r\n // const url = '/api/home/GetImageFromUrl';\r\n // // debugger;\r\n\r\n // this.httpService.post(url, { imageFileName: e.image}, 'image').subscribe((data) => {\r\n // // debugger;\r\n // if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(data)) {\r\n // images.push(data);\r\n // }\r\n // // return images;\r\n // });\r\n // // debugger;\r\n // } else {\r\n // images.push(urls[i]);\r\n // }\r\n // i++;\r\n // });\r\n // }\r\n // return images;\r\n // }\r\n /*\r\n * ---------------------------------------------------------------\r\n * Note: This routine will look for comma separated 'image-file-name' in urls[], and if one exists, will fetch the image\r\n */\r\n // getImageDataFromUrl(filePath: string): any {\r\n // if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(filePath)) {\r\n // if (filePath.toLowerCase().indexOf('.png') !== -1 || filePath.toLowerCase().indexOf('.jpg') !== -1) {\r\n // const url = '/api/home/GetImageFromUrl';\r\n // let bnIn ! : any;// Communication = new Communication(); // TPDO: restore\r\n // // debugger;\r\n\r\n // bnIn.fileName = filePath;\r\n // const salted = SlakezSaltServiceStatic.saltModel(bnIn);\r\n // // debugger;\r\n\r\n // // debugger;\r\n // if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(salted) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(salted.box) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(salted.nonce)) {\r\n // this.httpService\r\n // .post(\r\n // url,\r\n // {\r\n // box: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(salted.box),\r\n // nonce: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(salted.nonce),\r\n // },\r\n // 'json'\r\n // )\r\n // .subscribe((result) => this.processImageDataFromUrlResult(result));\r\n // // debugger;\r\n // }\r\n // }\r\n // }\r\n // return false;\r\n // }\r\n // ---------------------------------------------------------------\r\n processImageDataFromUrlResult (result : any): any {\r\n let imageFile: any;\r\n // debugger;\r\n\r\n if (result) {\r\n const bn = result as BoxNonceEntity;\r\n // debugger;\r\n\r\n if (bn && bn.box.length > 0 && bn.nonce.length > 0) {\r\n imageFile = JSON.parse(SlakezSaltServiceStatic.boxUnsalt(bn));\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(imageFile) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(imageFile.FileContents)) {\r\n EmitterSubjectService.emitImage(imageFile.FileContents);\r\n }\r\n return false;\r\n /*\r\n * Keep the commented code. it works!\r\n * const canvasImage = await this.resizeImagePromise(filePath, 300, 300);\r\n * debugger;\r\n * if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(canvasImage)) image = canvasImage;\r\n */\r\n }\r\n }\r\n }\r\n // ---------------------------------------------------------------\r\n async getImageDataFromUrlPromise (filePath : any): Promise {\r\n let image = '';\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(filePath)) {\r\n const canvasImage = await this.resizeImagePromise(filePath, 300, 300);\r\n\r\n canvasImage.then((data : any) => (image = data));\r\n }\r\n return image;\r\n }\r\n /*\r\n * ---------------------------------------------------------------\r\n * toDataUrl(url, callback) {\r\n * let xhr = new XMLHttpRequest();\r\n * xhr.onload = function () {\r\n * let reader = new FileReader();\r\n * reader.onloadend = function () {\r\n * callback(reader.result);\r\n * }\r\n * reader.readAsDataURL(xhr.response);\r\n * };\r\n * xhr.open('GET', url);\r\n * xhr.responseType = 'blob';\r\n * xhr.send();\r\n * }\r\n * Usage example\r\n * toDataUrl(imagepath, function(myBase64) {\r\n * console.log(myBase64); //myBase64 is the base64 string\r\n * });\r\n * ---------------------------------------------------------------\r\n */\r\n getResizedImage(img: any): string {\r\n this.image = img;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.image)) {\r\n this.image = this.resizeImage(this.image, 100, 100);\r\n }\r\n return this.image;\r\n }\r\n\r\n /*\r\n * ---------------------------------------------------------------------------------\r\n * Begin of ImageDataCleanupSystem:\r\n * API: normalizeImageData(image: string): string {}\r\n * ---------------------------------------------------------------------------------\r\n */\r\n public normalizeImageData(image: string): string {\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(image)) {\r\n const pattern = /\\'*data:image(\\/(jpeg|jpg|png|svg))+;base64,/;\r\n let imageData = image;\r\n\r\n if (imageData.toLowerCase().indexOf('url(\\'') !== -1) {\r\n imageData = this.stripUrlFromImageData(imageData);\r\n // debugger;\r\n }\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(imageData) && pattern.test(imageData)) {\r\n imageData = this.setUrlForImageData(imageData);\r\n return imageData;\r\n }\r\n }\r\n return image;\r\n }\r\n // ---------------------------------------------------------------\r\n private prependToImageData(image: string): string {\r\n // debugger;\r\n let outImage = '';\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(image)) {\r\n const pattern1 = /\\'*data:image(\\/(jpeg|jpg|png|svg))+;base64,/;\r\n const tImage = image.replace(pattern1, '');\r\n // tImage = tImage.toString().replace(/\\'+/, '\\''); //collapse multiple quotes ('+) to a single (')\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(tImage)) {\r\n outImage = 'data:image/png;base64,' + tImage.toString();\r\n // debugger;\r\n }\r\n // Note: the above code accomplishes the same objective as the below code:\r\n // -----------------------------------------------------------------------------\r\n // if (image.toLowerCase().indexOf('jpeg') !== -1) image.replace('jpeg', 'jpg');\r\n // if ((image.toLowerCase().indexOf('data:image/jpg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/png;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/svg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/jpg/png;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/png/jpg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/jpg/svg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/svg/jpg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/png/svg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/svg/png;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/jpg/png/svg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/jpg/svg/png;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/png/jpg/svg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/png/svg/jpg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/svg/png/jpg;base64,') !== -1)\r\n // || (image.toLowerCase().indexOf('data:image/svg/jpg/png;base64,') !== -1)\r\n // ){\r\n // //debugger;\r\n // return image;\r\n // }\r\n }\r\n return outImage;\r\n }\r\n // ---------------------------------------------------------------\r\n setUrlForImageData(image: string): string {\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(image)) {\r\n const prependedImageData = this.prependToImageData(image); // check if its an image\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(prependedImageData)) {\r\n // debugger;\r\n if (prependedImageData.indexOf('url(\\'') === -1) {\r\n /*\r\n * check if url linked\r\n * debugger;\r\n */\r\n return 'url(\\'' + prependedImageData + '\\')';\r\n }\r\n return prependedImageData;\r\n }\r\n }\r\n // debugger;\r\n return '';\r\n }\r\n // ---------------------------------------------------------------\r\n stripUrlFromImageData(image: string) {\r\n let tImage: any;\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(image)) {\r\n const pattern1 = /url\\('/;\r\n\r\n tImage = image.replace(pattern1, '');\r\n const pattern2 = /'\\)/;\r\n\r\n tImage = tImage.replace(pattern2, '');\r\n return tImage;\r\n }\r\n }\r\n /*\r\n * ---------------------------------------------------------------------------------\r\n * End of ImageDataCleanupSystem:\r\n * ---------------------------------------------------------------------------------\r\n * ---------------------------------------------------------------\r\n * does not work!!\r\n * ref:https:// gist.github.com/ORESoftware/ba5d03f3e1826dc15d5ad2bcec37f7bf\r\n */\r\n resizeImage (base64Str : any, maxW: number, maxH: number): string {\r\n const img = new Image();\r\n\r\n base64Str = base64Str.replace('url(\\'url(\\'data:', 'data:');\r\n img.src = base64Str;\r\n const canvas = document.createElement('canvas');\r\n const MAX_WIDTH = maxW > 0 ? maxW : 400;\r\n const MAX_HEIGHT = maxH > 0 ? maxH : 400;\r\n let width = img.width;\r\n let height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n const ctx : any = canvas.getContext('2d');\r\n\r\n ctx.drawImage(img, 0, 0, width, height);\r\n return canvas.toDataURL();\r\n }\r\n\r\n /*\r\n * ---------------------------------------------------------------\r\n * THIS DOES NOT WORK!\r\n * ref:https:// gist.github.com/ORESoftware/ba5d03f3e1826dc15d5ad2bcec37f7bf\r\n */\r\n resizeImageInREM (base64Str : any, maxW: number, maxH: number): string {\r\n const img = new Image();\r\n\r\n base64Str = base64Str.replace('url(\\'url(\\'data:', 'data:');\r\n img.src = base64Str;\r\n const canvas = document.createElement('canvas');\r\n const MAX_WIDTH = maxW > 0 ? maxW * 16 : 48; // default==baseWidth==3rem==48px\r\n const MAX_HEIGHT = maxH > 0 ? maxH * 16 : 48; // default==baseHeight==3rem==48px\r\n let width = img.width;\r\n let height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n const ctx : any = canvas.getContext('2d');\r\n\r\n ctx.drawImage(img, 0, 0, width, height);\r\n return canvas.toDataURL();\r\n }\r\n /*\r\n * ---------------------------------------------------------------\r\n * Tested, works! 2020/July/23\r\n * ref:https:// gist.github.com/ORESoftware/ba5d03f3e1826dc15d5ad2bcec37f7bf\r\n * Usage: const result = await resizeImagePromise(YOUR_BASE64, MAX_WIDTH, MAX_HEIGHT);\r\n * ---------------------------------------------------------------\r\n */\r\n resizeImagePromise (filePath : any, maxWidth = 400, maxHeight = 400): any {\r\n return new Promise((resolve) => {\r\n const img = new Image();\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(filePath)) {\r\n let width: any;\r\n let height: any;\r\n\r\n filePath = filePath.replace('url(\\'url(\\'data:', 'data:');\r\n if (filePath.indexOf('.jpg') !== -1 || filePath.indexOf('.png') !== -1 || filePath.indexOf('.svg') !== -1) {\r\n img.src = 'url(\\'' + filePath + '\\')';\r\n img.onload = () => {\r\n const canvas = document.createElement('canvas');\r\n const MAX_WIDTH = maxWidth;\r\n const MAX_HEIGHT = maxHeight;\r\n\r\n width = img.width;\r\n height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n const ctx : any = canvas.getContext('2d');\r\n\r\n ctx.drawImage(img, 0, 0, width, height);\r\n resolve(canvas.toDataURL());\r\n };\r\n } else {\r\n return filePath;\r\n }\r\n }\r\n });\r\n }\r\n // ---------------------------------------------------------------\r\n urlToImageData (image : any): string {\r\n return image;\r\n }\r\n // ---------------------------------------------------------------\r\n}\r\n","\r\nimport { Inject, Injectable, NgZone, OnDestroy } from '@angular/core';\r\nimport { NavigationStart, Router } from '@angular/router';\r\nimport { Observable, Subject, Subscription, interval } from 'rxjs';\r\nimport { distinctUntilChanged, filter, map, startWith, take, takeUntil, tap } from 'rxjs/operators';\r\nimport { URLUtils } from '../../app/directiveFilterPipeModule/epl/URLUtils';\r\n// import { URLUtils } from \"../../../src/eplLib/URLUtils\";\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { LoginSuccess } from '../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../models/account/sitUser.model';\r\nimport { BoxNonceEntity } from '../../models/boxNonce/boxNonceEntity.model';\r\nimport { PagerBreadcrum } from '../../models/breadcrum/pagerBreadcrum.model';\r\nimport { ModuleComponentLoader } from '../../models/common/moduleComponentLoader.model';\r\nimport { SpinnerModel } from '../../models/common/spinnerModel.model';\r\nimport { BackgroundImageAnimationService } from '../rendererServiceService/backgroundImageAnimationService.service';\r\nimport { BreadcrumServiceStatic } from '../staticServices/breadcrumServiceStatic.service';\r\nimport { ModuleComponentLoaderServiceStatic } from '../staticServices/commonStaticServices/moduleComponentLoaderServiceStatic.service';\r\nimport { EmitterSubjectService } from '../staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { MessageBuilderServiceStatic } from '../staticServices/messgeBuilderServiceStatic.service';\r\n\r\n@Injectable({ providedIn: 'root'})\r\nexport class RedirectionService implements OnDestroy\r\n{\r\n public activatedRoute : any;\r\n public boxNonce : BoxNonceEntity = new BoxNonceEntity();\r\n public document : Document;\r\n public spinnerModel : SpinnerModel = new SpinnerModel();\r\n public isMobilevar = false;\r\n public loginSuccess : LoginSuccess = new LoginSuccess();\r\n public mcLoader : ModuleComponentLoader = new ModuleComponentLoader();\r\n public pagerBrdCrm : PagerBreadcrum = new PagerBreadcrum();\r\n public router: Router;\r\n public returnUrl : string = '';\r\n public sitUser : SitUser = new SitUser();\r\n public urlString = '';\r\n public urlPathStr = '';\r\n public urlSearchStr = '';\r\n public elementRef: any;\r\n public emitterDestroyed$ : Subject = new Subject();\r\n public message : any;\r\n public stable : any;\r\n public timer : any;\r\n public timerArray : any[] = [];\r\n // -----------------------------------------\r\n public constructor (\r\n public bias : BackgroundImageAnimationService,\r\n @Inject(DOCUMENT) _document,\r\n @Inject(Window) window,) {\r\n this.document = _document;\r\n this.initialize();\r\n\r\n // this.appInitUrlEmitter.subscribe((result) => {\r\n // debugger;\r\n // this.appStartUrlStringParser();\r\n // });\r\n\r\n //\r\n // -----------------------------------------------------------\r\n EmitterSubjectService.mcLoaderToNavigateEmitter\r\n .pipe(takeUntil(this.emitterDestroyed$))\r\n .subscribe((result) => {\r\n // debugger;\r\n this.mcLoader = result;\r\n return this.fireMcLoaderRoute(this.mcLoader);\r\n });\r\n }\r\n // ---------------------------------------------------------------\r\n ngOnDestroy () {\r\n /*\r\n * prevent memory leak when component /how-can-i-select-an-element-in-a-component-template\r\n * (2) https:// www.concretepage.com/angular-2/angular-4-renderer2-example\r\n * (3) https:// stackoverflow.com/questions/7439519/setinterval-to-loop-through-array-in-javascript/7440323\r\n * (4) https:// stackblitz.com/edit/timer-with-pdestroyed\r\n */\r\n // prevent memory leak when component destroyed\r\n this.emitterDestroyed$.next(true);\r\n this.emitterDestroyed$.complete();\r\n this.emitterDestroyed$.unsubscribe();\r\n this.timerArray.forEach((timer) => clearInterval(timer));\r\n }\r\n // -----------------------------------------\r\n initialize () {\r\n // debugger;\r\n // -------------------------------------------------------------------------\r\n EmitterSubjectService.fireMcLoaderRouteEmitter.subscribe((result) => {\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result)) {\r\n // ---------------------------------------------------\r\n result = ModuleComponentLoaderServiceStatic.setupMcLoaderModel(result);\r\n \r\n this.fireMcLoaderRoute(result as ModuleComponentLoader).subscribe(data => {\r\n this.pagerBrdCrm = data\r\n });\r\n EmitterSubjectService.emitPagerBreadcrum(this.pagerBrdCrm);\r\n }\r\n });\r\n // -------------------------------------------------------------------------\r\n } \r\n\r\n /*\r\n * -----------------------------------------------------------------\r\n *\r\n * The following will reroute on the basis of url string on startup\r\n *\r\n * -----------------------------------------------------------------\r\n */\r\n public appStartUrlStringParser (router : Router) : any {\r\n \r\n let action = '';\r\n let controller = '';\r\n let id : any;\r\n let origin : any;\r\n let path = '';\r\n\r\n let tRoute = '';\r\n let urlParamMap : Map = new Map();\r\n let urlparts : any[] = [];\r\n let mcLoader : ModuleComponentLoader = new ModuleComponentLoader();\r\n this.urlString = window.location.pathname + window.location.search;\r\n this.urlPathStr = window.location.pathname;\r\n this.urlSearchStr = window.location.search;\r\n\r\n this.returnUrl = this.urlString;\r\n EmitterSubjectService.setReturnUrl(this.returnUrl);\r\n\r\n if (FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.router) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(router)) {\r\n this.router = router;\r\n }\r\n\r\n // debugger;\r\n let paramArr = URLUtils.pathToURIParams(this.urlString);\r\n origin = URLUtils.pathToLocation(this.urlString).origin;\r\n urlParamMap.set('origin', origin);\r\n // -------------------------------------------------------------------------------------------------------------\r\n // TODO: if this paramArr contains all the attributes of the url such as origin, controller, action, paramMap, \r\n // then use this to extract them all, otherwise, there is no need to use this Utility file.\r\n // -------------------------------------------------------------------------------------------------------------\r\n // debugger;\r\n\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.urlString))\r\n {\r\n if (this.urlString.indexOf('ResetPassword') !== -1) {\r\n // debugger;\r\n return this.resetPassword(router, this.urlString);\r\n }\r\n else {\r\n if (this.urlString.length > 1) {\r\n // api case:\r\n // Note: api cases are when serviceWorker makes the api calls for getting data, not for page load/reload\r\n // But the non-api cases, the url contains the backend's 'controllerName/action' after '/api/'\r\n // such as 'https://slakez/api/controller/action'\r\n // ------------------------------------------------------------------------------------------------------- \r\n // non-api cases when the client's router makes redirections or server-reirection is invoked by swipe-down\r\n // -------------------------------------------------------------------------------------------------------\r\n if (this.urlString.indexOf('/api') === -1)\r\n {\r\n // parameter's case:\r\n // -----------------\r\n if (this.urlString.includes('?'))\r\n {\r\n // debugger;\r\n urlparts = this.urlString.split('?');\r\n if (urlparts.length > 1) {\r\n this.urlString = urlparts[ 0 ];\r\n id = urlparts[ 1 ];\r\n\r\n // ---------------------------------------------------------------------------\r\n // TODO: follow the pattern/example of a complex url with multiple parameters:\r\n // ---------------------------------------------------------------------------\r\n if (id.includes('&')) {\r\n // debugger;\r\n var idParts = id.split('&');\r\n if (idParts.length > 1) {\r\n // debugger;\r\n mcLoader.id = idParts[ 0 ];\r\n\r\n urlParamMap.set(idParts[ 0 ], idParts[ 1 ]);\r\n // --------------------------------------------- \r\n // need to convert to number for sitUserId:\r\n // ---------------------------------------------\r\n if (parseInt(idParts[ 0 ]) > 0) {\r\n mcLoader.id = parseInt(idParts[ 0 ]);\r\n }\r\n // debugger;\r\n }\r\n var paramParts = idParts[ 1 ].split('&');\r\n if (paramParts.length > 1) {\r\n paramParts.map((p : any) => {\r\n var paramStr = p; // p = param kv pair\r\n var paramStrParts = paramStr.split('=');\r\n if (paramStrParts.length > 1 && !urlParamMap.has(paramStrParts[ 0 ])) {\r\n urlParamMap.set(paramStrParts[ 0 ], paramStrParts[ 1 ]); // p = = \r\n // debugger;\r\n if (paramStrParts[ 0 ].toString().indexOf('code') !== -1) {\r\n EmitterSubjectService.setResetPasswordCode(paramStrParts[ 1 ]);\r\n EmitterSubjectService.emitResetPasswordCode(paramStrParts[ 1 ]);\r\n }\r\n }\r\n })\r\n mcLoader.paramMap = urlParamMap;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n // componentName(aka action) & moduleName (aka controller) extraction:\r\n // -------------------------------------------------------------------\r\n if (this.urlString.includes('/')) {\r\n // debugger;\r\n urlparts = this.urlString.split('/');\r\n\r\n if (urlparts.length > 0) {\r\n // debugger;\r\n mcLoader.action = mcLoader.componentName = action = urlparts[ urlparts.length - 1 ]; // Take the last item for componentName i.e. action\r\n mcLoader.controller = mcLoader.moduleName = controller = urlparts[ urlparts.length - 2 ]; // Take the last item for moduleName i.e. controller\r\n if (action.length > 0) {\r\n // debugger;\r\n // -----------------------------------------------------------------------------------\r\n // TODO: If the request is due to an pageRefresh such as swipe down,\r\n // preserve the existing component's data on the service and\r\n // reuse them at init() so that the page load is fast.\r\n // Note: The page on refresh will go though its api calls if relevant regardless\r\n // of previously saved values.\r\n // -----------------------------------------------------------------------------------\r\n this.setRoute(this.router, mcLoader.componentName, mcLoader.id).subscribe(data => {\r\n return data;\r\n });\r\n\r\n // hide vertical menues if applicable:\r\n // -----------------------------------\r\n // this.hideVerticalMenues();\r\n // this.hideVerticalMenues(mcLoader);\r\n\r\n }\r\n } else {\r\n debugger;\r\n return this.setRoute(this.router, 'index', 0).subscribe(data => {\r\n return data;\r\n });\r\n }\r\n } else {\r\n debugger;\r\n return this.setRoute(this.router, 'index', 0).subscribe(data => {\r\n return data;\r\n });\r\n }\r\n }\r\n else {\r\n debugger;\r\n return this.setRoute(this.router, 'index', 0).subscribe(data => {\r\n return data;\r\n });\r\n }\r\n }\r\n }\r\n else {\r\n debugger;\r\n return this.setRoute(this.router, 'index', 0).subscribe(data => {\r\n return data;\r\n });\r\n }\r\n }\r\n // -----------------------------------------------------------------\r\n // Note: the activatedComponentRouteDictionary gets populated with\r\n // mcLoader model when each time a calling function emits\r\n // the mcLoader.\r\n // -----------------------------------------------------------------\r\n public clearRoutes ( router : Router ) : Promise | any\r\n {\r\n BreadcrumServiceStatic.clearRoutes();\r\n if (FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.router) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(router)) {\r\n this.router = router;\r\n }\r\n return this.setRoute(this.router, 'index', 0 );\r\n }\r\n // --------------------------------------------------------------\r\n // NOte: This appplication creates the respective dictionary(ies) \r\n // that each component needs when it comes in scope via routing\r\n // Therefore, all the DbDexie to Dictionarty nethods that\r\n // reads the indexedDb and put the results in the respectie\r\n // dictionary here.\r\n // --------------------------------------------------------------\r\n public createDictionary (mcLoader : ModuleComponentLoader) : any {\r\n let path = '';\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n let dbDexieToDictionaryService = EmitterSubjectService.getDbDexieToDictionaryService();\r\n debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcLoader.moduleName) && mcLoader.moduleName.length > 0\r\n && mcLoader.componentName && mcLoader.componentName.length > 0) {\r\n switch (mcLoader.componentName.toLowerCase()) {\r\n case 'buddies':\r\n case 'iblocked':\r\n case 'myfriends':\r\n case 'iliked':\r\n case 'itracked':\r\n case 'utracked':\r\n case 'iwinked':\r\n case 'uwinked':\r\n // debugger;\r\n mcLoader.moduleName = 'activitym';\r\n break;\r\n case 'mychats':\r\n case 'chat':\r\n mcLoader.moduleName = 'chatm';\r\n // debugger;\r\n break;\r\n case 'myemails':\r\n case 'myenotes':\r\n case 'viewemail':\r\n case 'viewenote':\r\n case 'composeemail':\r\n case 'composeenote':\r\n mcLoader.moduleName = 'communicationm';\r\n break;\r\n case 'about':\r\n case 'features':\r\n case 'comparememberships':\r\n case 'contactus':\r\n case 'notfound':\r\n case 'privacy':\r\n case 'terms':\r\n mcLoader.moduleName = 'publicm';\r\n break;\r\n case 'forgot':\r\n case 'login':\r\n mcLoader.moduleName = 'loginm'; \r\n break;\r\n case 'logout':\r\n case 'resetpassword':\r\n // debugger;\r\n mcLoader.moduleName = 'loginm';\r\n break;\r\n\r\n case 'register':\r\n case 'prescreen':\r\n mcLoader.moduleName = 'registerm';\r\n break;\r\n case 'members':\r\n case 'membersindividually':\r\n debugger;\r\n mcLoader.moduleName = 'membersm';\r\n break;\r\n case 'memberscroll':\r\n debugger;\r\n mcLoader.moduleName = 'memberscrollm';\r\n break;\r\n case 'memberviewmgmt':\r\n case 'upgradedmembers':\r\n mcLoader.moduleName = 'memberviewandupgradedm';\r\n break;\r\n case 'memberedit':\r\n mcLoader.moduleName = 'profilem';\r\n break;\r\n\r\n case 'dialog':\r\n case 'message':\r\n case 'spinner':\r\n mcLoader.moduleName = 'modalm';\r\n break;\r\n case 'myprofileviewmgmt':\r\n case 'myphotomgmt':\r\n mcLoader.moduleName = 'mym';\r\n // debugger;\r\n break;\r\n case 'gayatriyantra':\r\n case 'sandbox':\r\n mcLoader.moduleName = 'sandboxm';\r\n break;\r\n case 'payment':\r\n case 'upgraded':\r\n mcLoader.moduleName = 'salesm';\r\n break;\r\n case 'animation':\r\n case 'boxnoncetest':\r\n case 'errorlog':\r\n case 'gesturetest':\r\n case 'imageresizer':\r\n mcLoader.moduleName = 'staffm';\r\n break;\r\n default:\r\n // debugger;\r\n mcLoader.moduleName = 'app';\r\n mcLoader.componentName = 'index';\r\n break;\r\n }\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(dbDexieToDictionaryService)) {\r\n debugger;\r\n dbDexieToDictionaryService.createAllSitUserRelatedDictionariesFromDbDexie();\r\n debugger;\r\n\t\t\t}\r\n }\r\n }\r\n // --------------------------------------------------------------\r\n /*\r\n * ---------------------------------------------------------------\r\n * Note: here we hold the Path information on 'mcLoader'\r\n */\r\n public determinePathFromLoginSuccess () : any {\r\n let mcLoader : ModuleComponentLoader = new ModuleComponentLoader();\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n\r\n\r\n this.urlString = window.location.pathname + window.location.search;\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.loginSuccess) && this.loginSuccess.isEmailConfirmed) {\r\n mcLoader.id = this.loginSuccess.signedInUserId;\r\n // debugger;\r\n if (this.loginSuccess.signedInUserId > 0)\r\n {\r\n if (this.loginSuccess.controller === 'member' || this.urlString.toLowerCase().indexOf('member') !== -1) {\r\n if (!this.loginSuccess.isProfileComplete || this.loginSuccess.isEditProfile) {\r\n debugger;\r\n mcLoader.moduleName = 'profilem';\r\n mcLoader.componentName = 'memberEdit';\r\n\r\n } else {\r\n debugger;\r\n mcLoader.moduleName = 'memberscrollm';\r\n mcLoader.componentName = 'memberscroll';\r\n }\r\n }\r\n else if (this.loginSuccess.controller === 'index' || this.urlString.toLowerCase().indexOf('index') !== -1) { // if\r\n debugger;\r\n mcLoader.moduleName = 'memberscrollm';\r\n mcLoader.componentName = 'memberscroll';\r\n }\r\n else {\r\n mcLoader.moduleName = 'app';\r\n mcLoader.componentName = 'index';\r\n }\r\n }\r\n else {\r\n mcLoader.moduleName = 'app';\r\n mcLoader.componentName = 'index';\r\n }\r\n }\r\n // debugger;\r\n return mcLoader;\r\n }\r\n \r\n // --------------------------------------------------------------\r\n // Note: important aspect of this method is that is updates the\r\n // PagerBreadCrum as opposed to BreadcrumService.setBreadcrumPage() that\r\n // does not, and instead simply navigates back and forth over breadcrumRingArr entries.\r\n // --------------------------------------------------------------\r\n public fireMcLoaderRoute ( mcl:ModuleComponentLoader ) : Observable \r\n {\r\n let path = '';\r\n let isBtb = false;\r\n let Pgr : any;\r\n let mcLoader : ModuleComponentLoader = mcl\r\n return new Observable((subscriber) => {\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcLoader)\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcLoader.router)) {\r\n this.router = mcLoader.router;\r\n // debugger;\r\n }\r\n else {\r\n mcLoader = ModuleComponentLoaderServiceStatic.setupMcLoaderModel(mcLoader);\r\n this.router = mcLoader.router;\r\n\t\t }\r\n // debugger;\r\n if (ModuleComponentLoaderServiceStatic.isValidModuleComponentLoader(mcLoader))\r\n {\r\n // debugger;\r\n // must be called before rerouting!\r\n // --------------------------------\r\n //\r\n // debugger;\r\n // will check if the same component is back to back & update pagerBreadcrum at EmitterService:\r\n // -------------------------------------------------------------------------------------------\r\n Pgr = BreadcrumServiceStatic.setNewPath(mcLoader);\r\n\r\n // debugger;\r\n // if PagerBreadCrum was returned:\r\n // -------------------------------\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(Pgr) && Pgr.currentPage > 0)\r\n {\r\n // debugger;\r\n this.pagerBrdCrm = Pgr as PagerBreadcrum;\r\n EmitterSubjectService.setPagerBreadcrum(this.pagerBrdCrm);\r\n\r\n // EmitterSubjectService.emitPagerBreadcrum(this.pagerBrdCrm);\r\n\r\n // TODO: if something does not render, uncomment this. \r\n // Not sure which code this can block, but it seems redundant:\r\n // ------------------------------------------------------------------\r\n // if (!BreadcrumServiceStatic.emitProfilePageSelectorBoolean(mcLoader.componentName) && !this.isCurrentUrlAProfilePage(mcLoader.url)) {\r\n // switch (mcLoader.componentName.toLowerCase()) {\r\n // case 'myphotomgmt':\r\n // EmitterSubjectService.setIsPhotoMgmt(true);\r\n // break;\r\n // case 'memberviewmgmt':\r\n // EmitterSubjectService.setIsViewMember(true);\r\n // break;\r\n // case 'myprofileviewmgmt':\r\n // EmitterSubjectService.setIsMyProfile(true);\r\n // break;\r\n // default:\r\n // // this.fireMcLoaderRoute(mcLoader); // TODO: check if it works, otherwise delete this!\r\n // break;\r\n\t\t\t\t\t //} \r\n // // debugger;\r\n // }\r\n // EmitterSubjectService.emitRunNgAfterViewInit(true);\r\n\r\n // debugger; \r\n // ---------------------------------------------------------------------------------------------------\r\n // if the user clicked 'myProfileView' while viewing someone else's profile, \r\n // if the current page is memberView and previous page was also memberView but of different user\r\n // i.e. back-to-back-memberView:\r\n // ---------------------------------------------------------------------------------------------------\r\n // if (mcLoader.componentName.toLowerCase().indexOf('memberviewmgmt') !== -1) {\r\n // if (BreadcrumServiceStatic.isDifferentMemberView()) {\r\n // // emit the fact that this user is different than the previous user\r\n // EmitterSubjectService.emitDisplayDifferentMemberView(mcLoader);\r\n // // debugger; \r\n // }\r\n // }\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcLoader.url) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.router)) {\r\n // debugger;\r\n if (mcLoader.url.length >= 1 && mcLoader.url[ 0 ].indexOf(\"/\") !== -1) {\r\n // debugger;\r\n try {\r\n this.document = EmitterSubjectService.getDocument();\r\n console.log('navigateByUrl : ' + mcLoader.url);\r\n this.router.navigateByUrl(mcLoader.url).then(data => {\r\n console.log(data);\r\n // debugger;\r\n MessageBuilderServiceStatic.printMessage(this.loginSuccess.signedInUserId, 'routed url:' + mcLoader.url);\r\n subscriber.next(this.pagerBrdCrm);\r\n // subscriber.complete();\r\n }).catch(error => {\r\n // debugger;\r\n console.log('redirectionService.navigateByUrl.error=' + error);\r\n });\r\n }\r\n catch {\r\n console.log('redirectionService.navigateByUrl.error');\r\n }\r\n }\r\n else {\r\n // debugger;\r\n try {\r\n this.document = EmitterSubjectService.getDocument();\r\n console.log('navigate : ');\r\n this.router.navigate([ mcLoader.url ]).then(data => {\r\n console.log(data);\r\n //this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n //MessageBuilderServiceStatic.printMessage(this.loginSuccess.signedInUserId, 'routed url:' + mcLoader.url);\r\n // debugger;\r\n subscriber.next(this.pagerBrdCrm);\r\n // subscriber.complete();\r\n }).catch(error => {\r\n // debugger;\r\n console.log('redirectionService.navigate.error=' + error);\r\n });\r\n }\r\n catch {\r\n console.log('redirectionService.navigate.error');\r\n }\r\n }\r\n \r\n // hide vertical menues if applicable:\r\n // -----------------------------------\r\n // this.hideVerticalMenues();\r\n //if (!this.hideVerticalMenues(mcLoader)) {\r\n // // debugger;\r\n // this.hideVerticalMenues2(mcLoader)\r\n //} \r\n }\r\n else // mcl was returned, which is most likely invalid, meaning lacks either moduleName or componentName\r\n {\r\n // debugger;\r\n let message = \"mcl is incomplete. moduleName = \" + mcLoader.moduleName + \", componentName = \" + mcLoader.componentName;\r\n // EmitterSubjectService.emitMessage(message);\r\n subscriber.next(this.pagerBrdCrm);\r\n subscriber.complete();\r\n }\r\n }\r\n else // mcl was returned, which is most likely invalid, meaning lacks either moduleName or componentName\r\n {\r\n // debugger;\r\n let message = \"mcl is incomplete. moduleName = \" + mcLoader.moduleName + \", componentName = \" + mcLoader.componentName;\r\n // EmitterSubjectService.emitMessage(message);\r\n subscriber.next(this.pagerBrdCrm);\r\n subscriber.complete();\r\n }\r\n }\r\n else {\r\n subscriber.next(this.pagerBrdCrm);\r\n subscriber.complete();\r\n }\r\n })\r\n }\r\n // --------------------------------------------------------------\r\n public fireMcLoaderforSignedInUser (mcLoader : ModuleComponentLoader) : any {\r\n let path = '';\r\n let isBtb = false;\r\n let Pgr : any; \r\n \r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcLoader)\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcLoader.router)) {\r\n this.router = mcLoader.router;\r\n // debugger;\r\n }\r\n else {\r\n mcLoader = ModuleComponentLoaderServiceStatic.setupMcLoaderModel(mcLoader);\r\n this.router = mcLoader.router;\r\n }\r\n\r\n if (ModuleComponentLoaderServiceStatic.isValidModuleComponentLoader(mcLoader)) {\r\n\r\n // must be called before rerouting!\r\n // --------------------------------\r\n //\r\n // debugger;\r\n // will check if the same component is back to back & update pagerBreadcrum at EmitterService:\r\n // -------------------------------------------------------------------------------------------\r\n Pgr = BreadcrumServiceStatic.setNewPath(mcLoader);\r\n\r\n // debugger;\r\n // if PagerBreadCrum was returned:\r\n // -------------------------------\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(Pgr) && Pgr.currentPage > 0) {\r\n // debugger;\r\n this.pagerBrdCrm = Pgr as PagerBreadcrum;\r\n EmitterSubjectService.setPagerBreadcrum(this.pagerBrdCrm);\r\n EmitterSubjectService.emitPagerBreadcrum(this.pagerBrdCrm);\r\n\r\n }\r\n \r\n // debugger;\r\n // if emitPageSelectorBoolean == false, then:\r\n // ------------------------------------------\r\n if (!BreadcrumServiceStatic.emitProfilePageSelectorBoolean(mcLoader.componentName) && !this.isCurrentUrlAProfilePage(mcLoader.url)) {\r\n switch (mcLoader.componentName.toLowerCase()) {\r\n case 'myphotomgmt':\r\n EmitterSubjectService.emitIsMyProfile(false);\r\n break;\r\n case 'memberviewmgmt':\r\n EmitterSubjectService.emitIsPhotoMgmt(false);\r\n break;\r\n case 'myprofileviewmgmt':\r\n EmitterSubjectService.emitIsViewMember(false);\r\n break;\r\n default:\r\n ; // do nothing\r\n break;\r\n }\r\n }\r\n \r\n // debugger;\r\n EmitterSubjectService.emitRunNgAfterViewInit(true);\r\n return this.pagerBrdCrm;\r\n } \r\n else // mcl was returned, which is most likely invalid, meaning lacks either moduleName or componentName\r\n {\r\n // debugger;\r\n let message = \"mcl is incomplete. moduleName = \" + mcLoader.moduleName + \", componentName = \" + mcLoader.componentName;\r\n // EmitterSubjectService.emitMessage(message);\r\n }\r\n }\r\n // ---------------------------------------------------------------------------------\r\n public hideVerticalMenues3 (mcl : ModuleComponentLoader) : void {\r\n // debugger;\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n if (!this.isMemberViewAndMyPhotosPagesBackToBack()\r\n &&( mcl.url.toLowerCase().indexOf('myprofileviewmgmt') === -1\r\n && mcl.url.toLowerCase().indexOf('myphotomgmt') === -1)) {\r\n // debugger;\r\n\r\n EmitterSubjectService.emitIsPhotoMgmt(false);\r\n EmitterSubjectService.emitIsMyProfile(false);\r\n }\r\n else if (mcl.url.toLowerCase().indexOf('memberviewmgmt') !== -1) {\r\n EmitterSubjectService.emitIsViewMember(true);\r\n // debugger;\r\n if (mcl.id > 0 && mcl.id === this.loginSuccess.signedInUserId) {\r\n // debugger;\r\n EmitterSubjectService.emitIsPhotoMgmt(true);\r\n EmitterSubjectService.emitIsMyProfile(false);\r\n }\r\n }\r\n else if (mcl.url.toLowerCase().indexOf('myphotomgmt') !== -1) {\r\n // debugger;\r\n EmitterSubjectService.emitIsPhotoMgmt(true);\r\n EmitterSubjectService.emitIsMyProfile(false);\r\n } \r\n }\r\n // ---------------------------------------------------------------------------------\r\n // Note: Keep until this process is stable. Delete before deployment:\r\n // ---------------------------------------------------------------------------------\r\n public hideVerticalMenues2 (mcl : ModuleComponentLoader) : any {\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcl) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcl.componentName)) {\r\n // debugger;\r\n\r\n if (mcl.returnUrl.toLowerCase().indexOf('myprofileviewmgmt') !== -1 && !this.isMemberViewAndMyPhotosPagesBackToBack()) {\r\n // debugger;\r\n EmitterSubjectService.emitIsMyProfile(false);\r\n return true;\r\n }\r\n else if (mcl.returnUrl.toLowerCase().indexOf('myphotomgmt') !== -1 && !this.isMemberViewAndMyPhotosPagesBackToBack()) {\r\n // debugger;\r\n EmitterSubjectService.emitIsPhotoMgmt(false);\r\n EmitterSubjectService.emitIsMyProfile(false);\r\n return true;\r\n }\r\n }\r\n else return false;\r\n }\r\n // ---------------------------------------------------------------------------------\r\n //public hideVerticalMenuesExp (mcl : ModuleComponentLoader) : any {\r\n // // debugger;\r\n // let prevPageComponentName : any;\r\n // let prevPage = BreadcrumServiceStatic.breadcrumRing[ BreadcrumServiceStatic.breadcrumRing.length - 2 ];\r\n\r\n // if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcl) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcl.componentName)) {\r\n // if (!this.isMemberViewAndMyPhotosPagesBackToBack()) {\r\n // EmitterSubjectService.emitIsViewMember(false);\r\n // EmitterSubjectService.emitIsPhotoMgmt(false);\r\n // }\r\n\r\n // // debugger;\r\n // else if (mcl.url.toLowerCase().indexOf('memberviewmgmt') === -1) { // current page is NOT memberViewMgmt\r\n // // debugger;\r\n // EmitterSubjectService.emitIsViewMember(false);\r\n // return true;\r\n // }\r\n // else if (prevPage.sitUserId === this.loginSuccess.signedInUserId) { // curent page is memberViewMgmt and previous page was also memberViewMgmt but of signedInUser's\r\n // EmitterSubjectService.emitIsPhotoMgmt(false);\r\n // }\r\n // else if (mcl.url.toLowerCase().indexOf('memberviewmgmt') !== -1\r\n // && prevPage.sitUserId !== this.loginSuccess.signedInUserId\r\n // && mcl.sitUserId === this.loginSuccess.signedInUserId) { // previous page was memeberViewMgmt of non-signedInUser & current page is also memberViewMgmt of signedInUser's\r\n // EmitterSubjectService.emitIsPhotoMgmt(true);\r\n // }\r\n // }\r\n //}\r\n // ---------------------------------------------------------------------------------\r\n // TODO: To avoid the malfunctioning of the MyPhotos's and MemberViewMgmt using a single MembreViewMgmtComponent, we need to eliminate the\r\n // following scenarios: !!!!!\r\n // Note: The follwoing function attempts to address the following scenarious based problems of displaying wrong information and unauthorized access to private information:\r\n // 1) MyPhotos page is implemented through the reuse of MemberViewMgmt and MyPhotos's functionalities are handeled within the MemberViewMgmt page.\r\n // This causes a non-signedInUser's information to be accessibe to the signedInUser during page switches in the following way(s):\r\n //\r\n // When signedInUser swithes from someone else's profile to view his profile, incorrect information may be displayed. \r\n // And more importantly, the photoMgmt functionalities of the MyPhotos being handled by MemberViewMgmt page that are the exclusive right to only sigedInUser,\r\n // may be compromised in the following way:\r\n // After viewing a non-signedInUser's page ( a memberViewMgmt page), singedInUser switching to his own page ( a memberViewMgmt page),\r\n // may find previous non-signedInUser's information accessible to the him.\r\n // Having access to the previous user's privilaged and private information inadvertently causes a serious violation of privacy of all non-singedInUsers,\r\n // since this one non-signedInUser can be any of the non-signedInUsers.\r\n //\r\n // The implementation of MyPhotos is done through the member-router.module, where the url address reflects 'myphotos' that uses MemberViewMgmtComponent,\r\n // obstructing the fact that the router switches back to the same page internally, instead of using its own component. Even though visually MyPhotos and\r\n // MemberViewMgmt pages are very similar, eith MyPhotos is having extra two child components (PhotoUploadComponent and PagerVerticalPhotoMgmtComponent)\r\n // that are not needed by the MemberViewMgmt, they are kept hidden during MemberViewMgmt page and shown during MyPhotos page. However, MemberViewMgmt page\r\n // contains and controls the code on behalf of MyPhotos.\r\n // \r\n // Solution: There are two possible solutions:\r\n // 1) Completely separate MyPhotos functionalities into its own component, including necessary code to run all functionalities of MemberViewMgmt.\r\n // 2) Use the MemberViewMgmtComponent as MyPhotosComponent as a child component, but keep the photoMgmt functionalities in the parent MyPhotosComponent\r\n // ans it's respective services separate.\r\n // \r\n // \r\n // \r\n // 2) The following scenario though related to the currenly mingled use of MemberViewMgmtComponent, poses it's own problems.\r\n //\r\n // 3) For the singedInUser, both current and previous pages can be memberViewMgmt back-to-back under only two conditions:\r\n // 3.1) If signedInUser clicked his MemberTile on the members' page ( where all the membersTiles are located) first,\r\n // that launched the memberViewMgmt page with the signedInUser's information, -\r\n // and then clicks the avatar-image or profileName below avatar-image, this also causes the memberViewMgmt\r\n // page to be launched the second time.\r\n //\r\n // 3.2) In fact if both avatar and avatar's profile name can be clicked enumerably many times back-to-back,\r\n // causing the memberViewMgmt page to be launched for each click back-to-back.\r\n //\r\n // Possible solution: Eliminate the separate click for the profileName under the Avatar, and disable the click of Avatar once it's clicked,\r\n // and restore clickablility only after page switch away from the MemberViewMgmt page.\r\n // Also important to take into account that during any non-signedInUser's profile view, Avatar should be clickable.\r\n // It should be disabled ONLY during viewing of the signedInUser's profile.\r\n // ---------------------------------------------------------------------------------\r\n public isMemberViewAndMyPhotosPagesBackToBack () : boolean {\r\n return this.isSignedInUserPagesBackToBack1();\r\n }\r\n // ---------------------------------------------------------------------------------\r\n public isSignedInUserPagesBackToBack () : boolean {\r\n // -------------------------------------------------//\r\n // Back-to-Back-memberView-pges-recognition-system: //\r\n // -------------------------------------------------//\r\n let prevPageComponentName : any;\r\n let currentPageComponentName : any;\r\n\r\n let prevPage = BreadcrumServiceStatic.breadcrumRing[ BreadcrumServiceStatic.breadcrumRing.length - 2 ];\r\n let currentPage = BreadcrumServiceStatic.breadcrumRing[ BreadcrumServiceStatic.breadcrumRing.length - 1 ];\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(prevPage)) {\r\n prevPageComponentName = prevPage.componentName;\r\n }\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(currentPage)) {\r\n currentPageComponentName = currentPage.componentName;\r\n }\r\n if (\r\n (currentPageComponentName.toLowerCase().indexOf('myphotomgmt') !== -1 // if current page is myPhotos\r\n && prevPageComponentName.toLowerCase().indexOf('mymemberviewmgmt') !== -1) // and if previous page was memberView\r\n ||\r\n (currentPageComponentName.toLowerCase().indexOf('mymemberviewmgmt') !== -1 // if current page is memberView\r\n && prevPageComponentName.toLowerCase().indexOf('myphotomgmt') !== -1) // and if previous page was myPhotos\r\n // ||\r\n // (currentPageComponentName.toLowerCase().indexOf('mymemberviewmgmt') !== -1 // if current page is my memberView ( can happen if top-right-profileImage is clicked )\r\n // && prevPageComponentName.toLowerCase().indexOf('mymemberviewmgmt') !== -1) // and if previous page was my memberView ( can happen if top-right-profileImage is clicked )\r\n )\r\n {\r\n return true;\r\n // debugger;\r\n }\r\n else {\r\n // debugger;\r\n return false;\r\n }\r\n }\r\n\r\n // ---------------------------------------------------------------------------------\r\n public isCurrentUrlAProfilePage (url ?: string) : boolean {\r\n if (FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(url)){\r\n url = window.location.pathname + window.location.search;\r\n\t\t}\r\n let isAProfilePage = false;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(url)) {\r\n if (url.toLowerCase().indexOf('memberviewmgmt') !== -1 || url.toLowerCase().indexOf('myprofileviewmgmt') !== -1 || url.toLowerCase().indexOf('myphotomgmt') !== -1) {\r\n isAProfilePage = true;\r\n }\r\n }\r\n return isAProfilePage;\r\n }\r\n // ---------------------------------------------------------------------------------\r\n\tpublic isSignedInUserPagesBackToBack1 (): boolean {\r\n\t\t// -------------------------------------------------//\r\n\t\t// Back-to-Back-memberView-pges-recognition-system: //\r\n\t\t// -------------------------------------------------//\r\n\t\tlet prevPageComponentName : any;\r\n\t\tlet currentPageComponentName : any;\r\n\r\n\t\tlet prevPage = BreadcrumServiceStatic.breadcrumRing[ BreadcrumServiceStatic.breadcrumRing.length - 2 ];\r\n\t\tlet currentPage = BreadcrumServiceStatic.breadcrumRing[ BreadcrumServiceStatic.breadcrumRing.length - 1 ];\r\n\r\n\t\tif (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(prevPage)) {\r\n\t\t\tprevPageComponentName = prevPage.componentName;\r\n\t\t}\r\n\t\tif (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(currentPage)) {\r\n\t\t\tcurrentPageComponentName = currentPage.componentName;\r\n\t\t}\r\n\t\tif (\r\n\t\t\t(currentPageComponentName.toLowerCase().indexOf('myphotosmgmt') !== -1 // if current page is myPhotos\r\n && prevPageComponentName.toLowerCase().indexOf('mymemberviewmgmt') !== -1) // and if previous page was memberView\r\n\t\t\t||\r\n\t\t\t(currentPageComponentName.toLowerCase().indexOf('mymemberviewmgmt') !== -1 // if current page is memberView\r\n && prevPageComponentName.toLowerCase().indexOf('myphotosmgmt') !== -1) // and if previous page was myPhotos\r\n\t\t\t||\r\n\t\t\t(currentPageComponentName.toLowerCase().indexOf('mymemberviewmgmt') !== -1 // if current page is my memberView ( can happen if top-right-profileImage is clicked )\r\n\t\t\t\t&& prevPageComponentName.toLowerCase().indexOf('mymemberviewmgmt') !== -1\r\n\t\t\t\t&& prevPage.id == currentPage.id\r\n\t\t\t\t&& currentPage.id === this.loginSuccess.signedInUserId) // and if previous page was my memberView ( can happen if top-right-profileImage is clicked )\r\n\t\t) {\r\n\t\t\treturn true;\r\n\t\t\t// debugger;\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// debugger;\r\n\t\t\treturn false;\r\n\t\t}\t\t\r\n\t}\r\n \r\n // ----------------------------------------------------------------\r\n\tpublic getUrlAddress (): any {\r\n\t\treturn window.location.pathname + window.location.search;\r\n\t}\r\n\r\n // ---------------------------------------------------------------\r\n public redirectToAction ( rOuter : Router ) : Observable\r\n {\r\n let mcLoader : ModuleComponentLoader = new ModuleComponentLoader();\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n this.returnUrl = EmitterSubjectService.getReturnUrl();\r\n this.sitUser = EmitterSubjectService.getSitUserModel();\r\n let path = '';\r\n let router = rOuter;\r\n \r\n if (FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.router) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(router)) {\r\n this.router = router;\r\n }\r\n // debugger;\r\n return new Observable(subscriber => {\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.loginSuccess) && this.loginSuccess.signedInUserId > 0) {\r\n // debugger;\r\n mcLoader = this.determinePathFromLoginSuccess();\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(mcLoader)) {\r\n this.setRoute(mcLoader.router, mcLoader.componentName, mcLoader.id).subscribe(data => {\r\n this.pagerBrdCrm = data;\r\n subscriber.next(this.pagerBrdCrm);\r\n subscriber.complete();\r\n });;\r\n }\r\n else return null;\r\n }\r\n else {\r\n this.returnUrl = window.location.pathname + window.location.search;\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.returnUrl) && this.returnUrl.length >= 1) {\r\n // debugger;\r\n this.appStartUrlStringParser(router).then(data => {\r\n this.pagerBrdCrm = data;\r\n subscriber.next(this.pagerBrdCrm);\r\n subscriber.complete();\r\n });;\r\n }\r\n else {\r\n // debugger;\r\n mcLoader.moduleName = 'app';\r\n mcLoader.componentName = 'index';\r\n // ---------------------------------------------------\r\n mcLoader = ModuleComponentLoaderServiceStatic.setupMcLoaderModel(mcLoader);\r\n this.fireMcLoaderRoute(mcLoader).subscribe(data => {\r\n this.pagerBrdCrm = data;\r\n subscriber.next(this.pagerBrdCrm);\r\n subscriber.complete();\r\n });\r\n }\r\n }\r\n })\r\n // window.location.reload(); //ref: https://github.com/angular/components/issues/15231\r\n }\r\n \r\n // ---------------------------------------------------------------\r\n \r\n public resetPassword ( router : Router , UrlStr: string): any {\r\n // debugger;\r\n let id: any;\r\n const sitUserId = 0;\r\n let mcLoader : ModuleComponentLoader = new ModuleComponentLoader();\r\n\r\n if (UrlStr) {\r\n // if the url contains '?', get the first half and hold the second half on id\r\n if (UrlStr.length > 5 && UrlStr.includes('?')) {\r\n const urlparts = UrlStr.split('?');\r\n\r\n if (urlparts.length > 1) {\r\n this.urlString = urlparts[ 0 ];\r\n id = urlparts[ 1 ];\r\n EmitterSubjectService.setResetPasswordCode(id);\r\n EmitterSubjectService.emitResetPasswordCode(id);\r\n const tReturnUrl = '/loginm/resetPassword/' + id;\r\n\r\n EmitterSubjectService.setReturnUrl(tReturnUrl);\r\n\r\n mcLoader = new ModuleComponentLoader();\r\n mcLoader.componentName = 'resetPassowrd';\r\n mcLoader.moduleName = 'loginm';\r\n mcLoader.id = id;\r\n // ---------------------------------------------------\r\n mcLoader = ModuleComponentLoaderServiceStatic.setupMcLoaderModel(mcLoader);\r\n EmitterSubjectService.setMCLoader(mcLoader);\r\n return this.fireMcLoaderRoute(mcLoader).subscribe(data => {\r\n this.pagerBrdCrm = data;\r\n return this.pagerBrdCrm;\r\n });;\r\n }\r\n else return null;\r\n }\r\n else return null;\r\n }\r\n else return null;\r\n } \r\n // ---------------------------------------------------------------\r\n public routeToHomePage (rouTer : Router) : Observable {\r\n let mcLoader : ModuleComponentLoader = new ModuleComponentLoader();\r\n mcLoader.componentName = 'index';\r\n mcLoader.moduleName = 'app';\r\n let router = rouTer;\r\n // ---------------------------------------------------\r\n return new Observable(subscriber => {\r\n mcLoader = ModuleComponentLoaderServiceStatic.setupMcLoaderModel(mcLoader);\r\n this.fireMcLoaderRoute(mcLoader).subscribe(data => {\r\n this.pagerBrdCrm = data;\r\n subscriber.next(this.pagerBrdCrm);\r\n subscriber.complete();\r\n });\r\n })\r\n }\r\n // ---------------------------------------------------------------\r\n public routeToMembersPage (rouTer : any) : Observable {\r\n let mcLoader : ModuleComponentLoader = new ModuleComponentLoader();\r\n mcLoader.componentName = 'profileTileScroll';\r\n mcLoader.moduleName = 'profileTileScrollm';\r\n let router = rouTer;\r\n // ---------------------------------------------------\r\n return new Observable(subscriber => {\r\n mcLoader = ModuleComponentLoaderServiceStatic.setupMcLoaderModel(mcLoader);\r\n this.fireMcLoaderRoute(mcLoader).subscribe(data => {\r\n this.pagerBrdCrm = data;\r\n subscriber.next(this.pagerBrdCrm);\r\n subscriber.complete();\r\n });\r\n })\r\n }\r\n // --------------------------------------------------------------\r\n public setRoute (rOuter : Router, rOute : string, Id : number) : Observable {\r\n // debugger;\r\n var router = rOuter;\r\n var route = rOute;\r\n var id = Id;\r\n this.document = EmitterSubjectService.getDocument();\r\n // return new Observable(subscriber => {\r\n // debugger;\r\n let mcLoader = this.setupRoute(router, route, id);\r\n // debugger;\r\n return this.fireMcLoaderRoute(mcLoader);\r\n //.subscribe(data => {\r\n // subscriber.next(data);\r\n // subscriber.complete();\r\n // })\r\n // })\r\n }\r\n // --------------------------------------------------------------\r\n public setRouteforSignedInUser (router : Router, route : string, id : number) : any {\r\n let mcLoader = this.setupRoute(router, route, id);\r\n return this.fireMcLoaderforSignedInUser(mcLoader);\r\n }\r\n // --------------------------------------------------------------\r\n // EmitterSubjectService.emitFireMcLoaderRoute (this.mcLoader);\r\n //\r\n // --------------------------------------------------------------\r\n public setupRoute (router : Router, route : string, id : number) : any {\r\n // debugger;\r\n let mcLoader : ModuleComponentLoader = new ModuleComponentLoader();\r\n // debugger;\r\n let path = '';\r\n mcLoader = new ModuleComponentLoader();\r\n if (id > 0) {\r\n mcLoader.id = id;\r\n }\r\n \r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(router)) {\r\n mcLoader.router = router;\r\n }\r\n else {\r\n mcLoader.router = this.router;\r\n }\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(route)) {\r\n mcLoader.componentName = route;\r\n // debugger;\r\n }\r\n else {\r\n // debugger;\r\n mcLoader.moduleName = 'app';\r\n mcLoader.componentName = 'index';\r\n }\r\n // debugger;\r\n mcLoader = ModuleComponentLoaderServiceStatic.setupMcLoaderModel(mcLoader);\r\n return mcLoader;\r\n }\r\n // ------------------------------------------------------------------------\r\n // Begin-of-Element-Rendering-Measurement-System:\r\n // ref: https://dev.to/herodevs/route-fully-rendered-detection-in-angular-2nh4\r\n // ------------------------------------------------------------------------\r\n public detectNavigationStart (router : Router) : Observable {\r\n let navStartObservable = new Observable(observer => {\r\n let navStart$ = router.events.pipe(\r\n filter(event => event instanceof NavigationStart),\r\n startWith(null), // Start with something, because the app doesn't fire this on appload, only on subsequent route changes\r\n tap(event => /* Place code to track NavigationStart here */ EmitterSubjectService.emitElementFullyRendered(true)),\r\n ).subscribe();\r\n return navStart$;\r\n });\r\n return navStartObservable;\r\n }\r\n // ------------------------------------------------------------------------\r\n\r\n public isElementRendered (router : Router, zone : NgZone) : boolean {\r\n // Once NavigationStart has fired, start checking regularly until there are\r\n // no more pending macrotasks in the zone\r\n\r\n // Have to run this outside of the zone, because the call to `interval`\r\n // is itself a macrotask. Running that `interval` inside the zone will\r\n // prevent the macrotasks from ever reaching zero. Running this outside\r\n // of Angular will not track this `interval` as a macrotask. IMPORTANT!!\r\n let isStateStable = false;\r\n let timer : any;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(zone) && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(router)) {\r\n debugger;\r\n zone.runOutsideAngular(() => {\r\n // Check very regularly to see if the pending macrotasks have all cleared\r\n timer = interval(50)\r\n .pipe(\r\n startWith(0), // So that we don't initially wait\r\n // To prevent a memory leak on two closely times route changes, take until the next nav start\r\n // takeUntil(this.navigationStart$),\r\n takeUntil(this.detectNavigationStart(router)),\r\n // Turn the interval number into the current state of the zone\r\n map(() => !zone.hasPendingMacrotasks),\r\n // Don't emit until the zone state actually flips from `false` to `true`\r\n distinctUntilChanged(),\r\n // Filter out unstable event. Only emit once the state is stable again\r\n filter(stateStable => stateStable === true),\r\n // Complete the observable after it emits the first result\r\n take(1),\r\n tap(stateStable => {\r\n // FULLY RENDERED!!!!\r\n // Add code here to report Fully Rendered\r\n debugger;\r\n isStateStable = true;\r\n // EmitterSubjectService.emitElementFullyRendered(true);\r\n })\r\n ).subscribe();\r\n\r\n });\r\n\r\n // clearTimeout(timer);\r\n }\r\n return isStateStable;\r\n }\r\n // ------------------------------------------------------------------------\r\n public detectElementRendered2 (zone : NgZone) : Observable {\r\n debugger;\r\n let isStableObservable = new Observable(observer => {\r\n let stableSub : Subscription;\r\n let unstableSub : Subscription;\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(zone)) {\r\n zone.runOutsideAngular(() => {\r\n stableSub = zone.onStable.subscribe(() => {\r\n NgZone.assertNotInAngularZone();\r\n if (!this.stable && !zone.hasPendingMacrotasks &&\r\n !zone.hasPendingMicrotasks) {\r\n this.stable = true;\r\n observer.next(true);\r\n }\r\n });\r\n });\r\n\r\n unstableSub = zone.onUnstable.subscribe(() => {\r\n NgZone.assertInAngularZone();\r\n if (this.stable) {\r\n this.stable = false;\r\n zone.runOutsideAngular(() => {\r\n observer.next(false);\r\n });\r\n }\r\n });\r\n }\r\n return () => {\r\n stableSub.unsubscribe();\r\n unstableSub.unsubscribe();\r\n debugger;\r\n isStableObservable;\r\n };\r\n });\r\n debugger;\r\n return isStableObservable;\r\n }\r\n /*\r\n * usage:\r\n * this.isStableObservable.pipe(debounceTime(1000)).subscribe(val => {\r\n console.log('completely stable');\r\n });\r\n */\r\n\r\n // -----------------------------------------------------------\r\n public nullPromise (data : any) : any {\r\n let timer = setTimeout(() => {\r\n // debugger;\r\n clearTimeout(timer);\r\n return data;\r\n }, 50);\r\n }\r\n // -----------------------------------------------------------\r\n public nullObservable () : Observable {\r\n return new Observable(observer => {\r\n observer.next(null);\r\n observer.complete();\r\n });\r\n }\r\n // ---------------------------------------------------------------\r\n}\r\n\r\n","\r\nimport { Injectable } from '@angular/core';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { LoginSuccess } from '../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../models/account/sitUser.model';\r\nimport { BoxNonceEntity } from '../../models/boxNonce/boxNonceEntity.model';\r\nimport { HttpService } from '../coreServiceService/httpService.service';\r\nimport { EmitterSubjectService } from '../staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { SlakezSaltServiceStatic } from '../staticServices/commonStaticServices/slakezSaltServiceStatic.service';\r\nimport { SitUserService } from './sitUserService.service';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { StringServiceStatic } from '../staticServices/stringServiceStatic.service';\r\nimport { MessageBuilderServiceStatic } from '../staticServices/messgeBuilderServiceStatic.service';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class SignedInUserService {\r\n public boxNonceEntity : BoxNonceEntity = new BoxNonceEntity();\r\n public loginSuccess : LoginSuccess = new LoginSuccess();\r\n public sitUser : SitUser = new SitUser(); // for sending data to the server\r\n public emitterDestroyed$ : Subject = new Subject();\r\n public message = '';\r\n public timer : any;\r\n public timerArray : any[] = [];\r\n constructor (\r\n public httpService : HttpService,\r\n public sitUserService : SitUserService,\r\n ) { }\r\n\r\n // ---------------------------------------------------------------\r\n public ngOnDestroy () : any {\r\n // prevent memory leak when component destroyed\r\n this.emitterDestroyed$.next(true);\r\n this.emitterDestroyed$.complete();\r\n this.emitterDestroyed$.unsubscribe();\r\n this.timerArray.forEach((timer) => clearInterval(timer));\r\n return true;\r\n }\r\n // -----------------------------------------------------------\r\n public nullPromise () : any {\r\n this.timer = setTimeout(() => {\r\n // debugger;\r\n return null;\r\n }, 10);\r\n clearTimeout(this.timer);\r\n if (this.timer) {\r\n this.timerArray.push(this.timer);\r\n }\r\n }\r\n // ---------------------------------------------------------------\r\n public salt (model : any) : BoxNonceEntity {\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(model)) {\r\n // debugger;\r\n return (this.boxNonceEntity = SlakezSaltServiceStatic.boxSalt(JSON.stringify(model)));\r\n }\r\n return new BoxNonceEntity();\r\n }\r\n\r\n // ---------------------------------------------------------------------------------\r\n public resetLoginSuccess () : any {\r\n this.loginSuccess.action = '';\r\n this.loginSuccess.blogId = 0;\r\n this.loginSuccess.businessKey = '';\r\n this.loginSuccess.code = '';\r\n this.loginSuccess.controller = '';\r\n this.loginSuccess.email = '';\r\n this.loginSuccess.isAuthorized = false;\r\n this.loginSuccess.isEmailConfirmed = false;\r\n this.loginSuccess.isEmployee = false;\r\n this.loginSuccess.isForgotPassword = false;\r\n this.loginSuccess.isMgmt = false;\r\n this.loginSuccess.isPic = false;\r\n this.loginSuccess.isReviewer = false;\r\n this.loginSuccess.isSuperUser = false;\r\n this.loginSuccess.imagePath = '';\r\n this.loginSuccess.iv = '';\r\n this.loginSuccess.message = '';\r\n this.loginSuccess.profileName = '';\r\n this.loginSuccess.id = 0;\r\n this.loginSuccess.likedArr = []; // who liked me\r\n this.loginSuccess.myBlockedArr = []; // whom I blocked\r\n this.loginSuccess.myBuddyArr = [];\r\n this.loginSuccess.myTrackedArr = []; // whom I tracked\r\n this.loginSuccess.myUnlockedArr = []; // from whom I unlocked\r\n this.loginSuccess.signedInUserId = 0;\r\n this.loginSuccess.signedInUserKey = '';\r\n this.loginSuccess.trackedArr = []; // who tracked me\r\n this.loginSuccess.unlockedArr = []; // who unlocked for me\r\n return this.loginSuccess;\r\n }\r\n \r\n // ---------------------------------------------------------------\r\n public getSingedInSitUser () : Observable{\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.loginSuccess) && this.loginSuccess.signedInUserId > 0) {\r\n return new Observable((subscriber) => {\r\n // debugger;\r\n console.log('calling fetchSitUser() from signedInUserService@ln99')\r\n this.sitUserService.getSitUserFromDictionaryOrServer(this.loginSuccess.signedInUserId).subscribe(data => {\r\n subscriber.next(data);\r\n subscriber.complete();\r\n })\r\n });\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(this.loginSuccess.signedInUserId, 'signedInUserService.getSignedInUser() signedInUserId === 0 ');\r\n // console.log(this.message);\r\n return null;\r\n }\r\n }\r\n}\r\n \r\n// ---------------------------------------------------------------\r\n","\r\nimport { Injectable } from '@angular/core';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { LoginSuccess } from '../../models/account/loginSuccess.model';\r\nimport { SitUser } from '../../models/account/sitUser.model';\r\nimport { BoxNonceEntity } from '../../models/boxNonce/boxNonceEntity.model';\r\nimport { Communication } from '../../models/communication/communication.model';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { HttpService } from '../coreServiceService/httpService.service';\r\nimport { DbDexieToDictionaryService } from '../dbServiceService/dbDexieToDictionaryService.service';\r\nimport { DictionaryService } from '../dictionaryServiceService/dictionaryService.service';\r\nimport { DictionaryServiceService } from '../dictionaryServiceService/dictionaryServiceService.service';\r\nimport { SlakezSaltServiceStatic } from '../staticServices/commonStaticServices/slakezSaltServiceStatic.service';\r\nimport { EmitterSubjectService } from '../staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { MessageBuilderServiceStatic } from '../staticServices/messgeBuilderServiceStatic.service';\r\n@Injectable({\r\n providedIn: 'any',\r\n})\r\nexport class SitUserService {\r\n public dictionaryService! : DictionaryService;\r\n public boxNonceEntity : BoxNonceEntity = new BoxNonceEntity();\r\n public isMyProfile = false;\r\n public loginSuccess : LoginSuccess = new LoginSuccess();\r\n public sitUser : SitUser = new SitUser(); // for sending data to the server\r\n public signedInUser : SitUser = new SitUser();\r\n public emitterDestroyed$ : Subject = new Subject();\r\n public message = '';\r\n public timer : any;\r\n public timerArray : any[] = [];\r\n constructor (\r\n private dictionaryServiceService : DictionaryServiceService,\r\n public httpService : HttpService,\r\n public dbDexieToDictionaryService: DbDexieToDictionaryService,\r\n ) {\r\n if (this.dictionaryServiceService) {\r\n this.dictionaryService = this.dictionaryServiceService.getDictionaryService();\r\n }\r\n }\r\n\r\n // ---------------------------------------------------------------\r\n ngOnDestroy () : any {\r\n // prevent memory leak when component destroyed\r\n this.emitterDestroyed$.next(true);\r\n this.emitterDestroyed$.complete();\r\n this.emitterDestroyed$.unsubscribe();\r\n this.timerArray.forEach((timer) => clearInterval(timer));\r\n return true;\r\n }\r\n // -----------------------------------------------------------\r\n nullPromise () : any {\r\n this.timer = setTimeout(() => {\r\n // debugger;\r\n return null;\r\n }, 500);\r\n clearTimeout(this.timer);\r\n if (this.timer) {\r\n this.timerArray.push(this.timer);\r\n }\r\n }\r\n // ---------------------------------------------------------------\r\n salt (model : any) : BoxNonceEntity | any {\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(model)) {\r\n // debugger;\r\n this.boxNonceEntity = SlakezSaltServiceStatic.boxSalt(JSON.stringify(model));\r\n return this.boxNonceEntity;\r\n }\r\n else return null;\r\n }\r\n // ---------------------------------------------------------------\r\n getProfileName (sitUserId : number) : Observable {\r\n // debugger;\r\n \r\n return new Observable((subscriber) => {\r\n if (sitUserId > 0) {\r\n // debugger;\r\n let profileName = '';\r\n this.sitUser.sitUserId = sitUserId;\r\n this.boxNonceEntity = this.salt(this.sitUser);\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity)\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.box)\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.nonce)) {\r\n // debugger;\r\n this.httpService.post('/api/Member/GetProfileName',\r\n {\r\n box: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.box),\r\n nonce: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.nonce)\r\n }, 'json').subscribe((result) => {\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result)) {\r\n profileName = SlakezSaltServiceStatic.boxUnsalt(result) as string;\r\n // debugger;\r\n subscriber.next(profileName);\r\n subscriber.complete();\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'the returned data of getProfileName(sitUserId:\\'' + sitUserId + '\\') was null or undefined');\r\n console.log(this.message);\r\n subscriber.next(null);\r\n subscriber.complete();\r\n }\r\n })\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'boxNonceEntity\\'s data was null or undefined in GetProfileName(sitUserId:\\'' + sitUserId + '\\')');\r\n console.log(this.message);\r\n subscriber.next(null);\r\n subscriber.complete();\r\n }\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'Error occured in GetProfileName()');\r\n console.log(this.message);\r\n subscriber.next(null);\r\n subscriber.complete();\r\n }\r\n })\r\n }\r\n // ---------------------------------------------------------------\r\n // ---------------------------------------------------------------\r\n // Note: this.processSitUserResult() returns a promise,\r\n // therefore, this method returns a promise as well\r\n // ---------------------------------------------------------------\r\n // Note: this XHR api call will trigger top to bottom changeDetection\r\n // ---------------------------------------------------------------\r\n public fetchSitUser (situserid : number) : Observable {\r\n // debugger;\r\n let unsaltedSitUser : SitUser = null;\r\n let sitUserId = situserid; \r\n let tsitUser : any;\r\n return new Observable((subscriber) => {\r\n // debugger;\r\n if (!EmitterSubjectService.isSitUserIdCalled(sitUserId)) {\r\n // debugger;\r\n EmitterSubjectService.setSitUserIdCalled(sitUserId);\r\n // debugger;\r\n if (sitUserId > 0) {\r\n // debugger;\r\n this.sitUser = new SitUser();\r\n this.sitUser.sitUserId = sitUserId;\r\n this.boxNonceEntity = this.salt(this.sitUser);\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity)\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.box)\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.boxNonceEntity.nonce)) {\r\n\r\n // debugger;\r\n this.httpService.postObservable('/api/Member/GetSitUser',\r\n {\r\n box: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.box),\r\n nonce: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.nonce)\r\n }, 'json2text').subscribe((result) => {\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result) \r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result.box) \r\n && result.box.length > 0\r\n && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result.nonce)\r\n && result.nonce.length > 0) {\r\n // debugger;\r\n let bn : BoxNonceEntity = new BoxNonceEntity();\r\n bn.box = result.box;\r\n bn.nonce = result.nonce;\r\n var unsalted = SlakezSaltServiceStatic.boxUnsalt(bn);\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(unsalted)) {\r\n tsitUser = JSON.parse(unsalted) as SitUser;\r\n\r\n\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(tsitUser)) {\r\n // debugger;\r\n this.sitUser = tsitUser as SitUser;\r\n // debugger;\r\n this.dictionaryService.updateDictionary(this.sitUser, 'sitUser', this.sitUser.sitUserId); // important!\r\n // debugger;\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n \r\n // debugger;\r\n subscriber.next(tsitUser);\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'unsalting bn failed for GetSitUser(sitUserId: \\'' + sitUserId + '\\'); tsitUser: ' + tsitUser);\r\n console.log(this.message);\r\n // debugger;\r\n }\r\n }\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'result or result.box or result.nonce was null for GetSitUser(sitUserId:\\'' + sitUserId + '\\'); result: ' + result);\r\n console.log(this.message);\r\n // debugger;\r\n }\r\n })\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'bn/bn.box/bn.nonce were null or undefined in GetSitUser(sitUserId:\\'' + sitUserId + '\\')');\r\n console.log(this.message);\r\n }\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'sitUserId == 0 in GetSitUser()');\r\n console.log(this.message);\r\n }\r\n \r\n }\r\n else {\r\n // debugger;\r\n subscriber.next(this.getSitUserFromDictionary(sitUserId));\r\n subscriber.complete();\r\n }\r\n })\r\n }\r\n // ---------------------------------------------------------------\r\n getSitUser () : SitUser {\r\n return this.sitUser;\r\n }\r\n // ---------------------------------------------------------------\r\n getSitUserById (id : number) : SitUser {\r\n let sitUserId : number = id;\r\n this.sitUser = this.getSitUserFromDictionary(sitUserId);\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.sitUser)) {\r\n return this.sitUser;\r\n }\r\n else {\r\n this.fetchSitUser(sitUserId).subscribe(data => {\r\n this.sitUser = data;\r\n return this.sitUser;\r\n })\r\n }\r\n }\r\n // ---------------------------------------------------------------\r\n getSitUserFromDictionary (sitUserId : number) : SitUser | any {\r\n if (sitUserId > 0) {\r\n this.sitUser = EmitterSubjectService.getSitUserModel();\r\n if (FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.sitUser) || this.sitUser.sitUserId === 0) {\r\n // debugger;\r\n return this.dictionaryService.sitUserDictionary.get(sitUserId);\r\n }\r\n else if (this.sitUser.sitUserId === sitUserId) {\r\n return this.sitUser;\r\n }\r\n else return null;\r\n }\r\n else return null;\r\n }\r\n // ---------------------------------------------------------------\r\n getSitUserFromDictionaryOrServer (situserid : number) : Observable | any { \r\n let sitUserId : number = situserid;\r\n\r\n return new Observable((subscriber) => {\r\n if (sitUserId > 0) {\r\n this.sitUser = this.dictionaryService.sitUserDictionary.get(sitUserId);\r\n\r\n if (FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(this.sitUser) || this.sitUser.sitUserId === 0) {\r\n // debugger;\r\n console.log('calling fetchSitUser() from sitUserService@ln248')\r\n this.fetchSitUser(sitUserId).subscribe(data => {\r\n this.sitUser = data;\r\n subscriber.next(this.sitUser);\r\n subscriber.complete();\r\n })\r\n }\r\n else {\r\n subscriber.next(this.sitUser);\r\n subscriber.complete();\r\n }\r\n }\r\n else {\r\n subscriber.next(null);\r\n subscriber.complete();\r\n }\r\n })\r\n\t}\r\n // ---------------------------------------------------------------\r\n // Note : This method will get 100 SitUserIds at a time\r\n // ---------------------------------------------------------------\r\n // Note: this XHR api call will trigger top to bottom changeDetection\r\n // ---------------------------------------------------------------\r\n getBatchOfSitUserIds (bIndex : number) : Observable {\r\n // debugger;\r\n let beginIndex : number = bIndex;\r\n let batchOfSitUserIds : number[] = [];\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n\r\n return new Observable((subscriber) => {\r\n if (beginIndex > -1) {\r\n const bnComm : Communication = new Communication();\r\n\r\n bnComm.beginIndex = beginIndex;\r\n bnComm.sitUserId = 0;\r\n bnComm.signedInUserId = this.loginSuccess.signedInUserId;\r\n // debugger;\r\n this.boxNonceEntity = this.salt(bnComm);\r\n\r\n // debugger;\r\n if (this.boxNonceEntity) {\r\n this.httpService.post('/api/Member/GetBatchOfSitUserIds', {\r\n box: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.box),\r\n nonce: FrequentlyUsedFunctionsServiceStatic.arrBufferToB64(this.boxNonceEntity.nonce),\r\n },\r\n 'json',\r\n ).subscribe((result) => {\r\n // debugger;\r\n var unsalted = SlakezSaltServiceStatic.boxUnsalt(result as BoxNonceEntity);\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(unsalted)) {\r\n batchOfSitUserIds = JSON.parse(unsalted) as number[];\r\n }\r\n // debugger;\r\n this.dictionaryService.updateDictionary(batchOfSitUserIds, 'sitUserId', this.loginSuccess.signedInUserId);\r\n // debugger;\r\n // Note: the sitUserId is saved on the indexedDb by the caller method:\r\n // -------------------------------------------------------------------\r\n // debugger;\r\n this.dbDexieToDictionaryService\r\n .saveDictionaryToDbDexie(\r\n this.dictionaryService.sitUserIdDictionary, 'sitUserId', this.loginSuccess.signedInUserId);\r\n\r\n EmitterSubjectService.emitHideSpinner(true);\r\n subscriber.next(batchOfSitUserIds);\r\n subscriber.complete();\r\n // debugger;\r\n })\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(this.loginSuccess.signedInUserId, 'the boxNonceEntity\\'s data was null or undefined in sitUserService.getBatchOfSitUserIds()');\r\n console.log(this.message);\r\n }\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(this.loginSuccess.signedInUserId, 'the boxNonceEntity\\'s data was null or undefined in sitUserService.getBatchOfSitUserIds()');\r\n console.log(this.message);\r\n }\r\n })\r\n }\r\n\r\n // ---------------------------------------------------------------\r\n isSignedInUserProfile (sitUser : SitUser) : boolean {\r\n let isSignedInUserProfile = false;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(sitUser) && sitUser.sitUserId > 0) {\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n\r\n if (sitUser.sitUserId == this.loginSuccess.signedInUserId) {\r\n isSignedInUserProfile = true;\r\n }\r\n }\r\n return isSignedInUserProfile;\r\n }\r\n // ---------------------------------------------------------------\r\n processBatchOfMemberIdsResult (result : any) : any {\r\n let tBatchOfIds : number[] = [];\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(result)) {\r\n const bn = result;\r\n tBatchOfIds = JSON.parse(SlakezSaltServiceStatic.boxUnsalt(result as BoxNonceEntity)) as number[];\r\n // debugger;\r\n }\r\n return tBatchOfIds;\r\n }\r\n\r\n // ---------------------------------------------------------------\r\n processSitUserResult (sitUserId : number, result : any) : Promise | any {\r\n let tSitUser : SitUser = null;\r\n let situserId = sitUserId;\r\n let reSult = result;\r\n return new Promise((resolve, reject) => {\r\n if (situserId > 0 && !FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(reSult)) {\r\n\r\n const bn = reSult as BoxNonceEntity;\r\n // debugger;\r\n\r\n // debugger;\r\n if (bn.box.length > 0 && bn.nonce.length > 0) {\r\n // debugger;\r\n let tsitUser = SlakezSaltServiceStatic.boxUnsalt(bn) as undefined;\r\n // debugger;\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(tsitUser)) {\r\n tSitUser = JSON.parse((tsitUser as string).toString()) as SitUser;\r\n // debugger;\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'unsalting bn failed for GetSitUser(sitUserId:\\'' + sitUserId + '\\'); bn: ' + result);\r\n console.log(this.message);\r\n // debugger;\r\n reject(null);\r\n }\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'bn or bn.box or bn.noncewas null for GetSitUser(sitUserId:\\'' + sitUserId + '\\'); result: ' + result);\r\n console.log(this.message);\r\n // debugger;\r\n reject(null);\r\n }\r\n\r\n if (!FrequentlyUsedFunctionsServiceStatic.isNullOrEmpty(tSitUser) && tSitUser.sitUserId > 0 && tSitUser.sitUserId === sitUserId) {\r\n // debugger;\r\n\r\n // Note: getSitUserModel & setSitUserModel do not have an associated EmitterMethod\r\n // but there is an emitSitUser that sets the same value of sitUser on EmitterSubjectService\r\n // which can be obtained via getSitUserModel or getSitUser\r\n //\r\n // !!!! DO NOT EMIT sitUser: EmitterSubjectService.emitSitUser(this.sitUser); !!!! \r\n // -----------------------------------------------------------------------------------------------\r\n this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n if (tSitUser.sitUserId > 0 && tSitUser.sitUserId === this.loginSuccess.signedInUserId) {\r\n this.signedInUser = tSitUser;\r\n // debugger;\r\n EmitterSubjectService.setSignedInUser(tSitUser); // DO NOT EMIT sitUser\r\n }\r\n else {\r\n // debugger;\r\n this.sitUser = tSitUser;\r\n EmitterSubjectService.setSitUserModel(tSitUser); // DO NOT EMIT sitUser\r\n }\r\n\r\n // save the sitUser in dictionary (unencrypted):\r\n this.dictionaryService.updateDictionary(tSitUser, 'sitUser', tSitUser.sitUserId);\r\n this.dictionaryService.updateDictionary(tSitUser.sitUserId, 'sitUserId', tSitUser.sitUserId);\r\n\r\n // debugger;\r\n // this.loginSuccess = EmitterSubjectService.getLoginSuccess();\r\n if (this.loginSuccess.signedInUserId > 0) {\r\n // debugger;\r\n this.dbDexieToDictionaryService\r\n .saveDictionaryToDbDexie(this.dictionaryService.sitUserDictionary, 'sitUser', this.loginSuccess.signedInUserId);\r\n // debugger;\r\n }\r\n\r\n // debugger;\r\n resolve(tSitUser);\r\n }\r\n else {\r\n // debugger;\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'Error occured in GetSitUser(sitUserId:\\'' + sitUserId + '\\'); sitUser: ' + tSitUser.toString());\r\n console.log(this.message);\r\n // return this.nullPromise()\r\n reject(null);\r\n }\r\n }\r\n else {\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, 'either sitUserId or the result parameter were null in GetSitUser(sitUserId:\\'' + sitUserId + '\\'); result: ' + reSult.toString());\r\n console.log(this.message);\r\n // return this.nullPromise()\r\n reject(null);\r\n }\r\n }).catch((error) => {\r\n // debugger;\r\n this.message = MessageBuilderServiceStatic.printMessage(sitUserId, ' promise of processSitUserResult() has some errors. Error-msg: ' + error);\r\n console.log(this.message);\r\n }); \r\n }\r\n // ---------------------------------------------------------------\r\n}\r\n","\r\nimport { Injectable, OnDestroy, Renderer2 } from '@angular/core';\r\nimport { Dictionary } from 'dictionaryjs';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { LoginSuccess } from '../../models/account/loginSuccess.model';\r\nimport { BoxNonceEntity } from '../../models/boxNonce/boxNonceEntity.model';\r\nimport { Chat } from '../../models/chat/chat.model';\r\nimport { ChatActivity } from '../../models/chat/chatActivity.model';\r\nimport { ChatConversationModel } from '../../models/chat/chatConversationModel';\r\nimport { SpinnerModel } from '../../models/common/spinnerModel.model';\r\nimport { Communication } from '../../models/communication/communication.model';\r\nimport { CommunicationActivity } from '../../models/communication/communicationActivity.model';\r\nimport { Communicator } from '../../models/communication/communicator.model';\r\nimport { ClientHttpDataModel } from '../../models/data/clientHttpDataModel.model';\r\nimport { KvAny } from '../../models/keyValue/kvAny.model';\r\nimport { Pager } from '../../models/pagination/pager.model';\r\nimport { PagerChat } from '../../models/pagination/pagerChat.model';\r\nimport { FrequentlyUsedFunctionsServiceStatic } from '../../services/staticServices/frequentlyUsedStaticService/frequentlyUsedFunctionsServiceStatic.service';\r\nimport { HttpService } from '../coreServiceService/httpService.service';\r\nimport { DbDexieService } from '../dbServiceService/dbDexieService.service';\r\nimport { DbDexieToDictionaryService } from '../dbServiceService/dbDexieToDictionaryService.service';\r\nimport { DictionaryService } from '../dictionaryServiceService/dictionaryService.service';\r\nimport { PagerServiceChatHistory } from '../pagerServiceService/pagerServiceChatHistory.service';\r\nimport { BackgroundImageAnimationService } from '../rendererServiceService/backgroundImageAnimationService.service';\r\nimport { RendererService } from '../rendererServiceService/rendererService.service';\r\nimport { ArraySupportServiceStatic } from '../staticServices/arraySupportServiceStatic.service';\r\nimport { DateStringServiceStatic } from '../staticServices/commonStaticServices/dateStringServiceStatic.service';\r\nimport { SlakezSaltServiceStatic } from '../staticServices/commonStaticServices/slakezSaltServiceStatic.service';\r\nimport { EmitterSubjectService } from '../staticServices/emitterObserverStaticServices/emitterSubject.service';\r\nimport { StringServiceStatic } from '../staticServices/stringServiceStatic.service';\r\n// import { ChatConversationModel } from '../../../models/communication/chat/chatConversationModel';\r\n// import { ChatActivity } from '../../models/communication/chat/chatActivity.model';\r\n\r\n\r\n\r\n@Injectable({ providedIn: 'any' })\r\n\r\nexport class ChatService implements OnDestroy {\r\n \r\n public currentPageNo = 0;\r\n public boxNonceEntity : BoxNonceEntity = new BoxNonceEntity();\r\n public chat : Chat = new Chat();\r\n public chats : Chat[] = [];\r\n public chatDictionary : Dictionary = new Dictionary(); \r\n public chatMap : Map = new Map();\r\n public chatHistoryBnEntities : BoxNonceEntity[] = [];\r\n public conversationIds : number[] = [];\r\n public chatActivityArr : ChatActivity[] = [];\r\n private emitterDestroyed$ : Subject