\n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-auth-header',\n templateUrl: './auth-header.component.html',\n styleUrls: ['./auth-header.component.scss']\n})\nexport class AuthHeaderComponent {\n\n}\n","\n
\n \n \n \n \n \n
\n \n \n ![\"logo\"](\"/assets/images/delm8-logo.png\")
\n \n
\n \n\n \n ![\"facebook\"\n](\"/assets/images/icons/ic_round-facebook.svg\"){kind=icon}
![\"logo\"\n](\"/assets/images/icons/mdi_youtube.svg\"){kind=icon}
![\"twitter\"\n](\"/assets/images/icons/mage_x.svg\"){kind=icon}
SOME or all of your records have not been loaded. Please review the error report and try again.
Note: You only need to re-upload the records in this error report.`;\n // Map response.data to match bulkDriversList.invalidRows structure\n if (this.bulkDriversList) {\n this.bulkDriversList.invalidRows = response.data.map(\n (item: { [x: string]: string }) => ({\n row: {\n 'First Name': item['First Name'],\n 'Last Name': item['Last Name'],\n Email: item['Email'],\n 'Phone Number': item['Telephone Number'],\n },\n errors: [item['Error Message']],\n })\n );\n }\n this.showDownloadReportBtn = true;\n } else {\n this.bulkUploadSuccessfull = true;\n this.cancelBulkUpload();\n this._NotifierService.showSuccess(response.message);\n this._LoaderService.setState(false);\n // this.bulkUploadFile.nativeElement.value = '';\n this.bulkDriversList = null;\n }\n }\n },\n error: (error) => {\n this.showIgnoreUploadButton = false;\n console.log('Error while adding driver in bulk', error);\n this.cancelBulkUpload();\n this._LoaderService.setState(false);\n // this._NotifierService.showError(error.error.message);\n this.csvErrorMessage = error.error.message;\n },\n });\n }\n // end bulk upload\n\n downloadErrorReport() {\n if (this.bulkDriversList) {\n // Convert array of objects to CSV content\n const csvContent = this.convertArrayOfErrorObjectsToCSV(\n this.bulkDriversList.invalidRows\n );\n\n // Create a Blob object for the CSV content\n const blob = new Blob([csvContent], { type: 'text/csv' });\n\n // Create a link element, set the href attribute to point to the Blob, and trigger a click to initiate download\n const link = document.createElement('a');\n link.href = URL.createObjectURL(blob);\n link.download = 'driver-error-report.csv';\n link.click();\n }\n }\n\n downloadSampleCSVFile() {\n // Convert array of objects to CSV content\n const headers = Object.keys(bulkUploadSampleArray[0]).join(',');\n // Remove the first object from the array to use it for CSV data\n const sampleArray = bulkUploadSampleArray.slice(1);\n // Map over the remaining array to create CSV rows\n const csvRows = sampleArray.map((data) => {\n return Object.values(data).join(',');\n });\n // Combine headers and rows\n const csvContent = `${headers}\\n${csvRows.join('\\n')}`;\n // Create a Blob object for the CSV content\n const blob = new Blob([csvContent], { type: 'text/csv' });\n\n // Create a link element, set the href attribute to point to the Blob, and trigger a click to initiate download\n const link = document.createElement('a');\n link.href = URL.createObjectURL(blob);\n link.download = 'delm8_corporate_drivers.csv';\n link.click();\n }\n\n convertArrayOfErrorObjectsToCSV(data: any[]): string {\n const headers = Object.keys(data[0].row).concat(['Errors']).join(',');\n\n // Convert each object to a CSV row\n const csvRows = data.map((item) => {\n const rowData = Object.values(item.row)\n .map((value) => `\"${value}\"`)\n .join(',');\n\n // Extract errors (if any)\n const errors =\n item.errors.length > 0 ? `\"${item.errors.join(', ')}\"` : '';\n\n return `${rowData},${errors}`;\n });\n\n // Combine headers and rows\n const csvContent = `${headers}\\n${csvRows.join('\\n')}`;\n return csvContent;\n }\n}\n","\n
\n \n \n \n
\n \n
\n {{ data.title }}
\n \n\n
\n {{ data.message }}
\n\n \n \n
\n \n
\n\n\n\n \n close \n \n
\n {{ data.title }}
\n\n \n
\n \n \n {{ data.isFirstTimeLogin ? \"Save\" : \"Reset\" }}\n \n \n Cancel\n \n
\n\n
\n\n\n\n
\n Driver calculation
\n\n
\n \n
\n {{ data.title }}
\n\n
\n - \n
- \n No. of driver(s)\n\n {{\n driverDataCalculations.quantity ||\n driverDataCalculations.qunatity\n }}\n\n \n
- \n Cost per driver\n£{{ driverDataCalculations.perDriverPrice }}\n \n
- \n Days remaining\n{{ driverDataCalculations.daysRemaining }} days\n \n
- \n Vat\n{{ driverDataCalculations.tax }}%\n \n
- \n Total\n£{{ driverDataCalculations.amount }}\n \n
\n \n \n {{ this.data?.showPayLater ? \"Pay Later\" : \"Cancel\" }}\n \n
\n\n
\n\n\n\n\n \n Saved this card for future reference.\n \n
\n \n
\n {{ data.title }}
\n \n\n
\n \n \n \n {{ this.data?.isCardSaved ? \"Pay Now\" : \"Add Card\" }}\n \n \n
\n \n
\n \n \n \n \n close \n \n
\n {{ data.title }}
\n\n \n No cards found.\n
\n Please choose a payment card
\n\n \n
\n \n
\n Card Number
\n Brand
\n Created ON
\n Select
\n {{ card?.last4 }}
\n {{ card?.brand }}
\n \n {{ card?.created | date : \"dd MMM yyyy\" }}\n
\n \n
\n \n \n Add new card\n \n \n Pay now\n \n \n Pay Later\n \n
\n\n\n\n\n
\n \n \n
\n \n
\n\n \n \n {{ data.title }}\n
\n\n
\n \n
\n \n
\n How to upload drivers from a file:
\n- \n
- 1) Download the file template. \n
- \n 2) See the example record in the file and then delete it. That\n record is there to guide you on how to fill this form.\n \n
- \n 3) Fill all the columns. Please note all columns are required\n and should be filled with data in the correct format as shown in\n the example record.\n \n
- \n 4) You can only have upto 100 drivers per file. To load more,\n please add their details in a separate file.\n \n
\n \n \n \n
\n \n \n Download Report\n \n
\n {{ bulkDriversList.invalidRows.length }} Invalid Record(s)
\n\n \n
\n \n
\n First Name
\n Last Name
\n Email
\n Phone Number
\n Error Details
\n {{ record?.row[\"First Name\"] }}
\n {{ record?.row[\"Last Name\"] }}
\n {{ record?.row[\"Email\"] }}
\n {{ record?.row[\"Phone Number\"] }}
\n {{ record?.errors?.join(\", \") }}
\n \n check_circle \n Driver(s) added successfully.\n
\n File Name: {{fileName}}
\n\n \n {{\n bulkUploadSuccessfull\n ? \"Finish\"\n : !showIgnoreUploadButton\n ? \"Close\"\n : \"Cancel\"\n }}\n \n
\n\n\n\n\n \n {{\n this.bulkDriversList\n ? this.bulkDriversList.invalidRows.length\n ? \"Ignore & Upload\"\n : \"Upload\"\n : \"Upload\"\n }}\n \n
\n \n
\n \n
\n \n
\n \n This will ignore the failed record(s) and load the rest.\n
\n \n
\n\n\n\n
\n {{ data.title }}
\n \n\n
\n {{ data.message }}
\n\n \n \n
\n\n
\n\n\n\n\n
\n {{ data.title }}
\n \n\n
\n \n
\n\n \n \n \n
\n \n
\n DELM8 {{ ele.plan_name }}
\n\n £{{ ele.per_driver_price }}/ Per user per\n {{ ele.duration === \"monthly\" ? \"month\" : \"year\" }}\n
\n\n
\n\n\n\n
\n {{ data.title }}
\n \n\n
\n \n \n
\n \n \n \n Update\n \n
\n\n
\n \n
\n {{ data.title }}
\n \n\n
\n \n
\n \n \n \n
\n \n \n
\n \n \n Update\n \n
\n\n\n\n\n
\n","import {\n Component,\n EventEmitter,\n Input,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { MatPaginator, PageEvent } from '@angular/material/paginator';\nimport { MatSort } from '@angular/material/sort';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { BehaviorSubject } from 'rxjs';\nimport { SortingOption } from 'src/app/_types/common.types';\nimport { Pagination } from 'src/app/_types/driver.types';\nimport { LoaderService } from '../../services/loader.service';\n\ninterface IHandleOptions {\n record: any;\n selectedOption: string;\n}\n@Component({\n selector: 'app-data-grid',\n templateUrl: './data-grid.component.html',\n styleUrls: ['./data-grid.component.scss'],\n})\nexport class DataGridComponent {\n @Input() dataToRender: any = [];\n @Input() displayedColumnKeys: string[] = [];\n @Output() pageChange$: EventEmitter\n
\n {{ data.title }}
\n \n\n
\n {{ data.message }}
\n\n \n
\n\n \n \n \n {{ tableField.header }}\n \n \n \n \n {{ tableField.header }}\n \n \n \n \n {{\n (!ObjectColumnToRender.includes(tableField.key)\n ? element[tableField.key]\n : (element | nestedObjectValue : ObjectColumn[tableField.key])\n )\n ?.split(\"_\")\n ?.join(\"\") | titlecase\n }}\n \n \n
\n\n \n \n \n \n \n \n \n \n {{ tableField.header }}\n \n \n \n \n {{ tableField.header }}\n \n \n \n {{\n (!ObjectColumnToRender.includes(tableField.key)\n ? element[tableField.key]\n : (element\n | nestedObjectValue\n : ObjectColumn[tableField.key]\n : tableField.key == \"name\")\n ) | date : \"dd MMM yyyy\"\n }}\n \n
\n\n \n \n \n {{ tableField.header }}\n \n \n \n
\n\n \n \n \n ![](\"assets/images/icons/view-icon.svg\")
\n \n \n ![\"Delete\"](\"assets/images/icons/delete-form.svg\")
\n \n \n more_horiz \n \n \n \n {{ menu.value }}\n \n \n
\n \n \n \n \n \n \n \n {{ label }} \n \n \n \n
\n\n \n \n \n \n \n
\n","import { formatDate } from '@angular/common';\nimport { Component } from '@angular/core';\nimport {\n payment_mode,\n subscription_status,\n} from 'src/app/constant/db.constant';\nimport { SharedDataService } from '../../services/shared-data.service';\n\n@Component({\n selector: 'app-floating-notification',\n templateUrl: './floating-notification.component.html',\n styleUrls: ['./floating-notification.component.scss'],\n})\nexport class FloatingNotificationComponent {\n serviceUserData!: any;\n subscription_msg: string = '';\n floating_title: string = 'SUBSCRIPTION ALERT!!';\n // subscriptionBtn: boolean = true;\n subscriptionBtn: boolean = false;\n todayISOString: string = '';\n dayDifference: number = 0;\n subEndDate: string = '';\n graceDate: string = '';\n showsubscribeMsg: boolean = false;\n subscribeMsg: string = '';\n\n constructor(private _SharedDataService: SharedDataService) {}\n\n ngOnInit(): void {\n this.getSubsData();\n }\n //to get subscription status\n getSubsData() {\n this._SharedDataService.getSubsData().subscribe((data) => {\n this.serviceUserData = data;\n\n this.serviceUserData.subscription !== null\n ? this.dateCalculation(this.serviceUserData.subscription.end_date)\n : '';\n this.subEndDate = this.serviceUserData?.subscription?.end_date\n ? formatDate(\n this.serviceUserData?.subscription?.end_date,\n 'dd MMM yyyy',\n 'en-US'\n )\n : formatDate(this.serviceUserData.expiry_date, 'dd MMM yyyy', 'en-US');\n this.graceDate = this.serviceUserData.subscription.grace_end_date\n ? formatDate(\n this.serviceUserData.subscription.grace_end_date,\n 'dd MMM yyyy',\n 'en-US'\n )\n : '';\n\n const subStatus = this.serviceUserData?.subscription?.subscription_status;\n const generateMessage = (msg: any) => {\n return this.serviceUserData.payment_mode === payment_mode.ONLINE\n ? `${msg} Select “Subscribe Now” to renew.`\n : `${msg} To renew, please contact Delm8 team.`;\n };\n\n //to hide/show the subscription button\n const showSubscribeBtn = (userData: any) => {\n return (\n userData.payment_mode === payment_mode.ONLINE &&\n userData.subscription.subscription_status != subscription_status.TRIAL\n );\n };\n\n switch (subStatus) {\n case subscription_status.TRIAL: {\n if (this.dateCalculation(this.subEndDate) === 0) {\n this.subscription_msg = 'Your subscription will be upgraded today';\n } else {\n this.subscription_msg = `Your trial account will be upgraded unless cancelled before ${this.subEndDate}.`;\n }\n if (this.serviceUserData.cancelAtPeriodEnd) {\n this.subscription_msg = `Your trial subscription has been cancelled, will continue until ${this.subEndDate}.`;\n }\n break;\n }\n\n case subscription_status.CANCELLED: {\n this.subscription_msg = generateMessage(\n `Your subscription was cancelled on ${this.subEndDate}.`\n );\n break;\n }\n\n case subscription_status.EXPIRED: {\n this.subscription_msg = generateMessage(\n `Your subscription expired on ${this.subEndDate}.`\n );\n break;\n }\n\n case subscription_status.ACTIVE: {\n // payment fail alert message\n if (\n !this.serviceUserData.cancelAtPeriodEnd &&\n this.serviceUserData.isUserInGrace &&\n this.serviceUserData.payment_mode === payment_mode.ONLINE\n ) {\n this.subscription_msg = generateMessage(\n `Your subscription has been ended on ${\n this.subEndDate\n }, your payment attempt has failed. We will retry over the next ${this.dateCalculation(\n this.graceDate\n )} days..`\n );\n this.floating_title = 'SUBSCRIPTION PAYMENT FAILURE NOTICE!!';\n } else {\n //the subscription is cancelled, will end at the end of the cycle\n this.serviceUserData.cancelAtPeriodEnd\n ? (this.subscription_msg = generateMessage(\n `Your subscription has been cancelled, will continue until ${this.subEndDate}.`\n ))\n : '';\n\n //for corporates who have exceeded their subscription date and are in grace period\n if (this.serviceUserData.isUserInGrace) {\n this.subscription_msg = generateMessage(\n `Your subscription expired on ${this.subEndDate}, We have extended it for 3 additional days until ${this.graceDate}.`\n );\n this.floating_title = 'SUBSCRIPTION EXPIRY NOTICE!!';\n }\n\n //the driver exceeds allowance limit\n if (this.serviceUserData.exceedsLimit) {\n this.subscription_msg =\n 'You have exceeded your driver limit. Please deactivate any unnecessary drivers within 3 days, or all drivers will be deactivated.'\n // 'You have exceeded the driver limit. Please deactivate any unnecessary drivers.';\n this.floating_title = 'DRIVER ALLOWANCE EXCEEDED!!';\n }\n }\n break;\n }\n }\n this.subscriptionBtn = showSubscribeBtn(this.serviceUserData);\n });\n }\n\n dateCalculation(end_date: any) {\n const currentDate = new Date();\n const endDate = new Date(end_date);\n\n // Remove the time portion from the dates\n const currentDateString = new Date(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n currentDate.getDate()\n );\n const endDateString = new Date(\n endDate.getFullYear(),\n endDate.getMonth(),\n endDate.getDate()\n );\n\n // Calculate the difference in days\n const timeDifference =\n endDateString.getTime() - currentDateString.getTime();\n this.dayDifference = Math.ceil(timeDifference / (1000 * 3600 * 24));\n\n return this.dayDifference;\n }\n}\n","\n ![](\"assets/images/floating-notification)
\n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent {\n\n}\n","\n","import { Component } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\nimport {\n IError,\n IResponse,\n ServiceHeaderData,\n} from 'src/app/_types/common.types';\nimport { UserData } from 'src/app/_types/corporator.types';\nimport { AuthService } from 'src/app/services/auth.service';\nimport { OrganizationService } from 'src/app/services/organization.service';\nimport { ConfirmationDialogService } from '../../services/confirmation-dialog.service';\nimport { LoaderService } from '../../services/loader.service';\nimport { NotifierService } from '../../services/notifier.service';\nimport { SessionService } from '../../services/session.service';\nimport { SharedDataService } from '../../services/shared-data.service';\nimport { subscription_status } from 'src/app/constant/db.constant';\n\n@Component({\n selector: 'app-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n})\nexport class HeaderComponent {\n isAdmin: boolean = false;\n pathName: string = '';\n private unsubscribe$ = new Subject\n \n
\n\n \n ![\"clock-icon\"](\"assets/images/icons/Icon.svg\")
\n \n \n ![\"warning-icon\"](\"assets/images/icons/warning_icon.svg\")
\n \n
\n \n \n \n
\n \n {{floating_title}}\n {{subscription_msg}}\n
\n \n \n
\n \n
\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n AbstractControl,\n FormControl,\n UntypedFormControl,\n} from '@angular/forms';\nimport { PatternKey, patterns } from 'src/app/validators/pattern_validation';\n\n@Component({\n selector: 'app-input',\n templateUrl: './input.component.html',\n styleUrls: ['./input.component.scss'],\n})\nexport class InputComponent {\n @Input() control: any = new FormControl();\n @Input() label: string = '';\n @Input() placeholder: string = '';\n @Input() type: string = '';\n @Input() classes: string = '';\n @Input() errorMessage: string = '';\n @Input() isTelephone: boolean = false;\n @Input() isTooltipVisible: boolean = false;\n @Input() tooltipMessage: string = '';\n @Input() maxlength: string = '50';\n @Output() valueChanged$: EventEmitter{{_SharedDataService.headerTitle | async }}
\n\n \n
\n\n {{userProfileData.company_name ? userProfileData.company_name : userProfileData.first_name + ' ' + userProfileData.last_name }}\n SUPER ADMIN \n
\n {{getPlanName() + ' '+'PLAN' | uppercase}}
\n \n \n \n \n \n \n
\n \n \n {{ label }} \n \n +44\n \n \n \n \n \n \n \n
\n","import { Location } from '@angular/common';\nimport { Component, ElementRef, ViewChild } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\n// @ts-ignore\nimport * as html2pdf from 'html2pdf.js';\nimport { NotifierService } from '../../services/notifier.service';\nimport { LoaderService } from '../../services/loader.service';\nimport { InvoicesService } from 'src/app/services/invoices.service';\nimport { SessionService } from '../../services/session.service';\nimport { ROLES, payment_mode } from 'src/app/constant/db.constant';\nimport { SharedDataService } from '../../services/shared-data.service';\nimport * as moment from 'moment';\nimport { UserData } from 'src/app/_types/corporator.types';\n\n@Component({\n selector: 'app-invoice-details',\n templateUrl: './invoice-details.component.html',\n styleUrls: ['./invoice-details.component.scss'],\n})\nexport class InvoiceDetailsComponent {\n @ViewChild('printWrapper') printWrapper!: ElementRef;\n private unsubscribe$ = new Subject\n \n ![\"Eye](\"assets/images/icons/ph-eye-open.svg\")
\n \n \n ![\"Eye](\"assets/images/icons/ph--eye-closed.svg\")
\n \n
\n \n \n \n \n \n \n
\n \n\n","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { takeWhile } from 'rxjs/operators';\nimport { LoaderService } from '../../services/loader.service';\n@Component({\n selector: 'app-loader',\n templateUrl: './loader.component.html',\n})\nexport class LoaderComponent implements OnInit, OnDestroy {\n isBusy: boolean;\n alive: boolean;\n constructor(private _LoaderService: LoaderService) {\n this.isBusy = false;\n this.alive = true;\n }\n ngOnInit() {\n this._LoaderService\n .getState()\n .pipe(takeWhile(() => this.alive))\n .subscribe((data) => {\n this.isBusy = data;\n });\n }\n ngOnDestroy() {\n this.alive = false;\n }\n}\n","\n \n \n
\n \n
\n \n \n \n \n
\n \n
\n \n\n \n
\n \n Tax Invoice
\nDelm8 Corporate
\n\n
\n \n \n
\n \n
\n \n\n \n
\n\n To,
\n\n {{ invoiceData?.corporator?.company_name }}\n
\n\n {{ invoiceData?.corporator?.first_name }}\n {{ invoiceData?.corporator?.last_name }}\n
\n{{ invoiceData?.corporator?.address1 }}
\n{{ invoiceData?.corporator?.address2 }}
\n{{ invoiceData?.corporator?.city }}
\n{{ invoiceData?.corporator?.postcode }}
\nInvoice Number: {{ invoiceData?.invoice_no }}
\n\n Issued on: \n {{ invoiceData?.created_at | date : \"dd MMM yyyy\" }}\n
\n\n
\n From,
\nDelmate Limited
\nAvionics House
\nNewhaven Road
\nKingsway Business Park
\nGloucester
\nGL2 2SN
\nUNITED KINGDOM
\nVAT Number: GB399093442
\n \n \n\n
\n \n \n \n
\n
\n \n \n \n Subscription Plan\n | \n \n Period\n | \n \n Quantity\n | \n \n Unit Price\n | \n \n VAT\n | \n \n Amount\n | \n
| \n \n Delm8 -\n {{\n invoiceData?.isOfflineInvoice\n ? \"Offline\"\n : invoiceData?.subscription?.plan?.plan_name || \"-\"\n }}\n \n | \n \n \n {{\n (invoiceData?.invoice_from\n ? invoiceData?.invoice_from\n : invoiceData?.subscription?.start_date\n ) | date : \"dd MMM yyyy\"\n }}\n To\n {{\n (invoiceData?.invoice_to\n ? invoiceData?.invoice_to\n : invoiceData?.subscription?.end_date\n ) | date : \"dd MMM yyyy\"\n }}\n \n | \n \n {{ invoiceData?.quantity || \"0\" }} \n | \n \n \n {{\n invoiceData?.isOfflineInvoice\n ? \"£\" +\n (invoiceData?.subscription?.cost_per_driver ?? \"-\")\n : \"£\" +\n (invoiceData?.subscription?.plan?.per_driver_price ||\n \"-\")\n }}\n \n | \n \n \n {{\n \"£\" +\n (invoiceData?.vat_amount / 100 | number : \"1.2-2\" || \"0\")\n ? \"£\" +\n (invoiceData?.vat_amount / 100\n | number : \"1.2-2\" || \"0\")\n : \"-\"\n }}\n \n | \n \n \n {{\n \"£\" +\n (invoiceData?.subtotal / 100 | number : \"1.2-2\" || \"0\")\n ? \"£\" +\n (invoiceData?.subtotal / 100 | number : \"1.2-2\" || \"0\")\n : \"-\"\n }}\n \n | \n
\n \n \n \n Subtotal \n \n {{\n \"£\" + (invoiceData?.subtotal / 100 | number : \"1.2-2\")\n ? \"£\" + (invoiceData?.subtotal / 100 | number : \"1.2-2\")\n : \"-\"\n }}\n \n \n \n VAT \n \n {{\n \"£\" + (invoiceData?.vat_amount / 100 | number : \"1.2-2\")\n ? \"£\" + (invoiceData?.vat_amount / 100 | number : \"1.2-2\")\n : \"-\"\n }}\n \n \n \n \n Amount Due (Incl.Tax)\n \n \n {{\n \"£\" + (invoiceData?.amount / 100 | number : \"1.2-2\")\n ? \"£\" + (invoiceData?.amount / 100 | number : \"1.2-2\")\n : \"-\"\n }}\n \n \n \n \n
\n \n \n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-pre-login-layout',\n templateUrl: './pre-login-layout.component.html',\n styleUrls: ['./pre-login-layout.component.scss']\n})\nexport class PreLoginLayoutComponent {\n\n}\n","\n
\n\n
\n","import { Component } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { ISidebarItem } from 'src/app/_types/common.types';\nimport {\n corporateSidebarList,\n superAdminSidebarList,\n} from 'src/app/constant/sidebar-menu-label.constants';\nimport { SharedDataService } from '../../services/shared-data.service';\nimport { payment_mode } from 'src/app/constant/db.constant';\n\n@Component({\n selector: 'app-sidebar',\n templateUrl: './sidebar.component.html',\n styleUrls: ['./sidebar.component.scss'],\n})\nexport class SidebarComponent {\n confirmPassword = false;\n corporateHeaders: ISidebarItem[] = corporateSidebarList;\n superAdminHeaders: ISidebarItem[] = superAdminSidebarList;\n isCollapsed: boolean = false;\n isAdmin: boolean = false;\n pathName: string = '';\n sidebarListByRoles: ISidebarItem[] = [];\n localStorageData: any;\n\n constructor(\n public router: Router,\n private _ActiveRoute: ActivatedRoute,\n private _SharedDataService: SharedDataService\n ) {}\n\n ngOnInit(): void {\n this.pathName = this._ActiveRoute.snapshot.routeConfig?.path || '';\n this.isAdmin = this.pathName === 'admin';\n this.sidebarListByRoles = this.isAdmin\n ? superAdminSidebarList\n : corporateSidebarList;\n\n //to hide saved card tab for offline corporates\n if (!this.isAdmin) {\n this._SharedDataService.getSubsData().subscribe((data) => {\n const userData = data;\n if (userData?.payment_mode === payment_mode.OFFLINE) {\n this.sidebarListByRoles = corporateSidebarList.filter(item => item.name !== 'Saved Cards');\n } else {\n this.sidebarListByRoles = [...corporateSidebarList];\n }\n });\n }\n }\n\n toggleSidebar() {\n this.isCollapsed = !this.isCollapsed;\n }\n}\n","\n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { UserData } from 'src/app/_types/corporator.types';\nimport { ROLES, payment_mode } from 'src/app/constant/db.constant';\nimport { SessionService } from '../../services/session.service';\n\n@Component({\n selector: 'app-statistical-data',\n templateUrl: './statistical-data.component.html',\n styleUrls: ['./statistical-data.component.scss'],\n})\nexport class StatisticalDataComponent implements OnInit {\n @Input() statsData!: any;\n statsCount: {\n title: string;\n value: number | string;\n activeDrivers?: string;\n inActiveDrivers?: string;\n }[] = [];\n @Input() nextInvoiceDate: string = '';\n @Input() view: string = '';\n showTooltipIndex: number = -1;\n isAdmin: boolean = false;\n userRole: any;\n userData!: UserData | any;\n\n constructor(\n private _SessionService: SessionService\n ) {}\n\n ngOnInit(): void {\n this.userRole = this._SessionService.getSession('user_role') as ROLES;\n this.isAdmin = this.userRole === ROLES.ROLE_SUPER_ADMIN;\n //for getting payment mode for driver allowance tab\n !this.isAdmin\n ? (this.userData = this._SessionService.getSession('userData'))\n : null;\n this.userData ? (this.userData = JSON.parse(this.userData)) : '';\n\n if (this.statsData) {\n switch (this.view) {\n case 'invoice':\n this.statsCount = [\n { title: 'Active Drivers', value: Number(this.statsData.active) },\n {\n title: 'Next invoice due on',\n value: this.nextInvoiceDate,\n },\n ];\n break;\n case 'dashboard':\n this.statsCount = [\n { title: 'Total Drivers', value: Number(this.statsData.total) },\n { title: 'Active Drivers', value: Number(this.statsData.active) },\n {\n title: 'Inactive Drivers',\n value: Number(this.statsData.inactive),\n },\n ];\n break;\n case 'admin-dashboard':\n this.statsCount = [\n {\n title: 'Corporate Users',\n value: Number(this.statsData.totalCorporatorCount),\n activeDrivers: this.statsData.totalActiveDrivers,\n inActiveDrivers: this.statsData.totalInActiveDrivers,\n },\n {\n title: 'Online Organisations',\n value: Number(this.statsData.totalOnlineCorporate),\n activeDrivers: this.statsData.totalOnlineActiveDrivers,\n inActiveDrivers: this.statsData.totalOnlineInActiveDrivers,\n },\n {\n title: 'Offline Organisations',\n value: Number(this.statsData.totalOfflineCorporate),\n activeDrivers: this.statsData.totalOfflineActiveDrivers,\n inActiveDrivers: this.statsData.totalOfflineInActiveDrivers,\n },\n ];\n break;\n default:\n this.statsCount = [];\n }\n\n //append driver allowance for offline corporates\n if (\n this.view === 'dashboard' &&\n this.userData?.payment_mode === payment_mode.OFFLINE\n ) {\n this.statsCount.splice(1, 0, {\n title: 'Driver Allowance',\n value: Number(this.statsData.number_of_drivers),\n });\n }\n }\n }\n\n ngOnChanges() {\n if (this.statsData) {\n switch (this.view) {\n case 'invoice':\n this.statsCount = [\n { title: 'Active Drivers', value: Number(this.statsData.active) },\n {\n title: 'Next invoice due on',\n value: this.nextInvoiceDate,\n },\n ];\n break;\n case 'dashboard':\n this.statsCount = [\n { title: 'Total Drivers', value: Number(this.statsData.total) },\n { title: 'Active Drivers', value: Number(this.statsData.active) },\n {\n title: 'Inactive Drivers',\n value: Number(this.statsData.inactive),\n },\n ];\n break;\n case 'admin-dashboard':\n this.statsCount = [\n {\n title: 'Corporate Users',\n value: Number(this.statsData.totalCorporatorCount),\n activeDrivers: this.statsData.totalActiveDrivers,\n inActiveDrivers: this.statsData.totalInActiveDrivers,\n },\n {\n title: 'Online Organisations',\n value: Number(this.statsData.totalOnlineCorporate),\n activeDrivers: this.statsData.totalOnlineActiveDrivers,\n inActiveDrivers: this.statsData.totalOnlineInActiveDrivers,\n },\n {\n title: 'Offline Organisations',\n value: Number(this.statsData.totalOfflineCorporate),\n activeDrivers: this.statsData.totalOfflineActiveDrivers,\n inActiveDrivers: this.statsData.totalOfflineInActiveDrivers,\n },\n ];\n break;\n default:\n this.statsCount = [];\n }\n\n //append driver allowance for offline corporates\n if (\n this.view === 'dashboard' &&\n this.userData?.payment_mode === payment_mode.OFFLINE\n ) {\n this.statsCount.splice(1, 0, {\n title: 'Driver Allowance',\n value: Number(this.statsData.number_of_drivers),\n });\n }\n }\n }\n}\n","\n \n \n ![\"logo\"](\"assets/images/icons/logo-delm8)
\n \n
\n \n \n \n \n ![\"back-icon\"](\"assets/images/icons/chevrons-left.svg\")
\n ![\"back-icon\"](\"assets/images/icons/chevrons-right.svg\")
\n
\n \n \n \n
\n\n\n- \n
- \n \n
\n
\n {{ link.name }}\n \n
\n \n \n\n
\n {{ link.name }}\n \n
\n
\n
","import { formatDate } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { IError, IResponse } from 'src/app/_types/common.types';\nimport { IPlans } from 'src/app/_types/plan.types';\nimport {\n payment_mode,\n plan_duration,\n subscription_status,\n} from 'src/app/constant/db.constant';\nimport { PlanService } from 'src/app/services/plan.service';\nimport { SubscriptionService } from 'src/app/services/subscription.service';\nimport { ConfirmationDialogService } from '../../services/confirmation-dialog.service';\nimport { LoaderService } from '../../services/loader.service';\nimport { NotifierService } from '../../services/notifier.service';\nimport { SessionService } from '../../services/session.service';\nimport { SharedDataService } from '../../services/shared-data.service';\nimport {\n IChangeSubscriptionPayload,\n ISubcriptionDetails,\n} from 'src/app/_types/subscription.types';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { CardService } from 'src/app/services/card.service';\nimport { StripePaymentService } from '../../services/stripe.service';\nimport { ICards, ICardsResponse } from 'src/app/_types/card.types';\nimport { AddDriverProcessServiceTsService } from '../../services/add-driver-process.service';\nimport { PaymentIntent } from 'src/app/_types/driver.types';\n\n@Component({\n selector: 'app-subscription',\n templateUrl: './subscription.component.html',\n styleUrls: ['./subscription.component.scss'],\n})\nexport class SubscriptionComponent {\n subscriptionDetails!: ISubcriptionDetails;\n planList: IPlans[] = [];\n activeUpcomingPlanList: IPlans[] = [];\n corporateData: any;\n form!: FormGroup;\n otherPlanList: any = [\n {\n duration: 'custom',\n },\n ];\n cardList: ICards[] | null = [];\n isTooltipVisible: boolean = false;\n tooltipData: any[] = [];\n tooltipDataMap: {\n startDate: string | any;\n endDate: string | any;\n }[] = [];\n activeTooltipIndex: number = -1;\n driverPaymentIntentData!: PaymentIntent\n\n constructor(\n private _FormBuilder: FormBuilder,\n private _PlanService: PlanService,\n private _SharedDataService: SharedDataService,\n private _LoaderService: LoaderService,\n private _NotifierService: NotifierService,\n private _SessionService: SessionService,\n private _SubscriptionService: SubscriptionService,\n private _ConfirmationDialogService: ConfirmationDialogService,\n private _Router: Router,\n private _StripePaymentService: StripePaymentService,\n private _CardService: CardService,\n private _addDriverProcessService: AddDriverProcessServiceTsService\n ) {}\n\n ngOnInit(): void {\n this.form = this._FormBuilder.group({\n planId: [, [Validators.required]],\n });\n this._LoaderService.setState(true);\n this._SharedDataService.setHeaderTitle('Subscription');\n this.corporateData = JSON.parse(\n this._SessionService.getSession('userData') ?? ''\n );\n this.getPlanSubscriptionData();\n\n }\n ngDoCheck() {\n this.initializeTooltipData();\n }\n\n initializeTooltipData(){\n if(this.subscriptionDetails){\n this.tooltipDataMap = [\n {\n startDate: this.subscriptionDetails.start_date,\n endDate: this.subscriptionDetails.end_date,\n },\n {\n startDate: this.subscriptionDetails?.upcoming_subscription?.start_date,\n endDate: this.subscriptionDetails?.upcoming_subscription?.end_date,\n },\n ]\n }\n }\n\n\n getPlanSubscriptionData() {\n this._LoaderService.setState(true);\n this._PlanService.planList().subscribe({\n next: (response: Partial\n
\n\n {{ count.title }}\n
\n {{count.value}}\n \n ![\"i-icon\"](\"assets/images/icons/lucide_info.svg\")
\n
\n \n \n
\n \n
\n \n Active Drivers\n {{count.activeDrivers}}\n
\n \n Inactive Drivers\n {{count.inActiveDrivers}}\n
\n \n
\n\n \n \n
\n \n \n\n","import {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { MatSelectChange } from '@angular/material/select';\nimport { debounceTime, distinctUntilChanged, fromEvent, tap } from 'rxjs';\nimport { ROLES } from 'src/app/constant/db.constant';\nimport { SessionService } from '../../services/session.service';\nimport { DatepickerComponent } from '../datepicker/datepicker.component';\n\n@Component({\n selector: 'app-table-controls',\n templateUrl: './table-controls.component.html',\n styleUrls: ['./table-controls.component.scss'],\n})\nexport class TableControlsComponent {\n constructor(private _SessionService: SessionService) {}\n\n @ViewChild('searchInput')\n searchInput!: ElementRef;\n userRole: ROLES | null = null;\n isAdmin: boolean = false;\n selectedOption: string = 'all';\n selectedSubsDurationOption: string = 'all';\n selectedSubsStatusOption: string = 'all';\n @Input() placeholder: string = 'Search';\n @Input() showElementList: string[] = [];\n @Input() title: string = '';\n @Input() statusOptionList: any;\n @Input() subDurationTitle: string = '';\n @Input() subStatusTitle: string = '';\n @Input() subsDurationOptionList: any;\n @Input() subsStatusOptionList: any;\n @Input() filterTitle: string = 'Status';\n @Input() showTotalRecordsBelowFilter: boolean = false;\n @Output() handleSearch$: EventEmitterOther Plans
\n\n
\n \n
\n \n
\n \n \n Contact Us\n \n \n Most Popular\n \n
\n \n DELM8\n {{\n plan.plan_name\n ? (plan.plan_name | uppercase)\n : (\"Enterprise\" | uppercase)\n }}\n
\n\n £{{ plan.per_driver_price }}/ Per user per \n {{ plan.duration === \"monthly\" ? \"month\" : \"year\" }}\n
\n\n Custom Package\n
\n- \n
- \n
check_circle Rolling Monthly\n \n - \n
check_circle 2 Months free\n \n - \n
check_circle Custom Package built for your\n organisation\n \n check_circle Cancel Anytime \n - \n
check_circle Add or remove drivers online\n \n - \n
check_circle Enable and disable drivers\n with ease\n \n
\n {{ title }}\n
\n \n \n\n \n \n {{ subDurationTitle }}:\n \n \n {{ subOption.value }} \n \n \n
\n \n \n {{ filterTitle }}:\n \n \n {{ option.value }} \n \n \n
\n \n \n {{ title }}\n
\n","import {\n ChangeDetectorRef,\n Component,\n EventEmitter,\n Input,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { MatPaginator, PageEvent } from '@angular/material/paginator';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Pagination } from 'src/app/_types/driver.types';\nimport { LoaderService } from '../../services/loader.service';\nimport { AriaDescriber } from '@angular/cdk/a11y';\n\n@Component({\n selector: 'app-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss'],\n})\nexport class TableComponent {\n @Output() driverId: EventEmitter\n \n \n
\n","import { Injectable } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ICards, ICardsResponse } from 'src/app/_types/card.types';\nimport { CardService } from 'src/app/services/card.service';\nimport { ConfirmationDialogService } from './confirmation-dialog.service';\nimport { LoaderService } from './loader.service';\nimport { NotifierService } from './notifier.service';\nimport { SessionService } from './session.service';\nimport { StripePaymentService } from './stripe.service';\nimport { PaymentIntent } from 'src/app/_types/driver.types';\nimport { Subject } from 'rxjs';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class AddDriverProcessServiceTsService {\n userRole!: any;\n driverDataCalculations: any;\n cardList: ICards[] | null = [];\n private valueChangedSubject = new Subject\n \n \n
\n
\n \n \n | \n \n {{ column.split(\"_\").join(\" \") | uppercase }}\n \n \n | \n \n \n \n ![](\"assets/images/icons/mail.svg\"){kind=icon} {{ element[column] | lowercase}}\n ![](\"assets/images/icons/phone.svg\"){kind=icon} +44 {{ element[column] }}\n \n \n \n | \n
|---|