\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n
\n\n \n
\n \n
","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatSort } from '@angular/material/sort';\nimport { MatTableDataSource } from '@angular/material/table';\nimport * as fileSaver from 'file-saver';\n\nimport { CarrierInvoice, ClientInvoice, ClientInvoiceRequest, DownloadClientInvoiceRequest, UserInfo } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-carrier-invoices',\n templateUrl: './carrier-invoices.component.html',\n styleUrls: ['./carrier-invoices.component.css']\n})\nexport class CarrierInvoicesComponent implements OnInit {\n constructor(private apiService: ApiService, private userService: UserService) { }\n\n displayedColumns: string[] = ['AccountNumber', 'InvoiceNumber', 'InvoiceDate', 'InvoiceAmount', 'invoice-action'];\n\n @ViewChild(MatSort)\n sort!: MatSort;\n \n userInfo!: UserInfo;\n clientInvoices!: MatTableDataSource\n \n \n \n \n
\n \n
\n | \n | \n | \n Total Avoidable Costs {{ totalAvoidable | currency }} | \n{{element.Description}} | \nAmount | \n{{element.Amount | currency}} | \nCount | \n{{element.ChargeCount}} | \nReport | \n\n |
|---|
\n \n Avoidable Cost by Week \n \n \n \n\n
\n\n \n
\n \n \n \n
\n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport * as fileSaver from 'file-saver';\nimport { appConstants } from '../helpers/constants';\nimport { StandardApiRequest, Carrier, Account, UserInfo, CostByMonth } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-cost-package-chart',\n templateUrl: './cost-package-chart.component.html',\n styleUrls: ['./cost-package-chart.component.css']\n})\nexport class CostPackageChartComponent implements OnInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private router: Router, private sessionService: SessionService, private userService: UserService) { }\n\n displayedColumns: string[] = ['month', 'year', 'net-charge'];\n dataTable: MatTableDataSource| Account Number | \n{{element.AccountNumber}} | \nInvoice Number | \n{{element.InvoiceNumber}} | \nInvoice Date | \n{{element.InvoiceDate | date}} | \nInvoice Total | \n{{element.InvoiceAmount | currency}} | \nAction | \n\n |
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport * as fileSaver from 'file-saver';\nimport { appConstants } from '../helpers/constants';\nimport { StandardApiRequest, Carrier, Account, UserInfo, CostByMonth } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-cost-pound-chart',\n templateUrl: './cost-pound-chart.component.html',\n styleUrls: ['./cost-pound-chart.component.css']\n})\nexport class CostPoundChartComponent implements OnInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private router: Router, private sessionService: SessionService, private userService: UserService) { }\n\n displayedColumns: string[] = ['month', 'year', 'net-charge'];\n dataTable: MatTableDataSource\n \n \n
\n \n
\n \n\n \n COST PER PACKAGE \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Month | \n{{element.Month }} | \nYear | \n{{element.Year }} | \nCost | \n{{element.Cost | currency}} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport { ChartDataSets, ChartType } from 'chart.js';\nimport * as fileSaver from 'file-saver';\nimport { Label } from 'ng2-charts';\nimport { PackageCountByZone, StandardApiRequest, Carrier, Account, UserInfo, PackageCountByWeight } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-count-weight-chart',\n templateUrl: './count-weight-chart.component.html',\n styleUrls: ['./count-weight-chart.component.css']\n})\nexport class CountWeightChartComponent implements OnInit {\n\n displayedColumns: string[] = ['service-zone', 'service-group', 'package-count'];\n packageByWeightTable: MatTableDataSource\n \n \n
\n \n
\n \n\n \n COST PER POUND \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Month | \n{{element.Month }} | \nYear | \n{{element.Year }} | \nCost | \n{{element.Cost | currency}} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-dashboard-footer',\n templateUrl: './dashboard-footer.component.html',\n styleUrls: ['./dashboard-footer.component.css']\n})\nexport class DashboardFooterComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n currentYearLong(): number {\n return new Date().getFullYear();\n }\n}\n","\n \n \n
\n \n
\n \n\n \n \n PACKAGE COUNT BY WEIGHT GROUP\n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Carrier | \n{{element.CarrierName }} | \nWeight Bucket | \n{{element.WeightBucketName }} | \nNet Charge | \n{{element.PackageCount}} | \n
|---|
\n\n
\n\n","import { Component, OnInit } from '@angular/core';\nimport { TokenStorageService } from '../services/token-storage.service'\n\n@Component({\n selector: 'app-dashboard-header',\n templateUrl: './dashboard-header.component.html',\n styleUrls: ['./dashboard-header.component.css']\n})\nexport class DashboardHeaderComponent implements OnInit {\n\n constructor( private tokenStorage: TokenStorageService) { }\n\n ngOnInit(): void {\n }\n\n}\n","\n\n Having Troubles? Email Customer Support\n
\n![](\"../../assets/aquarium/logo_main-min.png\"){kind=logo}
\n\n","\n\n\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n \n
\n\n \n \r\n \r\n FILTERS \r\n \r\n Start Date \r\n \r\n \r\n \r\n End Date \r\n \r\n \r\n \r\n Carrier \r\n \r\n \r\n {{car.CarrierName}}\r\n \r\n \r\n \r\n \r\n Account \r\n \r\n \r\n {{acc.AccountNumber}}\r\n \r\n \r\n \r\n \r\n
","import { AfterViewInit, Component, ContentChild, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport { TokenStorageService } from '../services/token-storage.service';\nimport { ChartType, ChartOptions, ChartDataSets } from 'chart.js';\n\nimport { ApiService } from '../services/api.service.service';\nimport { Account, Carrier, DashboardStats, NetCharge, PackagesByStatesFrom, PackagesByStatesTo, PackageCountByWeight, PackageCountByZone, StandardApiRequest, SurchargeByType, UserInfo } from '../helpers/interfaces';\nimport { UserService } from '../services/user.service';\n\nimport { MultiDataSet, Label } from 'ng2-charts';\nimport { MatRadioChange } from '@angular/material/radio';\nimport { ThemePalette } from '@angular/material/core';\nimport { ProgressSpinnerMode } from '@angular/material/progress-spinner';\nimport { SessionService } from '../services/session.service';\nimport { Router } from '@angular/router';\n\ndeclare var google: any;\n\n@Component({\n selector: 'app-dashboard-stats',\n templateUrl: './dashboard-stats.component.html',\n styleUrls: ['./dashboard-stats.component.css']\n})\nexport class DashboardStatsComponent implements OnInit, AfterViewInit {\n\n @ViewChild('geoMapRef', { static: false })\n geoMapRef!: ElementRef;\n\n color: ThemePalette = 'primary';\n mode: ProgressSpinnerMode = 'determinate';\n\n map: string[] = ['Origin Location', 'Destination Location'];\n maplabels: string = '';\n\n transTypes: string[] = ['Dollar Amount', 'Package Count'];\n transLabels: string = '';\n \n marked = false;\n\n surchargeOptions: ChartOptions = {\n responsive: true,\n\n };\n\n netChargeOptions: ChartOptions = {\n responsive: true,\n scales: {\n xAxes: [{\n scaleLabel: {\n display: true,\n labelString: 'Amount in dollars'\n }\n }]\n }, tooltips: {\n enabled: true,\n mode: 'single',\n callbacks: {\n label: function (tooltipItems, data) {\n return ' $' + tooltipItems.xLabel;\n }\n }\n }\n }\n\n netChargeLabels: Label[] = [];\n netChargeType: ChartType = 'horizontalBar';\n netChargeLegend = false;\n netChargePlugins = [];\n netChargeColors = [\n {\n backgroundColor: 'rgb(102,163,255,1)',\n }\n ];\n netChargeChartData: ChartDataSets[] = [\n ];\n\n surchargeLabels: Label[] = [];\n surchargeData: MultiDataSet = [\n [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]\n ];\n doughnutChartType: ChartType = 'doughnut';\n\n basicOptions: any;\n constructor(private apiService: ApiService, private router: Router, private sessionService: SessionService, private userService: UserService) { }\n\n dateToday: Date = new Date();\n form: StandardApiRequest = {\n StartDate: new Date(new Date(Date.now() - 14 * 24 * 60 * 60 * 1000)),\n EndDate: new Date(this.dateToday),\n CarrierId: 0,\n AccountId: 0,\n ClientId: 0,\n IsPageLoad: false\n }\n\n userInfo!: UserInfo;\n apiData: StandardApiRequest = {\n StartDate: new Date(new Date(Date.now() - 14 * 24 * 60 * 60 * 1000)),\n EndDate: new Date(this.dateToday),\n CarrierId: 0,\n AccountId: 0,\n ClientId: 0,\n IsPageLoad: false\n };\n dashboardStats: DashboardStats = {\n StartDate: this.form.StartDate,\n EndDate: this.form.EndDate,\n AverageZone_Profit: 0,\n AverageZone_Amount: 0,\n FreightSpend_FedexEffectiveDiscount: 0,\n FreightSpend_UPSEffectiveDiscount: 0,\n FreightSpend_Profit: 0,\n FreightSpend_Count: 0,\n FreightSpend_Amount: 0,\n Surcharges_Profit: 0,\n Surcharges_Count: 0,\n Surcharges_Amount: 0,\n NetSpend_Profit: 0,\n NetSpend_Count: 0,\n NetSpend_Amount: 0,\n AccountId: 0,\n CarrierId: 0,\n WeightCostPerPackage: 0\n\n };\n surchargesByType: SurchargeByType[] = []\n packageCountByWeight: PackageCountByWeight[] = []\n packageCountByZone: PackageCountByZone[] = []\n packagesByStatesTo: PackagesByStatesTo[] = []\n packagesByStatesFrom: PackagesByStatesFrom[] = []\n netChargeData!: NetCharge[] | [];\n\n weightChartOptions: any = {\n scaleShowVerticalLines: false,\n responsive: true,\n scales: {\n yAxes: [{\n ticks: {\n beginAtZero: true\n },\n scaleLabel: {\n display: true,\n labelString: 'Package Count'\n }\n }],\n xAxes: [{\n ticks: {\n \n },\n scaleLabel: {\n display: true,\n labelString: 'Weight'\n }\n }]\n }\n };\n weightChartLabels: string[] = [];\n weightChartType: ChartType = 'bar';\n weightChartLegend: boolean = true;\n weightChartData: ChartDataSets[] = [];\n weightChartLoading: boolean = true;\n\n layeredPackagesByZonebarChartOptions: any = {\n scaleShowVerticalLines: false,\n responsive: true,\n loading: true,\n scales: {\n yAxes: [{\n ticks: {\n beginAtZero: true\n },\n scaleLabel: {\n display: true,\n labelString: 'Package Count'\n }\n }],\n xAxes: [{\n ticks: {\n \n },\n scaleLabel: {\n display: true,\n labelString: 'Zone'\n }\n }]\n }\n };\n layeredPackagesByZonebarChartLabels: string[] = [];\n layeredPackagesByZonebarChartType: ChartType = 'bar';\n layeredPackagesByZonebarChartLegend: boolean = true;\n\n layeredPackagesByZonebarChartData: any[] = [];\n layeredPackagesByZonebarChartColors: Array\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Total Net Charge \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{dashboardStats.NetSpend_Amount | currency}} \r\n
\r\n \r\n Packages \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{dashboardStats.NetSpend_Count | number:'1.0':'en-US' }} \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Total Surcharges \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{dashboardStats.Surcharges_Amount | currency}} \r\n
\r\n \r\n Surcharges \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{dashboardStats.Surcharges_Count | number:'1.0':'en-US' }} \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Transportation Charge \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{dashboardStats.FreightSpend_Amount | currency}} \r\n
\r\n \r\n Effective Discount \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n UPS: {{dashboardStats.FreightSpend_UPSEffectiveDiscount}}% Fedex:\r\n {{dashboardStats.FreightSpend_FedexEffectiveDiscount}}% \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n Avg Zone \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{dashboardStats.AverageZone_Amount | number : '1.2-2'}} \r\n
\r\n \r\n Average Cost Per Package \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{dashboardStats.WeightCostPerPackage | currency}} \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n NET TRANSPORTATION BY SERVICE\r\n \r\n bar_chart \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {{tT}}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n SURCHARGES BY TYPE\r\n bar_chart \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n PACKAGE COUNT BY WEIGHT GROUP\r\n bar_chart \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n LAYERED PACKAGES BY ZONE\r\n bar_chart \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n PACKAGES BY STATE\r\n \r\n \r\n \r\n {{season}}\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \n
\nForgot Password
\n\n
\n
\n\n Enter your email to reset your password:\n
\n\n\n Email \n \n Email is required!\n \n \n
\n\n\n
\n\n","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { Router } from '@angular/router';\nimport { AuthService } from '../services/auth.service';\n\n@Component({\n selector: 'app-forgot-password',\n templateUrl: './forgot-password.component.html',\n styleUrls: ['./forgot-password.component.css']\n})\nexport class ForgotPasswordComponent implements OnInit {\n\n constructor(private authService: AuthService, private notification: MatSnackBar, private router: Router) { }\n\n attemptingLogin: boolean = false;\n\n form: any = {\n username: null\n };\n\n ngOnInit(): void {\n }\n\n onSubmit(): void {\n const { username } = this.form;\n this.attemptingLogin = true;\n this.authService.forgotpassword(this.form.username).subscribe(\n data => {\n if (data.StatusCode == 500 ){\n this.notification.open(\"An error occurred, please try again later.\");\n } else {this.notification.open(\"An error occurred, please try again later.\");\n this.notification.open(\"If there is a valid email on file please check it for the link to reset.\");\n this.router.navigate(['/']);\n }\n this.attemptingLogin = false;\n },\n err => {\n this.notification.open(\"An error occurred, please try again later.\");\n this.attemptingLogin = false;\n }\n );\n }\n}\n","import { ChartDataModel } from \"./interfaces\";\n\nexport class AppCommonFunctions {\n static getChartScale(xName: string = '', yName: string = '', beginAtZero = true): object {\n\t\treturn {\n\t\t\tyAxes: [{\n\t\t\t\tticks: {\n\t\t\t\t\tbeginAtZero: beginAtZero\n\t\t\t\t},\n\t\t\t\tscaleLabel: {\n\t\t\t\t\tdisplay: yName ? true : false,\n\t\t\t\t\tlabelString: yName\n\t\t\t\t}\n\t\t\t}],\n\t\t\txAxes: [{\n\t\t\t\tscaleLabel: {\n\t\t\t\t\tdisplay: xName ? true : false,\n\t\t\t\t\tlabelString: xName\n\t\t\t\t}\n\t\t\t}]\n\t\t};\n\t}\n static parseChartDataFromApi(res: any[], column: string): ChartDataModel {\n\t\tconst obj = new ChartDataModel();\n\t\tres.forEach(x => {\n\t\t\tobj.labels.push(x.Month.substring(0, 3) + '-' + x.Year.substring(2));\n\t\t\tobj.values.push(x[column]);\n\t\t});\n\t\treturn obj;\n\t}\n}\n","import { HTTP_INTERCEPTORS, HttpEvent } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';\n\nimport { TokenStorageService } from '../services/token-storage.service';\nimport { Observable } from 'rxjs';\n\nconst TOKEN_HEADER_KEY = 'Authorization'; // for Spring Boot back-end\n\n@Injectable()\nexport class AuthInterceptor implements HttpInterceptor {\n constructor(private token: TokenStorageService) { }\n\n intercept(req: HttpRequest\n \n
\n\r\n
\r\n Account Login
\r\n\r\n \r\n Email \r\n \r\n Username is required!\r\n \r\n \r\n
\r\n \r\n \r\n Password \r\n \r\n Password is required \r\n \r\n Password must be at least 4 characters\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Login failed: {{ errorMessage }}\r\n \r\n
\r\n \r\n
\r\n \r\n","import { Component, OnInit } from '@angular/core';\nimport { AuthService } from '../services/auth.service';\nimport { TokenStorageService } from '../services/token-storage.service';\nimport { Router } from '@angular/router';\nimport { UserService } from '../services/user.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\nexport class LoginComponent implements OnInit {\n form: any = {\n username: null,\n password: null\n };\n isLoggedIn = false;\n isLoginFailed = false;\n errorMessage = '';\n roles: string[] = [];\n attemptingLogin: boolean = false;\n\n constructor(private authService: AuthService, private tokenStorage: TokenStorageService, private router: Router, private userService: UserService, private notification: MatSnackBar) { }\n\n ngOnInit(): void {\n if (this.tokenStorage.getToken()) {\n this.isLoggedIn = true;\n this.roles = this.tokenStorage.getUser().roles;\n this.router.navigate(['/dashboard']);\n }\n }\n\n onSubmit(): void {\n const { username, password } = this.form;\n this.attemptingLogin = true;\n this.authService.login(username, password).subscribe(\n data => {\n if (data.StatusCode == 401 ){\n this.errorMessage = \"There was an issue logging in. Please check your username/password combination and try again\";\n this.isLoginFailed = true; \n this.attemptingLogin = false;\n } else {\n this.tokenStorage.saveToken(data.Value);\n this.isLoginFailed = false;\n this.isLoggedIn = true;\n this.attemptingLogin = false;\n this.userService.getUserInfo(username);\n }\n \n },\n err => {\n this.errorMessage = err.error.message;\n this.isLoginFailed = true;\n this.attemptingLogin = false;\n }\n );\n }\n\n reloadPage(): void {\n window.location.reload();\n }\n}","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatSort } from '@angular/material/sort';\nimport { MatTableDataSource } from '@angular/material/table';\nimport * as fileSaver from 'file-saver';\nimport { ClientInvoice, ClientInvoiceRequest, DownloadClientInvoiceRequest, UserInfo } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-monthly-invoices',\n templateUrl: './monthly-invoices.component.html',\n styleUrls: ['./monthly-invoices.component.css']\n})\nexport class MonthlyInvoicesComponent implements OnInit {\n\n constructor(private apiService: ApiService, private userService: UserService) { }\n\n displayedColumns: string[] = ['ClientInvoiceID', 'InvoiceDate', 'AmountDue', 'AmountPaid', 'AmountUnpaid', 'invoice-action'];\n\n userInfo!: UserInfo;\n clientInvoices!: MatTableDataSource\r\n \r\n Forgot Password?\r\n \r\n \r\n
\r\n \n \n \n
\n
","import { Component, OnInit } from '@angular/core';\nimport { MatRadioChange } from '@angular/material/radio';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport { ChartOptions, ChartType, ChartDataSets } from 'chart.js';\nimport * as fileSaver from 'file-saver';\nimport { Label, MultiDataSet } from 'ng2-charts';\nimport { StandardApiRequest, NetCharge, Carrier, Account, UserInfo } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-net-trans-chart',\n templateUrl: './net-trans-chart.component.html',\n styleUrls: ['./net-trans-chart.component.css']\n})\nexport class NetTransChartComponent implements OnInit {\n displayedColumns: string[] = ['service-group', 'net-charge'];\n netChargeTable: MatTableDataSource| Invoice Number | \n{{element.ClientInvoiceID}} | \nInvoice Date | \n{{element.InvoiceDate | date}} | \nInvoice Total | \n{{element.AmountDue | currency}} | \nAmount Paid | \n{{element.AmountPaid | currency}} | \nAmount Unpaid | \n{{element.AmountUnpaid | currency}} | \nAction | \n\n |
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n \n
","import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Account, Airbill, Carrier, SearchApiRequest, SearchField, StandardApiRequest, TrackingDataResponse, UserInfo } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\nimport jsPDF from 'jspdf';\nimport html2canvas from 'html2canvas';\nimport { MatSort } from '@angular/material/sort';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport * as fileSaver from 'file-saver';\n\n@Component({\n selector: 'app-package-search',\n templateUrl: './package-search.component.html',\n styleUrls: ['./package-search.component.css']\n})\n\nexport class PackageSearchComponent implements OnInit, AfterViewInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private sessionService: SessionService, private userService: UserService) { }\n\n userInfo!: UserInfo;\n formErrors: boolean = false;\n displayedColumns: string[] = ['airbill', 'AirbillNumber', 'tracking-detail', 'CarrierServiceName', 'TotalCharge', 'IncentiveAmount', 'AccountNumber', 'InvoiceNumber', 'ShipperCompany', 'ShipperName', 'ShipperAddress', 'ShipperCity', 'ShipperState', 'ShipperZip', 'ShipperCountry', 'RecipCompany', 'RecipName', 'RecipAddress', 'RecipCity', 'RecipState', 'RecipZip', 'RecipCountry', 'ReferenceNumber', 'PickupRecordNumber', 'PickupDate', 'SignedBy', 'DeliveryDate', 'Deadline', 'Weight', 'WeightUnits'];\n displayedTrackingColumns: string[] = ['airbill', 'tracking-number', 'service', 'acount', 'invoice'];\n currentAirbill: Airbill | undefined;\n\n paginator!: MatPaginator;\n @ViewChild('paginator') set MatPaginator(mp: MatPaginator) {\n this.paginator = mp;\n this.setDataSourceAttributes();\n }\n \n @ViewChild('trackingPaginator')\n trackingPaginator!: MatPaginator;\n\n @ViewChild('trackingGrid')\n htmlData!: ElementRef;\n\n @ViewChild(MatSort)\n sort!: MatSort;\n\n dateToday: Date = new Date();\n form: SearchApiRequest = {\n StartDate: new Date(new Date(Date.now() - 365 * 24 * 60 * 60 * 1000)),\n EndDate: new Date(this.dateToday),\n CarrierId: 0,\n AccountId: 0,\n ClientId: 0,\n SearchFieldId: 0,\n SearchValue: ''\n }\n\n Packages: MatTableDataSource\n \n \n
\n \n
\n \n\n \n \n NET TRANSPORTATION BY SERVICE\n \n \n
\n \n\n \n
\n\n \n \n \n \n
\n \n \n
\n | Service Group | \n{{element.ServiceGroupName}} | \nNet Charge | \n{{element.NetFreight | currency}} | \n
|---|
\n \n FILTERS \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport { ChartOptions, ChartType } from 'chart.js';\nimport * as fileSaver from 'file-saver';\nimport { Label, MultiDataSet } from 'ng2-charts';\nimport { SurchargeByType, StandardApiRequest, Carrier, Account, PackageCountByZone, UserInfo } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-packages-weight-chart',\n templateUrl: './packages-weight-chart.component.html',\n styleUrls: ['./packages-weight-chart.component.css']\n})\nexport class PackagesWeightChartComponent implements OnInit {\n\n displayedColumns: string[] = ['service-zone', 'service-group', 'package-count', 'net-charge'];\n packageZoneTable: MatTableDataSource\n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n
\n \n \n Field to Search \n \n \n {{sf.SearchFieldDesc}}\n \n \n \n \n Search Value \n \n\n \n
\n \n \n
\n \n \n
\n \n \n {{ errorMessage }}\n \n
\n \n \n \n \n
\n \n \n \n \n \n\n \n
\n \n \n \n
\n| \n | \n Details\n | \nTracking Number | \n{{element.AirbillNumber}} | \nTracking Info | \n\n | Service | \n{{element.CarrierServiceName}} | \nCost | \n{{element.TotalCharge | currency}} | \nIncentive | \n{{element.IncentiveAmount | currency}} | \nAccount | \n{{element.AccountNumber}} | \nInvoice | \n{{element.InvoiceNumber}} | \nShipper Company | \n{{element.ShipperCompany}} | \nShipper Name | \n{{element.ShipperName}} | \nShipper Address | \n{{element.ShipperAddress}} | \nShipper City | \n{{element.ShipperCity}} | \nShipper State | \n{{element.ShipperState}} | \nShipper Zip | \n{{element.ShipperZip}} | \nShipper Country | \n{{element.ShipperCountry}} | \nRecipient Company | \n{{element.RecipCompany}} | \nRecipient Name | \n{{element.RecipName}} | \nRecipient Address | \n{{element.RecipAddress}} | \nRecipient City | \n{{element.RecipCity}} | \nRecipient State | \n{{element.RecipState}} | \nRecipient Zip | \n{{element.RecipZip}} | \nRecipient Country | \n{{element.RecipCountry}} | \nReference Number | \n{{element.ReferenceNumber}} | \nPickup Record Number | \n{{element.PickupRecordNumber}} | \nSent | \n{{element.PickupDate | date: 'short'}} | \nSigned By | \n{{element.SignedBy}} | \nDelivery | \n{{element.DeliveryDate | date: 'short'}} | \nDeadline | \n{{element.Deadline | date: 'short'}} | \nWeight | \n{{element.Weight}} | \nWeight Units | \n{{element.WeightUnits}} | \n
|---|
\n \n \n \n
\n \n \n Delivery Date: {{currentAirbill?.DeliveryDate | date: 'short'}} \n \n Signed By: {{currentAirbill?.SignedBy}} \n \n \n\n \n \n
\n | Scan Time | \n\n {{element.ScanTime | date: 'short'}} | \nScan Desc | \n{{element.EventDescription}} | \nCity | \n{{element.City}} | \nState | \n{{element.State}} | \nZip | \n{{element.Zip}} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { ChartOptions } from 'chart.js';\nimport * as fileSaver from 'file-saver';\nimport { appConstants } from '../helpers/constants';\nimport { StandardApiRequest, Carrier, Account, RefundTotalByDisputeType, PerformanceByService, TrackingException, UserInfo, SurchargeTotal } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-performance-by-service-chart',\n templateUrl: './performance-by-service-chart.component.html',\n styleUrls: ['./performance-by-service-chart.component.css']\n})\nexport class PerformanceByServiceChartComponent implements OnInit {\n constructor(private apiService: ApiService, private notification: MatSnackBar, private sessionService: SessionService, private userService: UserService) { }\n\n displayedColumns: string[] = ['month', 'year'];\n dataTable: MatTableDataSource\n \n \n
\n \n
\n \n\n \n \n LAYERED PACKAGES BY ZONE\n \n \n
\n \n \n
\n\n \n \n \n \n
\n \n \n
\n | Zone | \n{{element.ZoneSN }} | \nService Group Name | \n{{ element.ServiceGroupName }} | \nPackage Count | \n{{ element.PackageCount }} | \nNet Charge | \n{{ element.NetCharge | currency }} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ChartOptions } from 'chart.js';\nimport { appConstants } from '../helpers/constants';\nimport { Account, Carrier, PerformanceByService, PerformanceStats, RefundTotalByDisputeType, StandardApiRequest, TrackingException, UserInfo } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-performance',\n templateUrl: './performance.component.html',\n styleUrls: ['./performance.component.css']\n})\nexport class PerformanceComponent implements OnInit {\n\n constructor(private apiService: ApiService, private router: Router, private sessionService: SessionService, private userService: UserService) { }\n\n userInfo!: UserInfo;\n dateToday: Date = new Date();\n form: StandardApiRequest = {\n StartDate: new Date(this.dateToday.getFullYear(), 0, 1),\n EndDate: new Date(this.dateToday),\n CarrierId: 0,\n AccountId: 0,\n ClientId: 0,\n IsPageLoad: false\n }\n\n defaultScale = appConstants.fun.getChartScale('Month', 'Amount in Dollars');\n\n performanceStats: PerformanceStats = {\n NonInvoicedRefunds: 0,\n OntimePercentage: 0,\n RawLate: 0,\n TotalPackage: 0,\n TotalRefunds: 0\n };\n\n // [Total NET-CHARGE]\n totalRefundsByMonthData: Array\n \n \n
\n \n
\n \n\n \n ON TIME PERFORMANCE BY SERVICE \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Service Group Name | \n{{element.ServiceGroupName }} | \n\tPercentage On Time | \n{{element.OntimePercentage }}% | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { ChartOptions } from 'chart.js';\nimport * as fileSaver from 'file-saver';\nimport { appConstants } from '../helpers/constants';\nimport { StandardApiRequest, Carrier, Account, RefundTotalByDisputeType, PerformanceByService, TrackingException, UserInfo, SurchargeTotal, RefundsByMonth } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-refunds-by-month-chart',\n templateUrl: './refunds-by-month-chart.component.html',\n styleUrls: ['./refunds-by-month-chart.component.css']\n})\nexport class RefundsByMonthChartComponent implements OnInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private sessionService: SessionService, private userService: UserService) { }\n\n displayedColumns: string[] = ['month', 'year', 'net-charge'];\n dataTable: MatTableDataSource\n \n
\n \n
\n\n \n \n \n
\n \n Total Packages \n
\n \n \n
\n
\n \n {{ performanceStats.TotalPackage | number}} \n
\n \n \n \n
\n \n Late Deliveries \n
\n \n \n
\n
\n \n {{ performanceStats.RawLate | number}} \n
\n \n \n \n
\n \n % On Time \n
\n \n \n
\n
\n \n {{ performanceStats.OntimePercentage | percent }} \n
\n \n \n \n
\n \n Total Refunds(Invoiced) \n
\n \n \n
\n
\n \n {{ performanceStats.TotalRefunds | currency}} \n
\n \n \n \n
\n \n Refunds Not Invoiced \n
\n \n \n
\n
\n \n {{ performanceStats.NonInvoicedRefunds | currency}} \n
\n \n
\n \n \n TOTAL REFUNDS BY MONTHbar_chart \n \n
\n \n \n
\n \n \n REFUND TOTALbar_chart \n \n \n \n
\n \n \n
\n \n
\n\n \n ON TIME PERFORMANCE BY SERVICEbar_chart \n \n \n \n
\n \n \n
\n \n \n TRACKING EXCEPTIONSbar_chart \n \n
\n \n \n
\n \n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { ChartOptions } from 'chart.js';\nimport * as fileSaver from 'file-saver';\nimport { appConstants } from '../helpers/constants';\nimport { StandardApiRequest, Carrier, Account, RefundTotalByDisputeType, PerformanceByService, TrackingException, UserInfo, SurchargeTotal } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-refunds-total-chart',\n templateUrl: './refunds-total-chart.component.html',\n styleUrls: ['./refunds-total-chart.component.css']\n})\nexport class RefundsTotalChartComponent implements OnInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private sessionService: SessionService, private userService: UserService) { }\n\n displayedColumns: string[] = ['month', 'year'];\n dataTable: MatTableDataSource\n \n \n
\n \n
\n \n\n \n TOTAL REFUNDS BY MONTH \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Month | \n{{element.Month }} | \nYear | \n{{element.Year }} | \nTotal Refunds | \n{{element.TotalRefunds | currency}} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { Account, Carrier, Report, ReportApiRequest, StandardApiRequest, UserInfo } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { UserService } from '../services/user.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport * as fileSaver from 'file-saver';\nimport { SessionService } from '../services/session.service';\n\n@Component({\n selector: 'app-report-download',\n templateUrl: './report-download.component.html',\n styleUrls: ['./report-download.component.css']\n})\n\nexport class ReportDownloadComponent implements OnInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private sessionService: SessionService, private userService: UserService) { }\n dateToday: Date = new Date();\n form: ReportApiRequest = {\n StartDate: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000),\n EndDate: this.dateToday,\n CarrierId: 0,\n AccountId: 0,\n ClientId: 0,\n IsPageLoad: false,\n ReportId: 0\n }\n\n formErrors: boolean = false;\n errorMessage: string = '';\n fileDownloading: boolean = false;\n\n userInfo!: UserInfo;\n Carriers: Carrier[] = [{ CarrierId: 0, CarrierName: \"All\" }]\n Accounts: Account[] = [{ AccountId: 0, AccountNumber: \"All\" }]\n Reports: Report[] = []\n\n ngOnInit(): void {\n this.userInfo = this.userService.userInfo;\n this.sessionService.reportForm.ClientId = this.userInfo.ClientId;\n this.form = this.sessionService.reportForm;\n\n this.apiService.makeStandardApiCall('user/GetCarriersByClient', this.form).subscribe(\n (data: any) => {\n if (data.StatusCode != 401) {\n const carriers: Carrier[] = JSON.parse(data.Value);\n this.Carriers = [];\n this.Carriers.push({ CarrierName: 'All', CarrierId: 0 });\n carriers.forEach(element => {\n this.Carriers.push(element);\n });\n }\n }\n );\n this.updateAccountsList();\n this.updateReportList();\n }\n\n updateAccountsList(): void {\n this.apiService.makeStandardApiCall('user/GetAccountsByClientCarrier', this.form).subscribe(\n (data: any) => {\n if (data.StatusCode != 401) {\n const accounts: Account[] = JSON.parse(data.Value);\n this.Accounts = [];\n this.Accounts.push({ AccountNumber: 'All', AccountId: 0 });\n accounts.forEach(element => {\n this.Accounts.push({ AccountNumber: element.AccountNumber.trim().toUpperCase(), AccountId: element.AccountId });\n });\n }\n }\n );\n }\n\n updateReportList(): void {\n this.apiService.makeStandardApiCall('values/GetReportsForDownload', this.form).subscribe(\n (data: any) => {\n if (data.StatusCode != 401) {\n const reports: Report[] = JSON.parse(data.Value);\n this.Reports = [];\n reports.forEach(element => {\n this.Reports.push({ ReportId: element.ReportId, ReportName: element.ReportName });\n });\n }\n }\n );\n }\n\n downloadReport(): void {\n this.formErrors = false;\n this.errorMessage = '';\n if (this.form.ReportId === 0) {\n this.errorMessage = 'Report must be selected.\\n';\n this.formErrors = true;\n }\n // switch (this.form.ReportId) {\n // case 10:\n // if (this.form.CarrierId === 0){\n // this.errorMessage += 'Carrier must be selected.';\n // this.formErrors = true;\n // }\n // break;\n // }\n if (!this.formErrors) {\n this.sessionService.reportForm = this.form;\n this.errorMessage = '';\n this.formErrors = false;\n this.fileDownloading = true;\n this.apiService.downloadReportFile(this.form).subscribe((response: any) => { //when you use stricter type checking\n let blob: any = new Blob([response], { type: 'application/octet-stream' });\n const url = window.URL.createObjectURL(blob);\n let reportName = '';\n this.Reports.forEach(element => {\n if (element.ReportId === this.form.ReportId)\n reportName = element.ReportName;\n });\n switch (this.form.ReportId) {\n case 10:\n case 11:\n case 12:\n case 13:\n fileSaver.saveAs(blob, reportName + '.xls');\n break;\n default:\n fileSaver.saveAs(blob, reportName + '.xlsx');\n break;\n }\n this.fileDownloading = false;\n }, (error: any) => {\n this.fileDownloading = false;\n console.log('Error downloading the file');\n }, //when you use stricter type checking\n () => console.info('File downloaded successfully'));\n }\n\n }\n}\n","\n \n \n
\n \n
\n \n\n \n REFUND TOTAL \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Dispute Type | \n{{element.DisputeType }} | \nTotal Refunds | \n{{element.RefundTotal | currency }} | \n
|---|
\n\n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n Report \n \n \n {{rep.ReportName}}\n \n \n \n \n \n
","\n \n
\n \n \n {{ errorMessage }}\n \n
\n\n
\n Password Reset
\n\n \n New Password \n \n Password is required \n \n Password must be at least 4 characters\n \n \n \n
\n \n \n Confirm New Password \n \n Confirm Password is required \n \n Password must be at least 4 characters\n \n \n \n
\n \n \n \n Login failed: {{ errorMessage }}\n \n
\n \n
\n ","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { AuthService } from '../services/auth.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-reset-password',\n templateUrl: './reset-password.component.html',\n styleUrls: ['./reset-password.component.css']\n})\nexport class ResetPasswordComponent implements OnInit {\n\n form: any = {\n password2: null,\n password: null,\n username: null,\n };\n isLoggedIn = false;\n isLoginFailed = false;\n errorMessage = '';\n roles: string[] = [];\n attemptingLogin: boolean = false;\n\n constructor(private route: ActivatedRoute, private authService: AuthService, private router: Router, private userService: UserService, private notification: MatSnackBar) { }\n\n resetToken: string = '';\n\n ngOnInit(): void {\n const routeParams = this.route.snapshot.paramMap;\n this.resetToken = String(routeParams.get('token'));\n if (this.resetToken === undefined || this.resetToken.length === 0)\n {\n this.notification.open(\"Invalid request to update password.\");\n this.router.navigate(['/']);\n }\n this.authService.getUserByToken(this.resetToken).subscribe(data => {\n if (data.length === 0){\n this.form.notification(\"Invalid password reset token\");\n this.router.navigate(['/']);\n } else {\n this.form.username = data;\n }\n });\n }\n\n onSubmit(): void {\n const { username, password } = this.form;\n if (this.form.password === this.form.password2) {\n this.attemptingLogin = true;\n this.isLoginFailed = false;\n this.errorMessage = \"\";\n this.authService.resetPassowrd(username, password, this.resetToken).subscribe(\n data => {\n if (data.StatusCode == 403 ){\n this.notification.open(\"There was an issue updating your password, please try again.\");\n this.router.navigate(['/']);\n } else {\n this.notification.open(\"Password successfully updated.\");\n this.router.navigate(['/']);\n }\n \n },\n err => {\n this.errorMessage = err.error.message;\n this.isLoginFailed = true;\n this.attemptingLogin = false;\n }\n );\n }\n else {\n this.errorMessage = \"Password and Confirmation Password must match.\";\n this.isLoginFailed = true;\n this.attemptingLogin = false;\n }\n }\n\n reloadPage(): void {\n window.location.reload();\n }\n}\n","import { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { StandardApiRequest, UserInfo } from '../helpers/interfaces';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ApiService {\n //AUTH_API = 'https://localhost:44376/api/';\n AUTH_API = 'https://dashboardapi.lampreysystems.net/api/';\n httpOptions = {\n headers: new HttpHeaders({ 'Content-Type': 'application/json' })\n };\n\n constructor(private http: HttpClient) { }\n\n makeStandardApiCall(endPoint: string, jsonInfo: any): Observable\n \n
\n \n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport { ChartOptions, ChartType, ChartDataSets } from 'chart.js';\nimport * as fileSaver from 'file-saver';\nimport { Label, MultiDataSet } from 'ng2-charts';\nimport { NetCharge, StandardApiRequest, Carrier, Account, UserInfo, SurchargeByType } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-surcharge-type-chart',\n templateUrl: './surcharge-type-chart.component.html',\n styleUrls: ['./surcharge-type-chart.component.css']\n})\nexport class SurchargeTypeChartComponent implements OnInit {\n\n displayedColumns: string[] = ['service-group', 'net-charge'];\n surchargeTypeTable: MatTableDataSource\n \n \n
\n \n
\n \n\n \n SURCHARGE TOTAL \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Month | \n{{element.Month }} | \nYear | \n{{element.Year }} | \nTotal Surcharge | \n{{element.TotalSurcharge | currency}} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport * as fileSaver from 'file-saver';\nimport { appConstants } from '../helpers/constants';\nimport { StandardApiRequest, Carrier, Account, UserInfo, TotalNetCharge } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-total-freight-month-chart',\n templateUrl: './total-freight-month-chart.component.html',\n styleUrls: ['./total-freight-month-chart.component.css']\n})\nexport class TotalFreightMonthChartComponent implements OnInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private router: Router, private sessionService: SessionService, private userService: UserService) { }\n\n displayedColumns: string[] = ['month', 'year', 'net-charge'];\n dataTable: MatTableDataSource\n \n \n
\n \n
\n \n\n \n \n SURCHARGES BY TYPE\n \n \n\n \n \n
\n \n\n \n
\n \n \n \n \n
\n \n \n
\n | Service Group Name | \n{{element.ServiceGroupName }} | \nNet Charge | \n{{element.NetCharge | currency}} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport * as fileSaver from 'file-saver';\nimport { appConstants } from '../helpers/constants';\nimport { StandardApiRequest, Carrier, Account, UserInfo, SurchargeByType, TotalNetCharge } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-total-net-month-chart',\n templateUrl: './total-net-month-chart.component.html',\n styleUrls: ['./total-net-month-chart.component.css']\n})\nexport class TotalNetMonthChartComponent implements OnInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private router: Router, private sessionService: SessionService, private userService: UserService) { }\n\n displayedColumns: string[] = ['month', 'year', 'net-charge'];\n dataTable: MatTableDataSource\n \n \n
\n \n
\n \n\n \n TOTAL FREIGHT CHARGE \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Month | \n{{element.Month }} | \nYear | \n{{element.Year }} | \nNet Charge | \n{{element.NetCharge | currency}} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport * as fileSaver from 'file-saver';\nimport { appConstants } from '../helpers/constants';\nimport { StandardApiRequest, Carrier, Account, UserInfo, TotalNetCharge, TotalWeight } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-total-weight-month-chart',\n templateUrl: './total-weight-month-chart.component.html',\n styleUrls: ['./total-weight-month-chart.component.css']\n})\nexport class TotalWeightMonthChartComponent implements OnInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private router: Router, private sessionService: SessionService, private userService: UserService) { }\n\n defaultScale = appConstants.fun.getChartScale('Month', 'Amount in Dollars');\n costPerPoundScale = appConstants.fun.getChartScale('Month', 'Amount in Dollars/lb.')\n totalWeightScale = appConstants.fun.getChartScale('Month', 'Weight in Pounds')\n\n userInfo!: UserInfo;\n dateToday: Date = new Date();\n form: StandardApiRequest = {\n StartDate: new Date(this.dateToday.getFullYear(), 1, 1),\n EndDate: new Date(this.dateToday),\n CarrierId: 0,\n AccountId: 0,\n ClientId: 0,\n IsPageLoad: false\n }\n\n Carriers: Carrier[] = [{ CarrierId: 0, CarrierName: \"All\" }]\n Accounts: Account[] = [{ AccountId: 0, AccountNumber: \"All\" }]\n \n weightLoading: boolean = true;\n \n\n displayedColumns: string[] = ['month', 'year', 'net-charge'];\n dataTable: MatTableDataSource\n \n \n
\n \n
\n \n\n \n TOTAL NET CHARGE \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Month | \n{{element.Month }} | \nYear | \n{{element.Year }} | \nNet Charge | \n{{element.NetCharge | currency}} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { ChartOptions } from 'chart.js';\nimport * as fileSaver from 'file-saver';\nimport { appConstants } from '../helpers/constants';\nimport { StandardApiRequest, Carrier, Account, RefundTotalByDisputeType, PerformanceByService, TrackingException, UserInfo, SurchargeTotal } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-tracking-exceptions-chart',\n templateUrl: './tracking-exceptions-chart.component.html',\n styleUrls: ['./tracking-exceptions-chart.component.css']\n})\nexport class TrackingExceptionsChartComponent implements OnInit {\n\n constructor(private apiService: ApiService, private notification: MatSnackBar, private sessionService: SessionService, private userService: UserService) { }\n\n displayedColumns: string[] = ['month', 'year'];\n dataTable: MatTableDataSource\n \n \n
\n \n
\n \n\n \n TOTAL WEIGHT (Lbs.) \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Month | \n{{element.Month }} | \nYear | \n{{element.Year }} | \nWeight | \n{{element.Weight}} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ChartOptions, ChartType } from 'chart.js';\nimport { appConstants } from '../helpers/constants';\nimport { Account, Carrier, ChartDataModel, StandardApiRequest, UserInfo } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { SessionService } from '../services/session.service';\nimport { UserService } from '../services/user.service';\n\n@Component({\n selector: 'app-trends',\n templateUrl: './trends.component.html',\n styleUrls: ['./trends.component.css']\n})\n\nexport class TrendsComponent implements OnInit {\n\n constructor(private apiService: ApiService, private router: Router, private sessionService: SessionService, private userService: UserService) { }\n\n defaultScale = appConstants.fun.getChartScale('Month', 'Amount in Dollars');\n costPerPoundScale = appConstants.fun.getChartScale('Month', 'Amount in Dollars/lb.')\n totalWeightScale = appConstants.fun.getChartScale('Month', 'Weight in Pounds')\n\n userInfo!: UserInfo;\n dateToday: Date = new Date();\n form: StandardApiRequest = {\n StartDate: new Date(this.dateToday.getFullYear(), 1, 1),\n EndDate: new Date(this.dateToday),\n CarrierId: 0,\n AccountId: 0,\n ClientId: 0,\n IsPageLoad: false\n }\n\n Carriers: Carrier[] = [{ CarrierId: 0, CarrierName: \"All\" }]\n Accounts: Account[] = [{ AccountId: 0, AccountNumber: \"All\" }]\n netChargeLoading: boolean = true;\n weightLoading: boolean = true;\n freightLoading: boolean = true;\n surchargeLoading: boolean = true;\n costPackageLoading: boolean = true;\n costPoundLoading: boolean = true;\n\n // [Total NET-CHARGE]\n totalNetChargeChartData: Array\n \n \n
\n \n
\n \n\n \n TRACKING EXCEPTIONS \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n | Scan Code Reason | \n{{element.ScanCodeReason }} | \n\tTotal Shipments | \n{{ element.ExceptionCount }} | \n
|---|
\n \n FILTERS \n \n Start Date \n \n \n \n End Date \n \n \n \n Carrier \n \n \n {{car.CarrierName}}\n \n \n \n \n Account \n \n \n {{acc.AccountNumber}}\n \n \n \n \n
","","import { Component, OnInit } from '@angular/core';\nimport { UserInfo } from '../helpers/interfaces';\nimport { ApiService } from '../services/api.service.service';\nimport { UserService } from '../services/user.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-user-profile',\n templateUrl: './user-profile.component.html',\n styleUrls: ['./user-profile.component.css']\n})\nexport class UserProfileComponent implements OnInit {\n form: UserInfo = {\n Address: '',\n City: '',\n ClientId: 0,\n CompanyName: '',\n Email: '',\n FirstName: '',\n LastName: '',\n Occupation: '',\n ResetToken: '',\n State: '',\n TokenAdded: '',\n UserName: '',\n Zip: '',\n Password: '',\n UserType: ''\n };\n\n constructor(private userService: UserService, private apiService: ApiService, private notification: MatSnackBar ) { }\n\n ngOnInit(): void {\n this.form = this.userService.userInfo;\n }\n\n onSubmit(): void {\n this.apiService.updateUser(this.form).subscribe(\n data => {\n if (data.StatusCode == 401 ){\n \n } else {\n this.userService.saveUser(this.form);\n this.notification.open('Profile Updated!', 'Dismiss', {\n duration: 3000\n });\n }\n \n },\n \n );;\n }\n}\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n","var map = {\n\t\"./af\": 26431,\n\t\"./af.js\": 26431,\n\t\"./ar\": 81286,\n\t\"./ar-dz\": 1616,\n\t\"./ar-dz.js\": 1616,\n\t\"./ar-kw\": 9759,\n\t\"./ar-kw.js\": 9759,\n\t\"./ar-ly\": 43160,\n\t\"./ar-ly.js\": 43160,\n\t\"./ar-ma\": 62551,\n\t\"./ar-ma.js\": 62551,\n\t\"./ar-sa\": 79989,\n\t\"./ar-sa.js\": 79989,\n\t\"./ar-tn\": 6962,\n\t\"./ar-tn.js\": 6962,\n\t\"./ar.js\": 81286,\n\t\"./az\": 15887,\n\t\"./az.js\": 15887,\n\t\"./be\": 14572,\n\t\"./be.js\": 14572,\n\t\"./bg\": 3276,\n\t\"./bg.js\": 3276,\n\t\"./bm\": 93344,\n\t\"./bm.js\": 93344,\n\t\"./bn\": 58985,\n\t\"./bn-bd\": 83990,\n\t\"./bn-bd.js\": 83990,\n\t\"./bn.js\": 58985,\n\t\"./bo\": 94391,\n\t\"./bo.js\": 94391,\n\t\"./br\": 46728,\n\t\"./br.js\": 46728,\n\t\"./bs\": 5536,\n\t\"./bs.js\": 5536,\n\t\"./ca\": 41043,\n\t\"./ca.js\": 41043,\n\t\"./cs\": 70420,\n\t\"./cs.js\": 70420,\n\t\"./cv\": 33513,\n\t\"./cv.js\": 33513,\n\t\"./cy\": 6771,\n\t\"./cy.js\": 6771,\n\t\"./da\": 47978,\n\t\"./da.js\": 47978,\n\t\"./de\": 46061,\n\t\"./de-at\": 25204,\n\t\"./de-at.js\": 25204,\n\t\"./de-ch\": 2653,\n\t\"./de-ch.js\": 2653,\n\t\"./de.js\": 46061,\n\t\"./dv\": 85,\n\t\"./dv.js\": 85,\n\t\"./el\": 8579,\n\t\"./el.js\": 8579,\n\t\"./en-au\": 25724,\n\t\"./en-au.js\": 25724,\n\t\"./en-ca\": 10525,\n\t\"./en-ca.js\": 10525,\n\t\"./en-gb\": 52847,\n\t\"./en-gb.js\": 52847,\n\t\"./en-ie\": 67216,\n\t\"./en-ie.js\": 67216,\n\t\"./en-il\": 39305,\n\t\"./en-il.js\": 39305,\n\t\"./en-in\": 73364,\n\t\"./en-in.js\": 73364,\n\t\"./en-nz\": 79130,\n\t\"./en-nz.js\": 79130,\n\t\"./en-sg\": 11161,\n\t\"./en-sg.js\": 11161,\n\t\"./eo\": 50802,\n\t\"./eo.js\": 50802,\n\t\"./es\": 40328,\n\t\"./es-do\": 45551,\n\t\"./es-do.js\": 45551,\n\t\"./es-mx\": 75615,\n\t\"./es-mx.js\": 75615,\n\t\"./es-us\": 64790,\n\t\"./es-us.js\": 64790,\n\t\"./es.js\": 40328,\n\t\"./et\": 96389,\n\t\"./et.js\": 96389,\n\t\"./eu\": 52961,\n\t\"./eu.js\": 52961,\n\t\"./fa\": 26151,\n\t\"./fa.js\": 26151,\n\t\"./fi\": 7997,\n\t\"./fi.js\": 7997,\n\t\"./fil\": 58898,\n\t\"./fil.js\": 58898,\n\t\"./fo\": 37779,\n\t\"./fo.js\": 37779,\n\t\"./fr\": 28174,\n\t\"./fr-ca\": 3287,\n\t\"./fr-ca.js\": 3287,\n\t\"./fr-ch\": 38867,\n\t\"./fr-ch.js\": 38867,\n\t\"./fr.js\": 28174,\n\t\"./fy\": 50452,\n\t\"./fy.js\": 50452,\n\t\"./ga\": 45014,\n\t\"./ga.js\": 45014,\n\t\"./gd\": 74127,\n\t\"./gd.js\": 74127,\n\t\"./gl\": 72124,\n\t\"./gl.js\": 72124,\n\t\"./gom-deva\": 6444,\n\t\"./gom-deva.js\": 6444,\n\t\"./gom-latn\": 37953,\n\t\"./gom-latn.js\": 37953,\n\t\"./gu\": 76604,\n\t\"./gu.js\": 76604,\n\t\"./he\": 1222,\n\t\"./he.js\": 1222,\n\t\"./hi\": 74235,\n\t\"./hi.js\": 74235,\n\t\"./hr\": 622,\n\t\"./hr.js\": 622,\n\t\"./hu\": 37735,\n\t\"./hu.js\": 37735,\n\t\"./hy-am\": 90402,\n\t\"./hy-am.js\": 90402,\n\t\"./id\": 59187,\n\t\"./id.js\": 59187,\n\t\"./is\": 30536,\n\t\"./is.js\": 30536,\n\t\"./it\": 35007,\n\t\"./it-ch\": 94667,\n\t\"./it-ch.js\": 94667,\n\t\"./it.js\": 35007,\n\t\"./ja\": 62093,\n\t\"./ja.js\": 62093,\n\t\"./jv\": 80059,\n\t\"./jv.js\": 80059,\n\t\"./ka\": 66870,\n\t\"./ka.js\": 66870,\n\t\"./kk\": 80880,\n\t\"./kk.js\": 80880,\n\t\"./km\": 1083,\n\t\"./km.js\": 1083,\n\t\"./kn\": 68785,\n\t\"./kn.js\": 68785,\n\t\"./ko\": 21721,\n\t\"./ko.js\": 21721,\n\t\"./ku\": 37851,\n\t\"./ku.js\": 37851,\n\t\"./ky\": 1727,\n\t\"./ky.js\": 1727,\n\t\"./lb\": 40346,\n\t\"./lb.js\": 40346,\n\t\"./lo\": 93002,\n\t\"./lo.js\": 93002,\n\t\"./lt\": 64035,\n\t\"./lt.js\": 64035,\n\t\"./lv\": 56927,\n\t\"./lv.js\": 56927,\n\t\"./me\": 5634,\n\t\"./me.js\": 5634,\n\t\"./mi\": 94173,\n\t\"./mi.js\": 94173,\n\t\"./mk\": 86320,\n\t\"./mk.js\": 86320,\n\t\"./ml\": 11705,\n\t\"./ml.js\": 11705,\n\t\"./mn\": 31062,\n\t\"./mn.js\": 31062,\n\t\"./mr\": 92805,\n\t\"./mr.js\": 92805,\n\t\"./ms\": 11341,\n\t\"./ms-my\": 59900,\n\t\"./ms-my.js\": 59900,\n\t\"./ms.js\": 11341,\n\t\"./mt\": 37734,\n\t\"./mt.js\": 37734,\n\t\"./my\": 19034,\n\t\"./my.js\": 19034,\n\t\"./nb\": 9324,\n\t\"./nb.js\": 9324,\n\t\"./ne\": 46495,\n\t\"./ne.js\": 46495,\n\t\"./nl\": 70673,\n\t\"./nl-be\": 76272,\n\t\"./nl-be.js\": 76272,\n\t\"./nl.js\": 70673,\n\t\"./nn\": 72486,\n\t\"./nn.js\": 72486,\n\t\"./oc-lnc\": 46219,\n\t\"./oc-lnc.js\": 46219,\n\t\"./pa-in\": 2829,\n\t\"./pa-in.js\": 2829,\n\t\"./pl\": 78444,\n\t\"./pl.js\": 78444,\n\t\"./pt\": 53170,\n\t\"./pt-br\": 66117,\n\t\"./pt-br.js\": 66117,\n\t\"./pt.js\": 53170,\n\t\"./ro\": 96587,\n\t\"./ro.js\": 96587,\n\t\"./ru\": 39264,\n\t\"./ru.js\": 39264,\n\t\"./sd\": 42135,\n\t\"./sd.js\": 42135,\n\t\"./se\": 95366,\n\t\"./se.js\": 95366,\n\t\"./si\": 93379,\n\t\"./si.js\": 93379,\n\t\"./sk\": 46143,\n\t\"./sk.js\": 46143,\n\t\"./sl\": 196,\n\t\"./sl.js\": 196,\n\t\"./sq\": 21082,\n\t\"./sq.js\": 21082,\n\t\"./sr\": 91621,\n\t\"./sr-cyrl\": 98963,\n\t\"./sr-cyrl.js\": 98963,\n\t\"./sr.js\": 91621,\n\t\"./ss\": 41404,\n\t\"./ss.js\": 41404,\n\t\"./sv\": 55685,\n\t\"./sv.js\": 55685,\n\t\"./sw\": 3872,\n\t\"./sw.js\": 3872,\n\t\"./ta\": 54106,\n\t\"./ta.js\": 54106,\n\t\"./te\": 39204,\n\t\"./te.js\": 39204,\n\t\"./tet\": 83692,\n\t\"./tet.js\": 83692,\n\t\"./tg\": 86361,\n\t\"./tg.js\": 86361,\n\t\"./th\": 31735,\n\t\"./th.js\": 31735,\n\t\"./tk\": 1568,\n\t\"./tk.js\": 1568,\n\t\"./tl-ph\": 96129,\n\t\"./tl-ph.js\": 96129,\n\t\"./tlh\": 13759,\n\t\"./tlh.js\": 13759,\n\t\"./tr\": 81644,\n\t\"./tr.js\": 81644,\n\t\"./tzl\": 90875,\n\t\"./tzl.js\": 90875,\n\t\"./tzm\": 16878,\n\t\"./tzm-latn\": 11041,\n\t\"./tzm-latn.js\": 11041,\n\t\"./tzm.js\": 16878,\n\t\"./ug-cn\": 74357,\n\t\"./ug-cn.js\": 74357,\n\t\"./uk\": 74810,\n\t\"./uk.js\": 74810,\n\t\"./ur\": 86794,\n\t\"./ur.js\": 86794,\n\t\"./uz\": 28966,\n\t\"./uz-latn\": 77959,\n\t\"./uz-latn.js\": 77959,\n\t\"./uz.js\": 28966,\n\t\"./vi\": 35386,\n\t\"./vi.js\": 35386,\n\t\"./x-pseudo\": 23156,\n\t\"./x-pseudo.js\": 23156,\n\t\"./yo\": 68028,\n\t\"./yo.js\": 68028,\n\t\"./zh-cn\": 9330,\n\t\"./zh-cn.js\": 9330,\n\t\"./zh-hk\": 89380,\n\t\"./zh-hk.js\": 89380,\n\t\"./zh-mo\": 60874,\n\t\"./zh-mo.js\": 60874,\n\t\"./zh-tw\": 96508,\n\t\"./zh-tw.js\": 96508\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 46700;"],"sourceRoot":"webpack:///"}\n \n
\n \n
\n \n \n TOTAL NET CHARGEbar_chart \n \n
\n \n \n
\n \n \n TOTAL WEIGHT (Lbs.)bar_chart \n \n \n \n
\n \n \n
\n \n
\n \n \n TOTAL FREIGHT CHARGEbar_chart \n \n \n \n
\n \n \n
\n \n \n SURCHARGE TOTALbar_chart \n \n
\n \n \n
\n \n
\n\n \n COST PER PACKAGEbar_chart \n \n
\n \n \n
\n \n \n COST PER POUNDbar_chart \n \n \n \n
\n \n \n
\n