\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n {{currentTruck.truckId? 'Update truck':'Add truck'}}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Trucks\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Name | \\r\\nLicense plate | \\r\\n
| {{truck.name}} | \\r\\n{{truck.licensePlate}} | \\r\\n
\\r\\n
\\r\\n \\r\\nAre you sure you want to delete the truck?
\\r\\n\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { UserManagementService } from '../user-management.service';\r\n\r\n@Component({\r\n selector: 'app-forgot-password',\r\n templateUrl: './forgot-password.component.html',\r\n styleUrls: ['./forgot-password.component.css']\r\n})\r\nexport class ForgotPasswordComponent implements OnInit {\r\n\r\n public username: string;\r\n public flags = {\r\n isSuccess: null,\r\n invalidUsername: null\r\n };\r\n\r\n constructor(private userService: UserManagementService) { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n public submit() {\r\n this.flags.invalidUsername = null;\r\n this.flags.isSuccess = null;\r\n if (this.username) {\r\n this.userService.sendPasswordRestoreEmail(this.username)\r\n .subscribe(ok => {\r\n this.flags.isSuccess = true;\r\n }, err => {\r\n this.flags.invalidUsername = true;\r\n })\r\n }\r\n }\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FkbWluL3VzZXItbWFuYWdlbWVudC9yZXNldC1wYXNzd29yZC9yZXNldC1wYXNzd29yZC5jb21wb25lbnQuY3NzIn0= */\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n Password restore\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n User name not found\\r\\n
\\r\\n \\r\\n You will receive an email with a link to reset your password.\\r\\n
\\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit, Input } from '@angular/core';\r\nimport { PasswordReset } from '../user-management.models';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { UserManagementService } from '../user-management.service';\r\n\r\n@Component({\r\n selector: 'app-reset-password',\r\n templateUrl: './reset-password.component.html',\r\n styleUrls: ['./reset-password.component.css']\r\n})\r\nexport class ResetPasswordComponent implements OnInit {\r\n public password: PasswordReset;\r\n public flags = { isSuccess: null, errors: null };\r\n constructor(private route: ActivatedRoute, private userService: UserManagementService) { }\r\n\r\n ngOnInit() {\r\n this.password = new PasswordReset();\r\n }\r\n\r\n\r\n public submit() {\r\n console.log('resetting password', this.password);\r\n this.flags.isSuccess = null;\r\n this.flags.errors = null;\r\n let token = this.route.snapshot.queryParams['token'];\r\n let userId = this.route.snapshot.queryParams['userId'];\r\n this.userService.resetPassword(token, userId, this.password.password1)\r\n .subscribe(ok => {\r\n this.flags.isSuccess = true;\r\n },\r\n (err) => {\r\n console.log('errs:', err);\r\n this.flags.errors = err.error;\r\n console.log('err', this.flags);\r\n });\r\n }\r\n}\r\n","module.exports = \".btn {\\r\\n margin-right: 8px;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYWRtaW4vdXNlci1tYW5hZ2VtZW50L3VzZXItY3JlYXRlL3VzZXItY3JlYXRlLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxpQkFBaUI7QUFDbkIiLCJmaWxlIjoic3JjL2FwcC9hZG1pbi91c2VyLW1hbmFnZW1lbnQvdXNlci1jcmVhdGUvdXNlci1jcmVhdGUuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5idG4ge1xyXG4gIG1hcmdpbi1yaWdodDogOHB4O1xyXG59XHJcbiJdfQ== */\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n Wizmo password reset\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n Passwords don't match.\\r\\n
\\r\\n \\r\\n
\\r\\n Error while resetting password
\\r\\n- \\r\\n
- \\r\\n {{err.description}}\\r\\n \\r\\n
\\r\\n Password has been successfully reset.\\r\\n
\\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit, EventEmitter, Output, Input, } from '@angular/core';\r\nimport { UserInfo } from '../user-management.models';\r\nimport { UserManagementService } from '../user-management.service';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { CustomersService } from '../../customer-management/customers-service.service';\r\nimport { Customer } from '../../customer-management/customers.models';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-user-create',\r\n templateUrl: './user-create.component.html',\r\n styleUrls: ['./user-create.component.css']\r\n})\r\nexport class UserCreateComponent implements OnInit {\r\n public user: UserInfo;\r\n public customers: Customer[];\r\n\r\n public flags = { isSuccess: null, error: null };\r\n\r\n @Input()\r\n public set updatingUser(user: UserInfo) {\r\n this.user = user;\r\n }\r\n\r\n @Output()\r\n public userCreatedOrUpdated = new EventEmitter\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n {{user.id ? 'Update ' : 'Create new '}} user\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n User has been succesfully created. They will receive an email with a link to password setup.\\r\\n
\\r\\n \\r\\n Failed to create user: {{flags.error}}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n Users\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\nAre you sure you want to delete the user?
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService } from \"../auth.service\";\r\nimport { Router } from '@angular/router';\r\nimport { UserRoles } from '../auth.models';\r\n\r\n@Component({\r\n selector: 'app-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.css']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n public invalidLogin: boolean;\r\n constructor(private auth: AuthService, private router: Router) { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n public onLogin(username, password) {\r\n this.invalidLogin = false;\r\n this.auth.login(username, password).subscribe(resp => {\r\n\r\n\r\n if (this.auth.currentUser.roles.includes(UserRoles.admin)) {\r\n this.router.navigate(['']);\r\n }\r\n else if (this.auth.currentUser.roles.includes(UserRoles.wizmo)) {\r\n this.router.navigate(['wizmo']);\r\n }\r\n else if (this.auth.currentUser.roles.includes(UserRoles.driver)) {\r\n this.router.navigate(['search']);\r\n }\r\n else if (this.auth.currentUser.roles.includes(UserRoles.customer)) {\r\n this.router.navigate(['customer']);\r\n }\r\n }, err => {\r\n this.invalidLogin = true;\r\n });\r\n }\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2F1dGgvbG9nb3V0L2xvZ291dC5jb21wb25lbnQuY3NzIn0= */\"","module.exports = \"\\r\\n Logout\\r\\n\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService } from \"../auth.service\";\r\n\r\n@Component({\r\n selector: 'app-logout',\r\n templateUrl: './logout.component.html',\r\n styleUrls: ['./logout.component.css']\r\n})\r\nexport class LogoutComponent implements OnInit {\r\n\r\n constructor(private authService: AuthService) { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n public logout() {\r\n this.authService.logout();\r\n }\r\n}\r\n","module.exports = \".clickable {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYmFnLWxpc3QvYmFnLWxpc3QuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQWU7QUFDakIiLCJmaWxlIjoic3JjL2FwcC9iYWctbGlzdC9iYWctbGlzdC5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNsaWNrYWJsZSB7XHJcbiAgY3Vyc29yOiBwb2ludGVyO1xyXG59XHJcbiJdfQ== */\"","module.exports = \"login
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n Invalid username or password\\r\\n
\\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit, OnChanges, Input, SimpleChanges, Output, EventEmitter } from '@angular/core';\r\nimport { Bag } from '../package-input/package-input.models';\r\nimport { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';\r\nimport { PrintModalComponent } from '../print-modal/print-modal.component';\r\nimport { Sort, SortDirection } from '../app.models';\r\n\r\n@Component({\r\n selector: 'app-bag-list',\r\n templateUrl: './bag-list.component.html',\r\n styleUrls: ['./bag-list.component.css'],\r\n entryComponents: [PrintModalComponent]\r\n})\r\nexport class BagListComponent implements OnInit, OnChanges {\r\n\r\n @Input()\r\n public bags: Bag[] = [];\r\n\r\n @Output()\r\n public bagSelected = new EventEmitter\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n| User | \\r\\n\\r\\n Bag Code\\r\\n \\r\\n \\r\\n | \\r\\n\\r\\n # of packages\\r\\n \\r\\n \\r\\n | \\r\\n\\r\\n |
| {{bag.createdBy}} | \\r\\n{{bag.code}} | \\r\\n{{bag.parcels.length}} | \\r\\n\\r\\n |
\\r\\n
\\r\\n\"","import { Component, OnInit, OnChanges, Input, SimpleChanges, Output, EventEmitter } from '@angular/core';\r\nimport { Gaylord } from '../gaylord-loading/gaylord-loading.models';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { PrintModalComponent } from '../print-modal/print-modal.component';\r\nimport { Sort, SortDirection } from '../app.models';\r\n\r\n\r\n@Component({\r\n selector: 'app-gaylord-list',\r\n templateUrl: './gaylord-list.component.html',\r\n styleUrls: ['./gaylord-list.component.css']\r\n})\r\nexport class GaylordListComponent implements OnInit, OnChanges {\r\n\r\n @Input()\r\n public gaylords: Gaylord[] = [];\r\n\r\n @Output()\r\n public gaylordSelected = new EventEmitter\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n| User | \\r\\n\\r\\n Gaylord Code\\r\\n \\r\\n \\r\\n | \\r\\n\\r\\n # of bags\\r\\n \\r\\n \\r\\n | \\r\\n\\r\\n |
| {{gaylord.createdBy}} | \\r\\n{{gaylord.code}} | \\r\\n{{gaylord.bagCodes.length}} | \\r\\n\\r\\n |
\\r\\n
\\r\\n\"","import { Component, OnInit, Input } from '@angular/core';\r\nimport { GaylordLoadingService } from './gaylord-loading.service';\r\nimport { Gaylord } from './gaylord-loading.models';\r\nimport { PrintModalComponent } from '../print-modal/print-modal.component';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { VendorsService } from './vendors.service';\r\nimport { retry } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'app-gaylord-loading',\r\n templateUrl: './gaylord-loading.component.html',\r\n styleUrls: ['./gaylord-loading.component.css']\r\n})\r\nexport class GaylordLoadingComponent implements OnInit {\r\n public gaylord: Gaylord;\r\n public vendors: string[];\r\n public duplicateBagFound = false;\r\n public submittedGaylords: Gaylord[];\r\n\r\n @Input()\r\n scannedBagCode: string;\r\n\r\n\r\n constructor(private gaylordService: GaylordLoadingService, private vendorService: VendorsService, private modalService: NgbModal) { }\r\n\r\n ngOnInit() {\r\n this.gaylordService.getGaylords(true).subscribe(g => {\r\n this.submittedGaylords = g;\r\n });\r\n\r\n this.vendorService.getVendors().subscribe(v => {\r\n this.vendors = v;\r\n });\r\n }\r\n\r\n generateGaylord(vendor: string) {\r\n if (!!this.gaylord) {\r\n this.gaylordService.saveGaylord(this.gaylord).subscribe(\r\n (result) => {\r\n // new or updated bag here\r\n let idx = this.submittedGaylords.findIndex(x => x.gaylordId === result.gaylordId);\r\n if (idx > -1) {\r\n this.submittedGaylords[idx] = result;\r\n } else {\r\n this.submittedGaylords.push(result);\r\n }\r\n this.submittedGaylords = [...this.submittedGaylords];\r\n\r\n var modal = this.modalService.open(PrintModalComponent);\r\n modal.componentInstance.barcodeValue = result.code;\r\n let paddingText = [\"Gaylord Tag\"];\r\n if (!!result.vendor) {\r\n paddingText.push(result.vendor);\r\n }\r\n modal.componentInstance.paddingText = paddingText;\r\n },\r\n (err) => {\r\n\r\n }\r\n );\r\n this.gaylord = null;\r\n } else {\r\n this.gaylord = new Gaylord();\r\n this.gaylord.vendor = vendor;\r\n }\r\n }\r\n\r\n addBag() {\r\n if (!this.gaylord) {\r\n return;\r\n }\r\n\r\n let code = this.scannedBagCode;\r\n if (!code) {\r\n return;\r\n }\r\n code = code.replace(/[^0-9-]/g, '');\r\n if (code === '') {\r\n return;\r\n }\r\n\r\n if (this.gaylord.containsBag(code)) {\r\n this.duplicateBagFound = true;\r\n return;\r\n }\r\n\r\n this.duplicateBagFound = false;\r\n\r\n this.gaylord.addBag(code);\r\n this.scannedBagCode = null;\r\n }\r\n\r\n\r\n\r\n public removeBag(code) {\r\n if (!this.gaylord) {\r\n return;\r\n }\r\n\r\n let idx = this.gaylord.bagCodes.findIndex(x => x === code);\r\n if (idx > -1) {\r\n this.gaylord.bagCodes.splice(idx, 1);\r\n }\r\n }\r\n\r\n public onGaylordSelected(gaylord: Gaylord) {\r\n this.gaylord = gaylord;\r\n }\r\n}\r\n","import { Bag } from '../package-input/package-input.models';\r\n\r\nexport class Gaylord {\r\n public gaylordId: string;\r\n public code: string;\r\n public vendor: string;\r\n public bagCodes: string[];\r\n public createdOn: Date;\r\n public createdBy: string;\r\n\r\n constructor() {\r\n this.bagCodes = [];\r\n }\r\n\r\n public addBag(bagCode: string) {\r\n this.bagCodes.splice(0, 0, bagCode);\r\n }\r\n\r\n public containsBag(bagCode: string): boolean {\r\n return (!!this.bagCodes && !!this.bagCodes.includes(bagCode));\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Gaylord } from './gaylord-loading.models';\r\nimport { map } from 'rxjs/operators';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class GaylordLoadingService {\r\n\r\n private serviceApi = '/api/gaylords';\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n saveGaylord(gaylord: Gaylord) {\r\n if (!!gaylord.gaylordId) {\r\n return this.http.put\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Scan bags into gaylord {{gaylord? gaylord.code : ''}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Bags count: {{gaylord.bagCodes.length}}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n Scanned gaylords\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Gaylords count: {{submittedGaylords.length}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Select one of the menu items\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { LoginComponent } from \"../auth/login/login.component\";\r\nimport { AuthService } from '../auth/auth.service';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-home',\r\n templateUrl: './home.component.html',\r\n})\r\nexport class HomeComponent implements OnInit {\r\n public loggedIn: boolean\r\n\r\n constructor(private authService: AuthService, private router: Router, private route: ActivatedRoute) {\r\n\r\n }\r\n\r\n ngOnInit() {\r\n this.loggedIn = this.authService.isLoggedIn;\r\n\r\n if (!this.authService.isLoggedIn) {\r\n this.router.navigate(['login']);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MessengerComponent } from './messenger/messenger.component';\r\nimport { AuthModule } from '../auth/auth.module';\r\n\r\n@NgModule({\r\n declarations: [MessengerComponent],\r\n imports: [\r\n CommonModule,\r\n AuthModule\r\n ],\r\n exports: [\r\n MessengerComponent\r\n ]\r\n})\r\nexport class IntercomModule { }\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2ludGVyY29tL21lc3Nlbmdlci9tZXNzZW5nZXIuY29tcG9uZW50LmNzcyJ9 */\"","module.exports = \"\"","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService } from '../../auth/auth.service';\r\nimport { User } from '../../auth/auth.models';\r\n\r\n@Component({\r\n selector: 'app-messenger',\r\n templateUrl: './messenger.component.html',\r\n styleUrls: ['./messenger.component.css']\r\n})\r\nexport class MessengerComponent implements OnInit {\r\n\r\n\r\n public user: User;\r\n\r\n\r\n constructor(private auth: AuthService) {\r\n auth.isLoggedIn$.subscribe(x => {\r\n if (x) {\r\n this.onLogin()\r\n }\r\n else {\r\n this.onLogout();\r\n }\r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n if (this.auth.isLoggedIn) {\r\n this.createIntercom();\r\n }\r\n }\r\n\r\n public createIntercom() {\r\n (window as any).intercomSettings = {\r\n app_id: \"x1v62pdv\",\r\n name: this.auth.currentUser.username\r\n };\r\n\r\n var w = window as any;\r\n var ic = w.Intercom;\r\n if (typeof ic === \"function\") {\r\n ic('reattach_activator');\r\n ic('update', w.intercomSettings);\r\n } else {\r\n var d = document;\r\n var i = function () {\r\n i.c(arguments);\r\n } as any;\r\n i.q = [];\r\n i.c = function (args) {\r\n i.q.push(args);\r\n };\r\n\r\n w.Intercom = i;\r\n var l = function () {\r\n var s = d.createElement('script');\r\n s.type = 'text/javascript';\r\n s.async = true;\r\n s.src = 'https://widget.intercom.io/widget/x1v62pdv';\r\n var x = d.getElementsByTagName('script')[0];\r\n x.parentNode.insertBefore(s, x);\r\n };\r\n if (w.attachEvent) {\r\n w.attachEvent('onload', l);\r\n } else {\r\n w.addEventListener('load', l, false);\r\n }\r\n }\r\n }\r\n\r\n public onLogin() {\r\n this.createIntercom();\r\n }\r\n\r\n public onLogout() {\r\n let intercom = (window as any).Intercom;\r\n if (intercom) {\r\n intercom('shutdown');\r\n }\r\n }\r\n}\r\n","module.exports = \"li .glyphicon {\\r\\n margin-right: 10px;\\r\\n}\\r\\n\\r\\n/* Highlighting rules for nav menu items */\\r\\n\\r\\nli.link-active a,\\r\\nli.link-active a:hover,\\r\\nli.link-active a:focus {\\r\\n background-color: #4189C7;\\r\\n color: white;\\r\\n}\\r\\n\\r\\n/* Keep the nav menu independent of scrolling and on top of other items */\\r\\n\\r\\n.main-nav {\\r\\n position: fixed;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n@media (min-width: 768px) {\\r\\n /* On small screens, convert the nav menu to a vertical sidebar */\\r\\n .main-nav {\\r\\n height: 100%;\\r\\n width: calc(25% - 20px);\\r\\n }\\r\\n .navbar {\\r\\n border-radius: 0px;\\r\\n border-width: 0px;\\r\\n height: 100%;\\r\\n }\\r\\n .navbar-header {\\r\\n float: none;\\r\\n }\\r\\n .navbar-collapse {\\r\\n padding: 0px;\\r\\n }\\r\\n .navbar ul {\\r\\n float: none;\\r\\n }\\r\\n .navbar li {\\r\\n float: none;\\r\\n font-size: 15px;\\r\\n margin: 6px;\\r\\n }\\r\\n .navbar li a {\\r\\n padding: 10px 16px;\\r\\n border-radius: 4px;\\r\\n }\\r\\n .navbar a {\\r\\n /* If a menu item's text is too long, truncate it */\\r\\n width: 100%;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n }\\r\\n}\\r\\n\\r\\n.navbar-light .navbar-nav .nav-link {\\r\\n /* color: #007bff;*/\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbmF2LW1lbnUvbmF2LW1lbnUuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQSwwQ0FBMEM7O0FBQzFDOzs7SUFHSSx5QkFBeUI7SUFDekIsWUFBWTtBQUNoQjs7QUFFQSx5RUFBeUU7O0FBQ3pFO0lBQ0ksZUFBZTtJQUNmLE1BQU07SUFDTixPQUFPO0lBQ1AsUUFBUTtJQUNSLFVBQVU7QUFDZDs7QUFFQTtJQUNJLGlFQUFpRTtJQUNqRTtRQUNJLFlBQVk7UUFDWix1QkFBdUI7SUFDM0I7SUFDQTtRQUNJLGtCQUFrQjtRQUNsQixpQkFBaUI7UUFDakIsWUFBWTtJQUNoQjtJQUNBO1FBQ0ksV0FBVztJQUNmO0lBQ0E7UUFDSSxZQUFZO0lBQ2hCO0lBQ0E7UUFDSSxXQUFXO0lBQ2Y7SUFDQTtRQUNJLFdBQVc7UUFDWCxlQUFlO1FBQ2YsV0FBVztJQUNmO0lBQ0E7UUFDSSxrQkFBa0I7UUFDbEIsa0JBQWtCO0lBQ3RCO0lBQ0E7UUFDSSxtREFBbUQ7UUFDbkQsV0FBVztRQUNYLG1CQUFtQjtRQUNuQixnQkFBZ0I7UUFDaEIsdUJBQXVCO0lBQzNCO0FBQ0o7O0FBR0E7RUFDRSxvQkFBb0I7QUFDdEIiLCJmaWxlIjoic3JjL2FwcC9uYXYtbWVudS9uYXYtbWVudS5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsibGkgLmdseXBoaWNvbiB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XHJcbn1cclxuXHJcbi8qIEhpZ2hsaWdodGluZyBydWxlcyBmb3IgbmF2IG1lbnUgaXRlbXMgKi9cclxubGkubGluay1hY3RpdmUgYSxcclxubGkubGluay1hY3RpdmUgYTpob3ZlcixcclxubGkubGluay1hY3RpdmUgYTpmb2N1cyB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDE4OUM3O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG59XHJcblxyXG4vKiBLZWVwIHRoZSBuYXYgbWVudSBpbmRlcGVuZGVudCBvZiBzY3JvbGxpbmcgYW5kIG9uIHRvcCBvZiBvdGhlciBpdGVtcyAqL1xyXG4ubWFpbi1uYXYge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHJpZ2h0OiAwO1xyXG4gICAgei1pbmRleDogMTtcclxufVxyXG5cclxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XHJcbiAgICAvKiBPbiBzbWFsbCBzY3JlZW5zLCBjb252ZXJ0IHRoZSBuYXYgbWVudSB0byBhIHZlcnRpY2FsIHNpZGViYXIgKi9cclxuICAgIC5tYWluLW5hdiB7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgIHdpZHRoOiBjYWxjKDI1JSAtIDIwcHgpO1xyXG4gICAgfVxyXG4gICAgLm5hdmJhciB7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMHB4O1xyXG4gICAgICAgIGJvcmRlci13aWR0aDogMHB4O1xyXG4gICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgIH1cclxuICAgIC5uYXZiYXItaGVhZGVyIHtcclxuICAgICAgICBmbG9hdDogbm9uZTtcclxuICAgIH1cclxuICAgIC5uYXZiYXItY29sbGFwc2Uge1xyXG4gICAgICAgIHBhZGRpbmc6IDBweDtcclxuICAgIH1cclxuICAgIC5uYXZiYXIgdWwge1xyXG4gICAgICAgIGZsb2F0OiBub25lO1xyXG4gICAgfVxyXG4gICAgLm5hdmJhciBsaSB7XHJcbiAgICAgICAgZmxvYXQ6IG5vbmU7XHJcbiAgICAgICAgZm9udC1zaXplOiAxNXB4O1xyXG4gICAgICAgIG1hcmdpbjogNnB4O1xyXG4gICAgfVxyXG4gICAgLm5hdmJhciBsaSBhIHtcclxuICAgICAgICBwYWRkaW5nOiAxMHB4IDE2cHg7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xyXG4gICAgfVxyXG4gICAgLm5hdmJhciBhIHtcclxuICAgICAgICAvKiBJZiBhIG1lbnUgaXRlbSdzIHRleHQgaXMgdG9vIGxvbmcsIHRydW5jYXRlIGl0ICovXHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgfVxyXG59XHJcblxyXG5cclxuLm5hdmJhci1saWdodCAubmF2YmFyLW5hdiAubmF2LWxpbmsge1xyXG4gIC8qICBjb2xvcjogIzAwN2JmZjsqL1xyXG59XHJcbiJdfQ== */\"","module.exports = \"\\r\\n \\r\\n
\\r\\n\"","import { Component } from '@angular/core';\r\nimport { AuthService } from \"../auth/auth.service\";\r\nimport { UserRoles } from \"../auth/auth.models\";\r\n\r\n@Component({\r\n selector: 'app-nav-menu',\r\n templateUrl: './nav-menu.component.html',\r\n styleUrls: ['./nav-menu.component.css']\r\n})\r\nexport class NavMenuComponent {\r\n constructor(private auth: AuthService) { }\r\n\r\n public get isAdmin() {\r\n return this.auth.isLoggedIn && this.auth.currentUser.roles.includes(UserRoles.admin);\r\n }\r\n\r\n public get isCustomer() {\r\n return this.auth.isLoggedIn && this.auth.currentUser.roles.includes(UserRoles.customer) || this.isAdmin;\r\n }\r\n\r\n public get isDriver() {\r\n return this.auth.isLoggedIn && this.auth.currentUser.roles.includes(UserRoles.driver) || this.isAdmin;\r\n }\r\n\r\n public get isWizmo() {\r\n return this.auth.isLoggedIn && this.auth.currentUser.roles.includes(UserRoles.wizmo) || this.isAdmin;\r\n }\r\n\r\n\r\n public get isLoggedIn() {\r\n return this.auth.isLoggedIn;\r\n }\r\n \r\n public logout() {\r\n this.auth.logout();\r\n }\r\n}\r\n","module.exports = \"#btnBag {\\r\\n margin-top: 10px;\\r\\n}\\r\\n\\r\\n\\r\\ndiv .table-container {\\r\\n max-height: 500px;\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n\\r\\ntextarea.multi-package-codes {\\r\\n height: 600px;\\r\\n}\\r\\n\\r\\n\\r\\n.bag-destination button {\\r\\n margin-right: 1px;\\r\\n}\\r\\n\\r\\n\\r\\n#scanning-station .card-body {\\r\\n padding: 0.5rem;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFja2FnZS1pbnB1dC9wYWNrYWdlLWlucHV0LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxnQkFBZ0I7QUFDbEI7OztBQUdBO0VBQ0UsaUJBQWlCO0VBQ2pCLGdCQUFnQjtBQUNsQjs7O0FBR0E7RUFDRSxhQUFhO0FBQ2Y7OztBQUVBO0VBQ0UsaUJBQWlCO0FBQ25COzs7QUFFQTtFQUNFLGVBQWU7QUFDakIiLCJmaWxlIjoic3JjL2FwcC9wYWNrYWdlLWlucHV0L3BhY2thZ2UtaW5wdXQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIiNidG5CYWcge1xyXG4gIG1hcmdpbi10b3A6IDEwcHg7XHJcbn1cclxuXHJcblxyXG5kaXYgLnRhYmxlLWNvbnRhaW5lciB7XHJcbiAgbWF4LWhlaWdodDogNTAwcHg7XHJcbiAgb3ZlcmZsb3cteTogYXV0bztcclxufVxyXG5cclxuXHJcbnRleHRhcmVhLm11bHRpLXBhY2thZ2UtY29kZXMge1xyXG4gIGhlaWdodDogNjAwcHg7XHJcbn1cclxuXHJcbi5iYWctZGVzdGluYXRpb24gYnV0dG9uIHtcclxuICBtYXJnaW4tcmlnaHQ6IDFweDtcclxufVxyXG5cclxuI3NjYW5uaW5nLXN0YXRpb24gLmNhcmQtYm9keSB7XHJcbiAgcGFkZGluZzogMC41cmVtO1xyXG59XHJcbiJdfQ== */\"","module.exports = \"\\r\\n
\\r\\n\"","import { Component, OnInit, Input, } from '@angular/core';\r\nimport { Bag, Parcel } from './package-input.models';\r\nimport { PackageInputService } from './package-input.service';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { PrintModalComponent } from '../print-modal/print-modal.component';\r\nimport { DuplicatePackagesModalComponent } from '../workflow/common-ui/duplicate-packages-modal/duplicate-packages-modal.component';\r\nimport { AuthService } from '../auth/auth.service';\r\n\r\n@Component({\r\n selector: 'app-package-input',\r\n templateUrl: './package-input.component.html',\r\n styleUrls: ['./package-input.component.css'],\r\n entryComponents: [DuplicatePackagesModalComponent]\r\n})\r\nexport class PackageInputComponent implements OnInit {\r\n\r\n public bag: Bag;\r\n public duplicatePackageFound = false;\r\n public multiPackageCodesEnabled = false; // enabled to true when user pastes into package input\r\n public userRole: string = this.auth.currentUser.roles[0];\r\n \r\n public submittedBags: Bag[];\r\n\r\n @Input()\r\n scannedParcelCode: string;\r\n\r\n\r\n constructor(private packageService: PackageInputService, private modalService: NgbModal, private auth: AuthService) { }\r\n\r\n ngOnInit() {\r\n this.packageService.getBags().subscribe(x => {\r\n this.submittedBags = x;\r\n });\r\n }\r\n\r\n public generateBag(destination: string) {\r\n\r\n if (this.multiPackageCodesEnabled) {\r\n // we have a multiple packages codes in a single string here.\r\n let codes = this.scannedParcelCode.split('\\n');\r\n codes.forEach(x => this.bag.addParcel(x));\r\n this.multiPackageCodesEnabled = false;\r\n this.scannedParcelCode = null;\r\n }\r\n\r\n\r\n if (!!this.bag) { // bag already exists, send to the server\r\n if (!this.bag.bagId && this.bag.parcels.length == 0) {\r\n // new empty bag closing. Nothing to send.\r\n this.bag = null;\r\n return;\r\n }\r\n\r\n this.packageService.saveBag(this.bag).subscribe(\r\n (result) => {\r\n // new or updated bag here\r\n let idx = this.submittedBags.findIndex(x => x.bagId === result.bagId);\r\n if (idx > -1) {\r\n this.submittedBags[idx] = result;\r\n } else {\r\n this.submittedBags.push(result);\r\n }\r\n this.submittedBags = [...this.submittedBags];\r\n\r\n // lets check if any packages from this bag have already been scanned\r\n this.packageService.checkForDuplicatePackages(result.bagId).subscribe(dupes => {\r\n if (dupes.length > 0) {\r\n let modal = this.modalService.open(DuplicatePackagesModalComponent);\r\n modal.componentInstance.duplicatePackages = dupes;\r\n }\r\n });\r\n let modal = this.modalService.open(PrintModalComponent);\r\n modal.componentInstance.barcodeValue = result.code;\r\n let paddingText = [\"Bag Tag\"];\r\n if (result.destination) {\r\n paddingText.push(result.destination);\r\n }\r\n modal.componentInstance.paddingText = paddingText;\r\n },\r\n (err) => {\r\n }\r\n );\r\n this.bag = null;\r\n }\r\n else { // open new bag\r\n this.bag = new Bag(destination);\r\n }\r\n }\r\n\r\n\r\n public addParcel() {\r\n let code = this.scannedParcelCode;\r\n if (!code) {\r\n return;\r\n }\r\n\r\n code = code.replace(/[^a-zA-Z0-9-_]/g, '');\r\n if (code === '') {\r\n return;\r\n }\r\n\r\n\r\n if (!this.bag.containsParcel(code)) {\r\n this.bag.addParcel(code);\r\n }\r\n\r\n this.scannedParcelCode = null;\r\n }\r\n\r\n public removeParcel(code) {\r\n if (!this.bag) {\r\n return;\r\n }\r\n var idx = this.bag.parcels.findIndex(x => x.code === code);\r\n if (idx > -1) {\r\n this.bag.parcels.splice(idx, 1);\r\n }\r\n }\r\n\r\n public onBagSelected(bag: Bag) {\r\n this.bag = bag;\r\n }\r\n\r\n public onPaste(val: string) {\r\n this.multiPackageCodesEnabled = true;\r\n\r\n this.scannedParcelCode = val;\r\n }\r\n\r\n public openDuplicatePackagesModal(content) {\r\n this.modalService.open(content)\r\n }\r\n}\r\n","export class Parcel {\r\n parcelId: string;\r\n code: string;\r\n\r\n constructor(code: string) {\r\n this.code = code;\r\n }\r\n}\r\n\r\nexport class Bag {\r\n bagId: string;\r\n destination: string;\r\n code: string;\r\n parcels: Parcel[];\r\n\r\n constructor(destination?: string) {\r\n this.parcels = [];\r\n if (!!destination) {\r\n this.destination = destination;\r\n }\r\n }\r\n\r\n addParcel(parcelId: string) {\r\n let parcel = new Parcel(parcelId);\r\n this.parcels.splice(0, 0, parcel);\r\n }\r\n\r\n containsParcel(parcelCode: string) {\r\n return !!this.parcels.find(x => x.code === parcelCode);\r\n }\r\n}\r\n\r\nexport class DuplicateParcelsModel {\r\n public parcelId: string;\r\n public parcelCode: string;\r\n public bagId: string;\r\n public bagCode: string;\r\n public bagCreatedBy: string;\r\n public bagCreatedOn: Date;\r\n}\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Bag, Parcel, DuplicateParcelsModel } from './package-input.models';\r\nimport { map } from 'rxjs/operators';\r\nimport { FlatReportModel } from '../reporting/flat-report/flat-report.models';\r\n\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class PackageInputService {\r\n private serviceApi = '/api/bags';\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n public saveBag(bag: Bag) {\r\n if (!!bag.bagId) {\r\n return this.http.put\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Scan packages into bag {{bag?bag.code:''}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Package count: {{!!bag && bag.parcels && bag.parcels.length}}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n Scanned bags\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Bags count: {{submittedBags.length}}\\r\\n
\\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { PackageSearchService } from './package-search.service';\r\nimport { SearchResponse, TripModel, SearchRequest } from './package-search.models';\r\nimport { TripsService } from '../trips/trips.service';\r\n\r\n@Component({\r\n selector: 'app-package-search',\r\n templateUrl: './package-search.component.html',\r\n styleUrls: ['./package-search.component.css']\r\n})\r\nexport class PackageSearchComponent implements OnInit {\r\n public searchResults: SearchResponse[];\r\n public foundBoxes: any = {};\r\n public trips: TripModel[];\r\n public fromDate: Date;\r\n\r\n constructor(private searchService: PackageSearchService, private tripService: TripsService) { }\r\n\r\n ngOnInit() {\r\n this.tripService.getTrips(true).subscribe(trips => {\r\n let ts = trips.map(trip => {\r\n let t = new TripModel();\r\n t.tripId = trip.tripId;\r\n t.name = trip.name;\r\n t.createdOn = new Date(trip.createdOn);\r\n return t;\r\n });\r\n\r\n this.trips = ts.sort((a, b) => a.createdOn.valueOf() - b.createdOn.valueOf());\r\n })\r\n\r\n // default fromDate to now - 5 days\r\n this.fromDate = new Date();\r\n this.fromDate.setDate(this.fromDate.getDate() - 5);\r\n }\r\n\r\n\r\n public search(values: string, trip: TripModel) {\r\n let vals = values.split(/[,\\.\\n ]/);\r\n vals.forEach((x, i, a) => { if (!!x) { a[i] = x.trim(); } }); // trim all\r\n vals = vals.filter(x => !!x);\r\n\r\n this.searchResults = null;\r\n var req = new SearchRequest();\r\n req.packageCodes = vals;\r\n if (!!trip) {\r\n req.searchInTrips = [trip.tripId];\r\n }\r\n\r\n // fromDate has time set to 4am for whatever reason. Clear this\r\n req.fromDate = (this.fromDate.getMonth() + 1) + '/' + this.fromDate.getDate() + '/' + this.fromDate.getFullYear();\r\n\r\n this.searchService.search(req).subscribe(found => {\r\n let results = found.map(x => new SearchResponse(x));\r\n this.foundBoxes = {};\r\n results.forEach(b => {\r\n this.foundBoxes[b.id] = false;\r\n });\r\n results.sort((a, b) => a.bagCode.localeCompare(b.bagCode));\r\n this.searchResults = this.matchFoundToInput(vals, results);\r\n });\r\n }\r\n\r\n public toggleFound(result: SearchResponse) {\r\n this.foundBoxes[result.id] = !this.foundBoxes[result.id];\r\n }\r\n\r\n private matchFoundToInput(searchedValues: string[], searchResponses: SearchResponse[]): SearchResponse[] {\r\n\r\n let result: SearchResponse[] = [];\r\n let dupes: any = {};\r\n\r\n searchedValues.forEach((v) => {\r\n let val = v.toLocaleLowerCase();\r\n searchResponses.forEach((r) => {\r\n if ((r.packageCode.toLocaleLowerCase().includes(val) || (!!r.wizmoSCN && r.wizmoSCN.toLocaleLowerCase().includes(val))) && !dupes[r.id]) {\r\n result.push(r);\r\n dupes[r.id] = true;\r\n }\r\n });\r\n });\r\n\r\n return result;\r\n }\r\n}\r\n","export class SearchResponse {\r\n constructor(searchResponseObj: SearchResponse) {\r\n this.packageCode = searchResponseObj.packageCode;\r\n this.bagCode = searchResponseObj.bagCode;\r\n this.gaylordCode = searchResponseObj.gaylordCode;\r\n this.tripName = searchResponseObj.tripName;\r\n this.truckName = searchResponseObj.truckName;\r\n this.scnCode = searchResponseObj.scnCode;\r\n this.wizmoSCN = searchResponseObj.wizmoSCN;\r\n this.shipper = searchResponseObj.shipper;\r\n this.receiver = searchResponseObj.receiver;\r\n this.shippedOn = searchResponseObj.shippedOn ? new Date(searchResponseObj.shippedOn) : null;\r\n this.id = this.packageCode + '/' + this.bagCode + '/' + this.gaylordCode;\r\n }\r\n\r\n public packageCode: string;\r\n public bagCode: string;\r\n public gaylordCode: string;\r\n public id: string;\r\n public tripName: string;\r\n public truckName: string;\r\n public shippedOn: Date;\r\n public scnCode: string;\r\n public wizmoSCN: string;\r\n public shipper: string;\r\n public receiver: string;\r\n public get shippedOnFormatted() {\r\n return this.shippedOn ?\r\n this.shippedOn.getMonth().toString().padStart(2, '0') + '/' +\r\n this.shippedOn.getDate().toString().padStart(2, '0') + '/' +\r\n this.shippedOn.getFullYear()\r\n : '';\r\n }\r\n}\r\n\r\n\r\nexport class SearchRequest {\r\n public packageCodes: string[]\r\n public searchInTrips: string[];\r\n public fromDate: string;\r\n}\r\n\r\nexport class TripModel {\r\n public tripId: string;\r\n public name: string;\r\n public createdOn: Date;\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { SearchResponse, SearchRequest } from './package-search.models';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class PackageSearchService {\r\n private serviceApi = '/api/search';\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n public search(searchRequest: SearchRequest) {\r\n\r\n return this.http.post\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n Search for packages\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Found {{searchResults.length}} packages\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit, Input } from '@angular/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { BarcodeService } from './barcode.service';\r\n\r\n@Component({\r\n selector: 'app-print-modal',\r\n templateUrl: './print-modal.component.html',\r\n styleUrls: ['./print-modal.component.css']\r\n})\r\nexport class PrintModalComponent implements OnInit {\r\n\r\n @Input()\r\n public barcodeValue: string;\r\n\r\n @Input()\r\n public paddingText: string[];\r\n\r\n public image: string | ArrayBuffer;\r\n\r\n constructor(public modal: NgbActiveModal, private barcodeService: BarcodeService) { }\r\n\r\n ngOnInit() {\r\n this.getImage(this.barcodeValue, this.paddingText);\r\n }\r\n \r\n public getImage(value: string, paddingText: string[]) {\r\n this.barcodeService.getBarcode(value, paddingText).subscribe(x => {\r\n let reader = new FileReader();\r\n reader.addEventListener(\"load\", () => {\r\n let imgSrc = reader.result;\r\n this.image = imgSrc;\r\n\r\n document.getElementById(\"imgPrint\").setAttribute(\"src\", \\r\\n ![](\\\"{{image}}\\\")
\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { ReportingService } from '../reporting.service';\r\nimport { FlatReportRequest, FlatReportModel, RangeCalendarMinMaxDates } from './flat-report.models';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-flat-report',\r\n templateUrl: './flat-report.component.html',\r\n styleUrls: ['./flat-report.component.css']\r\n})\r\nexport class FlatReportComponent implements OnInit {\r\n public calendarInfo: RangeCalendarMinMaxDates;\r\n public searchRequest: FlatReportRequest;\r\n public reportData: FlatReportModel[];\r\n public inProgress = false;\r\n\r\n public columnMap = [\r\n { field: 'bagCode', header: 'Code' },\r\n { field: 'bagCreatedBy', header: 'Created By' },\r\n { field: 'bagCreatedOnFormatted', header: 'Created On' },\r\n { field: 'gaylordCode', header: 'Code' },\r\n { field: 'gaylordVendor', header: 'Vendor' },\r\n { field: 'gaylordCreatedOnFormatted', header: 'Created On' },\r\n { field: 'gaylordCreatedBy', header: 'Created By' },\r\n { field: 'tripName', header: 'Name' },\r\n { field: 'tripShippedOnFormatted', header: 'Shipped On' },\r\n { field: 'tripCreatedOnFormatted', header: 'Created On' },\r\n { field: 'tripCreatedBy', header: 'Created By' },\r\n ];\r\n\r\n\r\n constructor(private reportingService: ReportingService) {\r\n this.searchRequest = new FlatReportRequest();\r\n\r\n this.calendarInfo = new RangeCalendarMinMaxDates();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n\r\n public search() {\r\n if (this.calendarInfo.resultDates) {\r\n this.searchRequest.fromDate = this.calendarInfo.resultDates[0];\r\n this.searchRequest.toDate = this.calendarInfo.resultDates[1];\r\n }\r\n\r\n this.inProgress = true;\r\n this.reportingService.getFlatReport(this.searchRequest).subscribe(\r\n results => {\r\n this.reportData = results;\r\n },\r\n (err) => {\r\n console.warn(err);\r\n // TODO display error\r\n },\r\n () => {\r\n this.inProgress = false;\r\n }\r\n );\r\n }\r\n}\r\n","export class FlatReportModel {\r\n public parcelId: string;\r\n public parcelCode: string;\r\n public bagId: string;\r\n public bagCode: string;\r\n public bagCreatedBy: string;\r\n public bagCreatedOn: Date;\r\n public get bagCreatedOnFormatted() { return this.formatDate(this.bagCreatedOn); }\r\n public gaylordId: string;\r\n public gaylordCode: string;\r\n public gaylordCreatedOn: Date;\r\n public get gaylordCreatedOnFormatted() { return this.formatDate(this.gaylordCreatedOn); }\r\n public gaylordCreatedBy: string;\r\n public gaylordVendor: string;\r\n public tripId: string;\r\n public tripName: string;\r\n public tripCreatedOn: Date;\r\n public get tripCreatedOnFormatted() { return this.formatDate(this.tripCreatedOn); }\r\n public tripCreatedBy: string;\r\n public tripShippedOn: Date;\r\n public get tripShippedOnFormatted() { return this.formatDate(this.tripCreatedOn); }\r\n public truckId: string;\r\n public truckName: string;\r\n public truckLicensePlate: string;\r\n\r\n private formatDate(inputDate: Date) {\r\n if (!inputDate) {\r\n return null;\r\n }\r\n\r\n return inputDate.getUTCFullYear() + \"/\" +\r\n (\"0\" + (inputDate.getUTCMonth() + 1)).slice(-2) + \"/\" +\r\n (\"0\" + inputDate.getUTCDate()).slice(-2) + \" \" +\r\n (\"0\" + inputDate.getUTCHours()).slice(-2) + \":\" +\r\n (\"0\" + inputDate.getUTCMinutes()).slice(-2) + \":\" +\r\n (\"0\" + inputDate.getUTCSeconds()).slice(-2);\r\n }\r\n\r\n public static createFromData(data: FlatReportModel) {\r\n let result = new FlatReportModel();\r\n Object.assign(result, data);\r\n\r\n result.bagCreatedOn = new Date(result.bagCreatedOn);\r\n result.gaylordCreatedOn = new Date(result.bagCreatedOn);\r\n result.tripCreatedOn = new Date(result.tripCreatedOn);\r\n result.tripShippedOn = new Date(result.tripShippedOn);\r\n\r\n return result;\r\n }\r\n}\r\n\r\nexport class FlatReportRequest {\r\n public searchTerm: string;\r\n public fromDate: Date;\r\n public toDate: Date;\r\n\r\n public get isValid() {\r\n return !!this.searchTerm || !!this.fromDate;\r\n }\r\n}\r\n\r\nexport class RangeCalendarMinMaxDates {\r\n public minDate: Date;\r\n public maxDate: Date;\r\n public resultDates: Date[];\r\n\r\n constructor() {\r\n this.minDate = new Date(2018, 8, 1);\r\n this.maxDate = new Date();\r\n }\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3JlcG9ydGluZy9wYXJjZWwtY291bnRzL3BhcmNlbC1jb3VudHMuY29tcG9uZW50LmNzcyJ9 */\"","module.exports = \"\\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 Parcel\\r\\n \\r\\n Bag \\r\\n Gaylord \\r\\n Trip \\r\\n \\r\\n Truck\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n {{col.header}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{reportRow['parcelCode']}} \\r\\n \\r\\n {{reportRow[col.field]}}\\r\\n \\r\\n {{reportRow['truckName']}} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { ReportingService } from '../reporting.service';\r\nimport { CustomersService } from '../../admin/customer-management/customers-service.service';\r\nimport { Filter, ParcelCountsReportRequest, TimePeriods, FilterSeedData } from './parcel-counts.models';\r\nimport { BarChartData, BarChartDataset } from '../reporting.models';\r\n\r\n@Component({\r\n selector: 'app-parcel-counts',\r\n templateUrl: './parcel-counts.component.html',\r\n styleUrls: ['./parcel-counts.component.css']\r\n})\r\nexport class ParcelCountsComponent implements OnInit {\r\n private colors = ['#93E986', '#8C623E', '#1A6B32', '#3E898C', '#3E8C74', '#3E498C', '#1FA47C', '#FE6601', '#8C3E65', '#ACD895', '#8C3E84', '#2AFE94', '#1A6B66', '#418C3E', '#8C813E', '#95D8C0', '#AE95D8', '#5D8C3E', '#3E8C5B', '#FECF10', '#6B1A35', '#773E8C', '#95D8A3', '#57875A', '#586B1A', '#95B7D8', '#D89595', '#563E8C', '#D895D1', '#D81CED', '#4DFE01', '#7A8C3E', '#FE1038', '#8C3E3E', '#959ED8', '#D895B2', '#3E6D8C', '#D8C095', '#CFD895', '#2ABFFE', '#95D6D8', '#D8A795', '#2301FE', '#3EA41F', '#2AFE38', '#BBFE01', '#851CED', '#2AFEE2', '#FEC301', '#1A1D6B', '#FE0901', '#C695D8', '#FE7F10', '#ED1C85', '#2A62FE'];\r\n constructor(private reportingService: ReportingService, private customersService: CustomersService) { }\r\n\r\n public chartData = new BarChartData();\r\n public chartDataReady = false;\r\n\r\n // populates the filter\r\n public filterSeedData = new FilterSeedData();\r\n\r\n public filter = new Filter();\r\n \r\n data: any;\r\n\r\n ngOnInit() {\r\n this.loadCustomers();\r\n }\r\n\r\n\r\n public getReportingData() {\r\n var reportingRequest = new ParcelCountsReportRequest();\r\n reportingRequest.datePart = this.filter.datePart;\r\n if (!!this.filter.dateRange) {\r\n reportingRequest.fromDate = this.filter.dateRange[0];\r\n reportingRequest.toDate = this.filter.dateRange[1];\r\n }\r\n reportingRequest.customers = this.filter.customers;\r\n\r\n this.reportingService.getParcelCountsPerPeriodPerCustomerReport(reportingRequest).subscribe(reportData => {\r\n this.chartData = new BarChartData();\r\n let customerData: any = {};\r\n let colorIdx = 0;\r\n\r\n let allDates: any = {};\r\n reportData.map(x => { allDates[x.dateFormatted] = 0; })\r\n this.chartData.labels = Object.keys(allDates);\r\n\r\n\r\n reportData.forEach(r => {\r\n if (!customerData[r.customerName]) {\r\n customerData[r.customerName] = Object.assign({}, allDates);\r\n }\r\n\r\n customerData[r.customerName][r.dateFormatted] = r.packageCount; // we'll have {'wizmo':{'1-1-2019':111, '2-1-2019':90}}\r\n });\r\n\r\n let customerNames = Object.keys(customerData);\r\n\r\n customerNames.forEach(c => {\r\n let dataset = new BarChartDataset();\r\n dataset.label = c;\r\n dataset.backgroundColor = this.colors[colorIdx++];\r\n dataset.data = Object.keys(customerData[c]).map(x => customerData[c][x]);\r\n this.chartData.datasets.push(dataset);\r\n });\r\n\r\n this.chartDataReady = true;\r\n });\r\n }\r\n\r\n\r\n private loadCustomers() {\r\n this.customersService.getCustomers().subscribe(x => {\r\n this.filterSeedData.customersRaw = x;\r\n });\r\n }\r\n}\r\n","import { Customer } from \"../../admin/customer-management/customers.models\";\r\n\r\nexport class ParcelCountsReportRequest {\r\n public datePart: string;\r\n public fromDate: Date;\r\n public toDate: Date;\r\n public customers: Customer[];\r\n}\r\n\r\nexport class TimePeriods {\r\n public static readonly Day = 'day';\r\n public static readonly Week = 'week';\r\n public static readonly Month = 'month';\r\n public static readonly Year = 'year';\r\n}\r\n\r\n\r\nexport class ParcelCountsPerPeriodPerCustomerModel {\r\n public date: string;\r\n public dateFormatted: string;\r\n public customerName: string;\r\n public packageCount: number;\r\n}\r\n\r\n\r\nexport const MinReportingDate = new Date(2018, 8, 1);\r\n\r\n\r\nexport class Filter {\r\n public datePart: string = TimePeriods.Day;\r\n public dateRange: Date[];\r\n public customers: Customer[];\r\n}\r\n\r\n\r\nexport class FilterSeedData {\r\n public timePeriods = [{ label: 'Day', value: TimePeriods.Day }, { label: 'Week', value: TimePeriods.Week }, { label: 'Month', value: TimePeriods.Month }, { label: 'Year', value: TimePeriods.Year }];\r\n public minDate: Date = MinReportingDate;\r\n public maxDate = new Date();\r\n public get customersMultiSelect() {\r\n return this.customersRaw.map(x => { return { label: x.name, value: x }; });\r\n }\r\n public customersRaw: Customer[] = [];\r\n};\r\n","export class BarChartDataset {\r\n public label: string;\r\n public backgroundColor: string;\r\n public borderColor: string;\r\n public data: number[];\r\n}\r\n\r\nexport class BarChartData {\r\n public labels: string[] = [];\r\n public datasets: BarChartDataset[] = [];\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FlatReportComponent } from './flat-report/flat-report.component';\r\nimport { ReportsContainerComponent } from './reports-container/reports-container.component';\r\nimport { TableModule } from 'primeng/table';\r\nimport { CalendarModule } from 'primeng/calendar';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { ParcelCountsComponent } from './parcel-counts/parcel-counts.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { ChartModule } from 'primeng/chart';\r\nimport { DropdownModule } from 'primeng/dropdown';\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\nimport { CustomerManagementModule } from '../admin/customer-management/customer-management.module';\r\n\r\n@NgModule({\r\n declarations: [FlatReportComponent, ReportsContainerComponent, ParcelCountsComponent],\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n TableModule,\r\n CalendarModule,\r\n InputTextModule,\r\n ButtonModule,\r\n RouterModule,\r\n ChartModule,\r\n DropdownModule,\r\n CustomerManagementModule,\r\n MultiSelectModule\r\n ],\r\n exports: [\r\n ReportsContainerComponent\r\n ]\r\n})\r\nexport class ReportingModule { }\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { map } from 'rxjs/operators';\r\nimport { ParcelCountsReportRequest, ParcelCountsPerPeriodPerCustomerModel } from './parcel-counts/parcel-counts.models';\r\nimport { FlatReportRequest, FlatReportModel } from './flat-report/flat-report.models';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ReportingService {\r\n private serviceUrl = '/api/reporting/';\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n public getFlatReport(req: FlatReportRequest) {\r\n return this.http.post\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { ReverseLookupService } from './reverse-lookup.service';\r\nimport { Bag } from '../package-input/package-input.models';\r\nimport { PrintModalComponent } from '../print-modal/print-modal.component';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n\r\n@Component({\r\n selector: 'app-reverse-lookup',\r\n templateUrl: './reverse-lookup.component.html',\r\n styleUrls: ['./reverse-lookup.component.css']\r\n})\r\nexport class ReverseLookupComponent implements OnInit {\r\n public bag: Bag;\r\n public notFound: boolean = false;\r\n\r\n constructor(private reverseLookupService: ReverseLookupService, private modalService: NgbModal) { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n\r\n public findBag(packageCode: string) {\r\n this.bag = null;\r\n this.notFound = false;\r\n this.reverseLookupService.findBag(packageCode).subscribe(\r\n x => {\r\n this.bag = x;\r\n },\r\n err => {\r\n this.notFound = true;\r\n });\r\n }\r\n\r\n public print(bag: Bag) {\r\n var modal = this.modalService.open(PrintModalComponent);\r\n modal.componentInstance.barcodeValue = bag.code;\r\n modal.componentInstance.paddingText = \"Bag Tag\";\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Bag } from '../package-input/package-input.models';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ReverseLookupService {\r\n private serviceApi = '/api/bags/reverse';\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n public findBag(packageCode: string) {\r\n return this.http.get\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n Search for bags by package code\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Results\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Click to print the bag code \\r\\n
\\r\\n\\r\\n \\r\\n Could not find the bag containing this package.\\r\\n
\\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { Truck } from '../../admin/trucks-management/trucks-models';\r\nimport { TripViewModel, Trip } from '../trips-models';\r\nimport { TrucksService } from '../../admin/trucks-management/trucks.service';\r\nimport { TripsService } from '../trips.service';\r\nimport { Gaylord } from '../../gaylord-loading/gaylord-loading.models';\r\nimport { SortDirection, Sort } from '../../app.models';\r\n\r\n@Component({\r\n selector: 'app-trips-list',\r\n templateUrl: './trips-list.component.html',\r\n styleUrls: ['./trips-list.component.css']\r\n})\r\nexport class TripsListComponent implements OnInit {\r\n public trucks: Truck[];\r\n public trip: TripViewModel;\r\n public trips: TripViewModel[] = [];\r\n public filteredTrips: TripViewModel[] = [];\r\n\r\n public filterValue: string;\r\n\r\n public selectedTruck: Truck;\r\n public scannedGaylordCode: string;\r\n public currentSort = new Sort('name', SortDirection.Desc);\r\n\r\n constructor(private trucksService: TrucksService, private tripService: TripsService) { }\r\n\r\n ngOnInit() {\r\n this.trucksService.getTrucks().subscribe(x => {\r\n this.trucks = x;\r\n });\r\n\r\n this.tripService.getTrips().subscribe(x => {\r\n this.trips = x;\r\n this.trips.sort((a, b) => new Date(b.createdOn).valueOf() - new Date(a.createdOn).valueOf());\r\n this.filteredTrips = this.trips;\r\n });\r\n }\r\n\r\n public generateTrip() {\r\n if (!this.trip) {\r\n this.createNewTrip();\r\n }\r\n else {\r\n this.finalizeTrip();\r\n }\r\n }\r\n\r\n public addGaylord() {\r\n if (!this.scannedGaylordCode) {\r\n return;\r\n }\r\n if (!this.trip.gaylords.find(x => x.code === this.scannedGaylordCode)) {\r\n let gaylord = new Gaylord();\r\n gaylord.code = this.scannedGaylordCode;\r\n this.trip.gaylords.splice(0, 0, gaylord);\r\n }\r\n\r\n this.scannedGaylordCode = null;\r\n }\r\n\r\n public removeGaylord(gaylord: Gaylord) {\r\n let idx = this.trip.gaylords.findIndex(x => x.code === gaylord.code);\r\n if (idx > -1) {\r\n this.trip.gaylords.splice(idx, 1);\r\n }\r\n }\r\n\r\n public selectTrip(trip: TripViewModel) {\r\n this.trip = trip;\r\n this.selectedTruck = trip.truck;\r\n }\r\n\r\n public trucksCompare(a: Truck, b: Truck) {\r\n return !!a && !!b && a.truckId == b.truckId;\r\n }\r\n\r\n\r\n public sortBy(property: string, flipDirection: boolean) {\r\n this.currentSort = new Sort(property, this.currentSort.direction);\r\n if (flipDirection) {\r\n this.currentSort.direction *= -1;\r\n }\r\n\r\n switch (property) {\r\n case 'name': {\r\n this.filteredTrips = this.filteredTrips.sort((a, b) => b.name.localeCompare(a.name) * this.currentSort.direction);\r\n break;\r\n }\r\n case 'gaylordCount': {\r\n this.filteredTrips = this.filteredTrips.sort((a, b) => (a.gaylords.length - b.gaylords.length) * this.currentSort.direction);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n public onFilterGaylords() {\r\n this.filteredTrips = this.trips.filter(x => x.name.toLocaleLowerCase().includes(this.filterValue.toLocaleLowerCase())\r\n || (!!x.gaylords &&\r\n (x.gaylords.findIndex(g => g.code.includes(this.filterValue)) > -1\r\n || x.gaylords.findIndex(g => !!g.bagCodes && g.bagCodes.includes(this.filterValue)) > -1)\r\n )\r\n );\r\n }\r\n\r\n public shipTrip(trip: TripViewModel) {\r\n this.tripService.ship(trip).subscribe(x => {\r\n let idx = this.trips.findIndex(t => t.tripId == x.tripId);\r\n Object.assign(this.trips[idx], x);\r\n });\r\n }\r\n\r\n public downloadCSV(trip: TripViewModel) {\r\n this.tripService.downloadCSV(trip.tripId, trip.name);\r\n } \r\n\r\n public generateManifest(trip: Trip) {\r\n this.tripService.generateManifest(trip);\r\n }\r\n\r\n private createNewTrip() {\r\n this.trip = new TripViewModel();\r\n\r\n let date = new Date();\r\n let datePart = date.getFullYear().toString() +\r\n ('0' + (date.getMonth() + 1)).slice(-2) +\r\n ('0' + (date.getDate())).slice(-2) +\r\n '-' + date.getHours();\r\n\r\n this.trip.name = this.selectedTruck.name + '-' + datePart;\r\n this.trip.truck = this.selectedTruck;\r\n }\r\n\r\n private finalizeTrip() {\r\n if (!!this.trip.tripId) {\r\n // update\r\n this.trip.truck = this.selectedTruck;\r\n this.tripService.updateTrip(this.trip).subscribe(x => {\r\n // don't need to do anything, just have to subscribe to execute update\r\n });\r\n }\r\n else {\r\n // create\r\n this.tripService.createTrip(this.trip).subscribe(x => {\r\n this.trips.splice(0, 0, x);\r\n });\r\n }\r\n this.trip = null;\r\n }\r\n\r\n \r\n}\r\n","import { Truck } from \"../admin/trucks-management/trucks-models\";\r\nimport { Gaylord } from \"../gaylord-loading/gaylord-loading.models\";\r\n\r\nexport class Trip {\r\n public tripId: string;\r\n public date: string;\r\n public name: string;\r\n public shippedOn: Date;\r\n public createdOn: string;\r\n public createdBy: string;\r\n public truck: Truck;\r\n}\r\n\r\n\r\nexport class TripViewModel extends Trip {\r\n public gaylords: Gaylord[] = [];\r\n}\r\n\r\n\r\nexport class CreateTripModel {\r\n public name: string;\r\n public truck: Truck;\r\n public gaylordCodes: string[] = [];\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { TrucksManagementModule } from '../admin/trucks-management/trucks-management.module';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { RouterModule, Router, ActivatedRoute } from '@angular/router';\r\nimport { TripsListComponent } from './trips-list/trips-list.component';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@NgModule({\r\n declarations: [ TripsListComponent],\r\n imports: [\r\n CommonModule,\r\n TrucksManagementModule,\r\n FormsModule,\r\n RouterModule,\r\n NgbModule\r\n ]\r\n})\r\nexport class TripsModule { }\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Trip, TripViewModel } from './trips-models';\r\nimport { flatMap } from 'rxjs/operators';\r\nimport saveAs from 'file-saver';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class TripsService {\r\n private tripServiceApi = '/api/trips/';\r\n private manifestServiceApi = 'api/manifest/';\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n public createTrip(trip: TripViewModel) {\r\n return this.http.post\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Scan gaylords into trip {{trip && trip.name}}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n Trips\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n Trips count: {{trips.length}}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | \\r\\n Trip Name\\r\\n \\r\\n \\r\\n | \\r\\n\\r\\n # of Gaylords\\r\\n \\r\\n \\r\\n | \\r\\n\\r\\n |
| {{trip.name}} | \\r\\n{{trip.gaylords.length}} | \\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n
\\r\\n
\\r\\nDuplicate packages
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n\"","import { Component, OnInit, Input } from '@angular/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { FlatReportModel } from '../../../reporting/flat-report/flat-report.models';\r\n\r\n@Component({\r\n selector: 'app-duplicate-packages-modal',\r\n templateUrl: './duplicate-packages-modal.component.html',\r\n styleUrls: ['./duplicate-packages-modal.component.css']\r\n})\r\nexport class DuplicatePackagesModalComponent implements OnInit {\r\n\r\n @Input()\r\n public duplicatePackages: FlatReportModel[];\r\n\r\n constructor(public modal: NgbActiveModal) { }\r\n\r\n ngOnInit() { \r\n if (!!this.duplicatePackages) {\r\n this.duplicatePackages = this.duplicatePackages.sort((a, b) => a.parcelCode.localeCompare(b.parcelCode));\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CommonUiModule } from './common-ui/common-ui.module'\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n CommonModule,\r\n CommonUiModule,\r\n ],\r\n exports: [\r\n CommonUiModule\r\n ]\r\n})\r\nexport class WorkflowModule { }\r\n","// The file contents for the current environment will overwrite these during build.\r\n// The build system defaults to the dev environment which uses `environment.ts`, but if you do\r\n// `ng build --env=prod` then `environment.prod.ts` will be used instead.\r\n// The list of which env maps to which file can be found in `.angular-cli.json`.\r\n\r\nexport const environment = {\r\n production: false\r\n};\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nexport function getBaseUrl() {\r\n return document.getElementsByTagName('base')[0].href;\r\n}\r\n\r\nconst providers = [\r\n { provide: 'BASE_URL', useFactory: getBaseUrl, deps: [] }\r\n];\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic(providers).bootstrapModule(AppModule)\r\n .catch(err => console.log(err));\r\n"],"sourceRoot":""}\\r\\n The following packages have already been scanned:\\r\\n
\\r\\n| Package code | \\r\\nBag code | \\r\\n
| {{dupe.parcelCode}} | \\r\\n{{dupe.bagCode}} | \\r\\n