\r\n {{data | titlecase}}
\r\n\r\n
\r\n \r\n {{ _auth?.Student?.FirstName || \"Guest\" }}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n\r\n \r\n {{ _auth?.Student?.FullName }}
\r\n ({{ _auth?.Matric }})
\r\n {{ link.icon }}
\r\n {{ link.title }}
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, Input, OnInit, OnDestroy, SimpleChanges, Output, EventEmitter } from '@angular/core';\r\nimport { authData } from 'src/app/util/auth';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n@Component({\r\n selector: 'app-appointment-edit',\r\n templateUrl: './appointment-edit.component.html',\r\n styleUrls: ['./appointment-edit.component.scss']\r\n})\r\nexport class AppointmentEditComponent implements OnInit {\r\n\r\n notification = {};\r\n @Input() selectedAppointment: any;\r\n @Output() notify: EventEmitter\r\n
\r\n \r\n \r\n \r\n ","import { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\r\nimport { authData } from \"src/app/util/auth\";\r\nimport { environment } from \"src/environments/environment\";\r\n\r\n@Component({\r\n selector: \"app-dashboard-popup\",\r\n templateUrl: \"./dashboard-popup.component.html\",\r\n styleUrls: [\"./dashboard-popup.component.scss\"],\r\n})\r\nexport class DashboardPopupComponent implements OnInit {\r\n _auth = authData();\r\n isEditable = false;\r\n req: any = {};\r\n @Output() okClicked = new EventEmitter\r\n
","import { Component, OnInit } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"app-dialog-overlay\",\r\n templateUrl: \"./dialog-overlay.component.html\",\r\n})\r\nexport class DialogOverlayComponent implements OnInit {\r\n constructor() {}\r\n\r\n ngOnInit(): void {}\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n Student Sessional Contact Information Update\r\n
\r\n\r\n Please confirm that the information below is correct:
\r\n\r\n Telephone *\r\n \r\n
\r\n\r\n \r\n Mobile Number *\r\n \r\n
\r\n \r\n Email Address *\r\n \r\n
\r\n \r\n Contact Address *\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, Input, OnInit } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"app-loading-indicator\",\r\n templateUrl: \"./loading-indicator.component.html\",\r\n})\r\nexport class LoadingIndicatorComponent implements OnInit {\r\n constructor() {}\r\n @Input() position = \"fixed\";\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","import { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from \"@angular/core\";\r\nimport { ShopItemPropertiesDTO, ShopItemsDTO, ShopOrderPostDTO } from \"src/app/http/api-interface\";\r\nimport { ApiService } from \"src/app/http/api.service\";\r\nimport { authData } from \"src/app/util/auth\";\r\nimport { errorHandler } from \"src/app/util/errorHandler\";\r\nimport { randomString } from \"src/app/util/helpers\";\r\nimport { environment } from \"src/environments/environment\";\r\n\r\n@Component({\r\n selector: \"app-shop-item-popup\",\r\n templateUrl: \"./shop-item-popup.component.html\",\r\n})\r\nexport class ShopItemPopupComponent implements OnInit, OnDestroy {\r\n @Input() shopItem!: ShopItemsDTO;\r\n @Output() closePopup = new EventEmitter\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n","import { environment } from \"src/environments/environment\";\r\nimport { authData } from \"src/app/util/auth\";\r\nimport { Component, EventEmitter, OnInit } from \"@angular/core\";\r\nimport { DataService } from \"src/app/http/data.service\";\r\n\r\n@Component({\r\n selector: \"app-top-nav-bar\",\r\n templateUrl: \"./top-nav-bar.component.html\",\r\n})\r\nexport class TopNavBarComponent implements OnInit {\r\n constructor(private dataService: DataService) {}\r\n ngOnInit(): void {}\r\n\r\n open: boolean = false;\r\n dataEmitter = new EventEmitter\r\n \r\n
\r\n\r\n \r\n \r\n ![\"logo\"]()
\r\n \r\n {{ long_name }}\r\n {{ short_name }}\r\n \r\n \r\n
\r\n\r\n {{ long_name }}
\r\n {{ short_name }}
\r\n \r\n
\r\n\r\n","import { Input } from \"@angular/core\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"app-button-primary\",\r\n templateUrl: \"./button-primary.component.html\",\r\n})\r\nexport class ButtonPrimaryComponent implements OnInit {\r\n constructor() {}\r\n\r\n @Input() type: string = \"button\";\r\n @Input() outline: boolean = false;\r\n @Input() disabled: boolean = false;\r\n\r\n ngOnInit(): void {}\r\n}\r\n","\r\n
\r\n\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-confirmation-dialog',\r\n templateUrl: './confirmation-dialog.component.html'\r\n})\r\nexport class ConfirmationDialog implements OnInit {\r\n @Input() confirmDialog: boolean = false;\r\n @Input() confirmationText: string = \"Do you want to proceed?\";\r\n @Output() shouldConfirm: EventEmitter\r\n
\r\n\r\n {{confirmationText}}
\r\n\r\n \r\n \r\n {{ title }}\r\n
\r\n\r\n \r\n {{current}}/{{total}} Completed\r\n
\r\n\r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-delete-dialog',\r\n templateUrl: './delete-dialog.component.html',\r\n styleUrls: ['./delete-dialog.component.scss']\r\n})\r\nexport class DeleteDialogComponent implements OnInit {\r\n @Input() deleteDialog: boolean = false;\r\n @Input() confirmationText: string = \"Are you sure you want to delete record?\";\r\n @Output() shouldDelete: EventEmitter\r\n
\r\n \r\n
\r\n\r\n {{confirmationText}}
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n hourglass_top\r\n
\r\n\r\n \r\n {{\r\n data?.loading\r\n ? \"Processing. Please wait\"\r\n : \"Your document is available.\"\r\n }}\r\n
\r\n \r\n\r\n \r\n \r\n Close\r\n \r\n\r\n \r\n Download Document\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n hourglass_top\r\n
\r\n\r\n \r\n Please wait, your request is being processed\r\n
\r\n \r\n
\r\n","{{ caption }}
\r\n {{ data?.message }}
\r\n\r\n","import { Component, Input, OnInit } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"app-notification-alert\",\r\n templateUrl: \"./notification-alert.component.html\",\r\n})\r\nexport class NotificationAlertComponent implements OnInit {\r\n constructor() {}\r\n\r\n @Input() data: Notification | null = null;\r\n ngOnInit(): void {}\r\n}\r\n\r\ninterface Notification {\r\n error?: boolean;\r\n message?: string;\r\n}\r\n","import { errorHandler } from \"src/app/util/errorHandler\";\r\nimport { environment } from \"../../../../environments/environment\";\r\nimport { Router } from \"@angular/router\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { authData, saveAuth } from \"src/app/util/auth\";\r\n\r\n@Component({\r\n selector: \"app-course-registration-form\",\r\n templateUrl: \"./course-registration-form.component.html\",\r\n})\r\nexport class CourseRegistrationFormComponent implements OnInit {\r\n constructor(private httpClient: HttpClient, private router: Router) {}\r\n\r\n courses: any = [];\r\n filter: string = \"\";\r\n payload: any = [];\r\n\r\n _auth = authData();\r\n\r\n savePayload: any = [];\r\n\r\n loading = false;\r\n skeletonLoader = false;\r\n\r\n show = false;\r\n notification: any = { message: \"notification?.message\", error: true };\r\n\r\n httpOptions = {\r\n headers: new HttpHeaders({\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + this._auth.Token,\r\n }),\r\n };\r\n\r\n ngOnInit(): void {}\r\n\r\n performChecks(): void {\r\n const _check = authData(\"_checks\");\r\n\r\n const {\r\n LateRegAppLine,\r\n PassportUploaded,\r\n AllowRegistration,\r\n RegistrationClosed,\r\n RegistrationLocked,\r\n OutstandingFeesName,\r\n StudentHasFilledBioData,\r\n StudentHasFilledMedicalForm,\r\n RequireStudentToFillMedicalForm,\r\n OutstandingFeesForRegistration,\r\n PaidLateRegistrationCollection,\r\n PassportPhotoRequiredForRegistration,\r\n // EvaluationQuestionnaireFilled,\r\n } = _check;\r\n\r\n let message = \"\";\r\n if (!AllowRegistration)\r\n message = \"Sorry, registration is not allowed at the moment\";\r\n else if (PassportPhotoRequiredForRegistration && !PassportUploaded)\r\n message = \"Please upload your passport photograph\";\r\n else if (RegistrationLocked)\r\n message =\r\n \"Your registration has been locked for this session and semester\";\r\n else if (RegistrationClosed) message = \"Registration is closed\";\r\n else if (LateRegAppLine && !PaidLateRegistrationCollection)\r\n message = \"You need to pay the late registration fee\";\r\n else if (OutstandingFeesForRegistration)\r\n message = \"Please pay your: \" + OutstandingFeesName;\r\n else if (!StudentHasFilledBioData)\r\n message = \"You haven't filled your bio-data form\";\r\n else if (RequireStudentToFillMedicalForm && !StudentHasFilledMedicalForm)\r\n message = \"You haven't filled your medical form\";\r\n // if (EvaluationQuestionnaireFilled)\r\n // message = \"You haven't filled the evaluation questionnaire form\";\r\n\r\n // Network/alt error handler\r\n if (!Object.keys(_check).length) message = \"An error occurred\";\r\n\r\n this.notification = {\r\n message,\r\n error: !!message,\r\n };\r\n\r\n if (!message) this.fetchCourse();\r\n }\r\n\r\n fetchCourse() {\r\n this.skeletonLoader = true;\r\n\r\n const baseUrl = `${environment.BASE_URL}/courses/allCourses`;\r\n this.httpClient.get(baseUrl, this.httpOptions).subscribe(\r\n (res: any) => {\r\n if (res.Success) {\r\n this.skeletonLoader = false;\r\n this.courses = res.Data;\r\n\r\n this.courses.sort((a: any, b: any) =>\r\n a.Compulsory > b.Compulsory ? -1 : 1\r\n );\r\n\r\n this.payload = authData(\"_courses\").Courses.map((course: any) => {\r\n return course.CourseCode;\r\n });\r\n this.savePayload = authData(\"_courses\").Courses.map((course: any) => {\r\n return {\r\n CourseCode: course.CourseCode,\r\n Compulsory: course.Compulsory,\r\n };\r\n });\r\n } else {\r\n this.skeletonLoader = false;\r\n this.notification = {\r\n error: true,\r\n message: res.Message || \"An error occurred.\",\r\n };\r\n }\r\n },\r\n (err) => {\r\n this.skeletonLoader = false;\r\n this.notification = errorHandler(err);\r\n }\r\n );\r\n }\r\n\r\n toggleForm() {\r\n if (this.loading) return;\r\n\r\n this.filter = \"\";\r\n this.show = !this.show;\r\n this.notification = {};\r\n if (this.show) this.performChecks();\r\n }\r\n\r\n clickCourse(courseCode: string, compulsory: boolean) {\r\n if (this.payload.includes(courseCode)) {\r\n this.payload = this.payload.filter((item: any) => item !== courseCode);\r\n this.savePayload = this.savePayload.filter(\r\n (item: any) => item.CourseCode !== courseCode\r\n );\r\n } else {\r\n this.payload.push(courseCode);\r\n this.savePayload.push({ CourseCode: courseCode, Compulsory: compulsory });\r\n }\r\n }\r\n\r\n filterCourses(): any {\r\n return this.courses.filter(\r\n (course: any) =>\r\n course.CourseCode.toLowerCase().includes(this.filter.toLowerCase()) ||\r\n course.CourseTitle.toLowerCase().includes(this.filter.toLowerCase())\r\n );\r\n }\r\n\r\n saveCourses() {\r\n if (!this.payload.length) return;\r\n\r\n this.loading = true;\r\n this.notification = {};\r\n const baseUrl = `${environment.BASE_URL}/courses/saveCourses`;\r\n this.httpClient\r\n .post(baseUrl, this.savePayload, this.httpOptions)\r\n .subscribe({\r\n next: (res: any) => {\r\n if (res.Success) {\r\n this.loading = false;\r\n const { NewStudentNo, NewToken } = res.Data;\r\n if (NewStudentNo) {\r\n saveAuth(\r\n {\r\n ...this._auth,\r\n NewMatricNumber: NewStudentNo,\r\n Token: NewToken,\r\n },\r\n \"_auth\"\r\n );\r\n }\r\n location.href = \"/courses?#Courses+registered+successfully\";\r\n } else {\r\n this.loading = false;\r\n this.notification = {\r\n error: true,\r\n message: res.Message || \"An error occurred.\",\r\n };\r\n }\r\n },\r\n error: (err) => {\r\n this.loading = false;\r\n this.notification = errorHandler(err);\r\n },\r\n });\r\n }\r\n}\r\n","\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n Select courses to add to your course list\r\n
\r\n\r\n\r\n
\r\n \r\n\r\n \r\n \r\n {{ course.CourseTitle }}\r\n
\r\n \r\n \r\n
\r\n \r\n {{ course.CourseCode }}\r\n
\r\n •\r\n \r\n {{ course.CourseUnits }} UNITS\r\n
\r\n •\r\n \r\n {{ course?.Compulsory ? \"Compulsory\" : \"Elective\" }}\r\n
\r\n 0\">\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n {{ action.name }}\r\n
\r\n \r\n {{ action.deadline }} Days 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 {{ _auth?.Student.FirstName }} {{ _auth?.Student.Surname }}\r\n
\r\n\r\n \r\n
\r\n\r\n {{ _auth?.ProgrammeName }}
\r\n {{ _auth?.Department }}
\r\n \r\n
\r\n \r\n
\r\n {{ item.title }}
\r\n {{ item.value }}
\r\n \r\n Your new Matriculation number is:\r\n {{ _auth.NewMatricNumber }}\r\n
\r\n\r\n| Days | \r\n\r\n Time {{ time }}\r\n | \r\n
|---|---|
| {{ day }} | \r\n\r\n -\r\n | \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n Page under construction
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n Reference Number\r\n | \r\n\r\n Body\r\n | \r\n\r\n Created on\r\n | \r\n\r\n Status\r\n | \r\n
|---|---|---|---|
| \r\n {{complaint.ComplainRefNumber}}\r\n | \r\n\r\n {{complaint.Description}}\r\n | \r\n\r\n {{complaint.CreatedDateTime | date: \"MMM d, y, h:mm a\"}}\r\n | \r\n\r\n {{complaint.ComplaintStatus}}\r\n | \r\n
\r\n \r\n
\r\n \r\n \r\n Application Portal Login\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n Guidelines For Filling The Application Form\r\n \r\n
\r\n - \r\n
- Provide the details in the fields below to obtain a Payment Voucher. \r\n
- Print the payment voucher and make payment online or proceed to any branch of the below banks to make payment: \r\n
- \r\n
- WEMA Bank Plc (Unilag Branch) \r\n
\r\n - Pay the non-refundable sum of N10,000.00 (Ten Thousand Naira) for the Application Form. \r\n
- After payment, return to the Portal, then click the \"Continue Application\" link, login with Payment Reference Number and provided surname (in lowercase) as password. \r\n
- Complete the application by filling all the required fields and upload digital passport photograph (jpeg format) which should not be more than 30 kb in size and must be in white background. The acceptable dimension is width: 275 pixels or 35mm, height: 314 pixels or 40mm. click continue to proceed to preview page \r\n
- Preview your application to ensure the information provided are accurate Click \"SUBMIT FORM\" after which you can no longer edit the application. After submission, applicants will be required to print the completed Application Form . Printed copies of the Application Form should be submitted to the school with the photocopy of child's birth certificate within 2 weeks of purchase of form. \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n My Biodata:\r\n \r\n \r\n Print SIWES Form\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n | \r\n {{ field }}:\r\n | \r\n
|---|
| \r\n {{payload[key]}}\r\n | \r\n
\r\n Add a new Examination Result\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n | \r\n Examination Name\r\n | \r\n\r\n Action\r\n | \r\n
|---|---|
| \r\n {{req.ExaminationName}}\r\n | \r\n\r\n \r\n Edit\r\n \r\n \r\n | \r\n
\r\n {{ payload.CollectionType }}\r\n
\r\n \r\n {{ payload.RRR }}\r\n
\r\n\r\n ₦{{ payload.Amount.toLocaleString() }}
\r\n PAY\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n\r\n Payment for:
\r\n \r\n {{ payload.CollectionType }}\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n RRR:
\r\n \r\n {{ payload.RRR}}\r\n
\r\n Amount to pay:
\r\n ₦{{ payload.Amount.toLocaleString() }}
\r\n \r\n Email Verification\r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n autorenew\r\n
\r\n Verifying...
\r\n \r\n ![]()
\r\n
\r\n\r\n {{successMessage}}
\r\n \r\n \r\n Matric number\r\n \r\n
\r\n\r\n \r\n \r\n Login?\r\n \r\n
\r\n\r\n \r\n \r\n Reset password\r\n \r\n
\r\n \r\n\r\n \r\n Change Password\r\n \r\n
\r\n \r\n\r\n \r\n Switch Profile\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n Course of study\r\n
\r\n \r\n \r\n Previous school matric no. (Optional)\r\n
\r\n \r\n \r\n School Address\r\n
\r\n \r\n \r\n Qualification Obtained\r\n
\r\n\r\n \r\n Grade\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n REMOVE SCHOOl
\r\n \r\n \r\n What was the outcome?\r\n
\r\n \r\n \r\n \r\n
\r\n | \r\n \r\n | \r\n\r\n Name\r\n | \r\n\r\n Relationship With Child\r\n | \r\n\r\n Phone Number\r\n | \r\n\r\n Email\r\n | \r\n\r\n Home Address\r\n | \r\n\r\n | \r\n\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|
| \r\n \r\n \r\n | \r\n \r\n {{GuadiansDTO[i].Name}}\r\n | \r\n\r\n {{GuadiansDTO[i].RelationshipWithChild}}\r\n | \r\n\r\n {{GuadiansDTO[i].PhoneNumber}}\r\n | \r\n\r\n {{GuadiansDTO[i].Email}}\r\n | \r\n\r\n {{GuadiansDTO[i].HomeAddress}}\r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Allowed Types: PNG, JPG, JPEG\r\n
\r\n Max Size: 2MB
\r\n \r\n \r\n\r\n \r\n Update\r\n \r\n
\r\n \r\n Click on the photo to upload a new picture\r\n
\r\n\r\n\r\n Allowed Types: PDF, PNG, JPG, JPEG\r\n
\r\n Max Size: 2mb
\r\n \r\n {{ document.Compulsory ? \"Compulsory\" : \"Optional\" }}\r\n
\r\n\r\n \r\n
\r\n\r\n Please confirm your action
\r\n\r\n \r\n Course info
\r\n Keyboarding and Wordprocessing
\r\n BUS 201
\r\n\r\n \r\n {{ courseId }} Learn about keyboarding, essential and advanced word\r\n processing, document formatting and design, and communication skills\r\n within a single text, along with a strong emphasis on honing skills by\r\n completing projects in a realistic office environment.\r\n
\r\n\r\n \r\n Number of hours: 24
\r\n Number of units: 3
\r\n Practical sessions: Yes\r\n
\r\n \r\n Number of units: 3
\r\n Practical sessions: Yes\r\n
Courses History
\r\n\r\n \r\n \r\n expand_more\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n {{ session.name }} (Year {{ session?.courses[0]?.Year }})\r\n
\r\n \r\n {{ session?.courses?.length }} Courses\r\n
\r\n \r\n {{ getTotalUnits(session?.courses) }}\r\n Units\r\n
\r\n {{ courses?.CourseCode }}
\r\n \r\n {{ courses?.CourseUnits }} UNITS\r\n
\r\n \r\n {{ courses?.Compulsory ? \"Compulsory\" : \"Elective\" }}\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n News »\r\n {{ news.Subject || \"Please wait\" }}\r\n
\r\n\r\n \r\n {{ news.ShortDescription }}\r\n
\r\n\r\n
\r\n history
\r\n Last Modified: {{ formatDate(news.ModifiedDateTime) }}
\r\n \r\n Check out the latest news and stay informed\r\n
\r\n \r\n \r\n \r\n {{ item.ShortDescription }}\r\n
\r\n \r\n {{ formatDate(item.ModifiedDateTime) }}\r\n
\r\n\r\n \r\n {{ compareDate(item.EndDateTime) }}\r\n
\r\n Read More\r\n \r\n
\r\n\r\n \r\n \r\n Continue\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n\r\n [PDF HERE]
\r\n \r\n \r\n Download\r\n \r\n
\r\n \r\n {{ payment.CollectionTypeName }}\r\n
\r\n {{ payment.Session }}
\r\n\r\n ₦{{ payment.Amount.toLocaleString() }}
\r\n PAY\r\n \r\n
\r\n\r\n \r\n \r\n \r\n Total
\r\n ₦{{ total.toLocaleString() }}
\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n\r\n {\r\n this.orderHistory = await this.apiService.getOrderHistory();\r\n this.loading = false;\r\n this.skeletonLoader = false;\r\n }\r\n ngOnDestroy(): void {\r\n this.apiService.clearNotification();\r\n }\r\n\r\n getEncodedSession(session: string): string {\r\n return encodeURIComponent(session);\r\n }\r\n\r\n getDate(date: string): string {\r\n return new Date(date.split('T')[0]).toDateString();\r\n }\r\n\r\n getStatusClass(orderHistory: OrderHistoryDTO) : string {\r\n if (orderHistory.PendingFee <= 0) {\r\n return \"bg-success\";\r\n }\r\n else if (orderHistory.PaidAmount == 0) {\r\n return \"bg-danger\";\r\n }\r\n else {\r\n return \"bg-warning\";\r\n }\r\n }\r\n\r\n async printReciepts(collectionID: string): Promise {\r\n if (this.loading) return;\r\n\r\n this.loading = true;\r\n this.downloader = {\r\n loading: true,\r\n };\r\n\r\n let res = await this.apiService.printReciept(\"\", \"0\", collectionID);\r\n if (res.Length) {\r\n this.downloader = {\r\n loading: false,\r\n name: res.Name,\r\n url: `data:application/octet-stream;base64,${res.Data}`,\r\n };\r\n } \r\n else {\r\n this.downloader = null;\r\n }\r\n this.loading = false;\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n\r\n 0\" class=\"w-full text-sm text-left text-gray-600 md:block\">\r\n \r\n
\r\n \r\n \r\n","import { environment } from \"src/environments/environment\";\r\nimport { errorHandler } from \"src/app/util/errorHandler\";\r\nimport { Router } from \"@angular/router\";\r\nimport { authData } from \"src/app/util/auth\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\r\nimport { ApiService } from \"src/app/http/api.service\";\r\nimport { OrderDTO } from \"src/app/http/api-interface\";\r\n\r\n@Component({\r\n selector: \"app-purchase-index\",\r\n templateUrl: \"./purchase-index.component.html\",\r\n})\r\nexport class PurchaseIndexComponent implements OnInit, OnDestroy {\r\n constructor(\r\n public apiService: ApiService,\r\n private httpClient: HttpClient, private router: Router) {\r\n this.getLinks();\r\n }\r\n\r\n downloader: any = null;\r\n\r\n payload: any = {};\r\n notification = {};\r\n\r\n fakeLoader = false;\r\n loading = false;\r\n dialog = false;\r\n cart: OrderDTO = {};\r\n _checks = authData(\"_checks\");\r\n\r\n links: any[] = [];\r\n\r\n async ngOnInit(): Promise {\r\n\r\n const message: string = location.hash.slice(1);\r\n if (message) {\r\n this.notification = {\r\n message: message.replace(/\\+/g, \" \"),\r\n };\r\n }\r\n\r\n this.loading = true;\r\n this.cart = await this.apiService.getOrders();\r\n this.loading = false;\r\n this.getLinks();\r\n }\r\n ngOnDestroy(): void {\r\n this.apiService.clearNotification();\r\n }\r\n\r\n getLinks() {\r\n this.links = [\r\n {\r\n title: \"Shop Items\",\r\n slug: \"/purchases/shop-items\",\r\n icon: \"/assets/icons/shop-list.png\",\r\n text: \"Add a line or two here that explains what this card does\",\r\n },\r\n {\r\n title: `View Cart (${this.cart.ItemCount || 0} Item${this.cart.ItemCount! == 1 ? \"\" : \"s\"})`,\r\n slug: \"/purchases/order-details\",\r\n icon: \"/assets/icons/cart.png\",\r\n text: \"Add a line or two here that explains what this card does\",\r\n },\r\n {\r\n title: \"Order History\",\r\n slug: \"/purchases/order-hitory\",\r\n icon: \"/assets/icons/transaction-history.png\",\r\n text: \"Add a line or two here that explains what this card does\",\r\n },\r\n ];\r\n\r\n const remita = this._checks.UseRemita;\r\n this.links.push(remita ? \r\n {\r\n title: `Pay With Remita`,\r\n slug: `/payments/remita`,\r\n icon: `/assets/icons/remita.svg`,\r\n text: \"Add a line or two here that explains what this card does\",\r\n } :\r\n {\r\n title: `Make Payment`,\r\n slug: `/payments/tranzgate`,\r\n icon: `/assets/icons/credit-card.png`,\r\n text: \"Add a line or two here that explains what this card does\",\r\n }\r\n );\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n","import { environment } from \"src/environments/environment\";\r\nimport { errorHandler } from \"src/app/util/errorHandler\";\r\nimport { Router } from \"@angular/router\";\r\nimport { authData } from \"src/app/util/auth\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\r\nimport { ApiService } from \"src/app/http/api.service\";\r\nimport { OrderDTO, ShopItemsDTO } from \"src/app/http/api-interface\";\r\nimport { getImageUrl } from \"src/app/util/helpers\";\r\n\r\n@Component({\r\n selector: \"app-purchase-shop\",\r\n templateUrl: \"./purchase-shop.component.html\",\r\n})\r\nexport class PurchaseShopComponent implements OnInit, OnDestroy {\r\n constructor(\r\n public apiService: ApiService,\r\n private httpClient: HttpClient, private router: Router) {\r\n }\r\n\r\n downloader: any = null;\r\n\r\n payload: any = {};\r\n notification = {};\r\n\r\n fakeLoader = false;\r\n loading = false;\r\n dialog = false;\r\n showShopItemPopup = false;\r\n skeletonLoader = true;\r\n selectedShopItem!: ShopItemsDTO;\r\n shopItems: ShopItemsDTO[] = [];\r\n cart: OrderDTO = {};\r\n\r\n links: any[] = [];\r\n\r\n async ngOnInit(): Promise {\r\n this.loading = true;\r\n this.shopItems = await this.apiService.getShopItems();\r\n this.loading = false;\r\n this.skeletonLoader = false;\r\n this.getLinks();\r\n this.getCart();\r\n }\r\n ngOnDestroy(): void {\r\n this.apiService.clearNotification();\r\n }\r\n\r\n async getCart() {\r\n this.cart = await this.apiService.getOrders();\r\n }\r\n\r\n getLinks() {\r\n this.links = this.shopItems.map(this.getLinkItems);\r\n }\r\n\r\n closePopup(event: any) {\r\n this.showShopItemPopup = false;\r\n this.getCart();\r\n }\r\n\r\n getLinkItems = (item: ShopItemsDTO) => {\r\n return {\r\n title: item.ShopItemID,\r\n icon: item.ImageData ? getImageUrl(item.ImageData) : \"/assets/icons/shop-item.png\",\r\n text: item.ShopItemName,\r\n }\r\n }\r\n\r\n showItemPopup(shopItmeID: string) {\r\n this.selectedShopItem = this.shopItems.find(x => x.ShopItemID == shopItmeID)!;\r\n if (this.selectedShopItem) {\r\n this.showShopItemPopup = true;\r\n }\r\n }\r\n\r\n filterItemLinks(event: any) {\r\n let searchText = event.target.value.toLowerCase();\r\n this.links = this.shopItems.filter(x => x.ShopItemName.toLowerCase().includes(searchText)).map(this.getLinkItems);\r\n }\r\n}\r\n","\r\n \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-results-index\",\r\n templateUrl: \"./results-index.component.html\",\r\n})\r\nexport class ResultsIndexComponent implements OnInit {\r\n constructor() {}\r\n\r\n links = [\r\n {\r\n title: \"Generate Mid-Term Results\",\r\n slug: \"/results/print/true\",\r\n icon: \"/assets/icons/printer.png\",\r\n text: \"Add a line or two here that explains what this card does\",\r\n },\r\n {\r\n title: \"Generate End of Term Results\",\r\n slug: \"/results/print/false\",\r\n icon: \"/assets/icons/printer.png\",\r\n text: \"Add a line or two here that explains what this card does\",\r\n },\r\n ];\r\n\r\n ngOnInit(): void {}\r\n}\r\n","import { authData } from \"src/app/util/auth\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport { errorHandler } from \"src/app/util/errorHandler\";\r\n\r\n@Component({\r\n selector: \"app-results-print\",\r\n templateUrl: \"./results-print.component.html\",\r\n})\r\nexport class ResultsPrintComponent implements OnInit {\r\n constructor(private route: ActivatedRoute, private httpClient: HttpClient, private router: Router) {}\r\n session = \"\";\r\n term = \"\";\r\n sessions: any = [];\r\n terms: any = [\r\n {\r\n Id: 1,\r\n Label: \"1st\"\r\n },\r\n {\r\n Id: 2,\r\n Label: \"2nd\"\r\n },\r\n {\r\n Id: 3,\r\n Label: \"3rd\"\r\n },\r\n ];\r\n isMidTerm: boolean = false;\r\n notification: any = {};\r\n noContentFound: boolean = false;\r\n\r\n skeletonLoader = true;\r\n downloader: any = null;\r\n\r\n httpOptions = {\r\n headers: new HttpHeaders({\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + authData().Token,\r\n }),\r\n };\r\n\r\n ngOnInit(): void {\r\n this.isMidTerm = this.route.snapshot.paramMap.get(\"isMidTerm\") == 'true';\r\n console.log(this.isMidTerm);\r\n const baseUrl = `${environment.BASE_URL}/results/semesterSession`;\r\n this.httpClient.get(baseUrl, this.httpOptions).subscribe(\r\n (res: any) => {\r\n this.skeletonLoader = false;\r\n if (res.Success) {\r\n this.sessions = res.Data?.Sessions;\r\n }\r\n else {\r\n this.notification = {\r\n error: true,\r\n message:\r\n res.Message,\r\n };\r\n }\r\n },\r\n (err) => {\r\n this.skeletonLoader = false;\r\n this.noContentFound = err.status === 404;\r\n this.notification = {\r\n error: true,\r\n message:\r\n err?.error?.Message || \"An error occurred. Please, try again\",\r\n };\r\n }\r\n );\r\n }\r\n\r\n printResult() {\r\n if (!this.session || !this.term) return;\r\n\r\n this.notification = {};\r\n this.downloader = {\r\n loading: true,\r\n };\r\n\r\n const baseUrl = `${environment.BASE_URL}/results/printResults?session=${this.session}&term=${this.term}&isMidTerm=${this.isMidTerm}`;\r\n this.httpClient.get(baseUrl, this.httpOptions).subscribe(\r\n (res: any) => {\r\n if (res.Data == null || !res.Success) {\r\n this.downloader = null;\r\n this.notification = {\r\n error: true,\r\n message: res.Message\r\n }\r\n }\r\n else {\r\n this.downloader = {\r\n loading: false,\r\n url: \"data:application/octet-stream;base64,\" + res.Data?.Data,\r\n };\r\n }\r\n },\r\n (err) => {\r\n this.downloader = null;\r\n this.notification = errorHandler(err);\r\n }\r\n );\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n\r\n Payment for:
\r\n \r\n {{ selectedPayment.CollectionTypeName }}\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n Session:
\r\n \r\n {{ selectedPayment.Session }}\r\n
\r\n Amount to pay:
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n Order History\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n | \r\n Order ID\r\n | \r\n\r\n Date Ordered\r\n | \r\n\r\n Session\r\n | \r\n\r\n Total Amount\r\n | \r\n\r\n Paid Amount\r\n | \r\n\r\n Pending Fee\r\n | \r\n\r\n Payment Status\r\n | \r\n\r\n | \r\n | |
|---|---|---|---|---|---|---|---|---|---|
| \r\n {{item.CollectionID}}\r\n | \r\n\r\n {{getDate(item.OrderDate)}}\r\n | \r\n\r\n {{item.Session}}\r\n | \r\n\r\n ₦ {{item.TotalAmount.toLocaleString()}}\r\n | \r\n\r\n ₦ {{item.PaidAmount.toLocaleString()}}\r\n | \r\n\r\n ₦ {{item.PendingFee.toLocaleString()}}\r\n | \r\n\r\n {{item.PaymentStatus}}\r\n | \r\n\r\n\r\n | \r\n 0\" class=\"py-4 px-6\">\r\n | \r\n \r\n | \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n View Cart \r\n 0\" class=\"bg-danger rounded-full m-1 p-1\">{{cart.ItemCount}}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n http://example.com#/foo,\n * and `PathLocationStrategy` produces\n * http://example.com/foo as an equivalent URL.\n *\n * See these two classes for more.\n *\n * @publicApi\n */\nclass LocationStrategy {\n historyGo(relativePosition) {\n throw new Error('Not implemented');\n }\n}\nLocationStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\nLocationStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: LocationStrategy, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }]\n }] });\n/**\n * A predefined [DI token](guide/glossary#di-token) for the base href\n * to be used with the `PathLocationStrategy`.\n * The base href is the URL prefix that should be preserved when generating\n * and recognizing URLs.\n *\n * @usageNotes\n *\n * The following example shows how to use this token to configure the root app injector\n * with a base href value, so that the DI framework can supply the dependency anywhere in the app.\n *\n * ```typescript\n * import {Component, NgModule} from '@angular/core';\n * import {APP_BASE_HREF} from '@angular/common';\n *\n * @NgModule({\n * providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}]\n * })\n * class AppModule {}\n * ```\n *\n * @publicApi\n */\nconst APP_BASE_HREF = new InjectionToken('appBaseHref');\n/**\n * @description\n * A {@link LocationStrategy} used to configure the {@link Location} service to\n * represent its state in the\n * [path](https://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax) of the\n * browser's URL.\n *\n * If you're using `PathLocationStrategy`, you may provide a {@link APP_BASE_HREF}\n * or add a `Content to render when condition is true.
\n * ```\n *\n * Simple form with expanded syntax:\n *\n * ```\n * Content to render when condition is\n * true.
Content to render when condition is true.
\n * {{value}}
\n * \n * ...\n *
\n *\n * Loading...
\n * \n * ...\n *
\n * Loading...
\n * \n *
`\n * })\n * // Get the current date and time as a date-time value.\n * export class DatePipeComponent {\n * today: number = Date.now();\n * }\n * ```\n *\n * @publicApi\n */\n// clang-format on\nclass DatePipe {\n constructor(locale, defaultTimezone) {\n this.locale = locale;\n this.defaultTimezone = defaultTimezone;\n }\n transform(value, format = 'mediumDate', timezone, locale) {\n if (value == null || value === '' || value !== value)\n return null;\n try {\n return formatDate(value, format, locale || this.locale, timezone ?? this.defaultTimezone ?? undefined);\n }\n catch (error) {\n throw invalidPipeArgumentError(DatePipe, error.message);\n }\n }\n}\nDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: DatePipe, deps: [{ token: LOCALE_ID }, { token: DATE_PIPE_DEFAULT_TIMEZONE, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });\nDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"14.2.12\", ngImport: i0, type: DatePipe, isStandalone: true, name: \"date\" });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: DatePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'date',\n pure: true,\n standalone: true,\n }]\n }], ctorParameters: function () { return [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_PIPE_DEFAULT_TIMEZONE]\n }, {\n type: Optional\n }] }]; } });\n\n/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nconst _INTERPOLATION_REGEXP = /#/g;\n/**\n * @ngModule CommonModule\n * @description\n *\n * Maps a value to a string that pluralizes the value according to locale rules.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nPluralPipeComponent'}\n *\n * @publicApi\n */\nclass I18nPluralPipe {\n constructor(_localization) {\n this._localization = _localization;\n }\n /**\n * @param value the number to be formatted\n * @param pluralMap an object that mimics the ICU format, see\n * https://unicode-org.github.io/icu/userguide/format_parse/messages/.\n * @param locale a `string` defining the locale to use (uses the current {@link LOCALE_ID} by\n * default).\n */\n transform(value, pluralMap, locale) {\n if (value == null)\n return '';\n if (typeof pluralMap !== 'object' || pluralMap === null) {\n throw invalidPipeArgumentError(I18nPluralPipe, pluralMap);\n }\n const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);\n return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());\n }\n}\nI18nPluralPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe });\nI18nPluralPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"14.2.12\", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: \"i18nPlural\" });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: I18nPluralPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nPlural',\n pure: true,\n standalone: true,\n }]\n }], ctorParameters: function () { return [{ type: NgLocalization }]; } });\n\n/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @ngModule CommonModule\n * @description\n *\n * Generic selector that displays the string that matches the current value.\n *\n * If none of the keys of the `mapping` match the `value`, then the content\n * of the `other` key is returned when present, otherwise an empty string is returned.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nSelectPipeComponent'}\n *\n * @publicApi\n */\nclass I18nSelectPipe {\n /**\n * @param value a string to be internationalized.\n * @param mapping an object that indicates the text that should be displayed\n * for different values of the provided `value`.\n */\n transform(value, mapping) {\n if (value == null)\n return '';\n if (typeof mapping !== 'object' || typeof value !== 'string') {\n throw invalidPipeArgumentError(I18nSelectPipe, mapping);\n }\n if (mapping.hasOwnProperty(value)) {\n return mapping[value];\n }\n if (mapping.hasOwnProperty('other')) {\n return mapping['other'];\n }\n return '';\n }\n}\nI18nSelectPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });\nI18nSelectPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"14.2.12\", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: \"i18nSelect\" });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: I18nSelectPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nSelect',\n pure: true,\n standalone: true,\n }]\n }] });\n\n/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @ngModule CommonModule\n * @description\n *\n * Converts a value into its JSON-format representation. Useful for debugging.\n *\n * @usageNotes\n *\n * The following component uses a JSON pipe to convert an object\n * to JSON format, and displays the string in both formats for comparison.\n *\n * {@example common/pipes/ts/json_pipe.ts region='JsonPipe'}\n *\n * @publicApi\n */\nclass JsonPipe {\n /**\n * @param value A value of any type to convert into a JSON-format string.\n */\n transform(value) {\n return JSON.stringify(value, null, 2);\n }\n}\nJsonPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });\nJsonPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"14.2.12\", ngImport: i0, type: JsonPipe, isStandalone: true, name: \"json\", pure: false });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: JsonPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'json',\n pure: false,\n standalone: true,\n }]\n }] });\n\n/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nfunction makeKeyValuePair(key, value) {\n return { key: key, value: value };\n}\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms Object or Map into an array of key value pairs.\n *\n * The output array will be ordered by keys.\n * By default the comparator will be by Unicode point value.\n * You can optionally pass a compareFn if your keys are complex types.\n *\n * @usageNotes\n * ### Examples\n *\n * This examples show how an Object or a Map can be iterated by ngFor with the use of this\n * keyvalue pipe.\n *\n * {@example common/pipes/ts/keyvalue_pipe.ts region='KeyValuePipe'}\n *\n * @publicApi\n */\nclass KeyValuePipe {\n constructor(differs) {\n this.differs = differs;\n this.keyValues = [];\n this.compareFn = defaultComparator;\n }\n transform(input, compareFn = defaultComparator) {\n if (!input || (!(input instanceof Map) && typeof input !== 'object')) {\n return null;\n }\n if (!this.differ) {\n // make a differ for whatever type we've been passed in\n this.differ = this.differs.find(input).create();\n }\n const differChanges = this.differ.diff(input);\n const compareFnChanged = compareFn !== this.compareFn;\n if (differChanges) {\n this.keyValues = [];\n differChanges.forEachItem((r) => {\n this.keyValues.push(makeKeyValuePair(r.key, r.currentValue));\n });\n }\n if (differChanges || compareFnChanged) {\n this.keyValues.sort(compareFn);\n this.compareFn = compareFn;\n }\n return this.keyValues;\n }\n}\nKeyValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe });\nKeyValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"14.2.12\", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: \"keyvalue\", pure: false });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: KeyValuePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'keyvalue',\n pure: false,\n standalone: true,\n }]\n }], ctorParameters: function () { return [{ type: i0.KeyValueDiffers }]; } });\nfunction defaultComparator(keyValueA, keyValueB) {\n const a = keyValueA.key;\n const b = keyValueB.key;\n // if same exit with 0;\n if (a === b)\n return 0;\n // make sure that undefined are at the end of the sort.\n if (a === undefined)\n return 1;\n if (b === undefined)\n return -1;\n // make sure that nulls are at the end of the sort.\n if (a === null)\n return 1;\n if (b === null)\n return -1;\n if (typeof a == 'string' && typeof b == 'string') {\n return a < b ? -1 : 1;\n }\n if (typeof a == 'number' && typeof b == 'number') {\n return a - b;\n }\n if (typeof a == 'boolean' && typeof b == 'boolean') {\n return a < b ? -1 : 1;\n }\n // `a` and `b` are of different types. Compare their string values.\n const aString = String(a);\n const bString = String(b);\n return aString == bString ? 0 : aString < bString ? -1 : 1;\n}\n\n/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @ngModule CommonModule\n * @description\n *\n * Formats a value according to digit options and locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * @see `formatNumber()`\n *\n * @usageNotes\n *\n * ### digitsInfo\n *\n * The value's decimal representation is specified by the `digitsInfo`\n * parameter, written in the following format:Today is {{today | date}}
\n *Or if you prefer, {{today | date:'fullDate'}}
\n *The time is {{today | date:'h:mm a z'}}
\n *\n *\n * ```\n * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}\n * ```\n *\n * - `minIntegerDigits`:\n * The minimum number of integer digits before the decimal point.\n * Default is 1.\n *\n * - `minFractionDigits`:\n * The minimum number of digits after the decimal point.\n * Default is 0.\n *\n * - `maxFractionDigits`:\n * The maximum number of digits after the decimal point.\n * Default is 3.\n *\n * If the formatted value is truncated it will be rounded using the \"to-nearest\" method:\n *\n * ```\n * {{3.6 | number: '1.0-0'}}\n * \n *\n * {{-3.6 | number:'1.0-0'}}\n * \n * ```\n *\n * ### locale\n *\n * `locale` will format a value according to locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n *\n * See [Setting your app locale](guide/i18n-common-locale-id).\n *\n * ### Example\n *\n * The following code shows how the pipe transforms values\n * according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n *
\n *
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.\n * Default is `1`.\n * - `minFractionDigits`: The minimum number of digits after the decimal point.\n * Default is `0`.\n * - `maxFractionDigits`: The maximum number of digits after the decimal point.\n * Default is `0`.\n * @param locale A locale code for the locale format rules to use.\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n * See [Setting your app locale](guide/i18n-common-locale-id).\n */\n transform(value, digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale = locale || this._locale;\n try {\n const num = strToNumber(value);\n return formatPercent(num, locale, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(PercentPipe, error.message);\n }\n }\n}\nPercentPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });\nPercentPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"14.2.12\", ngImport: i0, type: PercentPipe, isStandalone: true, name: \"percent\" });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: PercentPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'percent',\n standalone: true,\n }]\n }], ctorParameters: function () { return [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }]; } });\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms a number to a currency string, formatted according to locale rules\n * that determine group sizing and separator, decimal-point character,\n * and other locale-specific configurations.\n *\n * {@a currency-code-deprecation}\n * \n *\n * **Deprecation notice:**\n *\n * The default currency code is currently always `USD` but this is deprecated from v9.\n *\n * **In v11 the default currency code will be taken from the current locale identified by\n * the `LOCALE_ID` token. See the [i18n guide](guide/i18n-common-locale-id) for\n * more information.**\n *\n * If you need the previous behavior then set it by creating a `DEFAULT_CURRENCY_CODE` provider in\n * your application `NgModule`:\n *\n * ```ts\n * {provide: DEFAULT_CURRENCY_CODE, useValue: 'USD'}\n * ```\n *\n *
\n *\n * @see `getCurrencySymbol()`\n * @see `formatCurrency()`\n *\n * @usageNotes\n * The following code shows how the pipe transforms numbers\n * into text strings, according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n * \n *
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.\n * Default is `1`.\n * - `minFractionDigits`: The minimum number of digits after the decimal point.\n * Default is `2`.\n * - `maxFractionDigits`: The maximum number of digits after the decimal point.\n * Default is `2`.\n * If not provided, the number will be formatted with the proper amount of digits,\n * depending on what the [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) specifies.\n * For example, the Canadian dollar has 2 digits, whereas the Chilean peso has none.\n * @param locale A locale code for the locale format rules to use.\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n * See [Setting your app locale](guide/i18n-common-locale-id).\n */\n transform(value, currencyCode = this._defaultCurrencyCode, display = 'symbol', digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale = locale || this._locale;\n if (typeof display === 'boolean') {\n if ((typeof ngDevMode === 'undefined' || ngDevMode) && console && console.warn) {\n console.warn(`Warning: the currency pipe has been changed in Angular v5. The symbolDisplay option (third parameter) is now a string instead of a boolean. The accepted values are \"code\", \"symbol\" or \"symbol-narrow\".`);\n }\n display = display ? 'symbol' : 'code';\n }\n let currency = currencyCode || this._defaultCurrencyCode;\n if (display !== 'code') {\n if (display === 'symbol' || display === 'symbol-narrow') {\n currency = getCurrencySymbol(currency, display === 'symbol' ? 'wide' : 'narrow', locale);\n }\n else {\n currency = display;\n }\n }\n try {\n const num = strToNumber(value);\n return formatCurrency(num, locale, currency, currencyCode, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(CurrencyPipe, error.message);\n }\n }\n}\nCurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe });\nCurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"14.2.12\", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: \"currency\" });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.2.12\", ngImport: i0, type: CurrencyPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'currency',\n standalone: true,\n }]\n }], ctorParameters: function () { return [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DEFAULT_CURRENCY_CODE]\n }] }]; } });\nfunction isValue(value) {\n return !(value == null || value === '' || value !== value);\n}\n/**\n * Transforms a string into a number (if needed).\n */\nfunction strToNumber(value) {\n // Convert strings to numbers\n if (typeof value === 'string' && !isNaN(Number(value) - parseFloat(value))) {\n return Number(value);\n }\n if (typeof value !== 'number') {\n throw new Error(`${value} is not a number`);\n }\n return value;\n}\n\n/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @ngModule CommonModule\n * @description\n *\n * Creates a new `Array` or `String` containing a subset (slice) of the elements.\n *\n * @usageNotes\n *\n * All behavior is based on the expected behavior of the JavaScript API `Array.prototype.slice()`\n * and `String.prototype.slice()`.\n *\n * When operating on an `Array`, the returned `Array` is always a copy even when all\n * the elements are being returned.\n *\n * When operating on a blank value, the pipe returns the blank value.\n *\n * ### List Example\n *\n * This `ngFor` example:\n *\n * {@example common/pipes/ts/slice_pipe.ts region='SlicePipe_list'}\n *\n * produces the following:\n *\n * ```html\n *