\r\n\t\t
\r\n\r\n\r\n\t\t\t\r\n\t\t\t![](\"assets/image/nof-logo.png\")
\r\n\t\t
\r\n\t\t\r\n\t\t\r\n\t\t\t
\r\n\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\tFor your protection verify your identity\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tLogin
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t\t \t\r\n\t\t\t\t\t\t\t By logging in, you agree to our Terms of Service\r\n\t\t\t\t\t\t\t and receive NOF Olympiads emails & updates and acknowledge that you read our \r\n\t\t\t\t\t\t\t Privacy Policy\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n
\r\n ","import { Component, OnInit, Input, ViewChild, ElementRef, EventEmitter, Output } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Subject, Observable } from 'rxjs';\r\nimport { WebcamImage, WebcamInitError, WebcamUtil } from 'ngx-webcam';\r\nimport { MessageService } from '@app/core/services/message.service';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { AlertService } from '@app/core/services/alert.service';\r\nimport { ExamService } from '@app/core/http/exam/exam.service';\r\n\r\n@Component({\r\n selector: 'app-demo-start-sr',\r\n templateUrl: './demo-start-sr.component.html',\r\n styleUrls: ['./demo-start-sr.component.css']\r\n})\r\nexport class DemoStartSrComponent implements OnInit {\r\n // toggle webcam on/off\r\n public showWebcam = true;\r\n public allowCameraSwitch = false;\r\n public multipleWebcamsAvailable = false;\r\n public deviceId: string;\r\n public videoOptions: MediaTrackConstraints = {\r\n // width: {ideal: 1024},\r\n // height: {ideal: 576}\r\n };\r\n public errors: WebcamInitError[] = [];\r\n\r\n // latest snapshot\r\n public webcamImage: WebcamImage = null;\r\n\r\n // webcam snapshot trigger\r\n private trigger: Subject\r\n
\r\n \r\n
\r\n \r\n
\r\n Animation Based International Olympiads
\r\n\r\n
\r\n \r\n ![](\"assets/image/game.png\")
\r\n
\r\n \r\n Practice Worksheets
\r\n\r\n \r\n
\r\n \r\n Mock Test
\r\n\r\n \r\n
\r\n \r\n Olmpiads Registration
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n NOF International Olympiads
\r\n(class 1 to Class 12)
\r\n\r\n
\r\n Animation Based International Olympiads
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n Practice Worksheets
\r\n\r\n \r\n
\r\n \r\n Mock Test
\r\n\r\n \r\n
\r\n \r\n Olmpiads Registration
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n NOF Junior
\r\n(Playground to Class 5)
\r\n\r\n
\r\n Animation Based International Olympiads
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n Practice Worksheets
\r\n\r\n \r\n
\r\n \r\n Mock Test
\r\n\r\n \r\n
\r\n \r\n Olmpiads Registration
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n NOF Junior
\r\n(Playground to Class 5)
\r\n\r\n
\r\n Animation Based International Olympiads
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n Practice Worksheets
\r\n\r\n \r\n
\r\n \r\n Mock Test
\r\n\r\n \r\n
\r\n \r\n Olmpiads Registration
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n","import { Component, OnInit, Input, ViewChild, ElementRef, EventEmitter, Output } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport {Subject, Observable} from 'rxjs';\r\nimport {WebcamImage, WebcamInitError, WebcamUtil} from 'ngx-webcam';\r\nimport { MessageService } from '@app/core/services/message.service';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { AlertService } from '@app/core/services/alert.service';\r\nimport { ExamService } from '@app/core/http/exam/exam.service';\r\n\r\n@Component({\r\n selector: 'app-demo-start',\r\n templateUrl: './demo-start.component.html',\r\n styleUrls: ['./demo-start.component.css']\r\n})\r\nexport class DemoStartComponent implements OnInit {\r\n// toggle webcam on/off\r\n \r\npublic showWebcam = true;\r\npublic allowCameraSwitch = false;\r\npublic multipleWebcamsAvailable = false;\r\npublic deviceId: string;\r\npublic videoOptions: MediaTrackConstraints = {\r\n // width: {ideal: 1024},\r\n // height: {ideal: 576}\r\n};\r\npublic errors: WebcamInitError[] = [];\r\n\r\n// latest snapshot\r\npublic webcamImage: WebcamImage = null;\r\n\r\n// webcam snapshot trigger\r\nprivate trigger: Subject\r\n
\r\n \r\n
\r\n {{NameOfOlympiad}}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n NOF International Olympiads
\r\n \r\n- \r\n
- This Olympiad Exam has 30 MCQs (Multiple Choice Questions). \r\n
- The student needs to click on the correct option from the multiple choices. There can only be one correct answer. \r\n
- There is NO NEGATIVE marking. \r\n
- The duration of the exam is 45 minutes. \r\n
- If due to any reason (technical, loss of internet, system crash, server problem or any other valid reason) the exam stops, a child can restart the exam. ONLY TWO such attempts are allowed. \r\n
- At any point during the exam do not refresh or click on the back button of the browser as this will log you out of the examination. \r\n
- Use a fast reliable and continued internet connection. Do not use an internet connection that frequently disconnects. A minimum of 512 kbps upload speed is preferred. \r\n
- Kindly ensure that you have the latest version of Google Chrome. For Mac users, do not use the Safari browser, USE ONLY GOOGLE CHROME. \r\n
- This exam is powered by video proctoring hence any unneeded interference by any adult during the exam will be monitored and may lead to disqualification of the exam. Hence you have to ALLOW the camera to be on. \r\n
- We have created a demo exam which is free for all the students, this will help you understand the interface of our exam portal hence, and it has mixed questions from all the subjects of that particular class. However, your actual examination will have the entire 30 questions from the same subject. So do not get confused. \r\n
- To have a great user experience, prefer attempting the exam on a laptop/ desktop. However, the exam can also be attempted on a smartphone. \r\n
- For any queries, write us at exam@groupnof.com \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 \r\n
\r\n
\r\n\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { MessageService } from '@app/core/services/message.service';\r\nimport * as $ from 'jquery';\r\n@Component({\r\n selector: 'app-exam-complete-sr',\r\n templateUrl: './exam-complete-sr.component.html',\r\n styleUrls: ['./exam-complete-sr.component.css']\r\n})\r\nexport class ExamCompleteSrComponent implements OnInit {\r\n classLevel: string = '';\r\n registrationID: string = '';\r\n constructor(\r\n public route: ActivatedRoute,\r\n private messageService: MessageService\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.route.queryParams.subscribe(params => {\r\n if(params['ClassLevel'] != \"\"){\r\n this.messageService.updateMessage({classLevel: params['ClassLevel']})\r\n this.classLevel = params['ClassLevel'];\r\n }\r\n \r\n if (params['registrationID'] != \"\") { // edit mode\r\n this.registrationID = params['registrationID'];\r\n } \r\n\r\n });\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n\r\n if (window.history && window.history.pushState) {\r\n \r\n $(window).on('popstate', function() {\r\n \r\n window.alert('You are logged out, as you have pressed browser back or forward.')\r\n sessionStorage.clear();\r\n window.location.reload(true);\r\n \r\n });\r\n }\r\n }\r\n\r\n}\r\n","\r\n
\r\n \r\n
\r\n {{NameOfOlympiad}}
\r\n\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n NOF Junior International Olympiads
\r\n \r\n- \r\n
- This Olympiad Exam has 30 MCQs (Multiple Choice Questions). \r\n
- The student needs to click on the correct option from the multiple choices. There can only be one correct answer. \r\n
- There is NO NEGATIVE marking. \r\n
- The duration of the exam is 45 minutes. \r\n
- Every question comes with a voice-over (the child can listen to the question as many times as he/she wants) \r\n
- Parents of children from Playgroup to Grade 1 may assist their wards in understanding the questions if needed. \r\n
- If due to any reason (technical, loss of internet, system crash, server problem or any other valid reason) the exam stops, a child can restart the exam. ONLY TWO such attempts are allowed. \r\n
- At any point during the exam do not refresh or click on the back button of the browser as this will log you out of the examination. \r\n
- Use a fast reliable and continued internet connection. Do not use an internet connection that frequently disconnects. A minimum of 512 kbps upload speed is preferred. \r\n
- Kindly ensure that you have the latest version of Google Chrome. For Mac users, do not use the Safari browser, USE ONLY GOOGLE CHROME. \r\n
- This exam is powered by video proctoring hence any unneeded interference by any adult during the exam will be monitored and may lead to disqualification of the exam. Hence you have to ALLOW the camera to be on. \r\n
- We have created a demo exam which is free for all the students, this will help you understand the interface of our exam portal hence, and it has mixed questions from all the subjects of that particular class. However, your actual examination will have the entire 30 questions from the same subject. So do not get confused. \r\n
- To have a great user experience, prefer attempting the exam on a laptop/ desktop. However, the exam can also be attempted on a smartphone. \r\n
- For any queries, write us at exam@groupnof.com \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 ![](\"assets/image/exam-complete.png\")
\r\n ![](\"assets/image/congo.JPG\")
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {{display}}
\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 {{singleExam.ContainerValue}}
\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 Q. {{singleExam.SequenceNumber}}\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 Question Palette\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n - \r\n
- 0 ? '#EE7B7B' : '#fff'}\">{{item.SequenceNumber}} \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n - \r\n
- \r\n \r\n {{item.cnt}}\r\n \r\n {{item.txt}}\r\n \r\n
\r\n
\r\n \r\n \r\n Are You Sure? \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n ![](\"assets/image/audio-reload.png\")
Listen to your question\r\n \r\n
\r\n Listen to your question\r\n \r\n \r\n \r\n {{display}}
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {{singleExam.QuestionText}}
\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 {{singleExam.ContainerValue}}
\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 Q. {{singleExam.SequenceNumber}}\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 Question Palette\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n - \r\n
- 0 ? '#EE7B7B' : '#fff'}\">{{item.SequenceNumber}} \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n - \r\n
- \r\n \r\n {{item.cnt}}\r\n \r\n {{item.txt}}\r\n \r\n
\r\n
\r\n \r\n \r\n Are You Sure? \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, OnInit, Input, ViewChild, ElementRef, EventEmitter, Output } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport {Subject, Observable} from 'rxjs';\r\nimport {WebcamImage, WebcamInitError, WebcamUtil} from 'ngx-webcam';\r\nimport { MessageService } from '@app/core/services/message.service';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { AlertService } from '@app/core/services/alert.service';\r\nimport { ExamService } from '@app/core/http/exam/exam.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-exam-start',\r\n templateUrl: './exam-start.component.html',\r\n styleUrls: ['./exam-start.component.css']\r\n})\r\nexport class ExamStartComponent implements OnInit {\r\n // toggle webcam on/off\r\n \r\n public showWebcam = true;\r\n public allowCameraSwitch = false;\r\n public multipleWebcamsAvailable = false;\r\n public deviceId: string;\r\n public videoOptions: MediaTrackConstraints = {\r\n // width: {ideal: 1024},\r\n // height: {ideal: 576}\r\n };\r\n public errors: WebcamInitError[] = [];\r\n \r\n // latest snapshot\r\n public webcamImage: WebcamImage = null;\r\n \r\n // webcam snapshot trigger\r\n private trigger: Subject\r\n
\r\n \r\n
\r\n {{NameOfOlympiad}}
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n
\r\n
\r\n NOF International Olympiads Instructions
\r\n- \r\n
- This Olympiad Exam has 30 MCQs (Multiple Choice Questions). \r\n
- The student needs to click on the correct option from the multiple choices. There can only be one correct answer. \r\n
- There is NO NEGATIVE marking. \r\n
- The duration of the exam is 45 minutes. \r\n
- If due to any reason (technical, loss of internet, system crash, server problem or any other valid reason) the exam stops, a child can restart the exam. ONLY TWO such attempts are allowed. \r\n
- At any point during the exam do not refresh or click on the back button of the browser as this will log you out of the examination. \r\n
- Use a fast reliable and continued internet connection. Do not use an internet connection that frequently disconnects. A minimum of 512 kbps upload speed is preferred. \r\n
- Kindly ensure that you have the latest version of Google Chrome. For Mac users, do not use the Safari browser, USE ONLY GOOGLE CHROME. \r\n
- This exam is powered by video proctoring hence any unneeded interference by any adult during the exam will be monitored and may lead to disqualification of the exam. Hence you have to ALLOW the camera to be on. \r\n
- We have created a demo exam which is free for all the students, this will help you understand the interface of our exam portal hence, and it has mixed questions from all the subjects of that particular class. However, your actual examination will have the entire 30 questions from the same subject. So do not get confused. \r\n
- To have a great user experience, prefer attempting the exam on a laptop/ desktop. However, the exam can also be attempted on a smartphone. \r\n
- For any queries, write us at exam@groupnof.com \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 { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.css']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { AuthenticationService } from '@app/core/authentication/authentication.service';\r\nimport { MessageService } from '@app/core/services/message.service';\r\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'app-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.css']\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n loggedInUser: any;\r\n isShowJRLogo: boolean = true;\r\n isShowSRLogo: boolean = true;\r\n constructor(\r\n private authenticationService: AuthenticationService,\r\n private messageService: MessageService,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.messageService.getMessage().pipe(debounceTime(800), distinctUntilChanged()).subscribe(data=>{\r\n if(data.classLevel == 'JR'){\r\n this.isShowSRLogo = false;\r\n }\r\n if(data.classLevel == 'SR'){\r\n this.isShowJRLogo = false;\r\n }\r\n })\r\n this.loggedInUser = this.authenticationService.getUser()\r\n }\r\n\r\n logout() {\r\n this.authenticationService.logout()\r\n window.location.reload(true);\r\n }\r\n\r\n}\r\n","\r\n
\r\n \r\n
\r\n {{NameOfOlympiad}}
\r\n\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n NOF Junior International Olympiads
\r\n \r\n \r\n- \r\n
- This Olympiad Exam has 30 MCQs (Multiple Choice Questions). \r\n
- The student needs to click on the correct option from the multiple choices. There can only be one correct answer. \r\n
- There is NO NEGATIVE marking. \r\n
- The duration of the exam is 45 minutes. \r\n
- Every question comes with a voice-over (the child can listen to the question as many times as he/she wants) \r\n
- Parents of children from Playgroup to Grade 1 may assist their wards in understanding the questions if needed. \r\n
- If due to any reason (technical, loss of internet, system crash, server problem or any other valid reason) the exam stops, a child can restart the exam. ONLY TWO such attempts are allowed. \r\n
- At any point during the exam do not refresh or click on the back button of the browser as this will log you out of the examination. \r\n
- Use a fast reliable and continued internet connection. Do not use an internet connection that frequently disconnects. A minimum of 512 kbps upload speed is preferred. \r\n
- Kindly ensure that you have the latest version of Google Chrome. For Mac users, do not use the Safari browser, USE ONLY GOOGLE CHROME. \r\n
- This exam is powered by video proctoring hence any unneeded interference by any adult during the exam will be monitored and may lead to disqualification of the exam. Hence you have to ALLOW the camera to be on. \r\n
- We have created a demo exam which is free for all the students, this will help you understand the interface of our exam portal hence, and it has mixed questions from all the subjects of that particular class. However, your actual examination will have the entire 30 questions from the same subject. So do not get confused. \r\n
- To have a great user experience, prefer attempting the exam on a laptop/ desktop. However, the exam can also be attempted on a smartphone. \r\n
- For any queries, write us at exam@groupnof.com \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 ![](\"assets/image/nof.JPG\")
\r\n ![](\"assets/image/nof-junior-logo.png\")
\r\n
\r\n \r\n \r\n \r\n
\r\n {{loggedInUser?.UserName}}
\r\n\r\n Logout\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-right-sidebar',\r\n templateUrl: './right-sidebar.component.html',\r\n styleUrls: ['./right-sidebar.component.css']\r\n})\r\nexport class RightSidebarComponent implements OnInit {\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 \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 { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-nof-junior',\r\n templateUrl: './nof-junior.component.html',\r\n styleUrls: ['./nof-junior.component.css']\r\n})\r\nexport class NofJuniorComponent implements OnInit {\r\n\r\n constructor(\r\n private _router: Router,\r\n private route: ActivatedRoute\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n console.log(this.route);\r\n }\r\n\r\n redirectToOlyampiadRegister(){\r\n this._router.navigateByUrl('olyampiad-register');\r\n }\r\n\r\n}\r\n","\r\n
\r\n \r\n Do you have any Query?
\r\n \r\n \r\n\r\n
\r\n","import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\r\nimport { FormArray, FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { MasterDataService } from '@app/core/http/master/master-data.service';\r\nimport { OlympiadService } from '@app/core/http/olympiad/olympiad.service';\r\nimport { AlertService } from '@app/core/services/alert.service';\r\nimport { ClassMaster } from '@app/shared/models/class-master.model';\r\nimport { NgxSpinnerService } from \"ngx-spinner\"; \r\n\r\n@Component({\r\n selector: 'app-olympiad-register',\r\n templateUrl: './olympiad-register.component.html',\r\n styleUrls: ['./olympiad-register.component.css']\r\n})\r\nexport class OlympiadRegisterComponent implements OnInit {\r\n olyampiadRegisterForm: FormGroup;\r\n submitted = false;\r\n classMaster: ClassMaster[];\r\n constructor(\r\n private formBuilder: FormBuilder, \r\n private masterDataService: MasterDataService,\r\n private olympiadService: OlympiadService,\r\n private router: Router, \r\n private route: ActivatedRoute,\r\n private spinnerService: NgxSpinnerService, \r\n private alertService: AlertService,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.olyampiadRegisterForm = this.formBuilder.group({\r\n StudentRegistrationId: [\"\"],\r\n StudentName: [\"\",Validators.required],\r\n SchoolName: [\"\",Validators.required],\r\n ClassLevel: [\"\",Validators.required],\r\n Class: [\"\",Validators.required],\r\n ParentsEmail: [\"\",[Validators.required, Validators.email]],\r\n ParentsMobile: [\"\",Validators.required],\r\n AlternateMobile: [\"\"],\r\n OlympiadColl: new FormArray([], [Validators.required]),\r\n PracticeKitColl: new FormArray([], [Validators.required]),\r\n AddressId: [''],\r\n TotalCost:[0],\r\n });\r\n\r\n this.getClassMaster();\r\n }\r\n\r\n get formObj() { return this.olyampiadRegisterForm.controls; }\r\n\r\n getClassMaster(){\r\n this.masterDataService.getClassMaster().subscribe(\r\n (response) =>{\r\n this.spinnerService.hide(); \r\n if (response.StatusCode === 200) {\r\n this.classMaster = response.Result;\r\n }\r\n },\r\n (err) =>{\r\n this.spinnerService.hide(); \r\n this.alertService.error(err.error.message);\r\n }\r\n ) \r\n }\r\n\r\n changeOlympiad(event, subject, fee){\r\n const formArray: FormArray = this.olyampiadRegisterForm.get('OlympiadColl') as FormArray;\r\n if(event.target.checked){\r\n // Add a new control in the arrayForm\r\n formArray.push(new FormControl({\r\n \"OlympiadCode\": \"\",\r\n \"NameOfOlympiad\": subject,\r\n \"Fee\":fee\r\n\r\n }));\r\n }\r\n else{\r\n formArray.value.find((data, index)=>{\r\n if(data.NameOfOlympiad == subject){\r\n formArray.removeAt(index);\r\n }\r\n });\r\n }\r\n }\r\n\r\n changePractice(event, subject, fee){\r\n const formArray: FormArray = this.olyampiadRegisterForm.get('PracticeKitColl') as FormArray;\r\n if(event.target.checked){\r\n // Add a new control in the arrayForm\r\n formArray.push(new FormControl({\r\n \"PracticeKitId\": \"\",\r\n \"NameOfKit\": subject,\r\n \"Fee\":fee\r\n }));\r\n }\r\n else{\r\n formArray.value.find((data, index)=>{\r\n if(data.NameOfKit == subject){\r\n formArray.removeAt(index);\r\n }\r\n });\r\n }\r\n }\r\n\r\n onFormSubmit(): void {\r\n this.submitted = true;\r\n // stop here if form is invalid\r\n if (this.olyampiadRegisterForm.invalid) {\r\n return;\r\n }\r\n\r\n this.spinnerService.show(); \r\n let olympiadRegister = this.olyampiadRegisterForm.value;\r\n this.olympiadService.studentRegister(olympiadRegister).subscribe(\r\n (response) =>{\r\n this.spinnerService.hide(); \r\n if (response.statusCode === 200) {\r\n console.log(response.result);\r\n }\r\n },\r\n (err) =>{\r\n this.spinnerService.hide(); \r\n this.alertService.error(err.error.message);\r\n }\r\n ) \r\n }\r\n\r\n // {\r\n \r\n // \"AccountId\": \"4c0ed57480634fe58f10590b99ce7ed7\",\r\n // \"StudentRegistrationId\" : \"a831e5379a4e4d81a6738494befcb229\", //pass this as empty at first time registration\r\n // \"StudentName\": \"KWI\",\r\n // \"SchoolName\": \"EMR\",\r\n // \"Class\": \"Class 1\",\r\n // \"ParentsMobile\": \"445495493434\",\r\n // \"AlternateMobile\": \"34353535353\",\r\n // \"ParentsEmail\": \"dineshrahav@gmail.com\",\r\n // \"ClassLevel\": \"JR\",\r\n // \"OlympiadColl\" : [\r\n // {\r\n // \"OlympiadCode\": \"8fce3f7169414b2596da0745592f8d65\",\r\n // \"NameOfOlympiad\": \"Science\",\r\n // \"Fee\": 5459.00\r\n \r\n // }\r\n \r\n // ],\r\n // \"PracticeKitColl\":[\r\n // {\r\n // \"PracticeKitId\": \"1f00c418e6264857b860f4a2129fcdb9\",\r\n // \"NameOfKit\": \"Maths Practice Kit\",\r\n // \"Fee\": 450.00\r\n \r\n // }\r\n // ],\r\n // \"AddressId\": \"7c26d3ab35044da688e128ce25d2a6f5\",\r\n // \"TotalCost\" : 0, //This needs to be sent empty, will be calculated on server, but will be returned in GET\r\n // \"PaymentType\" : 1,\r\n // \"PaymentStatus\" : \"Payment Done\", //Whatever status gateway has sent\r\n // \"TransactionDate\" : \"2020-08-14 02:39:04.057\", //Pass as today's date but will be calculated on server, returned in GET\r\n // \"TransactionReferenceId\" : \"2424ERYEITIEUTIETETE3456783434\" //Whatever status gateway has sent\r\n // }\r\n\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n ![](\"assets/image/boy.png\")
\r\n
\r\n \r\n \r\n
\r\n Register for your Olympiads
\r\nAnimation based assesments
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"assets/image/girl.png\")
\r\n
\r\n \r\n \r\n
\r\n Practise Worksheet
\r\nmapped according to school curriculam
\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 Reports & Analysis
\r\nIdentity learning apps
\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 Interactive Mock Test
\r\nTest design to score more in olympiads
\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 Structured Remedial plan
\r\nImprovement techniques to rectify learning gaps
\r\n\r\n \r\n
\r\n \r\n
\r\n","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\nimport { PortalComponent } from './portal.component';\r\nimport { HeaderComponent } from './layouts/header/header.component';\r\nimport { LeftSidebarComponent } from './layouts/left-sidebar/left-sidebar.component';\r\nimport { RightSidebarComponent } from './layouts/right-sidebar/right-sidebar.component';\r\nimport { FooterComponent } from './layouts/footer/footer.component';\r\nimport { DashboardComponent } from './/dashboard/dashboard.component';\r\nimport { NofJuniorComponent } from './nof-junior/nof-junior.component';\r\nimport { OlympiadRegisterComponent } from './olympiad-register/olympiad-register.component';\r\nimport { StudentDashboardComponent } from './student-dashboard/student-dashboard.component';\r\nimport { StudentSummaryComponent } from './student-summary/student-summary.component';\r\nimport { ExamScheduleComponent } from './exam-schedule/exam-schedule.component';\r\nimport { ExamCompleteComponent } from './exam-complete/exam-complete.component';\r\nimport { StudentDashboardSrComponent } from './student-dashboard-sr/student-dashboard-sr.component';\r\nimport { ExamScheduleSrComponent } from './exam-schedule-sr/exam-schedule-sr.component';\r\nimport { ExamCompleteSrComponent } from './exam-complete-sr/exam-complete-sr.component';\r\nimport { ExamStartComponent } from './exam-start/exam-start.component'; \r\nimport { ExamStartSrComponent } from './exam-start-sr/exam-start-sr.component';\r\nimport { DemoStartComponent } from './demo-start/demo-start.component';\r\nimport { DemoStartSrComponent } from './demo-start-sr/demo-start-sr.component';\r\n\r\nconst routes: Routes = [\r\n { path: '', component: PortalComponent, \r\n children: [\r\n // { path: 'dashboard', component: DashboardComponent },\r\n { path: 'student-summary', component: StudentSummaryComponent },\r\n { path: 'student-registration-sr', component: StudentDashboardSrComponent },\r\n { path: 'student-registration', component: StudentDashboardComponent },\r\n { path: 'demo-exam-schedule', component: ExamScheduleComponent },\r\n { path: 'demo-exam-schedule-sr', component: ExamScheduleSrComponent },\r\n { path: 'exam-start', component: ExamStartComponent },\r\n { path: 'exam-start-sr', component: ExamStartSrComponent },\r\n { path: 'demo-exam-start', component: DemoStartComponent },\r\n { path: 'demo-exam-start-sr', component: DemoStartSrComponent },\r\n { path: 'exam-schedule', component: ExamScheduleComponent },\r\n { path: 'exam-schedule-sr', component: ExamScheduleSrComponent },\r\n { path: 'exam-complete', component: ExamCompleteComponent },\r\n { path: 'exam-complete-sr', component: ExamCompleteSrComponent },\r\n { path: 'demo-exam-complete', component: ExamCompleteComponent },\r\n { path: 'demo-exam-complete-sr', component: ExamCompleteSrComponent },\r\n \r\n { path: 'nof-junior', component: NofJuniorComponent },\r\n { path: 'olyampiad-register', component: OlympiadRegisterComponent }\r\n ] \r\n },\r\n]\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\n\r\nexport class PortalRoutingModule {\r\n static components = [\r\n PortalComponent,\r\n HeaderComponent,\r\n LeftSidebarComponent,\r\n RightSidebarComponent,\r\n FooterComponent,\r\n DashboardComponent,\r\n NofJuniorComponent,\r\n OlympiadRegisterComponent,\r\n ExamStartComponent,\r\n StudentDashboardComponent,\r\n StudentSummaryComponent,\r\n ExamScheduleComponent,\r\n ExamCompleteComponent,\r\n StudentDashboardSrComponent,\r\n ExamScheduleSrComponent,\r\n ExamCompleteSrComponent,\r\n ];\r\n}","import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';\r\nimport $ from 'jquery';\r\nimport { Router, NavigationEnd } from '@angular/router';\r\nimport { AuthenticationService } from '@app/core/authentication/authentication.service';\r\nimport { MessageService } from '@app/core/services/message.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-portal',\r\n templateUrl: './portal.component.html',\r\n styleUrls: ['./portal.component.css']\r\n})\r\nexport class PortalComponent implements OnInit {\r\n Images = ['../assets/images/Carousel1.jpeg', '../assets/images/Carousel2.jpeg', '../assets/images/Carousel3.jpeg']; \r\n \r\n SlideOptions = { items: 1, dots: true, nav: true }; \r\n CarouselOptions = { items: 3, dots: true, nav: true }; \r\n showBanner: string; \r\n showHeader: boolean = true;\r\n isLoggedIn: boolean = false;\r\n constructor(\r\n private authenticateService: AuthenticationService, \r\n private messageService: MessageService,\r\n public router: Router\r\n ) { \r\n \r\n router.events.subscribe((event) => {\r\n if(event instanceof NavigationEnd){\r\n let eventUrl = event.url.split('?')[0];\r\n if(eventUrl === '/exam-schedule' || eventUrl === '/exam-schedule-sr' || eventUrl === \"/demo-exam-schedule\" || eventUrl === \"/demo-exam-schedule-sr\" ){\r\n this.showHeader = false\r\n } else {\r\n this.showHeader = true;\r\n }\r\n }\r\n });\r\n\r\n }\r\n \r\n \r\n ngOnInit(): void { \r\n // $(document).on(\"keydown\",function(ev){\r\n // console.log(ev.keyCode);\r\n // if(ev.keyCode===27||ev.keyCode===122) {return false}\r\n // })\r\n document.addEventListener('contextmenu', event => event.preventDefault()); //right click disabled\r\n //this.openfullscreen();\r\n this.isLoggedIn = this.authenticateService.isLogin();\r\n this.messageService.getMessage().subscribe(data =>{\r\n console.log(data);\r\n this.isLoggedIn = data.showClass;\r\n })\r\n }\r\n\r\n openfullscreen() {\r\n // Trigger fullscreen\r\n const docElmWithBrowsersFullScreenFunctions = document.documentElement as HTMLElement & {\r\n mozRequestFullScreen(): Promise\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Register for your Olympiads
\r\nAnimation based assesments
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Section 1 of 4
\r\n\r\n ![](\"assets/image/junior.svg\")
\r\n
\r\n \r\n \r\n
\r\n What is NOF Junior?
\r\n \r\n- \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
\r\n
\r\n \r\n
\r\n How to prepare students for NOF Junior?
\r\n \r\n- \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
\r\n
\r\n \r\n
\r\n Recognisation & Awards?
\r\n \r\n- \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
- Animation based learning experience \r\n
\r\n
\r\n \r\n \r\n\r\n\r\n Section 2 of 4
\r\n\r\n \r\n
\r\n