\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\nimport { StateService, ParentService, StudentService, AuthService, InteractiveModuleService } from '../../../services';\r\n\r\nimport { StudentModel, ParentModel, Authenticate, InteractiveModuleModel, UserModel } from '../../../models';\r\n\r\n@Component({\r\n selector: 'page-interactive-module-enrol',\r\n templateUrl: './page-interactive-module-enrol.component.html',\r\n})\r\nexport class PageInteractiveModuleEnrolComponent implements OnInit {\r\n loading: boolean = true;\r\n children: StudentModel[] = [];\r\n schoolStudents: StudentModel[] = [];\r\n interactiveModule: InteractiveModuleModel;\r\n\r\n constructor(private activatedRoute: ActivatedRoute, private router: Router, public stateService: StateService, public parentService: ParentService, public studentService: StudentService, public authService: AuthService, public interactiveModuleService: InteractiveModuleService) {\r\n var me = this;\r\n let id = me.activatedRoute.snapshot.params.id;\r\n\r\n // Get the learning module to register for\r\n me.interactiveModuleService.FindByIdPublic(id).subscribe(data => {\r\n me.interactiveModule = data;\r\n me.loading = false;\r\n me.checkLoggedIn();\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n\r\n checkLoggedIn() {\r\n let me = this;\r\n me.authService.IsLoggedOn().subscribe(data => {\r\n // Already logged in so no need for this screen\r\n me.navigateFinalise();\r\n }, err => {\r\n // Do nothing here\r\n });\r\n }\r\n\r\n getCurrentUrl() {\r\n var me = this;\r\n return \"/interactive-modules/enrol/\" + me.interactiveModule.Id;\r\n }\r\n\r\n GetParentAndChildren() {\r\n var me = this;\r\n // Get the current parent and children (if logged on)\r\n me.parentService.FindMyStudents().subscribe(data => {\r\n me.children = data;\r\n });\r\n }\r\n\r\n loginCallback(userId) {\r\n var me = this;\r\n me.navigateFinalise();\r\n }\r\n registerCallback(event) {\r\n var me = this;\r\n\r\n // Need to log in the new user for the final step\r\n let parentId = event[0];\r\n let userName = event[1];\r\n let password = event[2];\r\n\r\n let authModel = new Authenticate();\r\n authModel.UserName = userName;\r\n authModel.Password = password;\r\n me.authService.Login(authModel).subscribe(data => {\r\n me.stateService.changeUserModel(data);\r\n me.navigateFinalise();\r\n });\r\n }\r\n navigateFinalise() {\r\n var me = this;\r\n me.router.navigate(['/interactive-modules/enrol/finalise', me.interactiveModule.Id]);\r\n }\r\n}\r\n","
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n Already a member?\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Not a member?\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 { Router, ActivatedRoute } from '@angular/router';\r\nimport { DatePipe } from '@angular/common';\r\n\r\nimport { StateService, ParentService, InteractiveModuleService, InteractiveModuleEnrolmentService, InteractiveModuleTemplateResourceService } from '../../../services';\r\n\r\nimport { InteractiveModuleModel, UserModel, InteractiveModuleEnrolmentModel, InteractiveModuleEnrolmentStudentModel, StudentModel, InteractiveModuleSessionModel, InteractiveModuleTemplateResourceModel } from '../../../models';\r\n\r\n@Component({\r\n selector: 'page-interactive-module-instance-component',\r\n templateUrl: './page-interactive-module-instance.component.html',\r\n styleUrls: ['./page-interactive-module-instance.component.scss']\r\n})\r\nexport class PageInteractiveInstanceComponent implements OnInit {\r\n instanceId: number;\r\n loading: boolean = true;\r\n entity: InteractiveModuleModel;\r\n currentUser: UserModel;\r\n enrolments: InteractiveModuleEnrolmentModel[] = [];\r\n enrolledStudents: InteractiveModuleEnrolmentStudentModel[] = [];\r\n isPresenter: boolean = false;\r\n isSupervisor: boolean = false;\r\n isParent: boolean = false;\r\n myEnrolments: InteractiveModuleEnrolmentModel[] = [];\r\n alreadyEnrolled: boolean = false;\r\n resources: InteractiveModuleTemplateResourceModel[] = [];\r\n\r\n groupedModule: any;\r\n allGroupedModules: any[];\r\n\r\n constructor(private router: Router, private datePipe: DatePipe, private activatedRoute: ActivatedRoute, public stateService: StateService, public parentService: ParentService, public interactiveModuleService: InteractiveModuleService, public interactiveModuleEnrolmentService: InteractiveModuleEnrolmentService, public interactiveModuleTemplateResourceService: InteractiveModuleTemplateResourceService) {\r\n var me = this;\r\n\r\n me.activatedRoute.params.subscribe(val => {\r\n let id = me.activatedRoute.snapshot.params.id;\r\n me.instanceId = id;\r\n\r\n me.LoadPageData();\r\n });\r\n\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n\r\n LoadPageData() {\r\n let me = this;\r\n\r\n me.loading = true;\r\n\r\n me.currentUser = me.stateService.userModel;\r\n me.stateService.userModel$.subscribe(data => {\r\n me.currentUser = data;\r\n me.CheckUserRoles()\r\n });\r\n\r\n me.CheckUserRoles();\r\n\r\n me.interactiveModuleService.FindByIdPublic(me.instanceId).subscribe(data => {\r\n me.entity = data;\r\n\r\n me.GetOtherInstances();\r\n me.GetEnrolments();\r\n });\r\n }\r\n\r\n GetResources() {\r\n let me = this;\r\n me.interactiveModuleTemplateResourceService.FindByTemplateId(me.entity.InteractiveModuleTemplateId).subscribe(data => {\r\n me.resources = data;\r\n });\r\n }\r\n\r\n CheckUserRoles() {\r\n let me = this;\r\n if (!me.currentUser) {\r\n me.isParent = false;\r\n me.isPresenter = false;\r\n me.isSupervisor = false;\r\n return;\r\n }\r\n\r\n if (me.currentUser.Roles.filter(o => o.Name == \"Parent\").length) {\r\n me.isParent = true;\r\n }\r\n if (me.currentUser.Roles.filter(o => o.Name == \"Presenter\").length) {\r\n me.isPresenter = true;\r\n }\r\n if (me.currentUser.Roles.filter(o => o.Name == \"Supervisor\").length) {\r\n me.isSupervisor = true;\r\n }\r\n }\r\n\r\n GetAvailableCount() {\r\n let me = this;\r\n let maxAllowed = me.entity.MaxEnrolmentsTotal;\r\n let totalEnrolled = me.TotalEnrolmentCount();\r\n let avail = maxAllowed - totalEnrolled;\r\n return avail;\r\n }\r\n\r\n GetOtherInstances() {\r\n let me = this;\r\n let templateId = me.entity.InteractiveModuleTemplateId;\r\n\r\n me.interactiveModuleService.FindFutureInstancesGroupedByTemplate(templateId).subscribe(data => {\r\n me.loading = false;\r\n me.allGroupedModules = data;\r\n if (data.length) {\r\n me.groupedModule = data[0];\r\n }\r\n });\r\n }\r\n\r\n GetImageUrl(item) {\r\n var me = this;\r\n let url = '';\r\n if (me.entity) {\r\n url = 'https://gateways-online-content.s3-ap-southeast-2.amazonaws.com/' + item.StorageFolderName + '/' + item.TileImageName;\r\n }\r\n return url;\r\n }\r\n\r\n GetResourceUrl(item) {\r\n var me = this;\r\n var url = '';\r\n url = 'https://gateways-online-content.s3-ap-southeast-2.amazonaws.com/' + me.entity.UrlName + '/' + item.ResourceFilename;\r\n return url;\r\n }\r\n\r\n GetEnrolments() {\r\n let me = this;\r\n if (me.isPresenter || me.isSupervisor) {\r\n me.interactiveModuleEnrolmentService.FindByInstance(me.instanceId).subscribe(data => {\r\n me.enrolments = data;\r\n me.enrolledStudents = me.GetEnrolmentStudents(data);\r\n });\r\n } else {\r\n me.interactiveModuleEnrolmentService.MyEnrolments(true).subscribe(data => {\r\n me.myEnrolments = data;\r\n if (me.myEnrolments.filter(o => o.InteractiveModuleId == me.entity.Id).length) {\r\n me.alreadyEnrolled = true;\r\n }\r\n });\r\n }\r\n }\r\n\r\n GetEnrolmentStudents(data) {\r\n let items: InteractiveModuleEnrolmentStudentModel[] = [];\r\n for (let e = 0; e < data.length; e++) {\r\n let enrolment = data[e];\r\n for (let s = 0; s < enrolment.InteractiveModuleEnrolmentStudents.length; s++) {\r\n items.push(enrolment.InteractiveModuleEnrolmentStudents[s])\r\n }\r\n }\r\n return items;\r\n }\r\n\r\n TotalEnrolmentCount() {\r\n let me = this;\r\n //let students = me.enrolments.map(item => item.InteractiveModuleEnrolmentStudents).reduce((prev: InteractiveModuleEnrolmentStudentModel[], curr) => prev.concat(curr), []);\r\n // return students.length;\r\n\r\n let total = 0;\r\n let instances = me.groupedModule ? me.groupedModule.Instances.filter(o => o.InteractiveModule.Id == me.entity.Id) : [];\r\n if (instances.length) {\r\n let instance = instances[0];\r\n total = instance.TotalEnrolments;\r\n }\r\n return total;\r\n }\r\n\r\n GetResourceLink(fileName: string) {\r\n let me = this;\r\n var storageFolder = me.entity.InteractiveModuleTemplate\r\n var url = 'https://gateways-online-content.s3-ap-southeast-2.amazonaws.com/' + storageFolder + '/' + fileName;\r\n }\r\n\r\n IsSessionComplete(session) {\r\n let now = new Date();\r\n let startDateTime = session.StartDateTime;\r\n\r\n let dYear = parseInt(this.datePipe.transform(startDateTime, 'yyyy'));\r\n let dMonth = parseInt(this.datePipe.transform(startDateTime, 'M')) - 1;\r\n let dDay = parseInt(this.datePipe.transform(startDateTime, 'd'));\r\n let dHour = parseInt(this.datePipe.transform(startDateTime, 'H'));\r\n let dMinute = parseInt(this.datePipe.transform(startDateTime, 'm'));\r\n\r\n let sessionStart = new Date(dYear, dMonth, dDay, dHour, dMinute, 0);\r\n let sDiff = (sessionStart.getTime() - now.getTime()) / 1000;\r\n\r\n // Session has already started, cannot enrol into it\r\n return sDiff <= 0;\r\n }\r\n\r\n}\r\n","
\r\n Find available programs using the search function\r\n
\r\n
The search will allow you to set specific criteria that suits your childrens learning needs
\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n
No programs found
\r\n
\r\n Looks like there are no programs available base on your search criteria.\r\n \r\n Please refine your search criteria using the search controls to the left.\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n
\r\n","export * from './page-learning-module-list/page-learning-module-list.component';\r\nexport * from './page-learning-module-item/page-learning-module-item.component';\r\nexport * from './page-get-started/page-get-started.component';\r\nexport * from './page-get-started-payment/page-get-started-payment.component';","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport { StateService, LearningModuleService, ParentService, StudentService, LearningModuleEnrolmentService, AuthService } from '../../../services';\r\n\r\nimport { LearningModuleModel, StudentModel, ParentModel, EnrolStudentRequest, LearningModuleEnrolmentModel } from '../../../models';\r\n\r\nimport { ModalAddChildComponent } from '../../../components';\r\n\r\n@Component({\r\n selector: 'page-get-started-list-payment',\r\n templateUrl: './page-get-started-payment.component.html',\r\n})\r\nexport class PageGetStartedPaymentComponent implements OnInit {\r\n loading: boolean = true;\r\n learningModule: LearningModuleModel;\r\n expiryYears: number[] = [];\r\n children: StudentModel[] = [];\r\n enrolmentRequest: EnrolStudentRequest = new EnrolStudentRequest();\r\n errors: String[] = [];\r\n processing: boolean = false;\r\n gatewayError: boolean = false;\r\n enrolmentComplete: boolean = false;\r\n successfulEnrolmentRecord: LearningModuleEnrolmentModel;\r\n alreadyEnrolled: boolean = false;\r\n\r\n constructor(private activatedRoute: ActivatedRoute, private router: Router, public stateService: StateService, public authService: AuthService, public learningModuleService: LearningModuleService, public parentService: ParentService, public studentService: StudentService, public learningModuleEnrolmentService: LearningModuleEnrolmentService, private modalService: NgbModal) {\r\n var me = this;\r\n\r\n let currentYear = new Date().getFullYear();\r\n for (var i = currentYear; i < currentYear + 15; i++) {\r\n this.expiryYears.push(i);\r\n }\r\n\r\n me.stateService.userModel$.subscribe(data => {\r\n // Logged on state has changed\r\n me.CheckLoggedOn();\r\n });\r\n\r\n let urlName = me.activatedRoute.snapshot.params.urlName;\r\n me.learningModuleService.FindByUrl(urlName).subscribe(data => {\r\n me.learningModule = data;\r\n me.CheckLoggedOn();\r\n me.GetParentAndChildren();\r\n me.CheckEnrolled();\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n\r\n CheckLoggedOn() {\r\n let me = this;\r\n me.authService.IsLoggedOn().subscribe(data => {\r\n // Logged in, all OK\r\n }, err => {\r\n // Not logged on, redirect\r\n me.router.navigate(['/learning-modules/get-started', me.learningModule.UrlName]);\r\n })\r\n }\r\n\r\n CheckEnrolled() {\r\n let me = this;\r\n me.learningModuleService.CheckEnrolled(me.learningModule.Id).subscribe(data => {\r\n // A returned record means I am enrolled\r\n me.alreadyEnrolled = data != null;\r\n });\r\n }\r\n\r\n FieldError(errorType) {\r\n var hasError = this.errors.indexOf(errorType) > -1;\r\n return hasError;\r\n }\r\n\r\n GetParentAndChildren() {\r\n var me = this;\r\n // Get the current parent and children (if logged on)\r\n me.parentService.FindMyStudents().subscribe(data => {\r\n me.children = data;\r\n me.loading = false;\r\n });\r\n }\r\n\r\n GetSelectedChildrenIds() {\r\n let me = this;\r\n let selectedChildren: number[] = [];\r\n for (var i = 0; i < me.children.length; i++) {\r\n if (me.children[i].Selected) {\r\n selectedChildren.push(me.children[i].Id);\r\n }\r\n }\r\n return selectedChildren;\r\n }\r\n\r\n GetTotalPrice() {\r\n let me = this;\r\n // let selectedChildrenCount = me.GetSelectedChildrenIds().length;\r\n // return (me.learningModule.Price * selectedChildrenCount);\r\n return me.learningModule.Price;\r\n }\r\n\r\n BuyNow() {\r\n let me = this;\r\n me.gatewayError = false;\r\n\r\n if (me.ValidRequest()) {\r\n me.processing = true;\r\n // Selected Children\r\n let selectedChildren = me.GetSelectedChildrenIds();\r\n me.enrolmentRequest.StudentIds = selectedChildren;\r\n me.enrolmentRequest.ModuleId = me.learningModule.Id;\r\n me.enrolmentRequest.Amount = me.GetTotalPrice();\r\n\r\n me.learningModuleEnrolmentService.EnrolStudent(me.enrolmentRequest).subscribe(data => {\r\n debugger;\r\n if (data != null) {\r\n // Success\r\n me.enrolmentComplete = true;\r\n me.successfulEnrolmentRecord = data;\r\n }\r\n me.processing = false;\r\n }, err => {\r\n // Error\r\n me.gatewayError = true;\r\n me.processing = false;\r\n });\r\n }\r\n }\r\n addChild() {\r\n let me = this;\r\n const modalRef = me.modalService.open(ModalAddChildComponent, {\r\n scrollable: true\r\n });\r\n modalRef.componentInstance._includeExtra = 'false';\r\n modalRef.result.then((result) => {\r\n me.addChildCallback(result);\r\n });\r\n }\r\n addChildCallback(child) {\r\n let me = this;\r\n me.GetParentAndChildren();\r\n }\r\n ValidRequest() {\r\n this.errors = [];\r\n\r\n if (this.GetSelectedChildrenIds().length == 0) {\r\n this.errors.push('NoChildren');\r\n }\r\n if (this.enrolmentRequest.NameOnCard == '') {\r\n this.errors.push('NameOnCard');\r\n }\r\n if (this.enrolmentRequest.CardNumber == '') {\r\n this.errors.push('CardNumber');\r\n }\r\n if (!this.ValidCreditCardNumber(this.enrolmentRequest.CardNumber) && this.enrolmentRequest.CardNumber != '') {\r\n this.errors.push('InvalidCardNumber');\r\n }\r\n if (this.enrolmentRequest.ExpiryMonth == '') {\r\n this.errors.push('ExpiryMonth');\r\n }\r\n if (this.enrolmentRequest.ExpiryYear == '') {\r\n this.errors.push('ExpiryYear');\r\n }\r\n if (this.enrolmentRequest.Cvv == '') {\r\n this.errors.push('Cvv');\r\n }\r\n return !this.errors.length\r\n }\r\n ValidCreditCardNumber(cardNumber) {\r\n let regex = '^(?:4[0-9]{12}(?:[0-9]{3})?|(?:5[1-5][0-9]{2}|222[1-9]|22[3-9][0-9]|2[3-6][0-9]{2}|27[01][0-9]|2720)[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|6(?:011|5[0-9]{2})[0-9]{12}|(?:2131|1800|35\\d{3})\\d{11})$';\r\n var matches = cardNumber.match(regex);\r\n return matches && matches.length > 0;\r\n }\r\n ValidEmail(email) {\r\n let regex = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])/\r\n var matches = email.match(regex);\r\n return matches && matches.length > 0;\r\n }\r\n}\r\n","
\r\n \r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Module
\r\n
\r\n
\r\n
You are enrolling in the module {{learningModule.Title}}.
\r\n
Total Cost: AUD${{GetTotalPrice()|number:'1.2-2'}}
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
Already Enrolled
\r\n
You (or your children) are already enrolled in this module. Please visit {{learningModule.Title}} to access the content.
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Children who will participate
\r\n
\r\n
\r\n
Please select the children who will participate in this module.
\r\n
\r\n
\r\n
Child
\r\n
Username
\r\n
Date of Birth
\r\n
Participate?
\r\n
\r\n
\r\n
{{child.User.FirstName}} {{child.User.Surname}}
\r\n
{{child.User.Username}}
\r\n
{{child.DateOfBirth | date:'dd/MM/yyyy'}}
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n You must select at least 1 child\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
Payment
\r\n
\r\n
\r\n
Please enter your payment details below. A total of AUD${{GetTotalPrice()|number:'1.2-2'}} will be debited.
\r\n
\r\n \r\n \r\n Name on card required\r\n
\r\n\r\n
\r\n \r\n \r\n Card Number required\r\n Card Number is invalid\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n Expiry Month required\r\n
\r\n
\r\n \r\n \r\n Expiry Year required\r\n
\r\n
\r\n \r\n \r\n CVV required\r\n
\r\n
\r\n\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n
\r\n There was a problem processing your payment.\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n Congratulations, you have successfully enrolled in {{learningModule.Title}}.\r\n
Both your account and the accounts for the children selected can access this Learning Module. The logon details for your children, as well as other management functions, can be found below and in your menu.
\r\n
As a parent, you also have the following capabilities
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\nimport { StateService, LearningModuleService, ParentService, StudentService, AuthService } from '../../../services';\r\n\r\nimport { LearningModuleModel, LearningModuleTypeModel, StudentModel, ParentModel, Authenticate } from '../../../models';\r\nimport { identifierModuleUrl } from '@angular/compiler';\r\n\r\n@Component({\r\n selector: 'page-get-started-list',\r\n templateUrl: './page-get-started.component.html',\r\n})\r\nexport class PageGetStartedComponent implements OnInit {\r\n loading: boolean = true;\r\n learningModule: LearningModuleModel;\r\n children: StudentModel[] = [];\r\n\r\n constructor(private activatedRoute: ActivatedRoute, private router: Router, public stateService: StateService, public learningModuleService: LearningModuleService, public parentService: ParentService, public studentService: StudentService, public authService: AuthService) {\r\n var me = this;\r\n let urlName = me.activatedRoute.snapshot.params.urlName;\r\n // Get the learning module to register for\r\n me.learningModuleService.FindByUrl(urlName).subscribe(data => {\r\n me.learningModule = data;\r\n me.loading = false;\r\n me.checkLoggedIn();\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n\r\n checkLoggedIn() {\r\n let me = this;\r\n me.authService.IsLoggedOn().subscribe(data => {\r\n // Already logged in so no need for this screen\r\n me.navigateFinalise();\r\n }, err => {\r\n // Do nothing here\r\n });\r\n }\r\n\r\n getCurrentUrl() {\r\n var me = this;\r\n return \"/learning-module/get-started/\" + me.learningModule.UrlName;\r\n }\r\n\r\n GetParentAndChildren() {\r\n var me = this;\r\n // Get the current parent and children (if logged on)\r\n me.parentService.FindMyStudents().subscribe(data => {\r\n me.children = data;\r\n });\r\n }\r\n loginCallback(userId) {\r\n var me = this;\r\n me.navigateFinalise();\r\n }\r\n registerCallback(event) {\r\n var me = this;\r\n\r\n // Need to log in the new user for the final step\r\n let parentId = event[0];\r\n let userName = event[1];\r\n let password = event[2];\r\n\r\n let authModel = new Authenticate();\r\n authModel.UserName = userName;\r\n authModel.Password = password;\r\n me.authService.Login(authModel).subscribe(data => {\r\n me.stateService.changeUserModel(data);\r\n me.navigateFinalise();\r\n });\r\n }\r\n navigateFinalise() {\r\n var me = this;\r\n me.router.navigate(['/learning-modules/get-started/finalise', me.learningModule.UrlName]);\r\n }\r\n}\r\n","
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n Already a member?\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Not a member?\r\n
\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, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Route } from '@angular/router';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport { StateService, LearningModuleService, LearningModuleUnitService } from '../../../services';\r\nimport { ModalBasicMessageComponent } from '../../../components';\r\nimport { LearningModuleModel, LearningModuleUnitModel, LearningModuleUnitResourceModel } from '../../../models';\r\n\r\nexport interface IMedia {\r\n title: string;\r\n src: string;\r\n type: string;\r\n}\r\n\r\n@Component({\r\n selector: 'page-learning-module-item',\r\n templateUrl: './page-learning-module-item.component.html',\r\n styleUrls: ['./page-learning-module-item.style.scss']\r\n})\r\nexport class PageLearningModuleItemComponent implements OnInit {\r\n canAccessModule: boolean = false;\r\n loading: boolean = true;\r\n loadingUnits: boolean = true;\r\n learningModule: LearningModuleModel;\r\n moduleUnits: LearningModuleUnitModel[];\r\n currentIndex = 1;\r\n currentItem: LearningModuleUnitModel;\r\n\r\n constructor(private activatedRoute: ActivatedRoute, public stateService: StateService, public learningModuleService: LearningModuleService, public learningModuleUnitService: LearningModuleUnitService, private modalService: NgbModal) {\r\n var me = this;\r\n\r\n var urlName = me.activatedRoute.snapshot.params.urlName;\r\n me.learningModuleService.FindByUrl(urlName).subscribe(data => {\r\n me.learningModule = data;\r\n me.stateService.changePageTitle(me.learningModule.Title);\r\n me.loadModuleUnits();\r\n me.checkAccess();\r\n me.loading = false;\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n // Check if user can access media\r\n me.canAccessModule = false;\r\n }\r\n\r\n loadModuleUnits() {\r\n var me = this;\r\n me.learningModuleUnitService.FindByLearningModule(me.learningModule.Id).subscribe(data => {\r\n me.moduleUnits = data;\r\n me.currentItem = me.moduleUnits.filter(o => o.Idx == me.currentIndex)[0];\r\n me.loadingUnits = false;\r\n });\r\n }\r\n\r\n checkAccess() {\r\n let me = this;\r\n me.learningModuleService.CheckEnrolled(me.learningModule.Id).subscribe(data => {\r\n // A returned record means I am enrolled\r\n me.canAccessModule = data != null;\r\n });\r\n }\r\n\r\n onClickPlaylistItem(item: LearningModuleUnitModel) {\r\n var me = this;\r\n\r\n if (me.canAccessMedia(item)) {\r\n this.currentIndex = item.Idx;\r\n this.currentItem = item;\r\n } else {\r\n me.AccessDenied();\r\n }\r\n }\r\n canAccessMedia(item: LearningModuleUnitModel) {\r\n var me = this;\r\n if (item.Idx == 1) {\r\n return true;\r\n }\r\n return me.canAccessModule;\r\n }\r\n getMediaSource() {\r\n var me = this;\r\n // var url = '/assets/data/module-packages/' + encodeURIComponent(me.learningModule.Title) + '/' + encodeURIComponent(me.currentItem.VideoFile);\r\n var url = 'https://gateways-online-content.s3-ap-southeast-2.amazonaws.com/' + me.learningModule.StorageFolderName + '/' + me.currentItem.VideoFile;\r\n return url;\r\n }\r\n getResourceSource(resource: LearningModuleUnitResourceModel) {\r\n var me = this;\r\n var url = '/assets/data/module-packages/' + encodeURIComponent(me.learningModule.Title) + '/' + encodeURIComponent(resource.ResourceFileName);\r\n return url;\r\n }\r\n\r\n AccessDenied() {\r\n const modalRef = this.modalService.open(ModalBasicMessageComponent);\r\n modalRef.componentInstance.title = 'Access Denied';\r\n modalRef.componentInstance.content = 'You must register for this module before you can view this video. Please use the \"Get Started\" link to begin the process.';\r\n }\r\n}\r\n","\r\n\r\n\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\nimport { StateService, LearningModuleService } from '../../../services';\r\n\r\nimport { LearningModuleModel, LearningModuleTypeModel } from '../../../models';\r\nimport { LearningModuleCard } from 'src/app/components';\r\n\r\n@Component({\r\n selector: 'page-learning-module-list',\r\n templateUrl: './page-learning-module-list.component.html',\r\n})\r\nexport class PageLearningModuleListComponent implements OnInit {\r\n loading: boolean = true;\r\n learningModules: LearningModuleModel[] = [];\r\n\r\n constructor(public stateService: StateService, public learningModuleService: LearningModuleService) {\r\n var me = this;\r\n\r\n me.learningModuleService.FindAll().subscribe(data => {\r\n me.learningModules = data;\r\n me.loading = false;\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n\r\n}\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, OnInit } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\n\r\nimport { StateService, AuthService, RoleService } from '../../services';\r\nimport { WebsilkTextField } from '../../components';\r\nimport { ResetPasswordRequestModel } from '../../models';\r\nimport { FormFunctions } from '../../functions';\r\n\r\n@Component({\r\n selector: 'page-forgot-password',\r\n templateUrl: './page-forgot-password.component.html',\r\n})\r\nexport class PageForgotPasswordComponent implements OnInit {\r\n resetMode: boolean = false;\r\n processing: boolean = false;\r\n token: string = \"\";\r\n username: string;\r\n requestSuccess: boolean = false;\r\n requestError: boolean = false;\r\n passwordReset: ResetPasswordRequestModel = new ResetPasswordRequestModel();\r\n\r\n constructor(public router: Router, private activatedRoute: ActivatedRoute, public stateService: StateService, public authService: AuthService, public formFunctions: FormFunctions, public roleService: RoleService) {\r\n var me = this;\r\n // If there is a token, look up the user and do the reset\r\n me.token = me.activatedRoute.snapshot.params.token;\r\n if (me.token && me.token != \"\") {\r\n me.resetMode = true;\r\n me.passwordReset.ResetToken = me.token;\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n\r\n RequestPasswordReset(form, e) {\r\n let me = this;\r\n me.requestSuccess = false;\r\n me.requestError = false;\r\n // Always say success to avoid fishing for valid user\r\n if (me.formFunctions.isFormValid(form, e)) {\r\n me.processing = true;\r\n me.authService.ResetPasswordRequest(me.username).subscribe(data => {\r\n me.requestSuccess = true;\r\n me.processing = false;\r\n }, err => {\r\n me.requestSuccess = true;\r\n me.requestError = true;\r\n me.processing = false;\r\n });\r\n }\r\n }\r\n PasswordReset(form, e) {\r\n let me = this;\r\n me.requestSuccess = false;\r\n me.requestError = false;\r\n if (me.formFunctions.isFormValid(form, e)) {\r\n me.processing = true;\r\n me.authService.ResetPassword(me.passwordReset).subscribe(data => {\r\n me.requestSuccess = true;\r\n me.processing = false;\r\n }, err => {\r\n me.requestSuccess = false;\r\n me.requestError = true;\r\n me.processing = false;\r\n });\r\n }\r\n }\r\n\r\n}\r\n","
\r\n
\r\n
\r\n \r\n
\r\n\r\n
Request Reset Password
\r\n
\r\n
Please enter your username or email to request a password reset.
\r\n \r\n
\r\n\r\n
\r\n
\r\n A password reset request has been sent to the email registered on file. Please check your SPAM if it does not appear in your email within the next 5 minutes.\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { DomSanitizer, SafeStyle } from '@angular/platform-browser';\r\nimport { Router } from '@angular/router';\r\n\r\nimport { StateService, AcademicFocusService } from '../../services';\r\nimport { AcademicFocusModel, InteractiveInstanceFilterRequestModel } from '../../models';\r\n\r\n@Component({\r\n selector: 'page-home',\r\n templateUrl: './page-home.component.html',\r\n styleUrls: ['./page-home.component.scss']\r\n})\r\nexport class PageHomeComponent implements OnInit {\r\n loading: boolean = true;\r\n academicFocuses: AcademicFocusModel[] = [];\r\n\r\n constructor(private router: Router, public stateService: StateService, public sanitizer: DomSanitizer, public academicFocusService: AcademicFocusService) {\r\n var me = this;\r\n\r\n me.academicFocusService.FindAll().subscribe(data => {\r\n me.academicFocuses = data;\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n\r\n GetImageUrl(item: AcademicFocusModel) {\r\n var me = this;\r\n let url = '';\r\n if (item) {\r\n url = 'https://gateways-online-content.s3-ap-southeast-2.amazonaws.com/' + item.StorageFolderName + '/' + item.TileImageName;\r\n }\r\n return url;\r\n }\r\n\r\n NavigateToItem(item: AcademicFocusModel) {\r\n let me = this;\r\n\r\n let filterRequest = new InteractiveInstanceFilterRequestModel();\r\n filterRequest.AcademicFocusId = item.Id;\r\n me.stateService.changeFilterRequestModel(filterRequest);\r\n\r\n me.router.navigate(['/interactive-modules']);\r\n }\r\n}\r\n","\r\n\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n \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 our Live & Interactive programs
\r\n
Live and interactive programs will allow your child to learn in new and exciting ways...
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n
{{item.Title}}
\r\n
{{item.Summary}}
\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, OnInit } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\n\r\nimport { StateService, AuthService, RoleService } from '../../services';\r\nimport { WebsilkTextField } from '../../components';\r\nimport { Authenticate, RoleModel } from '../../models';\r\nimport { FormFunctions } from '../../functions';\r\n\r\n@Component({\r\n selector: 'page-login',\r\n templateUrl: './page-login.component.html',\r\n})\r\nexport class PageLoginComponent implements OnInit {\r\n request: Authenticate = new Authenticate();\r\n status: string = \"\";\r\n processing: boolean = false;\r\n\r\n constructor(public router: Router, private activatedRoute: ActivatedRoute, public stateService: StateService, public authService: AuthService, public formFunctions: FormFunctions, public roleService: RoleService) {\r\n var me = this;\r\n me.status = me.activatedRoute.snapshot.params.status;\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n loginCallback(userId) {\r\n var me = this;\r\n me.processing = true;\r\n me.roleService.FindMyRoles().subscribe(data => {\r\n me.processing = false;\r\n if (data.length) {\r\n let role: RoleModel = data[0];\r\n let roleName = role.Name.toLowerCase();\r\n me.navigateHome(roleName);\r\n }\r\n });\r\n }\r\n navigateHome(roleName) {\r\n let me = this;\r\n switch (roleName) {\r\n case \"administrators\":\r\n me.router.navigate(['/admin']);\r\n break;\r\n case \"student\":\r\n me.router.navigate(['/student']);\r\n break;\r\n case \"parent\":\r\n me.router.navigate(['/parent']);\r\n break;\r\n case \"presenter\":\r\n me.router.navigate(['/presenter']);\r\n break;\r\n case \"school\":\r\n me.router.navigate(['/school']);\r\n break;\r\n case \"supervisor\":\r\n me.router.navigate(['/supervisor']);\r\n break;\r\n }\r\n }\r\n}\r\n","
\r\n
\r\n
\r\n
\r\n \r\n Registration successful. Please log on below with your email and specified password.\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 { Router } from '@angular/router'\r\n\r\nimport { StateService, ParentService } from '../../services';\r\n\r\nimport { ParentRegisterRequest } from '../../models';\r\nimport { WebsilkTextField } from '../../components';\r\nimport { Validations } from '../../constants'\r\nimport { FormFunctions } from '../../functions';\r\n\r\n@Component({\r\n selector: 'page-register',\r\n templateUrl: './page-register.component.html',\r\n})\r\nexport class PageRegisterComponent implements OnInit {\r\n\r\n constructor(private router: Router, public stateService: StateService, public validations: Validations, public formFunctions: FormFunctions, public parentService: ParentService) {\r\n var me = this;\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n}\r\n","
\r\n
\r\n
\r\n
\r\n
Register
\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n","export * from './page-parent-enrolments/page-parent-enrolments.component';\r\nexport * from './page-parent-home/page-parent-home.component';\r\nexport * from './page-parent-children/page-parent-children.component';\r\nexport * from './page-parent-redeem-credit-coupon/page-parent-redeem-credit-coupon.component';","import { Component, OnInit } from '@angular/core';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport { StateService, StudentService, ParentService } from '../../../services';\r\n\r\nimport { ModalResetPasswordComponent, ModalEditChildComponent, ModalAddChildComponent } from '../../../components';\r\n\r\nimport { StudentModel } from '../../../models';\r\n\r\n@Component({\r\n selector: 'page-parent-children',\r\n templateUrl: './page-parent-children.component.html',\r\n})\r\nexport class PageParentChildrenComponent implements OnInit {\r\n students: StudentModel[] = [];\r\n loading: boolean = true;\r\n\r\n constructor(public stateService: StateService, public studentService: StudentService, public parentService: ParentService, private modalService: NgbModal) {\r\n var me = this;\r\n\r\n me.LoadData();\r\n }\r\n\r\n ngOnInit() {\r\n let me = this;\r\n }\r\n LoadData() {\r\n let me = this;\r\n me.loading = true;\r\n me.parentService.FindMyStudents().subscribe(data => {\r\n me.students = data;\r\n me.loading = false;\r\n });\r\n }\r\n ResetPassword(student: StudentModel) {\r\n let me = this;\r\n const modalRef = me.modalService.open(ModalResetPasswordComponent);\r\n modalRef.componentInstance.user = student.User;\r\n }\r\n AddChild() {\r\n let me = this;\r\n const modalRef = me.modalService.open(ModalAddChildComponent, {\r\n scrollable: true\r\n });\r\n modalRef.componentInstance._includeExtra = 'true';\r\n modalRef.componentInstance.displayInline = 'false';\r\n modalRef.result.then((result) => {\r\n me.LoadData();\r\n });\r\n }\r\n EditChild(student: StudentModel) {\r\n let me = this;\r\n const modalRef = me.modalService.open(ModalEditChildComponent, {\r\n scrollable: true\r\n });\r\n modalRef.componentInstance.student = student;\r\n\r\n modalRef.result.then((result) => {\r\n me.LoadData();\r\n });\r\n }\r\n}\r\n","
\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
No assigned children
\r\n
We cannot find any assigned children for your profile. Before you are able to enrol in learning modules you will need to add your children to your profile.
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { Router } from '@angular/router';\r\n\r\nimport { StateService, SchoolService } from '../../../services';\r\n\r\nimport { ModalResetPasswordComponent } from '../../../components';\r\n\r\nimport { SchoolMyEnrolmentsProjectionModel, StudentModel } from '../../../models';\r\n\r\n@Component({\r\n selector: 'page-school-enrolments',\r\n templateUrl: './page-school-enrolments.component.html',\r\n})\r\nexport class PageSchoolEnrolmentsComponent implements OnInit {\r\n loading: boolean = true;\r\n dates: SchoolMyEnrolmentsProjectionModel[] = [];\r\n\r\n constructor(private router: Router, public stateService: StateService, public schoolService: SchoolService, public modalService: NgbModal) {\r\n var me = this;\r\n\r\n me.schoolService.FindMyEnrolments().subscribe(data => {\r\n me.dates = data;\r\n me.loading = false;\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n var me = this;\r\n }\r\n ResetPassword(student: StudentModel) {\r\n let me = this;\r\n const modalRef = me.modalService.open(ModalResetPasswordComponent);\r\n modalRef.componentInstance.user = student.User;\r\n }\r\n ViewRoll(date) {\r\n let me = this;\r\n\r\n let useDate = new Date(date);\r\n let useMonthStr = (useDate.getMonth() + 1) < 10 ? '0' + (useDate.getMonth() + 1) : (useDate.getMonth() + 1);\r\n let useDayStr = useDate.getDate() < 10 ? '0' + useDate.getDate() : useDate.getDate();\r\n\r\n let dateStr = useDate.getFullYear() + '-' + useMonthStr + '-' + useDayStr;\r\n me.router.navigate(['/school/enrolments/roll', dateStr]);\r\n }\r\n\r\n ExportRoll(date) {\r\n let me = this;\r\n\r\n let useDate = new Date(date);\r\n let useMonthStr = (useDate.getMonth() + 1) < 10 ? '0' + (useDate.getMonth() + 1) : (useDate.getMonth() + 1);\r\n let useDayStr = useDate.getDate() < 10 ? '0' + useDate.getDate() : useDate.getDate();\r\n let dateStr = useDate.getFullYear() + '-' + useMonthStr + '-' + useDayStr;\r\n\r\n me.schoolService.ExportStudentRoll(dateStr).subscribe(data => {\r\n var url = URL.createObjectURL(data);\r\n var link = document.createElement(\"a\");\r\n link.setAttribute(\"href\", url);\r\n link.setAttribute(\"download\", \"enrolments.xlsx\");\r\n link.style.display = \"none\";\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }, err => {\r\n alert('There was a problem exporting your roll');\r\n });\r\n }\r\n}\r\n","
\r\n \r\n\r\n
\r\n
\r\n
Welcome to your G.A.T.E.WAYS Online School Portal. You will find details below of upcoming enrolments for in-school interactive programs at your school. Please ensure you print out your roll the day before the sessions to ensure you can provide students with their logon codes.
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n
No upcoming enrolments
\r\n
Your school does not have any upcoming enrolments scheduled.
![](\"/assets/images/gateways-online.png\")
\r\n