Summary / Confirmation
\r\n
","import { Component, OnInit, HostListener } from '@angular/core';\r\nimport { FormGroup, FormBuilder, FormControl, Validators, FormArrayName } from '@angular/forms';\r\nimport { Gender, ResidenceItem, QuotationModule, QuotationDetail } from '../services/domain.service';\r\nimport { QuotationsService } from '../services/quotations.service';\r\nimport { GlobalsService } from '../services/globals.service';\r\nimport { Router } from '@angular/router';\r\nimport { StudentType } from '../services/enums.service';\r\nimport { of } from 'rxjs';\r\nimport { DataService } from '../services/data.service';\r\nimport { MatTableDataSource } from '@angular/material';\r\nimport { SnotifyService, SnotifyPosition } from 'ng-snotify';\r\n\r\n@Component({\r\n selector: 'app-confirmation',\r\n templateUrl: './confirmation.component.html',\r\n styleUrls: ['./confirmation.component.less']\r\n})\r\nexport class ConfirmationComponent implements OnInit {\r\n labelFloat: string = \"always\";\r\n checked: boolean = false;\r\n selectedGender: string = \"\";\r\n canIncludeRes: boolean = true;\r\n showResSelect: boolean = false;\r\n degreeFullName: string = \"\";\r\n\r\n quotationDetail: QuotationDetail = { studentType: StudentType.local, academicYear: 0, degreeTypeId: \"\", degreeTypeName: \"\", \r\n gradTypeId: \"\", gradTypeName: \"\", studyTypeId: \"\", studyTypeName: \"\", facultyId: \"\", facultyName: \"\", programmeId: 0, \r\n programmeName: \"\", streamId: \"\", streamName: \"\", yearLevelId: 0, yearLevelName: \"\", quotationsModules: [], programmeDuration: 0, chargeByModule: true, programmeCost: 0,\r\n includeRes: false, generateQuotation: false, generateProforma: false, residence: undefined, personalInfo: undefined, proformaInfo: undefined };\r\n\r\n quotationModules: Array\r\n \r\n
\r\nFaculty: {{quotationDetail.facultyName}}
\r\n Degree: {{degreeFullName}}
\r\n Year Level: {{quotationDetail.yearLevelId}}
\r\n 0\">\r\n \r\n \r\n {{module.moduleCode}} \r\n \r\n \r\n {{module.moduleName}} \r\n \r\n \r\n {{module.moduleCost | currency : \"R \"}} \r\n \r\n \r\n {{module.moduleCredits}} \r\n \r\n \r\n
\r\n Compulsory Modules
\r\n 0\">\r\n \r\n \r\n {{module.moduleCode}} \r\n \r\n \r\n {{module.moduleName}} \r\n \r\n \r\n {{module.moduleCost | currency : \"R \"}} \r\n \r\n \r\n {{module.moduleCredits}} \r\n \r\n \r\n
\r\n Elective Modules
\r\n\r\n \r\n \r\n {{subTotal.description}} \r\n \r\n \r\n {{subTotal.amount | currency : \"R \"}} \r\n \r\n \r\n {{subTotal.credits}} \r\n \r\n \r\n \r\n \r\n {{total.description}} \r\n \r\n \r\n {{total.amount | currency : \"R \"}} \r\n \r\n \r\n {{total.credits}} \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Note: Accommodation is not included in summary of Programme Selection
\r\n\r\n Include University Residence \r\n
\r\n \r\n \r\n \r\n {{res.roomTypeId}} \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{res.roomTypeName}} \r\n \r\n info \r\n \r\n \r\n \r\n \r\n {{res.maxPrice | currency : \"R \"}} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n There is no accommodation currently available.
\r\n \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, AfterViewInit, Inject, ViewChild, ElementRef, HostListener } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';\r\n\r\n@Component({\r\n selector: 'app-countrymap',\r\n templateUrl: './countrymap.component.html',\r\n styleUrls: ['./countrymap.component.less']\r\n})\r\nexport class CountrymapComponent implements OnInit, AfterViewInit {\r\n\r\n mapId: number = 0;\r\n mapTitle: string = '';\r\n public isLocal: boolean = true;\r\n isIE: boolean = false;\r\n screenWidth: number = 0;\r\n\r\n constructor(private dialogRef: MatDialogRef\r\n \r\n \r\n
\r\n {{mapTitle}}
\r\n
\r\n\r\n
\r\n \r\n
\r\n What is a South African Student?
\r\n- \r\n
- {{screenWidth > 600 ? '*' : ''}} Have a South African ID \r\n
\r\n
\r\n What is a Non South African ID Holder?
\r\n- \r\n
- {{screenWidth > 600 ? '*' : ''}} Africa, Refugee, Asylum Seeker \r\n
- {{screenWidth > 600 ? '*' : ''}} SADC \r\n
- {{screenWidth > 600 ? '*' : ''}} Non SADC \r\n
\r\n
\r\n What is an Overseas International Student?
\r\n- \r\n
- {{screenWidth > 600 ? '*' : ''}} Overseas passport \r\n
- {{screenWidth > 600 ? '*' : ''}} Overseas refugee \r\n
- {{screenWidth > 600 ? '*' : ''}} Overseas Asylum Seeker \r\n
\r\n
\r\n \r\n \r\n
\r\n {{mapId == 2 ? 'SADC Countries' : ''}}
\r\n- \r\n
- {{mapId == 2 ? 'Angola' : ''}} \r\n
- {{mapId == 2 ? 'Botswana' : ''}} \r\n
- {{mapId == 2 ? 'Comoros' : ''}} \r\n
- {{mapId == 2 ? 'Congo, DR' : ''}} \r\n
- {{mapId == 2 ? 'Eswatini' : ''}} \r\n
- {{mapId == 2 ? 'Lesotho' : ''}} \r\n
- {{mapId == 2 ? 'Madagascar' : ''}} \r\n
- {{mapId == 2 ? 'Malawi' : ''}} \r\n
- {{mapId == 2 ? 'Mauritius' : ''}} \r\n
- {{mapId == 2 ? 'Mozambique' : ''}} \r\n
- {{mapId == 2 ? 'Namibia' : ''}} \r\n
- {{mapId == 2 ? 'Seychelles' : ''}} \r\n
- {{mapId == 2 ? 'South Africa' : ''}} \r\n
- {{mapId == 2 ? 'Tanzania' : ''}} \r\n
- {{mapId == 2 ? 'Zambia' : ''}} \r\n
- {{mapId == 2 ? 'Zimbabwe' : ''}} \r\n
\r\n
\r\n UWC Online Quotations & Pro-forma Invoices
\r\n \r\n
\r\n","import { Component, OnInit, ElementRef, Renderer, HostListener } from '@angular/core';\r\nimport { MatDialogConfig, MatDialog, MAT_DIALOG_DATA } from '@angular/material';\r\nimport { CountrymapComponent } from '../countrymap/countrymap.component';\r\nimport { GlobalsService } from '../services/globals.service';\r\nimport { QuotationDetail } from '../services/domain.service';\r\nimport { Router } from '@angular/router';\r\nimport { DataService } from '../services/data.service';\r\nimport { StudentType } from '../services/enums.service';\r\nimport { SnotifyService, SnotifyPosition } from 'ng-snotify';\r\n\r\n@Component({\r\n selector: 'app-default',\r\n templateUrl: './default.component.html',\r\n styleUrls: ['./default.component.less']\r\n})\r\nexport class DefaultComponent implements OnInit {\r\n\r\n constructor(private elRef: ElementRef,\r\n private renderer: Renderer,\r\n private dialog: MatDialog,\r\n private globals: GlobalsService,\r\n private router: Router,\r\n private data: DataService,\r\n private notifier: SnotifyService) { }\r\n\r\n ngOnInit() {\r\n this.data.changePage(\"home\");\r\n this.initialiseQuotationDetail();\r\n\r\n if(this.globals.quotationDetail) {\r\n this.globals.quotationDetail = undefined;\r\n }\r\n }\r\n\r\n ngAfterViewInit(){\r\n this.checkBrowser();\r\n }\r\n\r\n async checkBrowser(){\r\n await this.delay(500); \r\n\r\n var isIE = /*@cc_on!@*/false || !!document.documentMode;\r\n if(isIE){\r\n alert('We have noticed that you are using Internet Explorer. For optimal UWC Online Quotation experience, we suggest using the following browsers: Chrome, Firefox, Edge, Safari, Opera');\r\n }\r\n }\r\n\r\n private delay(ms: number)\r\n {\r\n return new Promise(resolve => setTimeout(resolve, ms));\r\n }\r\n\r\n initialiseQuotationDetail(){\r\n let quotationDetail: QuotationDetail = { studentType: StudentType.local, academicYear: 0, degreeTypeId: \"\", degreeTypeName: \"\", \r\n gradTypeId: \"\", gradTypeName: \"\", studyTypeId: \"\", studyTypeName: \"\", facultyId: \"\", facultyName: \"\", programmeId: 0, \r\n programmeName: \"\", streamId: \"\", streamName: \"\", yearLevelId: 0, yearLevelName: \"\", quotationsModules: [], programmeDuration: 0, chargeByModule: true, programmeCost: 0,\r\n includeRes: false, generateQuotation: false, generateProforma: false, residence: undefined, personalInfo: undefined, proformaInfo: undefined };\r\n\r\n this.globals.quotationDetail = quotationDetail;\r\n }\r\n\r\n showMap(mapId: number) {\r\n const dialogConfig = new MatDialogConfig();\r\n dialogConfig.disableClose = true;\r\n dialogConfig.autoFocus = true;\r\n dialogConfig.data = mapId;\r\n\r\n let dialogRef = this.dialog.open(CountrymapComponent, dialogConfig);\r\n dialogRef.afterClosed().subscribe(result => {\r\n //Remove focus on the selected button clicked\r\n this.renderer.invokeElementMethod(this.elRef.nativeElement, 'blur', []);\r\n });\r\n }\r\n\r\n proceed(sType: number) {\r\n let quotationDetail: QuotationDetail = { studentType: sType, academicYear: 0, degreeTypeId: \"\", degreeTypeName: \"\", \r\n gradTypeId: \"\", gradTypeName: \"\", studyTypeId: \"\", studyTypeName: \"\", facultyId: \"\", facultyName: \"\", programmeId: 0, \r\n programmeName: \"\", streamId: \"\", streamName: \"\", yearLevelId: 0, yearLevelName: \"\", quotationsModules: [], programmeDuration: 0, chargeByModule: true, programmeCost: 0,\r\n includeRes: false, generateQuotation: false, generateProforma: false, residence: undefined, personalInfo: undefined, proformaInfo: undefined };\r\n\r\n this.globals.quotationDetail = quotationDetail;\r\n this.router.navigate(['/default', {outlets: {'main': ['disclaimer']}}]);\r\n }\r\n}\r\n\r\ndeclare global {\r\n interface Document{\r\n documentMode?: any;\r\n }\r\n}\r\n","\r\n
","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-disclaimercontent',\r\n templateUrl: './disclaimercontent.component.html',\r\n styleUrls: ['./disclaimercontent.component.less']\r\n})\r\nexport class DisclaimercontentComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n
\r\n Provisional Quotation and or Pro-forma Invoice Given Without Prejudice
\r\nThis provisional quotation and or pro-forma invoice:
\r\n- \r\n
- \r\n only applies to persons:\r\n
- \r\n
- with South African citizenship; or \r\n
- who are in possession of a valid permanent residence permit; and/or \r\n
- who do not follow a so-called \"Short Course\". \r\n
\r\n
Other international students must return to the previous screen and select \"International student\".
\r\n- \r\n
- \r\n does not take prerequisite and co-requisite modules, prerequisite pass, exclusion subjects, \r\n required number of credits or allowed number of credits into account. The required amount \r\n of credits as stipulated in the quote is indicative only and shall serve as a guideline when \r\n selecting modules, with an aim to assist the applicant secure that the total amount of credits \r\n of selected modules and check that these corresponds more or less with the required amount of \r\n credits. If in doubt about the curriculum of the intended programme to be followed, please \r\n refer to the particular Calendar of the Faculty,\r\n \r\n
- \r\n does not take the previous academic record into account,\r\n \r\n
- \r\n does not allow a quotation for more than one programme per enquiry; quotations for different programmes must be requested individually,\r\n \r\n
- \r\n does in no way confirm admission to the programme applied for or placement in residence,\r\n \r\n
- \r\n only offers an estimate of the cost of study, although it is aimed at offering an amount as close as possible to the real cost,\r\n \r\n
- \r\n estimates for textbooks can be obtained from book stores,\r\n \r\n
- \r\n is offered with the understanding that University Executive, Management, Staff, Council and Senate accept no \r\n liability in regard to inaccuracies, if any, that may occur in the content of this provisional quotation, \r\n \r\n
- \r\n is offered with further explanation that appears at the end of the final quotation document.\r\n \r\n
\r\n \r\n I hereby declare that I have read, understood and accept the conditions and requirements of this Provisional Quotation and or Pro-forma Invoice. \r\n \r\n
\r\n\r\n
","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-disclaimercontentoversees',\r\n templateUrl: './disclaimercontentoversees.component.html',\r\n styleUrls: ['./disclaimercontentoversees.component.less']\r\n})\r\nexport class DisclaimercontentoverseesComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n
\r\n Provisional Quotation and or Pro-forma Invoice Given Without Prejudice
\r\nThis provisional quotation and or pro-forma invoice:
\r\n- \r\n
- \r\n Only applies to Non South African ID holders and International students;\r\n \r\n
- \r\n does not take prerequisite and co-requisite modules, prerequisite pass, exclusion subjects, \r\n required number of credits or allowed number of credits into account. The required amount \r\n of credits as stipulated in the quote is indicative only and shall serve as a guideline when \r\n selecting modules, with an aim to assist the applicant secure that the total amount of credits \r\n of selected modules and check that these corresponds more or less with the required amount of \r\n credits. If in doubt about the curriculum of the intended programme to be followed, please \r\n refer to the particular Calendar of the Faculty,\r\n \r\n
- \r\n does not take the previous academic record into account,\r\n \r\n
- \r\n does not allow a quotation for more than one programme per enquiry; quotations for different programmes must be requested individually,\r\n \r\n
- \r\n does in no way confirm admission to the programme applied for or placement in residence,\r\n \r\n
- \r\n only offers an estimate of the cost of study, although it is aimed at offering an amount as close as possible to the real cost,\r\n \r\n
- \r\n estimates for textbooks can be obtained from book stores,\r\n \r\n
- \r\n is offered with the understanding that University Executive, Management, Staff, Council and Senate accept no \r\n liability in regard to inaccuracies, if any, that may occur in the content of this provisional quotation, \r\n \r\n
- \r\n is offered with further explanation that appears at the end of the final quotation document.\r\n \r\n
\r\n \r\n I hereby declare that I have read, understood and accept the conditions and requirements of this Provisional Quotation and or Pro-forma Invoice. \r\n \r\n
\r\n\r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { DataService } from 'src/app/services/data.service';\r\nimport { GlobalsService } from 'src/app/services/globals.service';\r\n\r\n@Component({\r\n selector: 'app-disclaimerpage',\r\n templateUrl: './disclaimerpage.component.html',\r\n styleUrls: ['./disclaimerpage.component.less']\r\n})\r\nexport class DisclaimerpageComponent implements OnInit {\r\n studentStype: number = 0;\r\n\r\n constructor(private data: DataService,\r\n private globals: GlobalsService) { }\r\n\r\n ngOnInit() {\r\n this.data.changePage(\"disclaimer\");\r\n\r\n if(this.globals.quotationDetail){\r\n this.studentStype = this.globals.quotationDetail.studentType;\r\n }\r\n }\r\n\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 { GlobalsService } from 'src/app/services/globals.service';\r\n\r\n@Component({\r\n selector: 'app-disclaimerprint',\r\n templateUrl: './disclaimerprint.component.html',\r\n styleUrls: ['./disclaimerprint.component.less']\r\n})\r\nexport class DisclaimerprintComponent implements OnInit {\r\n studentType: number = 0;\r\n\r\n constructor(private globals: GlobalsService) { }\r\n\r\n ngOnInit() {\r\n if(this.globals.quotationDetail){\r\n this.studentType = this.globals.quotationDetail.studentType;\r\n }\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n Error
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-errorpage',\r\n templateUrl: './errorpage.component.html',\r\n styleUrls: ['./errorpage.component.less']\r\n})\r\nexport class ErrorpageComponent implements OnInit {\r\n exception: Error = undefined;\r\n errorMessage: string = '';\r\n errorName: string = '';\r\n stackTrace: string = '';\r\n\r\n constructor(private router: Router,\r\n private route: ActivatedRoute) { }\r\n\r\n ngOnInit() {\r\n this.route.params.subscribe(params => {\r\n this.exception = params['error'];\r\n/*\r\n this.errorName = this.exception.name;\r\n this.errorMessage = this.exception.name;\r\n this.stackTrace = this.exception.stack;\r\n*/\r\n console.log(this.exception);\r\n });\r\n }\r\n\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { CanActivate, Router } from '@angular/router';\r\nimport { GlobalsService } from '../services/globals.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AuthGuardService implements CanActivate {\r\n\r\n constructor(private globals: GlobalsService,\r\n private router: Router) { }\r\n\r\n canActivate() {\r\n if(this.globals.quotationDetail) {\r\n return true;\r\n }\r\n\r\n this.router.navigate(['/']);\r\n\r\n return 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 \r\n \r\n \r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { DataService } from 'src/app/services/data.service';;\r\n\r\n@Component({\r\n selector: 'app-mainlayout',\r\n templateUrl: './mainlayout.component.html',\r\n styleUrls: ['./mainlayout.component.less']\r\n})\r\nexport class MainlayoutComponent implements OnInit {\r\n opened = false;\r\n mode = 'over';\r\n showLoader: boolean = false;\r\n\r\n constructor(private data: DataService) { }\r\n\r\n ngOnInit() {\r\n this.data.mobileMenu.subscribe(state => {\r\n this.opened = state;\r\n });\r\n\r\n this.data.dataLoading.subscribe(status => {\r\n this.showLoader = status;\r\n });\r\n }\r\n\r\n onClose(): void {\r\n this.data.toggleMobileMenu(false);\r\n }\r\n}\r\n","Modules
\r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { QuotationModule, QuotationDetail, ModuleProgramme } from '../services/domain.service';\r\nimport { QuotationsService } from '../services/quotations.service';\r\nimport { GlobalsService } from '../services/globals.service';\r\nimport { Router } from '@angular/router';\r\nimport { StudentType } from '../services/enums.service';\r\nimport { DataService } from '../services/data.service';\r\nimport { MatTableDataSource } from '@angular/material';\r\nimport { Observable, forkJoin } from 'rxjs';\r\nimport { SnotifyPosition, SnotifyService } from 'ng-snotify';\r\n\r\n@Component({\r\n selector: 'app-modules',\r\n templateUrl: './modules.component.html',\r\n styleUrls: ['./modules.component.less']\r\n})\r\nexport class ModulesComponent implements OnInit {\r\n degreeFullName: string = \"\";\r\n programmeHasModules = true;\r\n\r\n//This is the seciton from confirmation screen\r\nquotationDetail: QuotationDetail = { studentType: StudentType.local, academicYear: 0, degreeTypeId: \"\", degreeTypeName: \"\", \r\n gradTypeId: \"\", gradTypeName: \"\", studyTypeId: \"\", studyTypeName: \"\", facultyId: \"\", facultyName: \"\", programmeId: 0, \r\n programmeName: \"\", streamId: \"\", streamName: \"\", yearLevelId: 0, yearLevelName: \"\", quotationsModules: [], programmeDuration: 0, chargeByModule: true, programmeCost: 0,\r\n includeRes: false, generateQuotation: false, generateProforma: false, residence: undefined, personalInfo: undefined, proformaInfo: undefined };\r\nmoduleProgramme: ModuleProgramme = undefined;\r\nquotationModule: Array\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Faculty: {{quotationDetail.facultyName}}
\r\n Degree: {{degreeFullName}}
\r\n Year Level: {{quotationDetail.yearLevelId}}
\r\n \r\n
\r\n 0\">Max credits for year level: {{maxCredits}}
\r\n Total credits selected: {{subTotalItem.credits}}
\r\n Total tuition fees: {{subTotalItem.amount | currency : \"R \"}}
\r\n 0 && subTotalItem.credits > maxCredits\">Credits selected are greater than max credits for year level
\r\n \r\n \r\n
\r\n
\r\n Compulsory Modules
\r\n \r\n| \r\n | \r\n \r\n | \r\n {{module.moduleCode}} | \r\n{{module.moduleName}} | \r\n{{module.moduleCost | currency : \"R \"}} | \r\n{{module.moduleCredits}} | \r\n
\r\n \r\n
\r\n
\r\n Elective Modules
\r\n| \r\n | \r\n \r\n \r\n | \r\n {{module.moduleCode}} | \r\n{{module.moduleName}} | \r\n{{module.moduleCost | currency : \"R \"}} | \r\n{{module.moduleCredits | number}} | \r\n
0 && subTotalItem.credits > maxCredits\">Credits selected are greater than max credits for year level
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { DataService } from 'src/app/services/data.service';\r\nimport { GlobalsService } from 'src/app/services/globals.service';\r\n\r\n@Component({\r\n selector: 'app-bcrumbsnav',\r\n templateUrl: './bcrumbsnav.component.html',\r\n styleUrls: ['./bcrumbsnav.component.less']\r\n})\r\nexport class BcrumbsnavComponent implements OnInit {\r\n page: string = \"\";\r\n pageId: number = 0;\r\n isPageDisclaimer: boolean = false;\r\n breadcrumbList: Array\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
","import { Component, OnInit, ViewChild, HostListener } from '@angular/core';\r\nimport { DataService } from 'src/app/services/data.service';\r\nimport { MatSidenav } from '@angular/material';\r\n\r\n@Component({\r\n selector: 'app-topnavigation',\r\n templateUrl: './topnavigation.component.html',\r\n styleUrls: ['./topnavigation.component.less']\r\n})\r\nexport class TopnavigationComponent implements OnInit {\r\n opened: boolean = false;\r\n\r\n @ViewChild('sidenav', {static: false}) sidenav: MatSidenav;\r\n\r\n constructor(private data: DataService) { }\r\n\r\n ngOnInit() {\r\n this.data.mobileMenu.subscribe(state => {\r\n if(state == false) {\r\n this.opened = state;\r\n }\r\n })\r\n }\r\n\r\n toggleMobileMenu(){\r\n this.opened = !this.opened\r\n this.data.toggleMobileMenu(this.opened);\r\n }\r\n\r\n @HostListener('window:resize', ['$event'])\r\n onResize(event){\r\n if(this.opened == true){\r\n this.opened = false;\r\n this.data.toggleMobileMenu(this.opened);\r\n }\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n ![](\"../../../assets/logos/uwc.jpg\")
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Personal Information
\r\n
","import { Component, OnInit, HostListener, forwardRef } from '@angular/core';\r\nimport { FormGroup, FormBuilder, FormControl, Validators } from '@angular/forms';\r\nimport { PersonalInfo, ProformaInfo, QuotationDetail } from '../services/domain.service';\r\nimport { DataService } from '../services/data.service';\r\nimport { Router } from '@angular/router';\r\nimport { StudentType } from '../services/enums.service';\r\nimport { GlobalsService } from '../services/globals.service';\r\nimport { SnotifyService, SnotifyPosition } from 'ng-snotify';\r\n\r\n@Component({\r\n selector: 'app-personalinfo',\r\n templateUrl: './personalinfo.component.html',\r\n styleUrls: ['./personalinfo.component.less']\r\n})\r\n\r\nexport class PersonalinfoComponent implements OnInit {\r\n labelFloat: string = \"always\";\r\n hideConfirmEmail: boolean = true;\r\n sendEmail: boolean = false;\r\n generateProforma: boolean = false;\r\n generateQuotation: boolean = false;\r\n\r\n confirmEmail: string = \"\";\r\n personalInfoForm: FormGroup;\r\n proformaForm: FormGroup;\r\n\r\n personalInfo: PersonalInfo = { initials: \"\", surname: \"\", email: \"\", sendEmail: false };\r\n\r\n proformaInfo: ProformaInfo = {companyName: \"\", contactPerson: \"\", contactNumber: \"\", companyRegNumber: \"\", \r\n vatNumber: \"\", addressLine1: \"\", addressLine2: \"\", city: \"\", postalCode: \"\", country: \"\"};\r\n\r\n quotationDetail: QuotationDetail = { studentType: StudentType.local, academicYear: 0, degreeTypeId: \"\", degreeTypeName: \"\", \r\n gradTypeId: \"\", gradTypeName: \"\", studyTypeId: \"\", studyTypeName: \"\", facultyId: \"\", facultyName: \"\", programmeId: 0, \r\n programmeName: \"\", streamId: \"\", streamName: \"\", yearLevelId: 0, yearLevelName: \"\", quotationsModules: [], programmeDuration: 0, chargeByModule: true, programmeCost: 0,\r\n includeRes: false, generateQuotation: false, generateProforma: false, residence: undefined, personalInfo: undefined, proformaInfo: undefined };\r\n\r\n constructor(private formBuilder: FormBuilder,\r\n private data: DataService,\r\n private router: Router,\r\n private globals: GlobalsService,\r\n private notifier: SnotifyService) { }\r\n\r\n ngOnInit() {\r\n if(window.innerWidth < 600) {\r\n this.labelFloat = \"auto\";\r\n }\r\n\r\n this.data.changePage(\"personalinfo\");\r\n\r\n this.personalInfoForm = this.formBuilder.group({\r\n //Personal details controls\r\n initialsControl: new FormControl('', Validators.required),\r\n surnameControl: new FormControl('', Validators.required),\r\n emailAddressControl: new FormControl('', [Validators.required, Validators.email]),\r\n confirmEmailControl: new FormControl('', [Validators.required, Validators.email]),\r\n sendEmailControl: new FormControl(false)\r\n }, \r\n {\r\n validator: this.confirmEmailMisMatch\r\n });\r\n\r\n this.proformaForm = this.formBuilder.group({\r\n //Proforma invoice details controls\r\n companyNameControl: new FormControl('', Validators.required),\r\n contactPersonControl: new FormControl('', Validators.required),\r\n contactNumberControl: new FormControl('', Validators.required),\r\n companyRegNumberControl: new FormControl(''),\r\n vatNumberControl: new FormControl(''),\r\n addressLine1Control: new FormControl('', Validators.required),\r\n addressLine2Control: new FormControl(''),\r\n cityControl: new FormControl(''),\r\n postalCodeControl: new FormControl('', Validators.required),\r\n countryControl: new FormControl('', Validators.required)\r\n });\r\n\r\n if(this.globals.quotationDetail){\r\n this.quotationDetail = this.globals.quotationDetail;\r\n\r\n if(this.quotationDetail.personalInfo){\r\n this.personalInfo = this.quotationDetail.personalInfo;\r\n this.sendEmail = this.quotationDetail.personalInfo.sendEmail;\r\n this.confirmEmail = this.quotationDetail.personalInfo.email;\r\n\r\n this.personalInfoForm.setValue({\r\n initialsControl: this.quotationDetail.personalInfo.initials,\r\n surnameControl: this.quotationDetail.personalInfo.surname,\r\n emailAddressControl: this.quotationDetail.personalInfo.email,\r\n confirmEmailControl: this.confirmEmail,\r\n sendEmailControl: this.quotationDetail.personalInfo.sendEmail\r\n });\r\n }\r\n\r\n this.generateQuotation = this.quotationDetail.generateQuotation;\r\n\r\n if(this.quotationDetail.proformaInfo){\r\n this.generateProforma = this.quotationDetail.generateProforma;\r\n this.proformaInfo = this.quotationDetail.proformaInfo;\r\n\r\n this.proformaForm.setValue({\r\n companyNameControl: this.quotationDetail.proformaInfo.companyName,\r\n contactPersonControl: this.quotationDetail.proformaInfo.contactPerson,\r\n contactNumberControl: this.quotationDetail.proformaInfo.contactNumber,\r\n companyRegNumberControl: this.quotationDetail.proformaInfo.companyRegNumber,\r\n vatNumberControl: this.quotationDetail.proformaInfo.vatNumber,\r\n addressLine1Control: this.quotationDetail.proformaInfo.addressLine1,\r\n addressLine2Control: this.quotationDetail.proformaInfo.addressLine2,\r\n cityControl: this.quotationDetail.proformaInfo.city,\r\n postalCodeControl: this.quotationDetail.proformaInfo.postalCode,\r\n countryControl: this.quotationDetail.proformaInfo.country\r\n });\r\n }\r\n }\r\n }\r\n\r\n confirmEmailMisMatch (fg: FormGroup){\r\n var emailAddress = fg.controls['emailAddressControl'];\r\n var emailConfirm = fg.controls['confirmEmailControl'];\r\n\r\n if(emailAddress.value != '' && emailConfirm.value != '' && emailAddress.value != emailConfirm.value){\r\n emailConfirm.setErrors({emailMismatch: true});\r\n }\r\n\r\n return null;\r\n }\r\n \r\n confirmEmailVisible() {\r\n this.hideConfirmEmail = false;\r\n }\r\n\r\n confirmEmailHidden() {\r\n this.hideConfirmEmail = true;\r\n }\r\n\r\n generateReport() {\r\n var btnPersonaInfo = document.getElementById('btnPersonaInfo');\r\n if(btnPersonaInfo){\r\n btnPersonaInfo.click();\r\n }\r\n\r\n if(this.generateProforma){\r\n var btnProformaInvoice = document.getElementById('btnProformaInvoice');\r\n if(btnProformaInvoice){\r\n btnProformaInvoice.click();\r\n }\r\n }\r\n\r\n if(this.personalInfoForm.valid){\r\n if(this.personalInfo.email != this.confirmEmail){\r\n this.notifier.warning('Email and Confirm Email do not match.', {\r\n timeout: 0,\r\n position: SnotifyPosition.centerCenter,\r\n closeOnClick: false,\r\n buttons: [\r\n {text: 'Ok'}\r\n ]\r\n });\r\n return;\r\n }\r\n\r\n if(this.generateQuotation == false && this.generateProforma == false){\r\n this.notifier.warning('You have to select at least one report type to generate.', {\r\n timeout: 0,\r\n position: SnotifyPosition.centerCenter,\r\n closeOnClick: false,\r\n buttons: [\r\n {text: 'Ok'}\r\n ]\r\n });\r\n return;\r\n }\r\n\r\n this.quotationDetail.personalInfo = this.personalInfo;\r\n this.quotationDetail.personalInfo.sendEmail = this.sendEmail;\r\n this.quotationDetail.generateQuotation = this.generateQuotation;\r\n this.quotationDetail.generateProforma = this.generateProforma;\r\n this.globals.quotationDetail = this.quotationDetail;\r\n \r\n if(!this.generateProforma){\r\n this.globals.quotationDetail.proformaInfo = undefined;\r\n\r\n this.router.navigate(['/default', {outlets: {'main': ['report']}}]);\r\n }\r\n else{\r\n if(this.proformaForm.valid){\r\n this.quotationDetail.proformaInfo = this.proformaInfo;\r\n\r\n this.router.navigate(['/default', {outlets: {'main': ['report']}}]);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @HostListener('window:resize', ['$event']) \r\n onResize(event){\r\n if(event.target.innerWidth < 600) {\r\n this.labelFloat = \"auto\";\r\n }\r\n else {\r\n this.labelFloat = \"always\";\r\n }\r\n }\r\n\r\n get initialsControl() { return this.personalInfoForm.get('initialsControl') };\r\n get surnameControl() { return this.personalInfoForm.get('surnameControl') };\r\n get emailAddressControl() { return this.personalInfoForm.get('emailAddressControl') };\r\n get confirmEmailControl() { return this.personalInfoForm.get('confirmEmailControl') };\r\n get sendEmailControl() { return this.personalInfoForm.get('sendEmailControl') };\r\n\r\n get companyNameControl() { return this.proformaForm.get('companyNameControl') };\r\n get contactPersonControl() { return this.proformaForm.get('contactPersonControl') };\r\n get companyRegNumberControl() { return this.proformaForm.get('companyRegNumberControl') };\r\n get contactNumberControl() { return this.proformaForm.get('contactNumberControl') };\r\n get vatNumberControl() { return this.proformaForm.get('vatNumberControl') };\r\n get addressLine1Control() { return this.proformaForm.get('addressLine1Control') };\r\n get addressLine2Control() { return this.proformaForm.get('addressLine2Control') };\r\n get cityControl() { return this.proformaForm.get('cityControl') };\r\n get postalCodeControl() { return this.proformaForm.get('postalCodeControl') };\r\n get countryControl() { return this.proformaForm.get('countryControl') };\r\n}\r\n","\r\n \r\n\r\n
\r\n\r\n Send copy of document(s) to my email address \r\n
\r\n \r\n Generate Quotation? \r\n
\r\n \r\n Generate Pro-forma invoice? \r\n
\r\n \r\n \r\n Programme
\r\n \r\n
\r\n","import { Component, OnInit, HostListener, AfterViewInit } from '@angular/core';\r\nimport { DegreeType, GraduationType, StudyType, Faculty, Programme, ProgrammeStream, YearLevel, QuotationDetail, AcademicYear } from 'src/app/services/domain.service';\r\nimport { FormGroup, FormBuilder, FormControl, Validators } from '@angular/forms';\r\nimport { QuotationsService } from '../services/quotations.service';\r\nimport { Router } from '@angular/router';\r\nimport { GlobalsService } from '../services/globals.service';\r\nimport { of, forkJoin, Observable } from 'rxjs';\r\nimport { StudentType } from '../services/enums.service';\r\nimport { DataService } from '../services/data.service';\r\nimport { SnotifyService, SnotifyPosition } from 'ng-snotify';\r\n\r\n@Component({\r\n selector: 'app-programme',\r\n templateUrl: './programme.component.html',\r\n styleUrls: ['./programme.component.less']\r\n})\r\nexport class ProgrammeComponent implements OnInit {\r\n labelFloat: string = \"always\";\r\n academicYears: Array\r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { DataService } from '../services/data.service';\r\nimport { GlobalsService } from '../services/globals.service';\r\nimport { SnotifyService, SnotifyPosition } from 'ng-snotify';\r\nimport { QuotationsService } from '../services/quotations.service';\r\nimport { DomSanitizer, SafeUrl } from '@angular/platform-browser';\r\n\r\n@Component({\r\n selector: 'app-reportview',\r\n templateUrl: './reportview.component.html',\r\n styleUrls: ['./reportview.component.less']\r\n})\r\nexport class ReportviewComponent implements OnInit {\r\n reportHeader: string = \"\";\r\n reportData: ReportData;\r\n modules: Array{{reportHeader}}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n