{"version":3,"file":"588.4719a3315eddefa2.js","mappings":"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","names":["i0","_r7","ctx_r6","navigateToPrevPhase","ctx_r8","navigateToNextPhase","_c0","ctx_r4","selectedPhaseIndex","dashboardConfig","phases","length","_c1","phase_r9","phaseProgress","DashboardComponent_ng_container_8_ng_container_1_mat_tab_5_ng_template_1_span_5_Template","phaseTitle","phaseDateLabel","DashboardComponent_ng_container_8_ng_container_1_mat_tab_5_ng_template_1_Template","DashboardComponent_ng_container_8_ng_container_1_div_2_Template","$event","_r15","ctx_r14","DashboardComponent_ng_container_8_ng_container_1_mat_tab_5_Template","_c2","ctx_r3","DashboardComponent_ng_container_8_ng_container_1_Template","ctx_r1","widget_r18","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_3_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_4_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_5_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_6_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_7_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_8_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_9_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_10_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_11_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_12_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_13_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_14_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_15_Template","DashboardComponent_ng_container_9_div_1_ng_container_2_ng_container_16_Template","_c3","widgetHorizontalPercentageSize","widgetType","DashboardComponent_ng_container_9_div_1_ng_container_2_Template","ctx_r16","widgets","DashboardComponent_ng_container_9_div_1_Template","ctx_r2","DashboardComponent","constructor","tabTitleService","ssoAuthService","dashboardService","this","userRoleId","userFirstName","nowISO","DateTime","fromJSDate","Date","setZone","toISO","ngOnInit","_this","setTabTitle","ssoAuthSub","currentRpUser$","pipe","filter","rpUser","subscribe","_ref","_asyncToGenerator","currentRole","id","firstName","resp","getDashboardConfig","toPromise","JSON","parse","config","value","dashboardSettings","forEach","phase","index","phaseStartDate","phaseEndDate","luxonPhaseStartDate","fromISO","luxonPhaseEndDate","phaseDateDiffInSeconds","diff","toObject","seconds","nowDiffToPhaseEndDateInSeconds","Math","round","_x","apply","arguments","ngOnDestroy","unsubscribe","static","t","i1","i2","i3","core","VBU","selectors","decls","vars","consts","template","rf","ctx","DashboardComponent_a_7_Template","DashboardComponent_ng_container_8_Template","DashboardComponent_ng_container_9_Template","_c4","routes","path","component","DashboardModule","$C","G2t","DashboardService","imports","CommonModule","SharedModule","RouterModule","forChild","WidgetsModule","MatTabsModule"],"ignoreList":[],"sourceRoot":"webpack:///","sources":["./src/app/dashboard/dashboard.component.html","./src/app/dashboard/dashboard.component.ts","./src/app/dashboard/dashboard.module.ts"],"sourcesContent":["<div class=\"dashboard\">\r\n  <div class=\"dashboard-header\">\r\n    <div class=\"title\">\r\n      <h1>\r\n        <span class=\"gray-text\">Welcome </span> {{userFirstName}}!\r\n        <a routerLink=\"/dashboard-edit\" *appHasRole=\"['Master Admin']\" pTooltip=\"Edit Dashboard\" class=\"dashboard-edit-link\">\r\n          <span class=\"icon material-icons\" aria-hidden=\"true\">settings</span>\r\n        </a>\r\n      </h1>\r\n    </div>\r\n    <ng-container *ngIf=\"dashboardConfig\">\r\n      <ng-container *ngIf=\"dashboardConfig.phases.length > 1\">\r\n        <div class=\"tabs-area\" [ngClass]=\"{'two-phase': dashboardConfig.phases.length === 2}\">\r\n          <div class=\"tabs-navigation\" *ngIf=\"dashboardConfig.phases.length > 2\">\r\n            <button\r\n              (click)=\"navigateToPrevPhase()\"\r\n              class=\"tabs-navigation-button tabs-navigation-button-prev\"\r\n              [ngClass]=\"{'disabled': selectedPhaseIndex === 0}\"\r\n              [disabled]=\"selectedPhaseIndex === 0\"\r\n              aria-label=\"Previous Phase\"\r\n            >\r\n              <span class=\"icon material-icons\" aria-hidden=\"true\">chevron_left</span>\r\n            </button>\r\n            <button\r\n              (click)=\"navigateToNextPhase()\"\r\n              class=\"tabs-navigation-button tabs-navigation-button-next\"\r\n              [ngClass]=\"{'disabled': selectedPhaseIndex === (dashboardConfig.phases.length - 1)}\"\r\n              [disabled]=\"selectedPhaseIndex === (dashboardConfig.phases.length - 1)\"\r\n              aria-label=\"Next Phase\"\r\n            >\r\n              <span class=\"icon material-icons\" aria-hidden=\"true\">chevron_right</span>\r\n            </button>\r\n          </div>\r\n          <div class=\"tabs-wrapper\">\r\n            <mat-tab-group [selectedIndex]=\"selectedPhaseIndex\" (selectedIndexChange)=\"selectedPhaseIndex = $event\">\r\n              <mat-tab *ngFor=\"let phase of dashboardConfig.phases\">\r\n                <ng-template mat-tab-label>\r\n                  <div class=\"phase-label-wrap\">\r\n                    <h5 class=\"phase-title\">{{ phase.phaseTitle }}</h5>\r\n                    <span class=\"phase-period\">{{ phase.phaseDateLabel }}</span>\r\n                    <span class=\"phase-progress\" *ngIf=\"phase.phaseProgress !== null\">\r\n                      <span class=\"phase-progress-inner\" [ngStyle]=\"{'width': phase.phaseProgress + '%'}\"></span>\r\n                    </span>\r\n                  </div>\r\n                </ng-template>\r\n              </mat-tab>\r\n            </mat-tab-group>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"dashboardConfig\">\r\n    <div class=\"widgets-area\" *ngIf=\"dashboardConfig.phases[selectedPhaseIndex]\">\r\n      <div class=\"widgets-inner-wrapper\">\r\n        <ng-container *ngFor=\"let widget of dashboardConfig.phases[selectedPhaseIndex].widgets\">\r\n          <div\r\n            class=\"widget-wrapper\"\r\n            [ngStyle]=\"{'flex-basis': widget.widgetHorizontalPercentageSize + '%'}\"\r\n          >\r\n            <ng-container [ngSwitch]=\"widget.widgetType\">\r\n              <ng-container *ngSwitchCase=\"'form'\">\r\n                <widget-form [widgetConfig]=\"widget\"></widget-form>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'timeline'\">\r\n                <widget-timeline [widgetConfig]=\"widget\"></widget-timeline>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'news'\">\r\n                <widget-news [widgetConfig]=\"widget\"></widget-news>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'forums'\">\r\n                <widget-forums [widgetConfig]=\"widget\"></widget-forums>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'admin-review'\">\r\n                <widget-admin-review [widgetConfig]=\"widget\"></widget-admin-review>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'peer-review'\">\r\n                <widget-peer-review [widgetConfig]=\"widget\"></widget-peer-review>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'evaluation-participant'\">\r\n                <widget-evaluation-participant [widgetConfig]=\"widget\"></widget-evaluation-participant>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'evaluation-judge'\">\r\n                <widget-evaluation-judge [widgetConfig]=\"widget\"></widget-evaluation-judge>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'content-1'\">\r\n                <widget-content-1 [widgetConfig]=\"widget\"></widget-content-1>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'content-2'\">\r\n                <widget-content-2 [widgetConfig]=\"widget\"></widget-content-2>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'accounts'\">\r\n                <widget-accounts [widgetConfig]=\"widget\"></widget-accounts>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'form-stats'\">\r\n                <widget-form-stats [widgetConfig]=\"widget\"></widget-form-stats>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'stage-counters'\">\r\n                <widget-stage-counters [widgetConfig]=\"widget\"></widget-stage-counters>\r\n              </ng-container>\r\n              <ng-container *ngSwitchDefault>\r\n                <div class=\"widget-unknown\">\r\n                  <p>This widget is a work in progress and not yet available.</p>\r\n                </div>\r\n              </ng-container>\r\n            </ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>","import { Component, OnInit, ViewEncapsulation } from \"@angular/core\";\r\nimport { TabTitleService } from \"../shared/services/tab-title.service\";\r\nimport { SsoAuthService } from \"../shared/services/sso-auth.service\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { DashboardConfig } from \"../shared/model/dashboard-config.model\";\r\nimport { DashboardService } from \"../shared/services/dashboard.service\";\r\nimport { DateTime } from \"luxon\";\r\nimport { filter } from \"rxjs/operators\";\r\n\r\n@Component({\r\n  selector: 'app-dashboard',\r\n  templateUrl: './dashboard.component.html',\r\n  styleUrls: ['./dashboard.component.scss'],\r\n  encapsulation: ViewEncapsulation.None\r\n})\r\nexport class DashboardComponent implements OnInit {\r\n\r\n  private ssoAuthSub: Subscription;\r\n  private userRoleId: string = '';\r\n  public userFirstName: string = '';\r\n\r\n  public selectedPhaseIndex: number = 0;\r\n\r\n  public dashboardConfig: DashboardConfig = null;\r\n\r\n  nowISO: string = DateTime.fromJSDate(new Date()).setZone(\"UTC\").toISO();\r\n\r\n  constructor(\r\n    private tabTitleService: TabTitleService,\r\n    private ssoAuthService: SsoAuthService,\r\n    private dashboardService: DashboardService\r\n  ) { }\r\n\r\n  ngOnInit() {\r\n    this.tabTitleService.setTabTitle('Dashboard');\r\n    this.ssoAuthSub = this.ssoAuthService.currentRpUser$\r\n    .pipe(\r\n      filter(rpUser => !!rpUser)\r\n    )\r\n    .subscribe(async rpUser => {\r\n      this.userRoleId = rpUser.currentRole.id;\r\n      this.userFirstName = rpUser.firstName;\r\n\r\n      // getting dashboard config for the current role of the user\r\n      const resp: any = await this.dashboardService.getDashboardConfig(this.userRoleId).toPromise();\r\n      // try catching if the config value coming from RP is JSON parsable\r\n      try {\r\n        this.dashboardConfig = JSON.parse(resp.config.value);\r\n      } catch (e) {\r\n        this.dashboardConfig = {\r\n          dashboardSettings: '',\r\n          phases: [],\r\n        }\r\n      };\r\n\r\n      if (this.dashboardConfig.phases.length > 0) {\r\n        this.dashboardConfig.phases.forEach((phase, index) => {\r\n          // if we have both start and end date for a phase, we display a progress bar for it\r\n          if (phase.phaseStartDate && phase.phaseEndDate) {\r\n            const luxonPhaseStartDate = DateTime.fromISO(phase.phaseStartDate);\r\n            const luxonPhaseEndDate = DateTime.fromISO(phase.phaseEndDate);\r\n            // difference is negative number\r\n            const phaseDateDiffInSeconds = luxonPhaseStartDate.diff(luxonPhaseEndDate, 'seconds').toObject().seconds;\r\n            // difference is negative number if phase end date has not occured yet, otherwise it's positive\r\n            const nowDiffToPhaseEndDateInSeconds = DateTime.fromJSDate(new Date()).setZone(\"UTC\").diff(luxonPhaseEndDate, 'seconds').toObject().seconds;\r\n\r\n            if (nowDiffToPhaseEndDateInSeconds > 0) {\r\n              // phase ended\r\n              phase.phaseProgress = 100;\r\n            } else if (nowDiffToPhaseEndDateInSeconds < phaseDateDiffInSeconds) {\r\n              // phase hasn't started\r\n              phase.phaseProgress = 0;\r\n            } else {\r\n              // phase is in progress\r\n              // (1) phase progress in percentage is:\r\n              // (2) the difference between the current time and the phase end date\r\n              // (3) divided by the total difference between phase start and end date \r\n              // (4) times 100 to get percentage difference between them\r\n              // (5) however, since the now difference is declinining (because it's a negative number)\r\n              // (6) we substract the given percentage from 100 to get the real percentage\r\n              let phaseProgressInPercentage = 100 - ((nowDiffToPhaseEndDateInSeconds / phaseDateDiffInSeconds) * 100);\r\n              phase.phaseProgress = Math.round(phaseProgressInPercentage * 1e2 ) / 1e2;\r\n            }\r\n          } else {\r\n            // if we don't have start and end dates, the phase progress is null\r\n            phase.phaseProgress = null;\r\n          }\r\n\r\n          // increase active phase index if current date has passed any phase end date\r\n          if (index !== (this.dashboardConfig.phases.length - 1)) {\r\n            if (phase.phaseEndDate < this.nowISO) {\r\n              this.selectedPhaseIndex++;\r\n            }\r\n          }\r\n        });\r\n      };\r\n    });\r\n  }\r\n\r\n  navigateToPrevPhase() {\r\n    this.selectedPhaseIndex = this.selectedPhaseIndex === 0 ? this.selectedPhaseIndex : this.selectedPhaseIndex - 1;\r\n  }\r\n\r\n  navigateToNextPhase() {\r\n    this.selectedPhaseIndex = this.selectedPhaseIndex === this.dashboardConfig.phases.length - 1 ? this.selectedPhaseIndex : this.selectedPhaseIndex + 1;\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.ssoAuthSub.unsubscribe();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { RouterModule, Routes } from '@angular/router';\r\n\r\nimport { SharedModule } from '../shared/shared.module';\r\nimport { DashboardComponent } from './dashboard.component';\r\nimport { WidgetsModule } from '../widgets/widgets.module';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\n\r\nimport { DashboardService } from '../shared/services/dashboard.service';\r\n\r\nconst routes: Routes = [\r\n  {\r\n    path: \"\",\r\n    component: DashboardComponent,\r\n  },\r\n];\r\n\r\n@NgModule({\r\n  declarations: [DashboardComponent],\r\n  imports: [\r\n    CommonModule,\r\n    SharedModule,\r\n    RouterModule.forChild(routes),\r\n    WidgetsModule,\r\n    MatTabsModule\r\n  ],\r\n  providers: [\r\n    DashboardService\r\n  ]\r\n})\r\nexport class DashboardModule {\r\n  constructor() {}\r\n }\r\n"],"x_google_ignoreList":[]}