\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","import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort, Sort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { select, Store } from '@ngrx/store';\r\nimport { ROUTE_ANIMATIONS_ELEMENTS } from '@shared/services/animations/route.animations';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { tap } from 'rxjs/operators';\r\n\r\nimport { SubCategoryModel } from '../../models/sub-category.model';\r\nimport { optionsCreateSpecialFinding, optionsUpdateSpecialFinding } from '../../store/option.actions';\r\nimport { OptionState } from '../../store/option.reducers';\r\nimport { AddEditFindingsComponent } from '../add-edit-findings/add-edit-findings.component';\r\nimport { optionSelector } from './../../store/option.selectors';\r\n\r\n@Component({\r\n selector: 'app-findings',\r\n templateUrl: './findings.component.html',\r\n styleUrls: ['./findings.component.scss']\r\n})\r\nexport class FindingsComponent implements OnInit, AfterViewInit, OnDestroy {\r\n @ViewChild(MatPaginator) paginator!: MatPaginator;\r\n @ViewChild(MatSort) sort!: MatSort;\r\n routeAnimationsElements = ROUTE_ANIMATIONS_ELEMENTS;\r\n data$!: Observable| Title | \r\n\r\n {{ element.name }}\r\n | \r\nStatus | \r\n\r\n {{ element.isActive ? 'Active' : 'Inactive' }}\r\n | \r\nActions | \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","/* eslint-disable arrow-body-style */\r\nimport { AfterViewInit, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatPaginator, PageEvent } from '@angular/material/paginator';\r\nimport { MatSort, Sort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { select, Store } from '@ngrx/store';\r\nimport { ROUTE_ANIMATIONS_ELEMENTS } from '@shared/services/animations/route.animations';\r\nimport { BehaviorSubject, Observable, Subscription } from 'rxjs';\r\nimport { tap } from 'rxjs/operators';\r\n\r\nimport { CategoryModel } from '../models/category.model';\r\nimport { OptionType } from '../models/option-type.enum';\r\nimport { OptionModel } from '../models/option.model';\r\nimport { SubCategoryModel } from '../models/sub-category.model';\r\nimport { optionsCreate, optionsUpdate } from '../store/option.actions';\r\nimport { OptionState } from '../store/option.reducers';\r\nimport { optionSelector } from '../store/option.selectors';\r\nimport { AddEditBaseOptionComponent } from './add-edit-base-option/add-edit-base-option.component';\r\n\r\n@Component({\r\n selector: 'app-option-management',\r\n templateUrl: './option-management.component.html',\r\n styleUrls: ['./option-management.component.scss']\r\n})\r\nexport class OptionManagementComponent implements OnInit, AfterViewInit, OnDestroy {\r\n @ViewChild(MatPaginator) paginator!: MatPaginator;\r\n @ViewChild(MatSort) sort!: MatSort;\r\n routeAnimationsElements = ROUTE_ANIMATIONS_ELEMENTS;\r\n optionTypeArray: string[] = Object.values(OptionType).sort();\r\n data$!: Observable| Title | \r\n\r\n {{ element.name }}\r\n | \r\nCategory | \r\n\r\n {{ element.category }}\r\n | \r\nStatus | \r\n\r\n {{ element.isActive ? 'Active' : 'Inactive' }}\r\n | \r\nActions | \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 | Title | \r\n\r\n {{ element.name }}\r\n | \r\nStatus | \r\n\r\n {{ element.isActive ? 'Active' : 'Inactive' }}\r\n | \r\nActions | \r\n\r\n | \r\n
|---|
${model.name != null ? 'Edit' : 'New'} ${this.optionType.transform(type)} Option
`\r\n },\r\n {\r\n template: `The title set below will appear in the dropdown menu.
`\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-sm-12',\r\n type: 'checkbox',\r\n key: 'isActive',\r\n defaultValue: this.model.isActive ?? true,\r\n templateOptions: {\r\n label: 'Active'\r\n }\r\n }\r\n ]\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-sm-12',\r\n type: 'input',\r\n key: 'name',\r\n defaultValue: this.model.name,\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Title',\r\n required: true,\r\n maxLength: 600\r\n }\r\n }\r\n ]\r\n }\r\n ];\r\n }\r\n\r\n buildSubCategoryForm(model: SubCategoryModel): FormlyFieldConfig[] {\r\n this.model = model;\r\n\r\n return [\r\n {\r\n template: `${model.name != null ? 'Edit' : 'New'} Special Finding
`\r\n },\r\n {\r\n template: `Setting Status to active or inactive will change of this sub-category as well as its parent category status.
`\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-sm-12',\r\n type: 'checkbox',\r\n key: 'isActive',\r\n defaultValue: this.model.isActive ?? true,\r\n templateOptions: {\r\n label: 'Active'\r\n }\r\n }\r\n ]\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-sm-12',\r\n type: 'select',\r\n key: 'categoryId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Special Findings Category',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.categories)),\r\n }\r\n },\r\n ]\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-sm-12',\r\n type: 'input',\r\n key: 'name',\r\n defaultValue: this.model.name,\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Title',\r\n required: true,\r\n maxLength: 500\r\n }\r\n }\r\n ]\r\n }\r\n ];\r\n }\r\n\r\n buildCategoryForm(model: CategoryModel): FormlyFieldConfig[] {\r\n this.model = model;\r\n\r\n return [\r\n {\r\n template: `${model.name != null ? 'Edit' : 'New'} Special Finding Category
`\r\n },\r\n {\r\n template: `Setting Status to active or inactive will change of this category as well as any children sub-categories status
`\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-sm-12',\r\n type: 'checkbox',\r\n key: 'isActive',\r\n defaultValue: this.model.isActive ?? true,\r\n templateOptions: {\r\n label: 'Active'\r\n }\r\n }\r\n ]\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-sm-12',\r\n type: 'input',\r\n key: 'name',\r\n defaultValue: this.model.name,\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Title',\r\n required: true,\r\n maxLength: 250\r\n }\r\n }\r\n ]\r\n }\r\n ];\r\n }\r\n\r\n private initOptionState(): Observable\r\n \r\n \r\n \r\n \r\n
","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { FormControl, Validators } from '@angular/forms';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { User } from '../../models/user.model';\r\nimport { UserStoreService } from '../../services/user-store.service';\r\n\r\n@Component({\r\n selector: 'app-user-edit',\r\n templateUrl: './user-edit.component.html',\r\n styleUrls: ['./user-edit.component.scss']\r\n})\r\nexport class UserEditComponent implements OnInit {\r\n userRole: FormControl = new FormControl('', Validators.required);\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: User,\r\n private userService: UserStoreService,\r\n private dialogRef: MatDialogRef\r\n Add User\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Add User \r\n \r\n \r\n \r\n {{ option.samAccountName }} - {{ option.firstName }} {{ option.lastName }}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Add Role \r\n \r\n \r\n Admin \r\n Reader \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
","import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { select, Store } from '@ngrx/store';\r\nimport { ConfirmationDialogComponent } from '@shared/components/confirmation-dialog/confirmation-dialog.component';\r\nimport { ConfirmDialogData } from '@shared/models/confirm-dialog-data';\r\nimport { ROUTE_ANIMATIONS_ELEMENTS } from '@shared/services/animations/route.animations';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { tap } from 'rxjs/operators';\r\n\r\nimport { User } from '../models/user.model';\r\nimport { UserStoreService } from '../services/user-store.service';\r\nimport { usersLoad } from '../store/user.actions';\r\nimport { UserState } from '../store/user.reducers';\r\nimport { userSelector } from '../store/user.selectors';\r\nimport { UserAddComponent } from './user-add/user-add.component';\r\nimport { UserEditComponent } from './user-edit/user-edit.component';\r\n\r\n@Component({\r\n selector: 'app-user-management',\r\n templateUrl: './user-management.component.html',\r\n styleUrls: ['./user-management.component.scss'],\r\n})\r\nexport class UserManagementComponent implements OnInit, AfterViewInit, OnDestroy {\r\n @ViewChild(MatPaginator) paginator!: MatPaginator;\r\n @ViewChild(MatSort) sort!: MatSort;\r\n routeAnimationsElements = ROUTE_ANIMATIONS_ELEMENTS;\r\n data$!: Observable\r\n Edit User\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n {{ data.userData.firstName }} {{ data.userData.lastName }}\r\n
\r\n\r\n \r\n \r\n Add Role \r\n \r\n \r\n Admin \r\n Reader \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n First Name \r\n \r\n First Name:\r\n {{ element.userData.firstName }}\r\n \r\n \r\n\r\n \r\n Last Name \r\n \r\n Last Name:\r\n {{ element.userData.lastName }}\r\n \r\n \r\n\r\n \r\n Role \r\n \r\n Role:\r\n {{ !element.isWarden ? element.claims[0].value : \"Developer\" }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n Actions:\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { Store } from '@ngrx/store';\r\nimport { FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { ROUTE_ANIMATIONS_ELEMENTS } from '@shared/services/animations/route.animations';\r\nimport { ProtocolModel } from '../models/protocol.model';\r\nimport { ProtocolService } from '../services/protocol.service';\r\nimport { protocolCreate } from '../store/protocol.actions';\r\nimport { ProtocolState } from '../store/protocol.reducers';\r\n\r\n@Component({\r\n selector: 'app-protocol-add',\r\n templateUrl: './protocol-add.component.html',\r\n styleUrls: ['./protocol-add.component.scss']\r\n})\r\nexport class ProtocolAddComponent implements OnInit {\r\n routeAnimationsElements = ROUTE_ANIMATIONS_ELEMENTS;\r\n form = new FormGroup({});\r\n fields: FormlyFieldConfig[] = [];\r\n model = { } as ProtocolModel;\r\n\r\n constructor(private service: ProtocolService, private store: Store\r\n \r\n \r\n
\r\n \r\n
\r\n The selected protocol could not be found
\r\n| Investigator | \r\n{{ element?.investigator?.name }} | \r\nDate | \r\n{{ element?.created | date:'shortDate' }} | \r\nCreatedBy | \r\n{{ element?.createdBy || '' }} | \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 IRB Number \r\n \r\n {{ element?.irbNumber }}\r\n \r\n \r\n\r\n \r\n Investigator \r\n \r\n {{ element?.investigator?.name || '' }}\r\n \r\n \r\n\r\n \r\n Study Title \r\n \r\n {{ element?.studyTitle || '' }}\r\n \r\n \r\n\r\n \r\n Status \r\n \r\n {{ element?.status?.name || '' }}\r\n \r\n \r\n\r\n \r\n Approval Through \r\n \r\n {{ (element?.approvalThrough | date) || '' }}\r\n \r\n \r\n\r\n \r\n Actions \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n Protocol Details
'\r\n },\r\n this.includeOldIrb(),\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-sm-12',\r\n type: 'input',\r\n key: 'studyTitle',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Study Title',\r\n required: true\r\n }\r\n },\r\n ]\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'input',\r\n key: 'irbNetNumber',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'IRBNet Number',\r\n maxLength: 250\r\n }\r\n },\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'select',\r\n key: 'statusId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Status',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.status)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.statusId ?? 0, options))),\r\n }\r\n },\r\n ]\r\n },\r\n {\r\n template: 'Ownership
'\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'select',\r\n key: 'investigatorId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Investigator',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.investigator)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.investigatorId ?? 0, options))),\r\n }\r\n },\r\n {\r\n className: 'col-md-6 col-sm-12',\r\n type: 'input',\r\n key: 'coInvestigator',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Co-Investigator',\r\n maxLength: 250\r\n }\r\n },\r\n ]\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'select',\r\n key: 'ntrIrbCoordinatorId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'NTRIRB Coordinator',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.nTRIRBCoordinator)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.ntrIrbCoordinatorId ?? 0, options))),\r\n }\r\n },\r\n {\r\n className: 'col-md-4 col-sm-12',\r\n type: 'input',\r\n key: 'crCoordinator',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'CR Coordinator',\r\n maxLength: 250\r\n }\r\n },\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'select',\r\n key: 'typeOfResearchId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Type of Research',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.typeOfResearch)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.typeOfResearchId ?? 0, options))),\r\n }\r\n }\r\n ]\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-md-4 col-sm-12',\r\n type: 'select',\r\n key: 'departmentId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Department',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.department)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.departmentId ?? 0, options))),\r\n }\r\n },\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'select',\r\n key: 'schoolId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'School',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.school)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.schoolId ?? 0, options))),\r\n }\r\n },\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'select',\r\n key: 'institutionId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Institution',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.institution)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.institutionId ?? 0, options))),\r\n }\r\n },\r\n ]\r\n },\r\n {\r\n template: 'Sponsorship
'\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'select',\r\n key: 'sponsorTypeId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Sponsor Type',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.sponsorType)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.sponsorTypeId ?? 0, options))),\r\n }\r\n },\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'input',\r\n key: 'sponsor',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Sponsor',\r\n maxLength: 250\r\n }\r\n },\r\n {\r\n className: 'col-md-4 col-sm-12',\r\n type: 'input',\r\n key: 'sponsorProtocol',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Sponsor Protocol',\r\n maxLength: 250\r\n }\r\n }\r\n ]\r\n },\r\n {\r\n template: 'Review
'\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'select',\r\n key: 'typeOfReviewId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Type of Review',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.typeOfReview)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.typeOfReviewId ?? 0, options))),\r\n }\r\n },\r\n {\r\n className: 'col-md-3 col-sm-12',\r\n type: 'select',\r\n key: 'reviewCycleId',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Review Cycle',\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n options: this.store.pipe(select(optionSelector.optionsByType(OptionType.reviewCycle)))\r\n .pipe(map(options => this.appendSelectedOptionIfDisabled(model.reviewCycleId ?? 0, options))),\r\n }\r\n },\r\n ]\r\n },\r\n {\r\n template: 'Special Findings
'\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-sm-12',\r\n type: 'select',\r\n key: 'specialFindingCategories',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Special Findings Category',\r\n multiple: true,\r\n valueProp: 'id',\r\n labelProp: 'name',\r\n groupProp: 'category',\r\n options: this.store.select(optionSelector.specialFindings).pipe(map(options => {\r\n let activeOptions = options.filter(option => option.isActive);\r\n const inactiveOptions = options.filter(option =>\r\n model.specialFindingCategories?.includes(option.id) && !option.isActive);\r\n\r\n if (inactiveOptions.length > 0) {\r\n activeOptions = [...activeOptions, ...inactiveOptions];\r\n }\r\n activeOptions.sort((a, b) => a.name.localeCompare(b.name));\r\n return activeOptions;\r\n }))\r\n }\r\n },\r\n ]\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-md-12',\r\n type: 'rich-text',\r\n key: 'specialFindings',\r\n templateOptions: {\r\n appearance: 'fill',\r\n placeholder: 'Special Findings Notes'\r\n }\r\n },\r\n ]\r\n },\r\n {\r\n template: 'Milestones
'\r\n },\r\n {\r\n template: 'All dates must occur after the initial submission date.
'\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-md-3',\r\n type: 'datepicker',\r\n key: 'submissionDate',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Submission Date'\r\n }\r\n },\r\n {\r\n className: 'col-md-3',\r\n type: 'datepicker',\r\n key: 'initialReview',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Initial Review Date'\r\n },\r\n expressionProperties: { 'templateOptions.datepickerOptions.min': 'model.submissionDate', }\r\n },\r\n {\r\n className: 'col-md-3',\r\n type: 'datepicker',\r\n key: 'mostRecentReview',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Most Recent Review Date'\r\n },\r\n expressionProperties: { 'templateOptions.datepickerOptions.min': 'model.submissionDate', }\r\n },\r\n {\r\n className: 'col-md-3',\r\n type: 'datepicker',\r\n key: 'initialApprovalDate',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Initial Approval Date'\r\n },\r\n expressionProperties: { 'templateOptions.datepickerOptions.min': 'model.submissionDate', }\r\n },\r\n ]\r\n },\r\n {\r\n fieldGroupClassName: 'row',\r\n fieldGroup: [\r\n {\r\n className: 'col-md-3',\r\n type: 'datepicker',\r\n key: 'approvalThrough',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Approval Through Date'\r\n },\r\n expressionProperties: { 'templateOptions.datepickerOptions.min': 'model.submissionDate', }\r\n },\r\n {\r\n className: 'col-md-3',\r\n type: 'datepicker',\r\n key: 'sendNextReview',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Send Next Review Date'\r\n },\r\n expressionProperties: { 'templateOptions.datepickerOptions.min': 'model.submissionDate', }\r\n },\r\n {\r\n className: 'col-md-3',\r\n type: 'datepicker',\r\n key: 'continuingReviewDate',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Continuing Review Date'\r\n },\r\n expressionProperties: { 'templateOptions.datepickerOptions.min': 'model.submissionDate', }\r\n },\r\n {\r\n className: 'col-md-3',\r\n type: 'datepicker',\r\n key: 'completeDate',\r\n templateOptions: {\r\n appearance: 'fill',\r\n label: 'Complete Date'\r\n },\r\n expressionProperties: { 'templateOptions.datepickerOptions.min': 'model.submissionDate', }\r\n },\r\n ]\r\n },\r\n ];\r\n }\r\n\r\n private appendSelectedOptionIfDisabled(id: number, options: OptionModel[]): OptionModel[] {\r\n const selectedOption = options.find(x => x.id === id);\r\n const activeOptions = options.filter(x => x.isActive === true);\r\n if (selectedOption != null && !selectedOption?.isActive) {\r\n activeOptions.push(selectedOption);\r\n }\r\n activeOptions.sort((a, b) => a.name.localeCompare(b.name));\r\n return activeOptions;\r\n }\r\n\r\n private includeOldIrb(): FormlyFieldConfig {\r\n if (this.model.previousIrbNumber != null) {\r\n return {\r\n template: `\r\n \r\n Previous IRB Number: ${this.model.previousIrbNumber}\r\n
`\r\n };\r\n }\r\n\r\n return {};\r\n }\r\n\r\n\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { EffectsModule } from '@ngrx/effects';\r\nimport { StoreModule } from '@ngrx/store';\r\nimport { ProtocolEffects } from './protocol.effects';\r\nimport { PROTOCOL_FEATURE_KEY, protocolReducer } from './protocol.reducers';\r\n\r\n@NgModule({\r\n imports: [\r\n StoreModule.forFeature(PROTOCOL_FEATURE_KEY, protocolReducer),\r\n EffectsModule.forFeature([ProtocolEffects])\r\n ]\r\n})\r\n\r\nexport class ProtocolStoreModule {}\r\n","import { createAction, props } from '@ngrx/store';\r\nimport { SearchModel } from '@shared/models/search.model';\r\nimport { ProtocolModel } from '../models/protocol.model';\r\nimport { ProtocolState } from './protocol.reducers';\r\n\r\nexport const protocolSearch = createAction('[PROTOCOL_ACTION] Search Protocols', props<{ options: SearchModel }>());\r\nexport const protocolSearchLoaded = createAction('[PROTOCOL_ACTION] Search Protocols Loaded', props\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n | IRB Number | \r\n\r\n \r\n {{ element.boardReferenceNumber }}\r\n \r\n | \r\nInstitution | \r\n{{ element.institution }} | \r\nSchool | \r\n{{ element.school }} | \r\nDepartment | \r\n{{ element.department }} | \r\nInvestigator | \r\n{{ element.investigator }} | \r\nNTRIRB Coordinator | \r\n{{ element.ntrIrbCoordinator }} | \r\nStatus | \r\n{{ element.status }} | \r\nType of Review | \r\n{{ element.typeOfReview }} | \r\nApproval Through | \r\n{{ element.approvalThrough | date}} | \r\nSend Next Review | \r\n{{ element.sendNextReviewDate | date }} | \r\n
|---|
\r\n No data found\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
`,\r\n styles: [\r\n `\r\n .lds-spinner {\r\n color: official;\r\n display: inline-block;\r\n position: absolute;\r\n left: 50%;\r\n width: 80px;\r\n height: 80px;\r\n }\r\n .lds-spinner div {\r\n transform-origin: 40px 40px;\r\n animation: lds-spinner 1.2s linear infinite;\r\n }\r\n .lds-spinner div:after {\r\n content: ' ';\r\n display: block;\r\n position: absolute;\r\n top: 3px;\r\n left: 37px;\r\n width: 6px;\r\n height: 18px;\r\n border-radius: 20%;\r\n background: #fff;\r\n }\r\n .lds-spinner div:nth-child(1) {\r\n transform: rotate(0deg);\r\n animation-delay: -1.1s;\r\n }\r\n .lds-spinner div:nth-child(2) {\r\n transform: rotate(30deg);\r\n animation-delay: -1s;\r\n }\r\n .lds-spinner div:nth-child(3) {\r\n transform: rotate(60deg);\r\n animation-delay: -0.9s;\r\n }\r\n .lds-spinner div:nth-child(4) {\r\n transform: rotate(90deg);\r\n animation-delay: -0.8s;\r\n }\r\n .lds-spinner div:nth-child(5) {\r\n transform: rotate(120deg);\r\n animation-delay: -0.7s;\r\n }\r\n .lds-spinner div:nth-child(6) {\r\n transform: rotate(150deg);\r\n animation-delay: -0.6s;\r\n }\r\n .lds-spinner div:nth-child(7) {\r\n transform: rotate(180deg);\r\n animation-delay: -0.5s;\r\n }\r\n .lds-spinner div:nth-child(8) {\r\n transform: rotate(210deg);\r\n animation-delay: -0.4s;\r\n }\r\n .lds-spinner div:nth-child(9) {\r\n transform: rotate(240deg);\r\n animation-delay: -0.3s;\r\n }\r\n .lds-spinner div:nth-child(10) {\r\n transform: rotate(270deg);\r\n animation-delay: -0.2s;\r\n }\r\n .lds-spinner div:nth-child(11) {\r\n transform: rotate(300deg);\r\n animation-delay: -0.1s;\r\n }\r\n .lds-spinner div:nth-child(12) {\r\n transform: rotate(330deg);\r\n animation-delay: 0s;\r\n }\r\n @keyframes lds-spinner {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n }\r\n }\r\n `,\r\n ],\r\n})\r\nexport class AutoLoginComponent implements OnInit {\r\n constructor(private oidcSecurityService: OidcSecurityService) {}\r\n\r\n ngOnInit(): void {\r\n setTimeout(() => {\r\n this.oidcSecurityService.authorize();\r\n }, 500);\r\n }\r\n}\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-card-header',\r\n templateUrl: './card-header.component.html',\r\n styleUrls: ['./card-header.component.scss']\r\n})\r\nexport class CardHeaderComponent implements OnInit {\r\n @Input() title: string | undefined;\r\n @Input() subtitle: string | undefined;\r\n @Input() showHelp = false;\r\n @Input() helpText: string | undefined;\r\n @Input() showLogo = true;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\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 ![\"icon\"/](\"https://hsccdn.blob.core.windows.net/devcdn/stars.png\")
{{ title ? title : '' }}
\r\n\r\n{{ title ? title : '' }}{{ subtitle }}
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { ConfirmDialogData } from '@shared/models/confirm-dialog-data';\r\n\r\n@Component({\r\n selector: 'app-confirmation-dialog',\r\n templateUrl: './confirmation-dialog.component.html',\r\n styleUrls: ['./confirmation-dialog.component.css']\r\n})\r\nexport class ConfirmationDialogComponent implements OnInit {\r\n\r\n constructor(\r\n private dialogRef: MatDialogRef{{ data.title }}
\r\n\r\n\r\n ![\"logo\"](\"https://hsccdn.blob.core.windows.net/devcdn/logo-stars-reversed.png\")
IRB\r\n
\r\n \r\n IRB\r\n \r\n
\r\n \r\n
\r\n System Error
\r\nThere was an error logging you into the system or you do not have permission to view the page.
\r\n