\r\n
\r\n\r\n\r\n","\r\nimport { Inject, Injectable } from '@angular/core';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\nexport namespace VisAVis\r\n{\r\n export let singleton: VisAVisService;\r\n}\r\n\r\nexport const singletonVisAVisFactory = (DOC:any) => {\r\n if ( !VisAVis.singleton ) {\r\n VisAVis.singleton = new VisAVisService( DOC );\r\n }\r\n return VisAVis.singleton;\r\n};\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class VisAVisService\r\n{\r\n private pageHidden = new 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 ![\"\"](\"https://iwitness.usc.edu/appdata/images/register-educator.jpg\")
\r\n
\r\n\r\n \r\n
\r\n Educator Registration
\r\n \r\n IWitness registration is open to formal and informal educators around the world (classroom teachers, librarians, administrators, after-school\r\n program educators, homeschoolers, museum professionals, etc.). If you are a STUDENT,\r\n Click Here.\r\n
\r\n \r\n \r\n ![\"\"](\"assets/images/register-educator-icon.svg\")
\r\n
\r\n\r\n REGISTRATION SUCCESSFUL
\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 Educator Registration
\r\n All fields required.
\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n {{item.Name | titlecase}} \r\n \r\n \r\n \r\n\r\n \r\n {{item.Name | titlecase}} \r\n \r\n \r\n {{item.InstitutionType | titlecase}} \r\n \r\n \r\n {{item.Role | titlecase}} \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 info \r\n
\r\n \r\n
\r\n\r\n \r\n Grade Level(s)\r\n
\r\n \r\n *
\r\n \r\n {{grade.Grade}} \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {{item.Subject | titlecase}} \r\n \r\n
\r\n\r\n \r\n \r\n {{item.RegistrationReference}} \r\n \r\n
\r\n \r\n
\r\n\r\n I agree to the the
\r\n Terms\r\n Of Use
\r\n \r\n
\r\n\r\n I have read the
\r\n \r\n Community Guidelines
\r\n \r\n ![](\"assets/working.gif\")
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n ![\"\"](\"assets/images/right-quote.svg\")
"Testimonies have taught me to be more empathetic and to put myself into other people's shoes."
\r\n \r\n `;\r\n safehtml: SafeHtml | undefined = undefined;\r\n\r\n passwordRules: string[] = [\r\n 'Passwords must be at least 7 characters.',\r\n 'Passwords must have at least one digit (0-9).',\r\n 'Passwords must have at least one uppercase (A-Z).',\r\n 'Passwords must have at least one lowercase (a-z).',\r\n ];\r\n\r\n groupkeycode = '';\r\n username = '';\r\n firstname = '';\r\n lastname = '';\r\n password = '';\r\n confirmpassword = '';\r\n agreedtoterms = false;\r\n readtheguidelines = false;\r\n\r\n confirmwarning = '';\r\n validated = false;\r\n working = false;\r\n message = '';\r\n successfullyRegistered = false;\r\n\r\n constructor(\r\n private api: API,\r\n private dialog: MatDialog,\r\n private eventbus: EventBus,\r\n private domSanitizer: DomSanitizer,\r\n private changeDetectorRef: ChangeDetectorRef,\r\n private router: Router\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.safehtml = this.domSanitizer.bypassSecurityTrustHtml(this.html);\r\n }\r\n\r\n _groupkeycode(fs: FielderState) {\r\n this.groupkeycode = fs.field ? fs.field.trim() : '';\r\n this.validate();\r\n }\r\n\r\n _username(fs: FielderState) {\r\n this.username = fs.field ? fs.field.trim() : '';\r\n this.validate();\r\n }\r\n\r\n _firstname(fs: FielderState) {\r\n this.firstname = fs.field ? fs.field.trim() : '';\r\n this.validate();\r\n }\r\n\r\n _lastname(fs: FielderState) {\r\n this.lastname = fs.field ? fs.field.trim() : '';\r\n this.validate();\r\n }\r\n\r\n _password(fs: FielderState) {\r\n this.password = fs.field ? fs.field.trim() : '';\r\n this.confirmwarning = '';\r\n this.validate();\r\n }\r\n\r\n _confirmpassword(fs: FielderState) {\r\n this.confirmpassword = fs.field ? fs.field.trim() : '';\r\n this.confirmwarning = '';\r\n this.validate();\r\n }\r\n\r\n _leaveconfirmpassword() {\r\n this.confirmwarning = this.password && this.confirmpassword && this.confirmpassword !== this.password ? 'Password does not match.' : '';\r\n }\r\n\r\n _agreedtoterms(b: boolean) {\r\n this.agreedtoterms = b;\r\n this.validate();\r\n }\r\n\r\n _readtheguidelines(b: boolean) {\r\n this.readtheguidelines = b;\r\n this.validate();\r\n }\r\n\r\n _termsofuse() {\r\n this.dialog.open(TermsOfUseDialogComponent, { data: {}, disableClose: false, hasBackdrop: true, panelClass: 'welcome', autoFocus: false });\r\n }\r\n\r\n _communityguidelines() {\r\n this.dialog.open(CommunityGuidelinesDialogComponent, {\r\n data: {},\r\n disableClose: false,\r\n hasBackdrop: true,\r\n panelClass: 'welcome',\r\n autoFocus: false,\r\n });\r\n }\r\n\r\n _submitform() {\r\n this.submit();\r\n }\r\n\r\n onSignIn() {\r\n this.eventbus.send({ action: 'signIn', path: 'home' } as AppEvent);\r\n }\r\n\r\n _cheat() {\r\n this.groupkeycode = 'af2211d2c6';\r\n this.username = 'baboon333';\r\n this.firstname = 'baboon333';\r\n this.lastname = 'ape';\r\n this.agreedtoterms = true;\r\n this.readtheguidelines = true;\r\n this.validate();\r\n }\r\n\r\n ngOnDestroy(): void {}\r\n\r\n private validate() {\r\n this.validated = false;\r\n\r\n if (\r\n this.groupkeycode &&\r\n this.isValidUsername(this.username) &&\r\n this.firstname &&\r\n this.lastname &&\r\n this.isValidPassword(this.password) &&\r\n this.password === this.confirmpassword &&\r\n this.agreedtoterms === true &&\r\n this.readtheguidelines === true\r\n ) {\r\n this.validated = true;\r\n }\r\n\r\n this.changeDetectorRef.detectChanges();\r\n }\r\n\r\n // TODO: regex ?\r\n private isValidUsername(u: string): boolean {\r\n return UTIL.isNOTBlank(u);\r\n }\r\n\r\n // TODO: regex ?\r\n private isValidPassword(p: string): boolean {\r\n return UTIL.isNOTBlank(p);\r\n }\r\n\r\n private submit() {\r\n const registration = {\r\n GroupKeycode: this.groupkeycode,\r\n Username: this.username,\r\n FirstName: this.firstname,\r\n LastName: this.lastname,\r\n Password: this.password,\r\n } as StudentRegistration;\r\n\r\n this.message = '';\r\n this._working(true);\r\n\r\n this.api.postRegisterStudent(registration).subscribe(\r\n () => {},\r\n (e: HttpErrorResponse) => this.failure(e),\r\n () => this.success()\r\n );\r\n }\r\n\r\n private success() {\r\n this.working = false;\r\n this.message = 'Registration successful.';\r\n this.changeDetectorRef.detectChanges();\r\n\r\n timer(250).subscribe(() => {\r\n this.successfullyRegistered = true;\r\n this.changeDetectorRef.detectChanges();\r\n });\r\n }\r\n\r\n private failure(e: HttpErrorResponse) {\r\n this.message = UTIL.unpackErrorMessage(e, 'Could not register. Please try again later.');\r\n this._working(false);\r\n }\r\n\r\n private _working(w: boolean) {\r\n this.working = w;\r\n this.changeDetectorRef.detectChanges();\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 ![\"\"](\"https://iwitness.usc.edu/appdata/images/register-student.jpg\")
\r\n \r\n
\r\n\r\n \r\n \r\n ![\"\"](\"assets/images/register-student-icon.svg\")
\r\n
\r\n\r\n REGISTRATION SUCCESSFUL
\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 Student Registration
\r\n All fields required.
\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 info \r\n
\r\n \r\n
\r\n \r\n info \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 I agree to the the
\r\n Terms\r\n Of Use
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n I have read the
\r\n \r\n Community Guidelines
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n "Testimony has changed the way I look at people. Now I look at people with many stories, not just one . . . and hopefully also help others realize that there's more than one story to everyone."
\r\n \r\n `;\r\n safehtml: SafeHtml|undefined = undefined;\r\n\r\n selected: string|undefined = undefined;\r\n @ViewChild('container') formelement: ElementRef;\r\n\r\n constructor(\r\n private router:Router,\r\n private eventbus:EventBus,\r\n private domSanitizer:DomSanitizer ) {}\r\n\r\n ngOnInit(): void {\r\n this.safehtml = this.domSanitizer.bypassSecurityTrustHtml( this.html );\r\n }\r\n\r\n ngAfterViewInit():void\r\n {\r\n this.formelement.nativeElement.scrollIntoView(); \r\n }\r\n\r\n onSignIn() { this.eventbus.send( { action: 'signIn' } as AppEvent ); }\r\n\r\n _educator() {\r\n this.router.navigate( [ `/register/educator` ] );\r\n }\r\n\r\n _student() {\r\n this.router.navigate( [ `/register/student` ] );\r\n }\r\n\r\n _next() {\r\n if ( !this.selected ) { return; }\r\n const destination = (this.selected === 'e') ? 'educator' : 'student';\r\n this.router.navigate( [ `/register/${destination}` ] );\r\n }\r\n\r\n ngOnDestroy(): 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 \r\n ![\"\"](\"https://iwitness.usc.edu/appdata/images/register.jpg\")
\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 Who can join?
\r\n \r\n Already registered? Sign in here!
\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 Educator
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Student
\r\n \r\n
\r\n\r\n \r\n \r\n ![\"\"](\"assets/svg/iw.svg\")
\r\n
\r\n \r\n \r\n \r\n ![\"\"](\"assets/svg/vha.svg\")
\r\n
\r\n \r\n Register for one and use your sign in credentials on all of our sites.
\r\n\r\n \r\n \r\n\r\n
\r\n","import {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { CMSTypes } from '@vhap/cms/data-access';\r\nimport { UTIL } from '@vhap/vutils';\r\nimport { Subscription, timer } from 'rxjs';\r\nimport { ACTIVITYTYPE } from '../../IWitness';\r\nimport { Activity } from '../../model/activity';\r\n\r\n@Component({\r\n selector: 'app-activities-landing-featured-view',\r\n templateUrl: './activities-landing-featured-view.component.html',\r\n styleUrls: ['./activities-landing-featured-view.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ActivitiesLandingFeaturedViewComponent implements OnInit, OnChanges, OnDestroy {\r\n @Input() featuredActivities: CMSTypes.FeaturedActivities | undefined = undefined;\r\n @Input() activities: Activity[] = [];\r\n @Input() isValidRegisteredUser = false;\r\n\r\n @Output() toggleFavorite = new EventEmitter\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 { CollectionViewer } from '@angular/cdk/collections';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n NgZone,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n} from '@angular/core';\r\nimport { MediaChange, MediaObserver } from '@angular/flex-layout';\r\nimport { FetchableRowDataSource, Row } from '@vhap/vavs';\r\nimport { BehaviorSubject, Observable, of, Subscription } from 'rxjs';\r\nimport { mergeMap } from 'rxjs/operators';\r\nimport { Activity } from '../../model/activity';\r\n\r\n@Component({\r\n selector: 'app-activities-landing-idiom-view',\r\n templateUrl: './activities-landing-idiom-view.component.html',\r\n styleUrls: ['./activities-landing-idiom-view.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ActivitiesLandingIdiomViewComponent extends FetchableRowDataSource\r\n ![](\"{{imageURL}}\")
\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, ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, NgZone, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { MatTabGroup } from '@angular/material/tabs';\r\nimport { ActivatedRoute, Params, Router } from '@angular/router';\r\nimport { RouterReducerState } from '@ngrx/router-store';\r\nimport { select, Store } from '@ngrx/store';\r\nimport { CMS, CMSTypes } from '@vhap/cms/data-access';\r\nimport { WINDOW } from '@vhap/providers';\r\nimport { UTIL } from '@vhap/vutils';\r\nimport { combineLatest, Observable, of, Subject, Subscription, timer, zip } from 'rxjs';\r\nimport { distinctUntilChanged, filter, map, mergeMap, skip, take, tap } from 'rxjs/operators';\r\nimport { API } from '../../api.service';\r\nimport {\r\n ActivitySearchQuery,\r\n ActivityTypeFilter,\r\n AuthorNameFilter,\r\n GradeFiltersFilter,\r\n LanguageFilter,\r\n SubjectFilter,\r\n} from '../../api/GetActivitySearchResults';\r\nimport { fadeInAnimation, slideInLeftAnimation, slideInRightAnimation } from '../../app.animation';\r\nimport { AppEvent, EventBus } from '../../event-bus.service';\r\nimport { ACTIVITYTYPE, ROLETYPE } from '../../IWitness';\r\nimport { Activity } from '../../model/activity';\r\nimport { AutoSuggest } from '../../model/auto-suggest';\r\nimport { User } from '../../model/user';\r\nimport { StatusService } from '../../status.service';\r\nimport * as fromActivitiesQueryStore from '../../store/activities/activities-query.store';\r\nimport * as fromActivitiesSearchStore from '../../store/activities/activities-search.store';\r\nimport * as fromFavoritesStore from '../../store/favorites.store';\r\nimport * as fromRouterStore from '../../store/router.reducer';\r\nimport { RouterStateData } from '../../store/router.reducer';\r\nimport * as fromUserStore from '../../store/user-store';\r\nimport { PopOutDirective } from '../../ucd/popout/popout';\r\nimport { Scroll2Top } from '../../ucd/scroll-top.decorator';\r\nimport { ActivityReference, OverviewIncomingState } from '../overview/activities-overview.component';\r\nimport { Filters, SearchActivitiesFiltersComponent } from '../search-activities/search-activities-filters.component';\r\nimport { SearchActivitiesResultsComponent } from '../search-activities/search-activities-results.component';\r\nimport { activityTypeFilterFromFilterParam, filterParamFromString } from './filter-param';\r\n\r\nclass Idiom {\r\n constructor(public readonly name: string, public label: string, public count: number) {}\r\n}\r\n\r\n@Component({\r\n templateUrl: './activities-landing.component.html',\r\n styleUrls: ['./activities-landing.component.scss'],\r\n animations: [slideInLeftAnimation, slideInRightAnimation, fadeInAnimation],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\n@Scroll2Top()\r\nexport class ActivitiesLandingComponent implements OnInit, AfterViewInit, OnDestroy {\r\n @ViewChild('registerpopout1div', { static: false, read: PopOutDirective }) registerpopout1div: PopOutDirective | undefined = undefined;\r\n @ViewChild('mattabgroup', { static: false }) mattabgroup: MatTabGroup | undefined = undefined;\r\n @ViewChild('appsearchactivitiesalling', { static: false }) appsearchactivitiesalling: SearchActivitiesResultsComponent | undefined = undefined;\r\n @ViewChild('appsearchactivitiessearching', { static: false }) appsearchactivitiessearching:\r\n | SearchActivitiesResultsComponent\r\n | undefined = undefined;\r\n @ViewChild('appsearchactivitiesfilters', { static: false }) appsearchactivitiesfilters?: SearchActivitiesFiltersComponent;\r\n\r\n isValidRegisteredUser = false;\r\n isValidRegisteredEducator = false;\r\n isValidRegisteredStudent = false;\r\n userStatusMessage = '';\r\n idioms: Idiom[] = [];\r\n idiom = 'fea';\r\n search = '';\r\n searching = false;\r\n alling = false;\r\n filtersenabled = false;\r\n sort = 1;\r\n selectedIndex = -1;\r\n activities: Activity[] = []; // for active idiom\r\n featuredActivities: CMSTypes.FeaturedActivities | undefined = undefined;\r\n\r\n private readonly queryparamsfilterparam$ = this.route.queryParams.pipe(\r\n map((qp: Params) => qp['filter_param']),\r\n filter((filter_param: string) => (filter_param ? true : false)),\r\n distinctUntilChanged()\r\n );\r\n\r\n private readonly afterviewinitsubject = new 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 \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Explore this sample list of activities that represent a wide range of tools and teaching methods.
\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 {{suggestion._object.Title}}
\r\n \r\n
\r\n {{_activityTypeName(suggestion._object.ActivityType)}}
\r\n \r\n \r\n
\r\nRegistration Required
\r\n \r\n In order to create a new activity, you'll need to sign in or register to become an IWitness user.
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n{{userStatusMessage | uppercase}}
\r\n \r\n ![\"\"]()
\r\n ![\"\"]()
\r\n\r\n \r\n\r\n
\r\n","import { ActivityTypeFilter } from '../../api/GetActivitySearchResults';\r\n\r\n/*\r\n * /api/Enum/GetActivityTypes\r\n */\r\nexport enum ActivityTypes {\r\n 'Video Activity' = 1,\r\n 'Info Quest' = 2,\r\n 'Mini Quest' = 3,\r\n 'Lesson' = 4,\r\n 'IWalk Activity' = 5,\r\n 'GeoStory Activity' = 6,\r\n 'Dimensions in Testimony' = 7,\r\n}\r\n\r\n/**\r\n * FilterParam\r\n */\r\nexport interface FilterParam {\r\n filter?: string;\r\n name?: string;\r\n}\r\n\r\n/**\r\n * filterParamFromString\r\n * @param filter_param\r\n * @returns\r\n */\r\nexport function filterParamFromString(filter_param?: string): FilterParam | undefined {\r\n let filterParam: FilterParam | undefined = undefined;\r\n\r\n try {\r\n filterParam = {\r\n filter: filter_param?.split('|')?.[0] ?? undefined,\r\n name: filter_param?.split('|')?.[1] ?? undefined,\r\n } as FilterParam;\r\n } catch (x) {\r\n console.error(x);\r\n }\r\n\r\n return filterParam;\r\n}\r\n\r\n/**\r\n * activityTypeFilterFromFilterParam\r\n * @param filterParam\r\n * @returns\r\n */\r\nexport function activityTypeFilterFromFilterParam(filterParam?: FilterParam): ActivityTypeFilter | undefined {\r\n let filter: ActivityTypeFilter | undefined = undefined;\r\n\r\n let activityType: ActivityTypes | undefined = undefined;\r\n\r\n switch (filterParam?.name?.toLowerCase()) {\r\n case 'video':\r\n activityType = ActivityTypes['Video Activity'];\r\n break;\r\n case 'infoquest':\r\n activityType = ActivityTypes['Info Quest'];\r\n break;\r\n case 'miniquest':\r\n activityType = ActivityTypes['Mini Quest'];\r\n break;\r\n case 'lesson':\r\n activityType = ActivityTypes.Lesson;\r\n break;\r\n case 'iwalk':\r\n activityType = ActivityTypes['IWalk Activity'];\r\n break;\r\n case 'geostory':\r\n activityType = ActivityTypes['GeoStory Activity'];\r\n break;\r\n }\r\n\r\n if (activityType) {\r\n filter = {\r\n ActivityType: activityType,\r\n ActivityTypeLabel: ActivityTypes[activityType],\r\n Count: 0,\r\n } as ActivityTypeFilter;\r\n }\r\n\r\n return filter;\r\n}\r\n","import { HttpErrorResponse } from '@angular/common/http';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, OnDestroy, OnInit } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { MatDatepickerInputEvent } from '@angular/material/datepicker';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { UTIL } from '@vhap/vutils';\r\nimport { Subscription } from 'rxjs';\r\nimport { API } from '../../api.service';\r\nimport { listAnimation } from '../../app.animation';\r\nimport { AppEvent, EventBus } from '../../event-bus.service';\r\nimport { GROUPMEMBERPRIVELEGE } from '../../IWitness';\r\nimport { ActivityAssignment } from '../../model/activity-assignment';\r\nimport { ActivityExtendedInfo } from '../../model/activity-extended-info';\r\nimport { Group } from '../../model/group';\r\nimport { User } from '../../model/user';\r\n\r\ninterface SelectableGroup extends Group {\r\n selected: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'app-assign-dialog', // tslint:disable-line\r\n templateUrl: './assign-dialog.component.html',\r\n styleUrls: ['./assign-dialog.component.scss'],\r\n animations: [listAnimation],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AssignDialogComponent implements OnInit, OnDestroy {\r\n thumb = '';\r\n name = '';\r\n groups: SelectableGroup[] = [];\r\n date = new FormControl(this.getNextDay());\r\n addmsg = false;\r\n msg = '';\r\n\r\n validated = false;\r\n working = false;\r\n message = '';\r\n\r\n private axinfo: ActivityExtendedInfo | undefined = undefined;\r\n private user: User | undefined = undefined;\r\n private subscription = new Subscription();\r\n private duedate = '';\r\n\r\n constructor(\r\n private api: API,\r\n private eventbus: EventBus,\r\n private changeDetectorRef: ChangeDetectorRef,\r\n private dialog: MatDialogRef{{activity.Title}}
\r\n {{activity.ShortDesc}}
\r\n Activity: {{activity.ActivityTypeName}}
\r\n\r\n \r\n
\r\n\r\n Grades
\r\n Time
\r\n \r\n
\r\n\r\n{{activity.GradeDisplay}}
\r\n {{activity.EstHour}} Hours
\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 { HttpErrorResponse } from '@angular/common/http';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, OnDestroy, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { Router } from '@angular/router';\r\nimport { FielderState } from '@vhap/vtype';\r\nimport { UTIL } from '@vhap/vutils';\r\nimport { API } from '../../api.service';\r\nimport { AppEvent, EventBus } from '../../event-bus.service';\r\nimport { ActivityExtendedInfo } from '../../model/activity-extended-info';\r\nimport { Group } from '../../model/group';\r\n\r\ninterface SelectableGroup extends Group {\r\n selected: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'app-copy-dialog', // tslint:disable-line\r\n templateUrl: './copy-dialog.component.html',\r\n styleUrls: ['./copy-dialog.component.scss'],\r\n animations: [],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CopyDialogComponent implements OnInit, OnDestroy {\r\n thumb = '';\r\n name = '';\r\n\r\n passwordprotected = false;\r\n password = '';\r\n\r\n validated = false;\r\n working = false;\r\n message = '';\r\n\r\n private axinfo: ActivityExtendedInfo | undefined = undefined;\r\n\r\n constructor(\r\n private api: API,\r\n private eventbus: EventBus,\r\n private changeDetectorRef: ChangeDetectorRef,\r\n private dialog: MatDialogRef\r\n \r\n
\r\n\r\n \r\n\r\n Assign Activity
\r\n \r\n close \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n\r\n \r\n\r\n {{name}}
\r\n ASSIGN TO:
\r\n \r\n\r\n \r\n\r\n DUE DATE:
\r\n {{addmsg ? 'X' : 'Add a message'}}
\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\nimport { ChangeDetectionStrategy,ChangeDetectorRef,Component,Inject,OnDestroy,OnInit } from '@angular/core';\r\nimport { MAT_DIALOG_DATA,MatDialogRef } from '@angular/material/dialog';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\nimport { API } from '../../api.service';\r\n\r\n@Component({\r\n selector: 'app-delete-activity-dialog', // tslint:disable-line\r\n templateUrl: './delete-activity-dialog.component.html',\r\n styleUrls: ['./delete-activity-dialog.component.scss'],\r\n animations: [],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DeleteActivityDialogComponent implements OnInit,OnDestroy\r\n{\r\n working = false;\r\n message = '';\r\n\r\n private ActivityID = 0;\r\n\r\n constructor(\r\n private api: API,\r\n private changeDetectorRef:ChangeDetectorRef,\r\n private dialog: MatDialogRef\r\n \r\n
\r\n\r\n \r\n\r\n Copy Activity
\r\n \r\n close \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n\r\n \r\n\r\n {{name}}
\r\n \r\n
\r\n\r\n By copying, you will be able to edit this activity and personalize the content. The copy will appear under 'My Built Activities'.
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n The activity is password protected. Input the password to copy the activity.
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n","import { HttpErrorResponse } from '@angular/common/http';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, OnDestroy, OnInit } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { MatDatepickerInputEvent } from '@angular/material/datepicker';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { UTIL } from '@vhap/vutils';\r\nimport { Subscription } from 'rxjs';\r\nimport { API } from '../../api.service';\r\nimport { listAnimation } from '../../app.animation';\r\nimport { AppEvent, EventBus } from '../../event-bus.service';\r\nimport { GROUPMEMBERPRIVELEGE } from '../../IWitness';\r\nimport { ActivityAssignment, AssignedToAssignment } from '../../model/activity-assignment';\r\nimport { ActivityExtendedInfo } from '../../model/activity-extended-info';\r\nimport { Group } from '../../model/group';\r\nimport { User } from '../../model/user';\r\n\r\ninterface SelectableGroup extends Group {\r\n selected: boolean;\r\n}\r\n\r\ninterface AssignedGroup {\r\n GroupID: string;\r\n GroupName: string;\r\n ImageURL: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-edit-assign-dialog', // tslint:disable-line\r\n templateUrl: './edit-assign-dialog.component.html',\r\n styleUrls: ['./edit-assign-dialog.component.scss'],\r\n animations: [listAnimation],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class EditAssignDialogComponent implements OnInit, OnDestroy {\r\n thumb = '';\r\n name = '';\r\n groups: SelectableGroup[] = [];\r\n dateNextDay: Date = new Date();\r\n date = new FormControl(this.getNextDay());\r\n cancelassignment = false;\r\n addmsg = false;\r\n msg = '';\r\n\r\n validated = false;\r\n working = false;\r\n message = '';\r\n\r\n private axinfo: ActivityExtendedInfo | undefined = undefined;\r\n private user: User | undefined = undefined;\r\n private assignment: AssignedToAssignment | undefined = undefined;\r\n private subscription = new Subscription();\r\n private duedate = '';\r\n\r\n constructor(\r\n private api: API,\r\n private eventbus: EventBus,\r\n private changeDetectorRef: ChangeDetectorRef,\r\n private dialog: MatDialogRef\r\n \r\n
\r\n\r\n \r\n\r\n Delete Activity
\r\n \r\n close \r\n
\r\n Are you sure you want to delete this activity ? (this can not be un-done)
\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","import { COMMA, ENTER } from '@angular/cdk/keycodes';\r\nimport {\r\n AfterViewInit,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n Inject,\r\n OnDestroy,\r\n OnInit,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { FormControl, Validators } from '@angular/forms';\r\nimport { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\r\nimport { MatChip, MatChipInputEvent, MatChipList } from '@angular/material/chips';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { FielderState } from '@vhap/vtype';\r\nimport { UTIL } from '@vhap/vutils';\r\nimport { fromEvent, Observable, Subject, Subscription, timer } from 'rxjs';\r\nimport { debounceTime, distinctUntilChanged, map } from 'rxjs/operators';\r\nimport { API } from '../../api.service';\r\nimport { ConnectedUser } from '../../api/GetConnectedUsers';\r\nimport { StudentGroupsSuggestResults } from '../../api/GetStudentGroupSuggestResults';\r\nimport { AppEvent, EventBus } from '../../event-bus.service';\r\nimport { Educator } from '../../model/educator';\r\nimport { Group } from '../../model/group';\r\nimport { Student } from '../../model/student';\r\nimport { User } from '../../model/user';\r\n\r\ninterface GroupSuggest {\r\n GroupID: string;\r\n Name: string;\r\n ImageURL: string;\r\n StudentCount: number;\r\n ManagerCount: number;\r\n}\r\n\r\ninterface UserSuggest {\r\n UserID: number;\r\n Name: string;\r\n RoleID: number;\r\n ImageURL: string;\r\n}\r\n\r\ninterface Recipient {\r\n type: string;\r\n id: string;\r\n group?: GroupSuggest;\r\n user?: UserSuggest;\r\n email?: string;\r\n}\r\n\r\ninterface FilteredGroup {\r\n name: string;\r\n suggestions: UserSuggest[] | GroupSuggest[];\r\n}\r\n\r\n@Component({\r\n selector: 'app-message-group-dialog',\r\n templateUrl: './message-group-dialog.component.html',\r\n styleUrls: ['./message-group-dialog.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class MessageGroupDialogComponent implements OnInit, AfterViewInit, OnDestroy {\r\n @ViewChild('recipientInput', { static: false }) recipientInput: ElementRef | undefined = undefined;\r\n @ViewChild('recipientChiplist', { static: false }) recipientChiplist: MatChipList | undefined = undefined;\r\n @ViewChild('auto', { static: false }) matAutocomplete: MatAutocomplete | undefined = undefined;\r\n\r\n readonly separatorKeysCodes: number[] = [ENTER, COMMA];\r\n\r\n recipients: Recipient[] = [];\r\n totalRecipients = 0;\r\n subject = '';\r\n emailbody = '';\r\n selectable = true;\r\n removable = true;\r\n canaddchips = false;\r\n addmessage = true;\r\n\r\n validated = false;\r\n working = false;\r\n message = '';\r\n\r\n private readonly grouped = new Subject\r\n \r\n
\r\n\r\n \r\n\r\n Edit Assigned Activity
\r\n \r\n close \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n\r\n \r\n\r\n {{name}}
\r\n ASSIGN TO:
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n ![\"\"]()
\r\n
\r\n {{group.GroupName}}
\r\n \r\n DUE DATE:
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n Cancel Assignment\r\n
\r\n {{addmsg ? 'X' : 'Add a message'}}
\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\nEnter your message
\r\n \r\n *
\r\n Add a subject
\r\n \r\n
\r\nTO:
\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 cancel \r\n
\r\n \r\n error \r\n
\r\n \r\n {{_nameFor(recipient)}}
\r\n \r\n \r\n ![\"\"]()
\r\n
\r\n {{suggestion.Name}}
\r\n \r\n \r\n \r\n
\r\n","import { CollectionViewer } from '@angular/cdk/collections';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MediaObserver } from '@angular/flex-layout';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ForwardingService } from '@vhap/services';\r\nimport { AVSSpanComponent, FetchableDataSource } from '@vhap/vavs';\r\nimport { BehaviorSubject, Observable, Subscription, timer } from 'rxjs';\r\nimport { EventBus } from '../../event-bus.service';\r\nimport { ActivityAssignment, AssignedByAssignment, AssignedToAssignment } from '../../model/activity-assignment';\r\nimport { ActivityExtendedInfo } from '../../model/activity-extended-info';\r\nimport { Educator } from '../../model/educator';\r\nimport { User } from '../../model/user';\r\nimport { EditAssignDialogComponent } from '../modal/edit-assign-dialog.component';\r\nimport { MessageGroupDialogComponent } from '../modal/message-group-dialog.component';\r\n\r\n@Component({\r\n selector: `app-activities-assignments`,\r\n templateUrl: './activities-assignments.component.html',\r\n styleUrls: ['./activities-assignments.component.scss'],\r\n animations: [],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ActivitiesAssignmentsComponent extends FetchableDataSource\r\n \r\n
\r\n\r\n \r\n\r\n Share Activity Source
\r\n \r\n close \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n\r\n \r\n\r\n {{name}}
\r\n \r\n By enabling the share function, educators you have invited to view this activity as a manager can make a copy of your activity into their own\r\n account. They will be able to edit the activity and personalize the content as they see fit.\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n\r\n Share this activity
\r\n \r\n
\r\n\r\n \r\n\r\n Password Protect this activity
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n Any educator you have invited to an IWitness group will need to input this password to be able to make a copy of your activity.\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
","import { DOCUMENT } from '@angular/common';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n EventEmitter,\r\n Inject,\r\n Input,\r\n NgZone,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n} from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { Router } from '@angular/router';\r\nimport { WINDOW } from '@vhap/providers';\r\nimport { UTIL } from '@vhap/vutils';\r\nimport { Observable, of, Subject, Subscription, timer } from 'rxjs';\r\nimport { debounceTime, switchMap } from 'rxjs/operators';\r\nimport { environment } from '../../../environments/environment';\r\nimport { API } from '../../api.service';\r\nimport { slideInLeftAnimation, slideInRightAnimation } from '../../app.animation';\r\nimport { AppEvent, EventBus } from '../../event-bus.service';\r\nimport { ACTIVITYSTATUS, ACTIVITYTYPE, ROLETYPE } from '../../IWitness';\r\nimport { Activity } from '../../model/activity';\r\nimport { ActivityAssignment } from '../../model/activity-assignment';\r\nimport { ActivityExtendedInfo } from '../../model/activity-extended-info';\r\nimport { Language } from '../../model/language';\r\nimport { User } from '../../model/user';\r\nimport { ShareLinkDialogComponent } from '../../shared/share-link-dialog/share-link-dialog.component';\r\nimport { StatusService } from '../../status.service';\r\nimport { AssignDialogComponent } from '../modal/assign-dialog.component';\r\nimport { CopyDialogComponent } from '../modal/copy-dialog.component';\r\nimport { DeleteActivityDialogComponent } from '../modal/delete-activity-dialog.component';\r\nimport { ShareSourceDialogComponent } from '../modal/share-source-dialog.component';\r\n\r\nclass Favorite {\r\n constructor(public readonly ActivityID: number, public readonly IsFavorited: boolean) {}\r\n}\r\n\r\n@Component({\r\n selector: `app-activities-overview-info`,\r\n templateUrl: './activities-overview-info.component.html',\r\n styleUrls: ['./activities-overview-info.component.scss'],\r\n animations: [slideInLeftAnimation, slideInRightAnimation],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ActivitiesOverviewInfoComponent implements OnInit, OnChanges, OnDestroy {\r\n @Input() axinfo: ActivityExtendedInfo | undefined = undefined;\r\n @Input() user: User | undefined | null = undefined;\r\n\r\n @Output() affected = new EventEmitter\r\n chevron_left \r\n\r\n chevron_right \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 {{activityTypeName}}
\r\n \r\n
\r\n\r\n \r\n translate \r\n \r\n
\r\n \r\n schedule \r\n \r\n
\r\n \r\n school \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 AUTHOR:
\r\n {{authorName}}
\r\n \r\n ![\"\"]()
\r\n
\r\n \r\n
\r\n\r\n SUBJECT AREA:
\r\n {{subject}}
\r\n \r\n
\r\n STANDARDS ADDRESSED:
\r\n {{standard}}
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n storage \r\n keyboard_arrow_down \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 \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 Outline
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Description
\r\n \r\n \r\n
\r\n View Outline
\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 arrow_back \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
","import { Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';\r\nimport { environment } from '../../../../environments/environment';\r\nimport { Asset } from '../../../model/activity-extended-info';\r\n\r\nenum Icon {\r\n Video = 'mp4',\r\n Image = 'image',\r\n Pdf = 'pdf',\r\n Excel = 'excel',\r\n Word = 'word',\r\n}\r\n\r\n@Component({\r\n selector: `app-asset-card`,\r\n templateUrl: './asset-card.component.html',\r\n styleUrls: ['./asset-card.component.scss'],\r\n})\r\nexport class AssetCardComponent implements OnInit, OnChanges, OnDestroy {\r\n @Input() asset: Asset | undefined = undefined;\r\n\r\n name = '';\r\n href = '';\r\n iconImageURL: string | undefined = '';\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {}\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n for (const change in changes) {\r\n if (change === 'asset') {\r\n this.refresh();\r\n }\r\n }\r\n }\r\n\r\n ngOnDestroy(): void {}\r\n\r\n private refresh() {\r\n this.name = '';\r\n this.href = '';\r\n\r\n const a = this.asset as any;\r\n switch (a ? a.type : '') {\r\n case 'Resource':\r\n const fileExt = a.FileURL.split('.').pop();\r\n this.name = a.FileName;\r\n // if the filename does not have an extension, take it from the url.\r\n const downloadFileName = a.FileName.indexOf('.') < 0 ? `${a.FileName}.${fileExt}` : a.FileName;\r\n this.href = `${environment.APIURL}/api/File/Download?url=${a.FileURL}&fileName=${encodeURIComponent(downloadFileName)}`;\r\n this.iconImageURL = this.getIconImageURL(fileExt);\r\n break;\r\n case 'KalturaAsset':\r\n this.name = a.Title;\r\n this.href = `${environment.APIURL}/api/Kaltura/DownloadKalturaClip?entryID=${a.EntryID}`;\r\n this.iconImageURL = this.getIconImageURL(a.FileType);\r\n break;\r\n }\r\n }\r\n\r\n private getIconImageURL(type: string): string {\r\n let retVal = 'file';\r\n switch (type.toLowerCase()) {\r\n case 'pdf':\r\n retVal = Icon.Pdf;\r\n break;\r\n case 'xls':\r\n case 'xlsx':\r\n retVal = Icon.Excel;\r\n break;\r\n case 'doc':\r\n case 'docx':\r\n retVal = Icon.Word;\r\n break;\r\n case 'png':\r\n case 'gif':\r\n case 'jpg':\r\n case 'jpeg':\r\n case 'image':\r\n retVal = Icon.Image;\r\n break;\r\n case 'mp4':\r\n case 'm4p':\r\n case 'mov':\r\n case 'm4v':\r\n case 'video':\r\n retVal = Icon.Video;\r\n break;\r\n }\r\n return `assets/images/icon-${retVal}.png`;\r\n }\r\n}\r\n","\r\n
\r\n\r\n ACTIVITY RESOURCES:
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n chevron_left \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n chevron_right \r\n
\r\n \r\n \r\n
\r\n","\r\nimport { Component,Input,OnChanges,OnDestroy,OnInit,Output,SimpleChanges,EventEmitter } from '@angular/core';\r\nimport { AssignedByAssignment,AssignedToAssignment } from '../../../model/activity-assignment';\r\n\r\n@Component({\r\n selector: `app-assignedby-card`,\r\n templateUrl: './assignedby-card.component.html',\r\n styleUrls: [ './assignedby-card.component.scss' ]\r\n})\r\nexport class AssignedByCardComponent implements OnInit,OnChanges,OnDestroy\r\n{\r\n @Input() assignment:AssignedByAssignment|undefined = undefined;\r\n\r\n @Output() messageEducator = new EventEmitter\r\n
\r\n","\r\nimport { Component,Input,OnChanges,OnDestroy,OnInit,Output,SimpleChanges,EventEmitter } from '@angular/core';\r\nimport { AssignedToAssignment } from '../../../model/activity-assignment';\r\n\r\ninterface AssignedGroup {\r\n GroupID: string;\r\n GroupName: string;\r\n ImageURL: string;\r\n}\r\n\r\n@Component({\r\n selector: `app-assignedto-card`,\r\n templateUrl: './assignedto-card.component.html',\r\n styleUrls: [ './assignedto-card.component.scss' ]\r\n})\r\nexport class AssignedToCardComponent implements OnInit,OnChanges,OnDestroy\r\n{\r\n @Input() assignment:AssignedToAssignment|undefined = undefined;\r\n\r\n @Output() editAssignment = new EventEmitter\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n calendar_today \r\n DUE: {{duedate | date:'mediumDate'}}\r\n
\r\n \r\n Assigned by:
\r\n\r\n \r\n ![\"\"]()
\r\n
\r\n\r\n {{name}}
\r\n \r\n \r\n \r\n
\r\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { select, Store } from '@ngrx/store';\r\nimport { Subscription } from 'rxjs';\r\nimport { take } from 'rxjs/operators';\r\nimport { API } from '../../../api.service';\r\nimport { Section, Step, UserActivityProgressDetail } from '../../../api/GetUserActivityProgressDetail';\r\nimport { AppEvent, EventBus } from '../../../event-bus.service';\r\nimport { ACTIVITYSTATUS, ACTIVITYTYPE } from '../../../IWitness';\r\nimport { User } from '../../../model/user';\r\nimport * as fromUserStore from '../../../store/user-store';\r\n\r\n@Component({\r\n selector: 'app-activities-outline',\r\n templateUrl: './activities-outline.component.html',\r\n styleUrls: ['./activities-outline.component.scss'],\r\n animations: [],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ActivitiesOutlineComponent implements OnInit, OnChanges, OnDestroy {\r\n @Input() ActivityID = 0;\r\n\r\n sections: Section[] = [];\r\n activtyStatus = ACTIVITYSTATUS.New;\r\n resumeStep: Step | undefined;\r\n activityType?: number;\r\n\r\n private readonly subscription = new Subscription();\r\n\r\n constructor(\r\n private api: API,\r\n private store: Store\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n calendar_today \r\n DUE: {{duedate | date:'mediumDate'}}\r\n
\r\n \r\n Assigned to:
\r\n\r\n \r\n
\r\n \r\n \r\n ![\"\"]()
\r\n
\r\n \r\n {{group.GroupName}}\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
","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { Activity } from '../../model/activity';\r\n\r\n@Component({\r\n selector: 'app-activity-card-lw',\r\n templateUrl: './activity-card-fw.component.html',\r\n styleUrls: ['./activity-card-fw.component.scss'],\r\n})\r\nexport class ActivityCardLWComponent {\r\n @Input() activity: Activity | undefined;\r\n\r\n @Output() favorited = new EventEmitter{{section.Section | uppercase}}
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {{step.Title}}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n check \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 {{step.Title}}\r\n
\r\n \r\n
\r\n","import {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { select, Store } from '@ngrx/store';\r\nimport { MultiSelectorComponent } from '@vhap/vcc';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport {\r\n ActivitySearchQuery,\r\n ActivityTypeFilter,\r\n AuthorNameFilter,\r\n GradeFiltersFilter,\r\n LanguageFilter,\r\n SubjectFilter,\r\n} from '../../api/GetActivitySearchResults';\r\nimport * as fromActivitiesFiltersStore from '../../store/activities/activities-filters.store';\r\nimport { ActivitiesFiltersState } from '../../store/activities/activities-filters.store';\r\nimport * as fromActivitiesQueryStore from '../../store/activities/activities-query.store';\r\n\r\nexport interface Filters {\r\n ActivityTypes: ActivityTypeFilter[];\r\n Languages: LanguageFilter[];\r\n AuthorNames: AuthorNameFilter[];\r\n Subjects: SubjectFilter[];\r\n GradeFilters: GradeFiltersFilter[];\r\n}\r\n\r\nfunction emptyFilters(): Filters {\r\n return {\r\n ActivityTypes: [],\r\n Languages: [],\r\n AuthorNames: [],\r\n Subjects: [],\r\n GradeFilters: [],\r\n } as Filters;\r\n}\r\n\r\n@Component({\r\n selector: 'app-search-activities-filters',\r\n templateUrl: './search-activities-filters.component.html',\r\n styleUrls: ['./search-activities-filters.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SearchActivitiesFiltersComponent implements OnInit, OnChanges, OnDestroy {\r\n @ViewChild('uccmultiselectoractivitytypes', { static: false })\r\n uccmultiselectoractivitytypes: MultiSelectorComponent\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\r\n
\r\n","import { CollectionViewer } from '@angular/cdk/collections';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n Input,\r\n NgZone,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MediaChange, MediaObserver } from '@angular/flex-layout';\r\nimport { select, Store } from '@ngrx/store';\r\nimport { AVSGridComponent, FetchableRowDataSource, Row } from '@vhap/vavs';\r\nimport { UTIL } from '@vhap/vutils';\r\nimport { Observable, of, Subject, Subscription } from 'rxjs';\r\nimport { mergeMap, skip, take } from 'rxjs/operators';\r\nimport { ActivitySearchQuery } from '../../api/GetActivitySearchResults';\r\nimport { AppEvent, EventBus } from '../../event-bus.service';\r\nimport { Activity } from '../../model/activity';\r\nimport { User } from '../../model/user';\r\nimport { StatusService } from '../../status.service';\r\nimport * as fromActivitiesQueryStore from '../../store/activities/activities-query.store';\r\nimport * as fromActivitiesSearchStore from '../../store/activities/activities-search.store';\r\nimport * as fromUserStore from '../../store/user-store';\r\n\r\nclass Fetch {\r\n constructor(readonly start: number, readonly count: number) {}\r\n}\r\n\r\n@Component({\r\n selector: 'app-search-activities-results',\r\n templateUrl: './search-activities-results.component.html',\r\n styleUrls: ['./search-activities-results.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SearchActivitiesResultsComponent extends FetchableRowDataSource{{filter.ActivityTypeLabel}}({{filter.Count}})
\r\n {{filter.LanguageLabel}}({{filter.Count}})
\r\n {{filter.Subject}}({{filter.Count}})
\r\n {{filter.AuthorName}}({{filter.Count}})
\r\n {{filter.FilterLabel}}({{filter.Count}})
\r\n \r\n
\r\n","\r\nimport { Component,ElementRef,OnDestroy,OnInit,ViewChild } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-activity',\r\n templateUrl: './activity.component.html',\r\n styleUrls: ['./activity.component.scss']\r\n})\r\nexport class ActivityComponent implements OnInit,OnDestroy\r\n{\r\n constructor() { }\r\n\r\n ngOnInit(): void {}\r\n ngOnDestroy(): 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 arrow_back {{leave}}\r\n
\r\n \r\n
\r\n SEARCHING...
\r\n \r\n {{sortmap.get(item)}}
\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 ACTIVITY\r\n
\r\n","\r\nimport { SearchEngineKey } from './model/searchenginekey';\r\nimport { Language } from './model/language';\r\nimport { Injectable } from '@angular/core';\r\n\r\n@Injectable()\r\nexport class ApiCacheService\r\n{\r\n private _languages: Language[] = [];\r\n private _themeLanguages: Language[] = [];\r\n private _searchEngineKeys: SearchEngineKey[] = [];\r\n\r\n constructor() {}\r\n\r\n get languages() { return this._languages; }\r\n set languages( languages:Language[] ) {\r\n this._languages = [];\r\n Object.assign( this._languages,languages );\r\n }\r\n\r\n get themeLanguages() { return this._themeLanguages; }\r\n set themeLanguages( languages:Language[] ) {\r\n this._themeLanguages = [];\r\n Object.assign( this._themeLanguages,languages );\r\n }\r\n\r\n get searchEngineKeys() { return this._searchEngineKeys; }\r\n set searchEngineKeys( searchEngineKeys:SearchEngineKey[] ) {\r\n this._searchEngineKeys = [];\r\n Object.assign( this._searchEngineKeys,searchEngineKeys );\r\n }\r\n}\r\n","import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponseBase } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { Store } from '@ngrx/store';\r\nimport { ClientService } from '@vhap/services';\r\nimport { Observable } from 'rxjs';\r\nimport { tap } from 'rxjs/operators';\r\nimport { environment } from '../environments/environment';\r\nimport { AppEvent, EventBus } from './event-bus.service';\r\nimport { Oops } from './model/oops';\r\nimport * as fromOopsStore from './store/oops-store';\r\n\r\ninterface ErrorObject {\r\n error?: string;\r\n error_description?: string;\r\n}\r\n\r\n/**\r\n * https://ryanchenkie.com/angular-authentication-using-the-http-client-and-http-interceptors\r\n */\r\n@Injectable()\r\nexport class APIInterceptor implements HttpInterceptor {\r\n constructor(private clientService: ClientService, private router: Router, private store: Store