{"version":3,"file":"projects_vr-public-website_src_app_features_active-studies_active-studies_module_ts.19c4225accabf943.js","mappings":"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","names":["i0","ActiveStudiesComponent","constructor","activeStudyService","globalRepositoryService","spinner","router","translateService","messageService","loggingService","this","AppConstants","label","width","ngOnInit","labSiteCode","getLabsiteCode","getActiveStudies","logPageView","show","volunteerEmailId","subscribe","studies","SetStudies","StudyErrorMessage","getActiveStudiesFromBlob","length","sort","a","b","recruitmentPriority","code","localeCompare","activeStudiesData","alert","instant","activeStudies","filteredStudies","filterByGender","gender","filter","study","selectedFilter","navigateToStudy","studyId","queryParameter","navigate","queryParams","_ActiveStudiesComponent","core","selectors","ctx","routes","path","component","ActiveStudiesRoutingModule","_ActiveStudiesRoutingModule","RouterModule","ActiveStudiesModule","translate","browserLang","getBrowserLang","setDefaultLang","match","navigator","language","_ActiveStudiesModule","GetLocalLang","provide","LOCALE_ID","useFactory","deps","PLATFORM_ID","imports","CommonModule","MaterialModule","SharedModule","TranslateModule"],"sourceRoot":"webpack:///","sources":["./projects/vr-public-website/src/app/features/active-studies/active-studies/active-studies.component.html","./projects/vr-public-website/src/app/features/active-studies/active-studies/active-studies.component.ts","./projects/vr-public-website/src/app/features/active-studies/active-studies-routing.module.ts","./projects/vr-public-website/src/app/features/active-studies/active-studies.module.ts"],"sourcesContent":["<div class=\"content\">\r\n    <span class=\"pageHeader\">{{ 'ActiveStudies.ActiveStudiesHeader' | translate }}</span>\r\n    <div style=\"float:right\" [fxHide.gt-sm]=\"true\">\r\n        <button mat-icon-button [matMenuTriggerFor]=\"filterMenu\">\r\n            <span class=\"icon-filter ghost-button\"></span>\r\n        </button>\r\n    </div>\r\n    <div style=\"float:right\" [fxShow.lt-md]=\"false\">\r\n        <label class=\"filterOptions\" id=\"allGenderFilter\" (click)=\"filterByGender('Mixed')\"\r\n            [ngClass]=\"selectedFilter === 'Mixed' ? 'activeButton' : 'inactiveButton'\">\r\n            {{'ActiveStudies.FilterOptions.AllStudies' | translate }}</label>\r\n        <label class=\"filterOptions\" id=\"maleGenderFilter\" (click)=\"filterByGender('Male')\"\r\n            [ngClass]=\"selectedFilter === 'Male' ? 'activeButton' : 'inactiveButton'\">\r\n            {{'ActiveStudies.FilterOptions.Male' | translate }}\r\n        </label>\r\n        <label class=\"filterOptions\" id=\"femaleGenderFilter\" (click)=\"filterByGender('Female')\"\r\n            [ngClass]=\"selectedFilter === 'Female' ? 'activeButton' : 'inactiveButton'\">\r\n            {{'ActiveStudies.FilterOptions.FemaleStudies' | translate }}\r\n        </label>\r\n    </div>\r\n    <anms-card-column-header [cardHeaders]=\"cardHeaders\"></anms-card-column-header>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"1%\" *ngIf=\"filteredStudies && filteredStudies.length > 0\">\r\n        <div *ngFor=\"let study of filteredStudies;\">\r\n            <mat-card class=\"cardPadding\">\r\n                <mat-card-content>\r\n                    <div class=\"row activeRow\"  (click)=\"navigateToStudy(study.studyId)\">\r\n                         <div  fxFlex=\"27\" fxFlex.md=\"27\" fxFlex.sm=\"100\" fxFlex.xs=\"100\">\r\n                            <mat-label ngClass=\"codeColumnStyleForDesktop\"  *ngIf=\"!study.isComingSoon\" [ngClass.md]=\"{ 'codeColumnFontForTablet': true }\"\r\n                             [ngClass.lt-md]=\"{ 'codeColumnStyleForTablet': true}\" [ngClass.md]=\"{ 'codeColumnStyleForTablet': true }\">{{study.code}}</mat-label>\r\n                             <mat-label ngClass=\"codeColumnStyleForDesktop\" *ngIf=\"study.isComingSoon\" [ngClass.md]=\"{ 'codeColumnFontForTablet': true }\"\r\n                             [ngClass.lt-md]=\"{ 'codeColumnStyleForTablet': true}\">{{study.comingSoonText}}</mat-label>\r\n                              <label class=\"recruitmentFlag recruitmentFlagStyle\" *ngIf=\"study.recruitmentPriority && !study.isComingSoon\"\r\n                              [ngClass.lt-md]=\"{ 'recruitmentFlagForTablet': true }\" [ngClass.xs]=\"{ 'recruitmentFlagForPhone': true }\"><span class=\"recruitmentFlagIndicator\"></span>{{\r\n                            'ActiveStudies.ContentHeader.RecruitmentFlag' |\r\n                            translate }}</label> \r\n                            <label class=\"comingSoonFlag comingSoonFlagStyle\"  *ngIf=\"study.isComingSoon\"\r\n                            [ngClass.lt-md]=\"{ 'recruitmentFlagForTablet': true }\" [ngClass.xs]=\"{ 'recruitmentFlagForPhone': true }\"><span class=\"comingSoonFlagIndicator\"></span>{{\r\n                          'ActiveStudies.ContentHeader.ComingSoon' |\r\n                          translate }}</label>\r\n                        </div>                        \r\n                        <div fxFlex=\"10\" fxFlex.md=\"10\" fxFlex.sm=\"100\" fxFlex.xs=\"100\">\r\n                            <mat-label class=\"detailLabel\" [fxShow.gt-sm]=\"false\"\r\n                                [ngClass.lt-md]=\"{ 'genderHeaderStyleForTablet': true }\">\r\n                                {{'ActiveStudies.ContentHeader.Gender' | translate }}</mat-label>\r\n                            <mat-label class=\"detailLabelContent\">{{('GenderEnums.' + study.gender) | translate }}</mat-label>                            \r\n                        </div>\r\n                        <div fxFlex=\"8\" fxFlex.md=\"8\" fxFlex.sm=\"100\" fxFlex.xs=\"100\">\r\n                            <mat-label class=\"detailLabel\" [fxShow.gt-sm]=\"false\">{{'ActiveStudies.ContentHeader.Age' |\r\n                                translate }}</mat-label>\r\n                            <mat-label class=\"detailLabelContent\">{{study.minimumAge}} - {{study.maximumAge}}\r\n                            </mat-label>\r\n                        </div>\r\n                        <div fxFlex=\"30\" fxFlex.md=\"30\" fxFlex.sm=\"100\" fxFlex.xs=\"100\">\r\n                            <mat-label class=\"detailLabel\" [fxShow.gt-sm]=\"false\">{{'ActiveStudies.ContentHeader.ProductDescription' | translate }}</mat-label>\r\n                            <mat-label class=\"productContent\">{{study.description}}</mat-label>\r\n                        </div>\r\n                        <div *ngIf=\"!study.isComingSoon\"  fxFlex=\"10\" fxFlex.md=\"10\" fxFlex.sm=\"100\" fxFlex.xs=\"100\">\r\n                            <mat-label class=\"detailLabel\" [fxShow.gt-sm]=\"false\">\r\n                                {{'ActiveStudies.ContentHeader.Payment' | translate }}</mat-label>                            \r\n                            <mat-label class=\"detailLabelContent\">{{ study.displayedPaymentRange ?  study.displayedPaymentRange : (study.payment | currency: study.currency)}}\r\n                            </mat-label>\r\n                        </div>\r\n                        <div *ngIf=\"!study.isComingSoon\"  fxFlex=\"15\" fxFlex.md=\"15\" fxFlex.sm=\"100\" fxFlex.xs=\"100\">\r\n                            <mat-label class=\"detailLabel\" [fxShow.gt-sm]=\"false\">\r\n                                {{'ActiveStudies.ContentHeader.StudyDuration' | translate }}</mat-label>\r\n                            <mat-label class=\"detailLabelContent\">{{study.startDate | date: 'MMM y' }} - {{study.endDate\r\n                                | date: 'MMM y' }}</mat-label>\r\n                        </div>\r\n                       \r\n                    </div>\r\n                </mat-card-content>\r\n            </mat-card>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"!filteredStudies || filteredStudies.length == 0\">\r\n    <h1 style=\"text-align: center\">{{ 'ActiveStudies.NoResult' |translate }}</h1>\r\n</div>\r\n\r\n<mat-menu #filterMenu>\r\n    <label class=\"filterOptions\" id=\"allGenderFilter\" (click)=\"filterByGender('Mixed')\"\r\n        [ngClass]=\"selectedFilter === 'Mixed' ? 'activeButton' : 'inactiveButton'\">\r\n        {{'ActiveStudies.FilterOptions.AllStudies' | translate }}</label>\r\n    <label class=\"filterOptions\" id=\"maleGenderFilter\" (click)=\"filterByGender('Male')\"\r\n        [ngClass]=\"selectedFilter === 'Male' ? 'activeButton' : 'inactiveButton'\">\r\n        {{'ActiveStudies.FilterOptions.Male' | translate }}\r\n    </label>\r\n    <label class=\"filterOptions lastfilter\" id=\"femaleGenderFilter\" (click)=\"filterByGender('Female')\"\r\n        [ngClass]=\"selectedFilter === 'Female' ? 'activeButton' : 'inactiveButton'\">\r\n        {{'ActiveStudies.FilterOptions.FemaleStudies' | translate }}\r\n    </label>\r\n</mat-menu>\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActiveStudyService } from './active-studies.service';\r\nimport { CardHeader } from '../../../main/models/cardHeader';\r\nimport { AppConstants } from '../../../shared/constants/app-constants';\r\nimport { GlobalRepositoryService } from '../../../core/repository/global-repository.service';\r\nimport { ActiveStudies } from './active-studies.model';\r\nimport { SpinnerService } from '../../../core/spinner/spinner.service';\r\nimport { Router } from '@angular/router';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { MessageService } from '../../../main/services/message.service';\r\nimport { LoggingService } from '../../../main/services/logging.service';\r\n\r\n@Component({\r\n  selector: 'anms-active-studies',\r\n  templateUrl: './active-studies.component.html',\r\n  styleUrls: ['./active-studies.component.scss']\r\n})\r\nexport class ActiveStudiesComponent implements OnInit {\r\n  constructor(public activeStudyService: ActiveStudyService,\r\n    public globalRepositoryService: GlobalRepositoryService,\r\n    public spinner: SpinnerService,\r\n    public router: Router,\r\n    public translateService: TranslateService,\r\n    public messageService: MessageService,\r\n    public loggingService: LoggingService\r\n  ) {\r\n\r\n  }\r\n\r\n  labSiteCode?: string;\r\n  filteredStudies: ActiveStudies[] = [];\r\n  activeStudies: ActiveStudies[] = [];\r\n  selectedFilter = AppConstants.Gender.Mixed; \r\n\r\n  cardHeaders: CardHeader[] = [\r\n    {\r\n      label: 'ActiveStudies.ContentHeader.StudyCode',\r\n      width: '27'\r\n    },\r\n    {\r\n      label: 'ActiveStudies.ContentHeader.Gender',\r\n      width: '10'\r\n    },\r\n    {\r\n      label: 'ActiveStudies.ContentHeader.Age',\r\n      width: '8'\r\n    },\r\n    {\r\n      label: 'ActiveStudies.ContentHeader.ProductDescription',\r\n      width: '30'\r\n    },\r\n    {\r\n      label: 'ActiveStudies.ContentHeader.Payment',\r\n      width: '10'\r\n    },\r\n    {\r\n      label: 'ActiveStudies.ContentHeader.StudyDuration',\r\n      width: '15'\r\n    }\r\n  ];\r\n\r\n  ngOnInit(): void {\r\n    this.labSiteCode = this.globalRepositoryService.getLabsiteCode();\r\n    this.getActiveStudies();  \r\n    this.loggingService.logPageView(AppConstants.Pages.ActiveStudies, this.labSiteCode);\r\n  }\r\n\r\n  getActiveStudies() {    \r\n    if (this.labSiteCode) {\r\n      this.spinner.show(true);\r\n      if (!this.globalRepositoryService.volunteerEmailId) {\r\n        this.activeStudyService.getActiveStudiesFromBlob(this.labSiteCode, AppConstants.Blob.ActiveStudies)\r\n          .subscribe((studies: ActiveStudies[]) => {\r\n            if(studies?.length>0 && studies!=null){\r\n            studies.sort((a,b)=>b.recruitmentPriority===a.recruitmentPriority?a.code.localeCompare(b.code):b.recruitmentPriority?1:-1);\r\n          }         \r\n            this.globalRepositoryService.activeStudiesData = studies;\r\n            this.SetStudies(studies);\r\n          }, () => {\r\n            this.StudyErrorMessage();\r\n          });\r\n      }\r\n      else {\r\n        this.activeStudyService.getActiveStudies(this.labSiteCode).subscribe((studies: ActiveStudies[]) => {\r\n          this.SetStudies(studies);\r\n        }, () => {\r\n          this.StudyErrorMessage();\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  private StudyErrorMessage() {\r\n    this.messageService.alert(this.translateService.instant('ActiveStudies.Validation.ErrorFetchingData'), true);\r\n    this.spinner.show(false);\r\n  }\r\n\r\n  private SetStudies(studies: ActiveStudies[]) {\r\n    this.activeStudies = studies;\r\n    this.filteredStudies = studies;\r\n    this.spinner.show(false);\r\n  }\r\n\r\n    filterByGender(gender: string) {\r\n      if (gender == AppConstants.Gender.Mixed) {\r\n        this.filteredStudies = this.activeStudies;\r\n      } else {\r\n        this.filteredStudies = this.activeStudies.filter((study: ActiveStudies) => study.gender === gender || study.gender === AppConstants.Gender.Mixed);\r\n      }\r\n      this.selectedFilter = gender;\r\n    }\r\n\r\n    navigateToStudy(studyId: string)\r\n    {\r\n      const queryParameter: any = { studyId: studyId };\r\n      this.router.navigate(['/studyDetail'], { queryParams: queryParameter });\r\n    }\r\n\r\n  }\r\n","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\nimport { ActiveStudiesComponent } from './active-studies/active-studies.component';\r\n\r\nconst routes: Routes = [\r\n  {\r\n    path: '',\r\n    component: ActiveStudiesComponent\r\n  }\r\n];\r\n\r\n@NgModule({\r\n  imports: [RouterModule.forChild(routes)],\r\n  exports: [RouterModule]\r\n})\r\nexport class ActiveStudiesRoutingModule {}\r\n","import { LOCALE_ID, NgModule, PLATFORM_ID } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ActiveStudiesComponent } from './active-studies/active-studies.component';\r\nimport { ActiveStudiesRoutingModule } from './active-studies-routing.module';\r\nimport { MaterialModule } from '../../shared/material.module';\r\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\r\nimport { SharedModule } from '../../shared/shared.module';\r\n\r\n@NgModule({\r\n  declarations: [ActiveStudiesComponent],\r\n  imports: [\r\n    CommonModule,\r\n    ActiveStudiesRoutingModule,\r\n    MaterialModule,\r\n    SharedModule,\r\n    TranslateModule\r\n  ],\r\n  providers: [\r\n    { provide: LOCALE_ID, useFactory: GetLocalLang, deps: [PLATFORM_ID] },\r\n  ]\r\n})\r\nexport class ActiveStudiesModule {\r\n  constructor(private translate: TranslateService) {\r\n    const browserLang = translate.getBrowserLang();\r\n    translate.setDefaultLang(browserLang.match(/en|fr|de|es|it|pl|ro|zh/) ? browserLang : 'en');\r\n    if (navigator && navigator.language && navigator.language === 'en-US') {\r\n      translate.setDefaultLang('en-US');\r\n    }\r\n  }\r\n}\r\nexport function GetLocalLang() {\r\n    return navigator.language.match(/en|fr|de|es|it|pl|ro|zh/) ? navigator.language : 'en';\r\n  }\r\n  \r\n\r\n\r\n"],"x_google_ignoreList":[]}