\n
\n\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.css']\n})\nexport class AppComponent {\n title = \"Pope's Order Management\";\n}\n","import { UsersComponent } from \"./users/users.component\";\r\nimport { BrowserModule } from \"@angular/platform-browser\";\r\nimport { NgModule } from \"@angular/core\";\r\n\r\nimport { AppComponent } from \"./app.component\";\r\nimport { UserModalComponent } from \"./modals/user-modal/user-modal.component\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { NgbModule } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { SupportComponent } from \"./support/support.component\";\r\nimport { routing } from \"./app.routing\";\r\nimport { SharedModule } from \"./shared/shared.module\";\r\nimport { AuthModule } from \"./auth/auth.module\";\r\nimport { HttpClientModule } from \"@angular/common/http\";\r\nimport { ProductsComponent } from \"./products/products.component\";\r\nimport { FontAwesomeModule } from \"@fortawesome/angular-fontawesome\";\r\nimport { UiSwitchModule } from \"ngx-ui-switch\";\r\nimport { NavbarComponent } from \"./navbar/navbar.component\";\r\nimport { ProductModalComponent } from \"./modals/product-modal/product-modal.component\";\r\nimport { ProductCardComponent } from \"./product-card/product-card.component\";\r\nimport { StoreComponent } from \"./store/store.component\";\r\nimport { CartComponent } from \"./cart/cart.component\";\r\nimport { OrderSummaryComponent } from \"./order-summary/order-summary.component\";\r\nimport { PlaceOrderModalComponent } from \"./modals/place-order-modal/place-order-modal.component\";\r\nimport { OrdersComponent } from \"./orders/orders.component\";\r\nimport { OrderConfirmationComponent } from \"./order-confirmation/order-confirmation.component\";\r\nimport { OrderComponent } from \"./order/order.component\";\r\nimport { AddressesComponent } from \"./addresses/addresses.component\";\r\nimport { CompaniesComponent } from \"./companies/companies.component\";\r\nimport { AddressModalComponent } from \"./modals/address-modal/address-modal.component\";\r\nimport { UpdateShippingRateModalComponent } from \"./modals/update-shipping-rate-modal/update-shipping-rate-modal.component\";\r\nimport { EditOrderAddressModalComponent } from \"./modals/edit-order-address-modal/edit-order-address-modal.component\";\r\nimport { CompanyModalComponent } from \"./modals/company-modal/company-modal.component\";\r\nimport { SendConfirmationModalComponent } from \"./modals/send-confirmation-modal/send-confirmation-modal.component\";\r\nimport { AddItemToOrderModalComponent } from \"./modals/add-item-to-order-modal/add-item-to-order-modal.component\";\r\nimport { EditShipDateModalComponent } from \"./modals/edit-ship-date-modal/edit-ship-date-modal.component\";\r\nimport { InvoiceComponent } from \"./invoice/invoice.component\";\r\nimport { SendInvoiceModalComponent } from \"./modals/send-invoice-modal/send-invoice-modal.component\";\r\nimport { EditOrderContactModalComponent } from \"./modals/edit-order-contact-modal/edit-order-contact-modal.component\";\r\nimport { AddCreditToOrderModalComponent } from \"./modals/add-credit-to-order-modal/add-credit-to-order-modal.component\";\r\nimport { PickRptDateRangeModalComponent } from \"./modals/pick-rpt-date-range-modal/pick-rpt-date-range-modal.component\";\r\nimport { RacksComponent } from \"./racks/racks.component\";\r\nimport { RackModalComponent } from \"./modals/rack-modal/rack-modal.component\";\r\nimport { RackCardComponent } from \"./rack-card/rack-card.component\";\r\nimport { EditPoNumberModalComponent } from \"./modals/edit-po-number-modal/edit-po-number-modal.component\";\r\nimport { HalfShelvesComponent } from \"./halfshelves/halfshelves.component\";\r\nimport { HalfShelfModalComponent } from \"./modals/halfshelf-modal/halfshelf-modal.component\";\r\nimport { HalfshelfCardComponent } from \"./halfshelf-card/halfshelf-card.component\";\r\nimport { AddLiftGateToOrderModalComponent } from \"./modals/add-lift-gate-to-order-modal/add-lift-gate-to-order-modal.component\";\r\nimport { EditOrderNoteModalComponent } from \"./modals/edit-order-note-modal/edit-order-note-modal.component\";\r\nimport { PrintOrderModalComponent } from \"./modals/print-order-modal/print-order-modal.component\";\r\nimport { BoxSkidModalComponent } from \"./modals/boxskid-modal/boxsid-modal.component\";\r\nimport { BoxSkidsComponent } from \"./boxskids/boxskids.component\";\r\nimport { BoxSkidCardComponent } from \"./boxskid-card/boxskid-card.component\";\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n UserModalComponent,\r\n ProductModalComponent,\r\n UsersComponent,\r\n SupportComponent,\r\n ProductsComponent,\r\n NavbarComponent,\r\n ProductCardComponent,\r\n StoreComponent,\r\n CartComponent,\r\n OrderSummaryComponent,\r\n PlaceOrderModalComponent,\r\n OrdersComponent,\r\n OrderConfirmationComponent,\r\n OrderComponent,\r\n AddressesComponent,\r\n CompaniesComponent,\r\n AddressModalComponent,\r\n UpdateShippingRateModalComponent,\r\n EditOrderAddressModalComponent,\r\n SendConfirmationModalComponent,\r\n CompanyModalComponent,\r\n AddItemToOrderModalComponent,\r\n EditShipDateModalComponent,\r\n InvoiceComponent,\r\n SendInvoiceModalComponent,\r\n EditOrderContactModalComponent,\r\n AddCreditToOrderModalComponent,\r\n PickRptDateRangeModalComponent,\r\n RacksComponent,\r\n RackModalComponent,\r\n RackCardComponent,\r\n EditPoNumberModalComponent,\r\n HalfShelvesComponent,\r\n HalfShelfModalComponent,\r\n HalfshelfCardComponent,\r\n AddLiftGateToOrderModalComponent,\r\n EditOrderNoteModalComponent,\r\n PrintOrderModalComponent,\r\n BoxSkidsComponent,\r\n BoxSkidModalComponent,\r\n BoxSkidCardComponent,\r\n ],\r\n imports: [\r\n BrowserModule,\r\n HttpClientModule,\r\n AuthModule,\r\n SharedModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n routing,\r\n NgbModule,\r\n FontAwesomeModule,\r\n UiSwitchModule,\r\n ],\r\n providers: [],\r\n entryComponents: [\r\n UserModalComponent,\r\n ProductModalComponent,\r\n RackModalComponent,\r\n HalfShelfModalComponent,\r\n BoxSkidModalComponent,\r\n PlaceOrderModalComponent,\r\n AddressModalComponent,\r\n UpdateShippingRateModalComponent,\r\n EditOrderAddressModalComponent,\r\n EditOrderContactModalComponent,\r\n CompanyModalComponent,\r\n SendConfirmationModalComponent,\r\n SendInvoiceModalComponent,\r\n AddItemToOrderModalComponent,\r\n AddCreditToOrderModalComponent,\r\n AddLiftGateToOrderModalComponent,\r\n EditShipDateModalComponent,\r\n PickRptDateRangeModalComponent,\r\n EditPoNumberModalComponent,\r\n EditOrderNoteModalComponent,\r\n PrintOrderModalComponent,\r\n ],\r\n bootstrap: [AppComponent],\r\n})\r\nexport class AppModule {}\r\n","import { CanActivateViaAdminOrCustomerAuthGuard } from \"./can-activate-via-admin-or-customer-auth.guard\";\r\nimport { CanActivateViaCustomerAuthGuard } from \"./can-activate-via-customer-auth.guard\";\r\nimport { CanActivateViaAdminAuthGuard } from \"./can-activate-via-admin-auth.guard\";\r\nimport { RouterModule } from \"@angular/router\";\r\nimport { ResetRequestComponent } from \"./components/reset-request/reset-request.component\";\r\nimport { AuthService } from \"./services/auth.service\";\r\nimport { NgModule } from \"@angular/core\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { BrowserModule } from \"@angular/platform-browser\";\r\nimport { LoginComponent } from \"./components/login/login.component\";\r\nimport { ResetPasswordComponent } from \"./components/reset-password/reset-password.component\";\r\nimport { DisabledComponent } from \"./components/disabled/disabled.component\";\r\nimport { UnauthorizedComponent } from \"./components/unauthorized/unauthorized.component\";\r\nimport { JwtModule, JWT_OPTIONS } from \"@auth0/angular-jwt\";\r\nimport { HttpClientModule } from \"@angular/common/http\";\r\nimport { environment } from \"../../environments/environment\";\r\nimport { RequestAccountModalComponent } from \"./components/request-account-modal/request-account-modal.component\";\r\n\r\nexport const prodOptions = {\r\n production: true,\r\n whitelist: [\"api.ppfsucculents.com:8080\"],\r\n version: \"1.0.0\",\r\n};\r\n\r\nexport const devOptions = {\r\n production: false,\r\n whitelist: [\"api.ppfsdev.com:8080\"],\r\n version: \"1.0.0\",\r\n};\r\n\r\nexport function jwtOptionsFactory() {\r\n return {\r\n tokenGetter: () => {\r\n return localStorage.getItem(\"id_token\");\r\n },\r\n whitelistedDomains: environment.production\r\n ? prodOptions.whitelist\r\n : devOptions.whitelist,\r\n };\r\n}\r\n\r\n@NgModule({\r\n imports: [\r\n FormsModule,\r\n BrowserModule,\r\n ReactiveFormsModule,\r\n RouterModule,\r\n HttpClientModule,\r\n JwtModule.forRoot({\r\n jwtOptionsProvider: {\r\n provide: JWT_OPTIONS,\r\n useFactory: jwtOptionsFactory,\r\n },\r\n }),\r\n ],\r\n declarations: [\r\n LoginComponent,\r\n UnauthorizedComponent,\r\n DisabledComponent,\r\n ResetPasswordComponent,\r\n ResetRequestComponent,\r\n RequestAccountModalComponent,\r\n ],\r\n providers: [\r\n AuthService,\r\n CanActivateViaAdminAuthGuard,\r\n CanActivateViaCustomerAuthGuard,\r\n CanActivateViaAdminOrCustomerAuthGuard,\r\n ],\r\n exports: [\r\n LoginComponent,\r\n UnauthorizedComponent,\r\n DisabledComponent,\r\n ResetPasswordComponent,\r\n ResetRequestComponent,\r\n ],\r\n entryComponents: [RequestAccountModalComponent],\r\n})\r\nexport class AuthModule {}\r\n","import { Injectable } from '@angular/core';\r\nimport { Router, CanActivate } from '@angular/router';\r\nimport { AuthService } from './services/auth.service';\r\n\r\n@Injectable()\r\nexport class CanActivateViaAdminAuthGuard implements CanActivate {\r\n\r\n constructor(private _authService: AuthService, private _router: Router) { }\r\n\r\n canActivate() {\r\n //Reroute people who are not logged in / token has expired.\r\n if (!this._authService.loggedIn()) {\r\n this._router.navigateByUrl('/login');\r\n return false;\r\n }\r\n\r\n //Reroute people whose account is disabled.\r\n if (this._authService.isDisabled()) {\r\n this._router.navigateByUrl('/disabled');\r\n return false;\r\n }\r\n\r\n //if logged in, and an admin, and not disabled they can continue\r\n if (this._authService.isAdmin()) {\r\n return true;\r\n } else {\r\n //Not authorized to view this page.\r\n this._router.navigateByUrl('/unauthorized');\r\n return false;\r\n }\r\n }\r\n\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Router, CanActivate } from '@angular/router';\r\nimport { AuthService } from './services/auth.service';\r\n\r\n@Injectable()\r\nexport class CanActivateViaAdminOrCustomerAuthGuard implements CanActivate {\r\n constructor(private _authService: AuthService, private _router: Router) {\r\n\r\n }\r\n\r\n canActivate() {\r\n //Reroute people who are not logged in / token has expired.\r\n if (!this._authService.loggedIn()) {\r\n this._router.navigateByUrl('/login');\r\n return false;\r\n }\r\n\r\n //Reroute people whose account is disabled.\r\n if (this._authService.isDisabled()) {\r\n this._router.navigateByUrl('/disabled');\r\n return false;\r\n }\r\n\r\n if (this._authService.isCustomer() || this._authService.isAdmin()) {\r\n return true;\r\n } else {\r\n //Not authorized to view this page.\r\n this._router.navigateByUrl('/unauthorized');\r\n return false;\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Router, CanActivate } from '@angular/router';\r\nimport { AuthService } from './services/auth.service';\r\n\r\n@Injectable()\r\nexport class CanActivateViaCustomerAuthGuard implements CanActivate {\r\n constructor(private _authService: AuthService, private _router: Router) {\r\n\r\n }\r\n\r\n canActivate() {\r\n //Reroute people who are not logged in / token has expired.\r\n if (!this._authService.loggedIn()) {\r\n this._router.navigateByUrl('/login');\r\n return false;\r\n }\r\n\r\n //Reroute people whose account is disabled.\r\n if (this._authService.isDisabled()) {\r\n this._router.navigateByUrl('/disabled');\r\n return false;\r\n }\r\n\r\n if (this._authService.isCustomer()) {\r\n return true;\r\n } else {\r\n //Not authorized to view this page.\r\n this._router.navigateByUrl('/unauthorized');\r\n return false;\r\n }\r\n }\r\n}\r\n","import { AbstractControl, ValidationErrors, FormGroup } from \"@angular/forms\";\r\n\r\nexport class PasswordValidators{\r\n public static cannotContainSpace(control: AbstractControl): ValidationErrors | null {\r\n if((control.value as string).indexOf(' ')>=0)\r\n return { cannotContainSpace: true }\r\n return null\r\n }\r\n\r\n public static containsANumber(control: AbstractControl): ValidationErrors | null {\r\n return (control.value as string).match(/[0-9]/) ? null : {containsANumber: true}\r\n }\r\n\r\n public static containsAnUppercaseLetter(control: AbstractControl): ValidationErrors | null {\r\n return (control.value as string).match(/[A-Z]/) ? null : {containsAnUppercaseLetter: true}\r\n }\r\n\r\n public static containsASpecialCharacter(control: AbstractControl): ValidationErrors | null {\r\n return (control.value as string).match(/[`~!@#%&_={};':\"<>,\\-\\$\\^\\*\\(\\)\\+\\[\\]\\\\\\|\\.\\?\\/]/) ? null : {containsASpecialCharacter: true}\r\n }\r\n\r\n\r\n\r\n\r\n\r\n public static passwordsMatch(g: FormGroup): ValidationErrors | null {\r\n return (g.get('password').value === g.get('passwordConfirm').value) ? null : {passwordsMatch: true, message: 'Password and password confirm do not match'};\r\n }\r\n}","\r\n
","import {Component} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'disabled',\r\n templateUrl: './disabled.component.html',\r\n styleUrls: ['./disabled.component.css']\r\n})\r\n \r\nexport class DisabledComponent {\r\n \r\n constructor() {}\r\n \r\n}","\r\n
\r\nAccount Disabled
\r\nYou're account has been disabled. Reach out to the team at Pope's for more information.
\r\n\r\n
\r\n\r\n","import { AuthService } from \"./../../services/auth.service\";\r\nimport { Component } from \"@angular/core\";\r\nimport { Router, ActivatedRoute } from \"@angular/router\";\r\nimport { OnInit } from \"@angular/core\";\r\nimport { RequestAccountModalComponent } from \"../request-account-modal/request-account-modal.component\";\r\nimport { NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\n@Component({\r\n selector: \"login-form\",\r\n templateUrl: \"./login.component.html\",\r\n styleUrls: [\"./login.component.css\"],\r\n})\r\nexport class LoginComponent implements OnInit {\r\n email: string;\r\n password: string;\r\n hasError: boolean;\r\n errorMessage: string;\r\n title: string = \"Welcome to our wholesale ordering site.\";\r\n welcomeMessage: string;\r\n\r\n constructor(\r\n public authService: AuthService,\r\n private _modalService: NgbModal,\r\n private _router: Router,\r\n private _route: ActivatedRoute\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.authService.removeToken();\r\n\r\n this._route.queryParams.subscribe((params) => {\r\n if (params.f == \"activate\") {\r\n this.welcomeMessage =\r\n \"Your password was successfully created! You're all set to log in now.\";\r\n }\r\n if (params.f == \"reset-password\") {\r\n this.welcomeMessage =\r\n \"Your password was successfully reset. You're all set to log in now.\";\r\n }\r\n });\r\n }\r\n\r\n public onLogin() {\r\n this.authService\r\n .login({ username: this.email, password: this.password })\r\n .subscribe(\r\n (data) => {\r\n if (data.myToken) {\r\n localStorage.setItem(\"id_token\", data.myToken);\r\n if (this.authService.isAdmin()) {\r\n this._router.navigate([\"orders\"]);\r\n } else if (this.authService.isCustomer()) {\r\n this._router.navigate([\"store\"]);\r\n } else {\r\n this._router.navigate([\"unauthorized\"]);\r\n }\r\n }\r\n },\r\n (error) => {\r\n this.hasError = true;\r\n this.errorMessage = error.originalError.error.errors[0].description;\r\n }\r\n );\r\n }\r\n\r\n public openRequestAccountModal() {\r\n const modalRef = this._modalService.open(RequestAccountModalComponent);\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Pope's Plant Farm
\r\n{{ title }}
\r\n\r\n
\r\n {{ errorMessage }}
\r\n{{ welcomeMessage }}
\r\nLogin
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n v:23.2
\r\n \r\n
\r\nRequest New Account
\r\n \r\n\r\n \r\n
\r\n\r\n
\r\nThank you for expressing interest in our wholesale order site. We've \r\n received your request and will review it shortly. You should hear back from us within 24 hours.
\r\n\r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { AuthService } from '../../services/auth.service';\r\n\r\n@Component({\r\n selector: 'app-request-account-modal',\r\n templateUrl: './request-account-modal.component.html',\r\n styleUrls: ['./request-account-modal.component.css']\r\n})\r\nexport class RequestAccountModalComponent implements OnInit {\r\n\r\n constructor(\r\n private _authService: AuthService,\r\n public activeModal: NgbActiveModal, \r\n private _modalService: NgbModal\r\n ) { }\r\n\r\n public attempted = false;\r\n public emailSent = false;\r\n \r\n ngOnInit() {\r\n }\r\n\r\n public closeModal(){\r\n this.activeModal.close();\r\n }\r\n\r\n submit(f: any){\r\n this._authService.sendAccountRequestEmail(f.value).subscribe(\r\n res => {\r\n console.log(\"SUCCESSFUL SUBMIT\");\r\n this.attempted = true;\r\n this.emailSent = true;\r\n console.log(res);\r\n }, error => {\r\n console.log(\"ERROR\")\r\n this.attempted = true;\r\n this.emailSent = false;\r\n console.log(error);\r\n });\r\n }\r\n}\r\n","There was an error submitting your request. Please contact us at 865-977-6942.
\r\n\r\n \r\n
","import { PasswordValidators } from './../../common/validators/password.validators';\r\nimport {Component} from '@angular/core';\r\nimport {Router, ActivatedRoute} from '@angular/router';\r\nimport {OnInit} from '@angular/core';\r\nimport { Validators, FormGroup, FormControl } from '@angular/forms';\r\nimport { AuthService } from './../../services/auth.service';\r\n\r\n@Component({\r\n selector: 'reset-password-form',\r\n templateUrl: './reset-password.component.html',\r\n styleUrls: ['./reset-password.component.css']\r\n})\r\n \r\nexport class ResetPasswordComponent implements OnInit {\r\n \r\n hasError: boolean;\r\n errorMessage: string;\r\n title: string = \"Pope's Plant Farm Orders\"\r\n incommingPath: string;\r\n\r\n //Reset Password Form\r\n form = new FormGroup({\r\n password: new FormControl('',[\r\n Validators.required,\r\n Validators.minLength(7),\r\n PasswordValidators.containsANumber,\r\n PasswordValidators.containsAnUppercaseLetter,\r\n PasswordValidators.containsASpecialCharacter\r\n ]),\r\n passwordConfirm: new FormControl(), //No validators here, b/c at the form level it must match the password field.\r\n passcode: new FormControl() //this is a hidden prop that is set systematically\r\n }, PasswordValidators.passwordsMatch);\r\n\r\n get password(){\r\n return this.form.get('password');\r\n }\r\n\r\n get passwordConfirm(){\r\n return this.form.get('passwordConfirm');\r\n }\r\n\r\n constructor(\r\n private _route: ActivatedRoute,\r\n private _authService:AuthService, \r\n private _router:Router) {}\r\n \r\n ngOnInit(){\r\n this._authService.removeToken();\r\n this._route.params.subscribe(\r\n params =>{\r\n this.form.setValue({password: '', passwordConfirm: '', passcode: params['passcode']});\r\n });\r\n\r\n this._route.url.subscribe(\r\n result => {\r\n this.incommingPath = result[0].path;\r\n });\r\n }\r\n\r\n changePassword(f: any) {\r\n\r\n this._authService.activate(f)\r\n .subscribe(\r\n (data: any) => {\r\n if(data.statusCode == 200){\r\n this._router.navigate(['login'],{ queryParams: { f: this.incommingPath } });\r\n }\r\n },\r\n error => {\r\n this.errorMessage = error.originalError.errors[0].description;\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} from '@angular/core';\r\nimport {OnInit} from '@angular/core';\r\nimport { AuthService } from './../../services/auth.service';\r\n\r\n@Component({\r\n selector: 'reset-request-form',\r\n templateUrl: './reset-request.component.html',\r\n styleUrls: ['./reset-request.component.css']\r\n})\r\n \r\nexport class ResetRequestComponent implements OnInit {\r\n \r\n message: string;\r\n title: string = \"Popes Plant Farm Orders\";\r\n\r\n constructor(private _authService:AuthService) {}\r\n \r\n ngOnInit(){\r\n \r\n }\r\n\r\n requestResetEmail(email: string){\r\n this._authService.requestResetEmail(email)\r\n .subscribe(()=> {this.message = \"Password Reset Email Sent.\"})\r\n }\r\n\r\n}","\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
","import {Component} from '@angular/core';\r\n\r\ninterface Credentials {\r\n username: string,\r\n password: string\r\n}\r\n\r\n@Component({\r\n selector: 'unauthorized',\r\n templateUrl: './unauthorized.component.html',\r\n styleUrls: ['./unauthorized.component.css']\r\n})\r\n \r\nexport class UnauthorizedComponent {\r\n \r\n credentials: Credentials;\r\n \r\n constructor() {}\r\n \r\n}","import { AppError } from \"../../shared/errors/app-error\";\r\nimport { BadInput } from \"../../shared/errors/bad-input\";\r\nimport { NotFoundError } from \"../../shared/errors/not-found-error\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport { HttpClient } from \"@angular/common/http\";\r\nimport { Observable } from \"rxjs/Rx\";\r\nimport \"rxjs/add/operator/map\";\r\nimport { JwtHelperService } from \"@auth0/angular-jwt\";\r\nconst jwtHelper = new JwtHelperService();\r\nimport { Router } from \"@angular/router\";\r\n\r\nlet env = environment.production ? \"production\" : \"development\";\r\nimport * as config from \"../../../config.json\";\r\nimport { environment } from \"../../../environments/environment\";\r\n\r\n@Injectable()\r\nexport class AuthService {\r\n constructor(private _http: HttpClient, private _router: Router) {}\r\n\r\n public login(credentials): Observable\r\n
\r\nUnauthorized
\r\nYou don't have permission to access this page
\r\n\r\n Order
\r\n \r\n
\r\n\r\n \r\n 0\"\r\n src=\"{{ boxSkid.BoxSkidImages[0].imageUrl }}\"\r\n alt=\"product-image\"\r\n class=\"product-image\"\r\n />\r\n 0)\"\r\n src=\"./assets/img/ic-default-image-green.png\"\r\n alt=\"product-image\"\r\n class=\"product-image\"\r\n />\r\n
\r\n \r\n \r\n {{ boxSkid.name\r\n }}
\r\n\r\n
\r\n \r\n {{ boxSkid.name\r\n }}
\r\n\r\n {{ boxSkid.description }}
\r\n- \r\n
- \r\n
![](\"assets/img/ic-price-gray.png\")
\r\n \r\n - \r\n {{ boxSkidsOrdered }} skid in cart\r\n \r\n 1\"\r\n >{{ boxSkidsOrdered }} skids in cart\r\n \r\n \r\n
- {{ boxSkid.itemNo }} \r\n
\r\n
\r\n
\r\n \r\n\r\n","import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\r\nimport { FormControl, FormGroup, Validators } from \"@angular/forms\";\r\nimport { NotFoundError } from \"../shared/errors/not-found-error\";\r\nimport { IBoxSkid } from \"../shared/interfaces/boxskid.interface\";\r\nimport { CartService } from \"../shared/services/cart.service\";\r\n\r\n@Component({\r\n selector: \"app-boxskid-card\",\r\n templateUrl: \"./boxskid-card.component.html\",\r\n styleUrls: [\"./boxskid-card.component.css\"],\r\n})\r\nexport class BoxSkidCardComponent implements OnInit {\r\n constructor(private _cartService: CartService) {}\r\n\r\n @Input() boxSkid: IBoxSkid;\r\n @Input() boxSkidsOrdered: number;\r\n @Input() comments: string;\r\n @Input() fileServerUrl: string;\r\n @Output() addBoxSkidToCart = new EventEmitter\r\n \r\n Add To Order\r\n \r\n \r\n Update\r\n \r\n \r\n Remove\r\n \r\n
\r\n \r\n \r\n {{ alert.title }} {{ alert.msg }}\r\n \r\n\r\n \r\n Prebuilt Skids of Boxes\r\n
\r\n \r\n
\r\n
\r\n","import { Component, OnInit } from \"@angular/core\";\r\nimport { NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { BoxSkidService } from \"../shared/services/boxskid.service\";\r\nimport { IBoxSkid } from \"../shared/interfaces/boxskid.interface\";\r\nimport { faFileDownload } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { BoxSkidModalComponent } from \"../modals/boxskid-modal/boxsid-modal.component\";\r\n\r\n@Component({\r\n selector: \"app-boxskids\",\r\n templateUrl: \"./boxskids.component.html\",\r\n styleUrls: [\"./boxskids.component.css\"],\r\n})\r\nexport class BoxSkidsComponent implements OnInit {\r\n constructor(\r\n private _boxSkidService: BoxSkidService,\r\n private _modalService: NgbModal\r\n ) {}\r\n\r\n public boxSkids: Array\r\n Prebuilt Skids of Boxes\r\n \r\n
\r\n | Name | \r\nDescription | \r\nUPC | \r\nItem No. | \r\nCost (entire skid) | \r\nDisplay | \r\nAdmin Only | \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 {{ boxSkid.name }} | \r\n{{ boxSkid.description }} | \r\n{{ boxSkid.upc }} | \r\n{{ boxSkid.itemNo }} | \r\n\r\n {{ boxSkid.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n{{ boxSkid.display ? \"Y\" : \"N\" }} | \r\n{{ boxSkid.adminOnly ? \"Y\" : \"N\" }} | \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n Looks like your cart is empty. Browse the store and add items to your order.\r\n
\r\n\r\n\r\nCart Summary
\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n | Line | \r\nName | \r\nItem # | \r\nPieces | \r\nUnit | \r\nUnit Price | \r\nExtended Price | \r\n\r\n |
|---|---|---|---|---|---|---|---|
| {{ i + 1 }} | \r\n\r\n {{ rack.name }}\r\n | \r\n\r\n {{ rack.itemNo }}\r\n | \r\n{{ rack.itemQty * rack.CartRack.rackQty }} | \r\n{{ rack.CartRack.rackQty }} rack | \r\n\r\n {{ rack.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}/rack\r\n | \r\n\r\n {{\r\n rack.eachCost * rack.CartRack.rackQty\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n {{ i + 1 }}.{{ j + 1 }}\r\n | \r\n\r\n {{ lineItem.name }}\r\n {{ lineItem.description }}\r\n \r\n | \r\n {{ lineItem.RackProduct.qty * rack.CartRack.rackQty }} | \r\n1 ea. | \r\n\r\n {{\r\n lineItem.RackProduct.eachCost\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/ea.\r\n | \r\n\r\n {{\r\n lineItem.RackProduct.qty *\r\n rack.CartRack.rackQty *\r\n lineItem.RackProduct.eachCost\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | |
| {{ cart.Racks.length + i + 1 }} | \r\n\r\n {{ halfShelf.name }}\r\n | \r\n\r\n {{ halfShelf.itemNo }}\r\n | \r\n\r\n {{ halfShelf.itemQty * halfShelf.CartHalfShelf.halfShelfQty }}\r\n | \r\n{{ halfShelf.CartHalfShelf.halfShelfQty }} half shelf | \r\n\r\n {{\r\n halfShelf.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/half shelf\r\n | \r\n\r\n {{\r\n halfShelf.eachCost * halfShelf.CartHalfShelf.halfShelfQty\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n {{ cart.Racks.length + i + 1 }}.{{ j + 1 }}\r\n | \r\n\r\n {{ lineItem.name }}\r\n {{ lineItem.description }}\r\n \r\n | \r\n \r\n {{\r\n lineItem.HalfShelfProduct.qty *\r\n halfShelf.CartHalfShelf.halfShelfQty\r\n }}\r\n | \r\n1 ea. | \r\n\r\n {{\r\n lineItem.HalfShelfProduct.eachCost\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/ea.\r\n | \r\n\r\n {{\r\n lineItem.HalfShelfProduct.qty *\r\n halfShelf.CartHalfShelf.halfShelfQty *\r\n lineItem.HalfShelfProduct.eachCost\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | |
| {{ cart.Racks.length + cart.HalfShelves.length + i + 1 }} | \r\n\r\n {{ boxSkid.name }}\r\n | \r\n\r\n {{ boxSkid.itemNo }}\r\n | \r\n\r\n {{ boxSkid.itemQty * boxSkid.CartBoxSkid.boxSkidQty }}\r\n | \r\n{{ boxSkid.CartBoxSkid.boxSkidQty }} skid | \r\n\r\n {{\r\n boxSkid.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/skid\r\n | \r\n\r\n {{\r\n boxSkid.eachCost * boxSkid.CartBoxSkid.boxSkidQty\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n {{\r\n cart.Racks.length + cart.HalfShelves.length + i + 1\r\n }}.{{ j + 1 }}\r\n | \r\n\r\n {{ lineItem.name }}\r\n {{ lineItem.description }}\r\n \r\n | \r\n \r\n {{\r\n lineItem.qtyPerBox *\r\n lineItem.BoxSkidProduct.boxQty *\r\n boxSkid.CartBoxSkid.boxSkidQty\r\n }}\r\n | \r\n\r\n {{\r\n lineItem.BoxSkidProduct.boxQty *\r\n boxSkid.CartBoxSkid.boxSkidQty\r\n }}\r\n box\r\n | \r\n\r\n {{\r\n lineItem.BoxSkidProduct.boxEachCost\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/box\r\n | \r\n\r\n {{\r\n lineItem.BoxSkidProduct.boxQty *\r\n boxSkid.CartBoxSkid.boxSkidQty *\r\n lineItem.BoxSkidProduct.boxEachCost\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | |
| \r\n {{\r\n cart.Racks.length +\r\n cart.HalfShelves.length +\r\n cart.BoxSkids.length +\r\n i +\r\n 1\r\n }}\r\n | \r\n\r\n {{ lineItem.name }}\r\n {{ lineItem.description }}\r\n \r\n | \r\n {{ lineItem.itemNo }}-HS | \r\n\r\n {{\r\n lineItem.qtyPerHalfShelf * lineItem.CartProduct.halfShelfQty\r\n }}\r\n | \r\n{{ lineItem.CartProduct.halfShelfQty }} half shelf | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/half shelf\r\n | \r\n\r\n {{\r\n lineItem.CartProduct.halfShelfQty *\r\n lineItem.eachCost *\r\n lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | \r\n
| {{ lineItem.itemNo }}-B | \r\n\r\n {{ lineItem.qtyPerBox * lineItem.CartProduct.boxQty }}\r\n | \r\n{{ lineItem.CartProduct.boxQty }} box | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/box\r\n | \r\n\r\n {{\r\n lineItem.CartProduct.boxQty *\r\n lineItem.eachCost *\r\n lineItem.qtyPerBox | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n|||
| \r\n | |||||||
| \r\n {{\r\n cart.Racks.length +\r\n cart.HalfShelves.length +\r\n cart.BoxSkids.length +\r\n +i +\r\n 1\r\n }}\r\n | \r\n\r\n {{ lineItem.name }}\r\n {{ lineItem.description }}\r\n \r\n | \r\n {{ lineItem.itemNo }}-HS | \r\n\r\n {{\r\n lineItem.qtyPerHalfShelf * lineItem.CartProduct.halfShelfQty\r\n }}\r\n | \r\n{{ lineItem.CartProduct.halfShelfQty }} half shelf | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/half shelf\r\n | \r\n\r\n {{\r\n lineItem.CartProduct.halfShelfQty *\r\n lineItem.eachCost *\r\n lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n {{\r\n cart.Racks.length +\r\n cart.HalfShelves.length +\r\n cart.BoxSkids.length +\r\n +i +\r\n 1\r\n }}\r\n | \r\n\r\n {{ lineItem.name }}\r\n {{ lineItem.description }}\r\n \r\n | \r\n {{ lineItem.itemNo }}-B | \r\n{{ lineItem.qtyPerBox * lineItem.CartProduct.boxQty }} | \r\n{{ lineItem.CartProduct.boxQty }} box | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/box\r\n | \r\n\r\n {{\r\n lineItem.CartProduct.boxQty *\r\n lineItem.eachCost *\r\n lineItem.qtyPerBox | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n | \r\n Product Total | \r\n\r\n {{\r\n cart.productTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n
\r\n
\r\n\r\n","import { PlaceOrderModalComponent } from \"./../modals/place-order-modal/place-order-modal.component\";\r\nimport { CartService } from \"../shared/services/cart.service\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { faTimesCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { faShoppingCart } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { NotFoundError } from \"../shared/errors/not-found-error\";\r\nimport { NgbModal, NgbModalOptions } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { ICart } from \"../shared/interfaces/cart.interface\";\r\nimport { SHELVES_PER_RACK } from \"../shared/data/constants\";\r\n\r\n@Component({\r\n selector: \"app-cart\",\r\n templateUrl: \"./cart.component.html\",\r\n styleUrls: [\"./cart.component.css\"],\r\n})\r\nexport class CartComponent implements OnInit {\r\n constructor(\r\n private _cartService: CartService,\r\n private _modalService: NgbModal\r\n ) {}\r\n\r\n public cart: ICart;\r\n public removeFromCartIcon = faTimesCircle;\r\n public cartIcon = faShoppingCart;\r\n public changeCount = 0;\r\n public isOrderValid = false;\r\n public halfShelvesPerRack = SHELVES_PER_RACK * 2;\r\n\r\n private modalOption: NgbModalOptions = {};\r\n\r\n ngOnInit() {\r\n this._cartService.getUsersCart().subscribe(\r\n (res: ICart) => {\r\n this.cart = res;\r\n if (this.cart) {\r\n this._cartService.setCartComputedFields(this.cart);\r\n }\r\n },\r\n (error) => {\r\n console.log(\"There was an error getting the users cart.\");\r\n }\r\n );\r\n }\r\n\r\n public removeItem(product) {\r\n this._cartService.removeItemFromCart(product.id).subscribe(\r\n (res: any) => {\r\n let alert = {\r\n type: \"success\",\r\n title: \"Item Removed From Cart.\",\r\n msg: \"\",\r\n };\r\n this.processRemoveItem(product.id);\r\n },\r\n (error) => {\r\n if (error instanceof NotFoundError) {\r\n let alert = {\r\n type: \"success\",\r\n title: \"Item Removed From Cart.\",\r\n msg: \"\",\r\n };\r\n this.processRemoveItem(product.id);\r\n } else {\r\n let removeItemResponse = {\r\n type: \"error\",\r\n productId: product.id,\r\n alert: {\r\n type: \"danger\",\r\n title: \"Item Not Removed From Cart.\",\r\n msg: error.originalError.errors[0].description,\r\n },\r\n };\r\n // this.alert = e.alert;\r\n }\r\n }\r\n );\r\n }\r\n\r\n private processRemoveItem(productId) {\r\n // Get index of product we just removed from cart\r\n let cartProductIndex = this.cart.Products.findIndex(\r\n (product) => product.id == productId\r\n );\r\n\r\n if (cartProductIndex >= 0) {\r\n //Remove from Cart\r\n this.cart.Products.splice(cartProductIndex, 1);\r\n }\r\n\r\n //Recalculate the totals\r\n this._cartService.setCartComputedFields(this.cart);\r\n\r\n //Update Change Count for Requirements to Pickup Change\r\n this.changeCount++;\r\n }\r\n\r\n public removeRack(rack) {\r\n this._cartService.removeRackFromCart(rack.id).subscribe(\r\n (res: any) => {\r\n let alert = {\r\n type: \"success\",\r\n title: \"Rack Removed From Cart.\",\r\n msg: \"\",\r\n };\r\n this.processRemoveRack(rack.id);\r\n },\r\n (error) => {\r\n if (error instanceof NotFoundError) {\r\n let alert = {\r\n type: \"success\",\r\n title: \"Rack Removed From Cart.\",\r\n msg: \"\",\r\n };\r\n this.processRemoveRack(rack.id);\r\n } else {\r\n let removeRackResponse = {\r\n type: \"error\",\r\n rackId: rack.id,\r\n alert: {\r\n type: \"danger\",\r\n title: \"Rack Not Removed From Cart.\",\r\n msg: error.originalError.errors[0].description,\r\n },\r\n };\r\n //this.alert = e.alert;\r\n }\r\n }\r\n );\r\n }\r\n\r\n private processRemoveRack(rackId) {\r\n // Get index of rack we just removed from cart\r\n let cartRackIndex = this.cart.Racks.findIndex((rack) => rack.id == rackId);\r\n\r\n if (cartRackIndex >= 0) {\r\n //Remove from Cart\r\n this.cart.Racks.splice(cartRackIndex, 1);\r\n }\r\n\r\n //Recalculate the totals\r\n this._cartService.setCartComputedFields(this.cart);\r\n\r\n //Update Change Count for Requirements to Pickup Change\r\n this.changeCount++;\r\n }\r\n\r\n public removeHalfShelf(halfShelf) {\r\n this._cartService.removeHalfShelfFromCart(halfShelf.id).subscribe(\r\n (res: any) => {\r\n let alert = {\r\n type: \"success\",\r\n title: \"Half Shelf Removed From Cart.\",\r\n msg: \"\",\r\n };\r\n this.processRemoveHalfShelf(halfShelf.id);\r\n },\r\n (error) => {\r\n if (error instanceof NotFoundError) {\r\n let alert = {\r\n type: \"success\",\r\n title: \"Half Shelf Removed From Cart.\",\r\n msg: \"\",\r\n };\r\n this.processRemoveHalfShelf(halfShelf.id);\r\n } else {\r\n let removeHalfShelfResponse = {\r\n type: \"error\",\r\n halfShelfId: halfShelf.id,\r\n alert: {\r\n type: \"danger\",\r\n title: \"Half Shelf Not Removed From Cart.\",\r\n msg: error.originalError.errors[0].description,\r\n },\r\n };\r\n //this.alert = e.alert;\r\n }\r\n }\r\n );\r\n }\r\n\r\n private processRemoveHalfShelf(halfShelfId) {\r\n // Get index of half shelf we just removed from cart\r\n let cartHalfShelfIndex = this.cart.HalfShelves.findIndex(\r\n (hs) => hs.id === halfShelfId\r\n );\r\n\r\n if (cartHalfShelfIndex >= 0) {\r\n //Remove from Cart\r\n this.cart.HalfShelves.splice(cartHalfShelfIndex, 1);\r\n }\r\n\r\n //Recalculate the totals\r\n this._cartService.setCartComputedFields(this.cart);\r\n\r\n //Update Change Count for Requirements to Pickup Change\r\n this.changeCount++;\r\n }\r\n\r\n public removeBoxSkid(boxSkid) {\r\n this._cartService.removeBoxSkidFromCart(boxSkid.id).subscribe(\r\n (res: any) => {\r\n let alert = {\r\n type: \"success\",\r\n title: \"Box Skid Removed From Cart.\",\r\n msg: \"\",\r\n };\r\n this.processRemoveBoxSkid(boxSkid.id);\r\n },\r\n (error) => {\r\n if (error instanceof NotFoundError) {\r\n let alert = {\r\n type: \"success\",\r\n title: \"Box Skid Removed From Cart.\",\r\n msg: \"\",\r\n };\r\n this.processRemoveBoxSkid(boxSkid.id);\r\n } else {\r\n let removeBoxSkidResponse = {\r\n type: \"error\",\r\n boxSkidId: boxSkid.id,\r\n alert: {\r\n type: \"danger\",\r\n title: \"Box Skid Not Removed From Cart.\",\r\n msg: error.originalError.errors[0].description,\r\n },\r\n };\r\n // this.alert = e.alert;\r\n }\r\n }\r\n );\r\n }\r\n\r\n private processRemoveBoxSkid(boxSkidId) {\r\n // Get index of half shelf we just removed from cart\r\n let cartBoxSkidIndex = this.cart.BoxSkids.findIndex(\r\n (boxSkid) => boxSkid.id === boxSkidId\r\n );\r\n\r\n if (cartBoxSkidIndex >= 0) {\r\n //Remove from Cart\r\n this.cart.BoxSkids.splice(cartBoxSkidIndex, 1);\r\n }\r\n\r\n //Recalculate the totals\r\n this._cartService.setCartComputedFields(this.cart);\r\n\r\n //Update Change Count for Requirements to Pickup Change\r\n this.changeCount++;\r\n }\r\n\r\n public startOrder() {\r\n this.modalOption.size = \"lg\";\r\n this.modalOption.backdrop = \"static\";\r\n this.modalOption.keyboard = false;\r\n\r\n const modalRef = this._modalService.open(\r\n PlaceOrderModalComponent,\r\n this.modalOption\r\n );\r\n modalRef.componentInstance.cart = this.cart;\r\n }\r\n\r\n public onOrderValidityChange(e) {\r\n this.isOrderValid = e.valid;\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n Checkout\r\n \r\n \r\n
\r\n \r\n \r\n {{ alert.title }} {{ alert.msg }}\r\n \r\n\r\n \r\n Customers
\r\n \r\n
\r\n\r\n
\r\n","import { CompanyService } from \"./../shared/services/company.service\";\nimport { Component, OnInit } from \"@angular/core\";\nimport { NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\nimport { ICompany } from \"../shared/interfaces/company.interface\";\nimport { faFileDownload } from \"@fortawesome/free-solid-svg-icons\";\nimport { CompanyModalComponent } from \"../modals/company-modal/company-modal.component\";\n\n@Component({\n selector: \"app-companies\",\n templateUrl: \"./companies.component.html\",\n styleUrls: [\"./companies.component.css\"],\n})\nexport class CompaniesComponent implements OnInit {\n constructor(\n private _companyService: CompanyService,\n private _modalService: NgbModal\n ) {}\n\n public companies: Array\r\n Customers\r\n
\r\n | Id | \r\nName | \r\nDiscount % | \r\nNotes | \r\n
|---|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n | {{ company.id }} | \r\n{{ company.name }} | \r\n{{ company.discount / 100 | percent: \"1.2-2\" }} | \r\n{{ company.notes | summary: 50 }} | \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n Order
\r\n \r\n
\r\n\r\n \r\n 0\"\r\n src=\"{{ halfShelf.HalfShelfImages[0].imageUrl }}\"\r\n alt=\"product-image\"\r\n class=\"product-image\"\r\n />\r\n 0)\"\r\n src=\"./assets/img/ic-default-image-green.png\"\r\n alt=\"product-image\"\r\n class=\"product-image\"\r\n />\r\n
\r\n \r\n \r\n {{ halfShelf.name\r\n }}
\r\n\r\n
\r\n \r\n {{ halfShelf.name\r\n }}
\r\n\r\n {{ halfShelf.description }}
\r\n- \r\n
- \r\n \r\n \r\n
- \r\n 0\"\r\n >{{ halfShelvesOrdered }} half shelves\r\n \r\n 0\">in cart \r\n \r\n
- {{ halfShelf.itemNo }} \r\n
\r\n
\r\n
\r\n \r\n\r\n","import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\r\nimport { FormControl, FormGroup, Validators } from \"@angular/forms\";\r\nimport { NotFoundError } from \"../shared/errors/not-found-error\";\r\nimport { IHalfShelf } from \"../shared/interfaces/halfshelf.interface\";\r\nimport { CartService } from \"../shared/services/cart.service\";\r\n\r\n@Component({\r\n selector: \"app-halfshelf-card\",\r\n templateUrl: \"./halfshelf-card.component.html\",\r\n styleUrls: [\"./halfshelf-card.component.css\"],\r\n})\r\nexport class HalfshelfCardComponent implements OnInit {\r\n constructor(private _cartService: CartService) {}\r\n\r\n @Input() halfShelf: IHalfShelf;\r\n @Input() halfShelvesOrdered: number;\r\n @Input() comments: string;\r\n @Input() fileServerUrl: string;\r\n @Output() addHalfShelfToCart = new EventEmitter\r\n \r\n Add To Order\r\n \r\n \r\n Update\r\n \r\n \r\n Remove\r\n \r\n
\r\n \r\n \r\n {{ alert.title }} {{ alert.msg }}\r\n \r\n\r\n \r\n Prebuilt Half Shelves\r\n
\r\n \r\n
\r\n
\r\n","import { Component, OnInit } from \"@angular/core\";\r\nimport { NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { HalfShelfService } from \"./../shared/services/halfshelf.service\";\r\nimport { IHalfShelf } from \"./../shared/interfaces/halfshelf.interface\";\r\nimport { faFileDownload } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { HalfShelfModalComponent } from \"../modals/halfshelf-modal/halfshelf-modal.component\";\r\n\r\n@Component({\r\n selector: \"app-halfshelves\",\r\n templateUrl: \"./halfshelves.component.html\",\r\n styleUrls: [\"./halfshelves.component.css\"],\r\n})\r\nexport class HalfShelvesComponent implements OnInit {\r\n constructor(\r\n private _halfShelfService: HalfShelfService,\r\n private _modalService: NgbModal\r\n ) {}\r\n\r\n public halfShelves: Array\r\n Prebuilt Half Shelves\r\n \r\n
\r\n | Name | \r\nDescription | \r\nUPC | \r\nItem No. | \r\nCost (entire half shelf) | \r\nDisplay | \r\nAdmin Only | \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 {{ halfShelf.name }} | \r\n{{ halfShelf.description }} | \r\n{{ halfShelf.upc }} | \r\n{{ halfShelf.itemNo }} | \r\n{{ halfShelf.eachCost | currency: \"USD\":\"symbol\":\"1.2-2\" }} | \r\n{{ halfShelf.display ? \"Y\" : \"N\" }} | \r\n{{ halfShelf.adminOnly ? \"Y\" : \"N\" }} | \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {{ alert.title }} {{ alert.msg }}\r\n \r\n \r\n Delete\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n Invoice {{ order.id | shortId }}
\r\n\r\n Date Placed:\r\n {{ order.placedDate | date : \"shortDate\" }} \r\n Requested Ship Date:\r\n {{ order.shipDate | date : \"shortDate\" }}\r\n PO #: {{ order.poNumber }}\r\n \r\n Note: {{ order.note }}\r\n
\r\n\r\n \r\n Bill To \r\n {{ order.companyName }}\r\n {{\r\n order.billingStreetAddress1\r\n }}\r\n {{\r\n order.billingStreetAddress2\r\n }}\r\n PO Box {{ order.billingPOBox }}\r\n {{ order.billingCity }}, {{ order.billingState }}\r\n {{ order.billingZip }}\r\n
\r\n \r\n Ship To \r\n {{ order.shippingCompanyName }}\r\n {{\r\n order.shippingStreetAddress1\r\n }}\r\n {{\r\n order.shippingStreetAddress2\r\n }}\r\n {{ order.shippingCity }}, {{ order.shippingState }}\r\n {{ order.shippingZip }}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n | Line | \r\nName | \r\nItem # | \r\nPieces | \r\nUnit | \r\nUnit Price | \r\nExtended Price | \r\n
|---|---|---|---|---|---|---|
| {{ rack.line }} | \r\n\r\n {{ rack.name }}\r\n | \r\n\r\n {{ rack.itemNo }}\r\n | \r\n{{ rack.pieceTotal }} | \r\n{{ rack.orderedQty }} rack | \r\n\r\n {{ rack.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}/rack\r\n | \r\n\r\n {{ rack.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n
| \r\n | ||||||
| \r\n {{ lineItem.line + \".\" + lineItem.subline }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n | \r\n{{ lineItem.orderedQty }} | \r\n1 ea. | \r\n\r\n {{\r\n lineItem.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/ea.\r\n | \r\n\r\n {{\r\n lineItem.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n|
| {{ halfShelf.line }} | \r\n\r\n {{ halfShelf.name }}\r\n | \r\n\r\n {{ halfShelf.itemNo }}\r\n | \r\n{{ halfShelf.pieceTotal }} | \r\n{{ halfShelf.orderedQty }} half Shelf | \r\n\r\n {{\r\n halfShelf.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/half shelf\r\n | \r\n\r\n {{ halfShelf.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n
| \r\n | ||||||
| \r\n {{ lineItem.line + \".\" + lineItem.subline }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n | \r\n{{ lineItem.orderedQty }} | \r\n1 ea. | \r\n\r\n {{\r\n lineItem.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/ea.\r\n | \r\n\r\n {{\r\n lineItem.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n|
| {{ boxSkid.line }} | \r\n\r\n {{ boxSkid.name }}\r\n | \r\n\r\n {{ boxSkid.itemNo }}\r\n | \r\n{{ boxSkid.pieceTotal }} | \r\n{{ boxSkid.orderedQty }} skid | \r\n\r\n {{ boxSkid.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}/skid\r\n | \r\n\r\n {{ boxSkid.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n
| \r\n | ||||||
| \r\n {{ lineItem.line + \".\" + lineItem.subline }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n | \r\n{{ lineItem.pieceTotal }} | \r\n{{ lineItem.boxOrderedQty }} box | \r\n\r\n {{\r\n lineItem.boxEachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/box\r\n | \r\n\r\n {{\r\n lineItem.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n|
| \r\n {{ lineItem.line }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n {{ lineItem.productDescription }}\r\n \r\n | \r\n {{ lineItem.itemNo }}-HS | \r\n\r\n {{ lineItem.qtyPerHalfShelf * lineItem.halfShelfQty }}\r\n | \r\n{{ lineItem.halfShelfQty }} half shelf | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/half shelf\r\n | \r\n\r\n {{\r\n lineItem.halfShelfQty *\r\n lineItem.eachCost *\r\n lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n
| {{ lineItem.itemNo }}-B | \r\n\r\n {{ lineItem.qtyPerBox * lineItem.boxQty }}\r\n | \r\n{{ lineItem.boxQty }} box | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/box\r\n | \r\n\r\n {{\r\n lineItem.boxQty * lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n||
| \r\n | ||||||
| \r\n {{ lineItem.line }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n {{ lineItem.productDescription }}\r\n \r\n | \r\n {{ lineItem.itemNo }}-HS | \r\n\r\n {{ lineItem.qtyPerHalfShelf * lineItem.halfShelfQty }}\r\n | \r\n{{ lineItem.halfShelfQty }} half shelf | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/half shelf\r\n | \r\n\r\n {{\r\n lineItem.halfShelfQty *\r\n lineItem.eachCost *\r\n lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n
| \r\n | ||||||
| \r\n {{ lineItem.line }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n {{ lineItem.productDescription }}\r\n \r\n | \r\n {{ lineItem.itemNo }}-B | \r\n\r\n {{ lineItem.qtyPerBox * lineItem.boxQty }}\r\n | \r\n{{ lineItem.boxQty }} box | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/box\r\n | \r\n\r\n {{\r\n lineItem.boxQty * lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n
| \r\n | ||||||
| \r\n | \r\n Product Total | \r\n\r\n {{ order.productTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n||||
| \r\n Shipping\r\n ({{ order.shippingRate / 100 | percent : \"1.2-2\" }})\r\n | \r\n\r\n TBD\r\n | \r\n\r\n {{ order.shippingTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n||||
| Liftgate Charge | \r\n\r\n {{ order.liftGateCharge | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n|||||
| \r\n Customer Discount\r\n ({{ order.customerDiscount / 100 | percent : \"1.2-2\" }})\r\n | \r\n\r\n ({{\r\n order.customerDiscountAmt | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }})\r\n | \r\n|||||
| \r\n Order Discount\r\n ({{ order.orderDiscount / 100 | percent : \"1.2-2\" }})\r\n | \r\n\r\n ({{ order.orderDiscountAmt | currency : \"USD\" : \"symbol\" : \"1.2-2\" }})\r\n | \r\n|||||
| Credit | \r\n\r\n ({{ order.credit | currency : \"USD\" : \"symbol\" : \"1.2-2\" }})\r\n | \r\n|||||
| Order Total | \r\n\r\n TBD\r\n | \r\n\r\n {{\r\n order.productTotal +\r\n order.shippingTotal +\r\n order.liftGateCharge -\r\n order.customerDiscountAmt -\r\n order.orderDiscountAmt -\r\n order.credit | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n
\r\n \r\n ×\r\n \r\n
\r\n Confirm Delete
\r\n\r\n
\r\n\r\n
\r\n \r\n Are you sure you want to delete this order?
\r\n\r\n Note: This action cannot be undone.\r\n
\r\n\n \n ×\n \n
\n\n{{ getModalHeader() }}
\n\n \n
\n","import { Component, OnInit, Input, Output, EventEmitter } from \"@angular/core\";\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\nimport { AuthService } from \"src/app/auth/services/auth.service\";\nimport { OrderService } from \"src/app/shared/services/order.service\";\n\n@Component({\n selector: \"app-add-credit-to-order-modal\",\n templateUrl: \"./add-credit-to-order-modal.component.html\",\n styleUrls: [\"./add-credit-to-order-modal.component.css\"]\n})\nexport class AddCreditToOrderModalComponent implements OnInit {\n constructor(\n public activeModal: NgbActiveModal,\n private _authService: AuthService,\n private _orderService: OrderService\n ) {}\n\n @Input() orderId: string;\n @Input() maxAllowedCreditValue: any;\n @Output() addCredit = new EventEmitter\r\n
\r\n\r\n{{getModalHeader()}}
\r\n \r\n\r\n \r\n
","import { ProductService } from './../../shared/services/product.service';\r\nimport { Component, OnInit, Input, Output, EventEmitter, TemplateRef } from '@angular/core';\r\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { ICompany } from 'src/app/shared/interfaces/company.interface';\r\nimport { NotFoundError } from 'src/app/shared/errors/not-found-error';\r\nimport { OrderService } from 'src/app/shared/services/order.service';\r\nimport { IProduct } from 'src/app/shared/interfaces/product.interface';\r\n\r\n@Component({\r\n selector: 'app-item-to-order-modal',\r\n templateUrl: './add-item-to-order-modal.component.html',\r\n styleUrls: ['./add-item-to-order-modal.component.css']\r\n})\r\nexport class AddItemToOrderModalComponent implements OnInit {\r\n\r\n constructor(\r\n public activeModal: NgbActiveModal,\r\n private _modalService: NgbModal,\r\n private _orderService: OrderService,\r\n private _productService: ProductService\r\n ) { }\r\n\r\n @Input() orderId: any;\r\n @Output() addItem = new EventEmitter\n \n ×\n \n
\n\nAdd Liftgate
\n\n \n
\n","import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\nimport { NgbActiveModal, NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\nimport { OrderService } from \"../../shared/services/order.service\";\n\n@Component({\n selector: \"app-add-lift-gate-to-order-modal\",\n templateUrl: \"./add-lift-gate-to-order-modal.component.html\",\n styleUrls: [\"./add-lift-gate-to-order-modal.component.css\"],\n})\nexport class AddLiftGateToOrderModalComponent implements OnInit {\n constructor(\n public activeModal: NgbActiveModal,\n private _modalService: NgbModal,\n private _orderService: OrderService\n ) {}\n\n @Input() orderId: any;\n @Output() addLiftGate = new EventEmitter\n \n {{ getModalHeader() }}\n
\n \n ×\n \n
\n\n\n {{ getModalHeader() }}\n \n
\n \n
\n \n \n
\n \n \n \n
\n \n \n Either the Street Address or PO Box need to be supplied.\n
\n \n \n
\n \n
\n \n City is required.\n
\n \n \n \n \n \n
\n \n
\n \n State is required.\n
\n \n \n
\n \n
\n \n Zip Code is required.\n
\n \n Please enter a valid zip code in the 12345 or the 12345-6789 format.\n
\n \n \n \n
\n \n \n\n \n \n Shipping rate is required.\n
\n \n Shipping rate should be a number between\n {{ shippingRate.errors.isBetween.minAllowed }} and\n {{ shippingRate.errors.isBetween.maxAllowed }}.\n
\n \n
\n {{ address.Company ? address.Company.name : \"\" }}
\n\n \n \n
\n \n \n Companing name is required.\n
\n \n \n
\n \n
\n \n Street Address is required.\n
\n \n \n
\n \n \n
\n \n
\n \n City is required.\n
\n \n \n \n \n \n
\n \n
\n \n State is required.\n
\n \n \n
\n \n
\n \n Zip Code is required.\n
\n \n Please enter a valid zip code in the 12345 or the 12345-6789 format.\n
\n \n \n \n
\n \n \n\n \n \n\n\n\n\n Shipping rate is required.\n
\n \n Shipping rate should be a number between\n {{ shippingRate.errors.isBetween.minAllowed }} and\n {{ shippingRate.errors.isBetween.maxAllowed }}.\n
\n \n \n ×\n \n
\n Confirm Delete
\n\n
\n\n
\n \n \n Are you sure you want to delete {{ address.type }} address \"{{\n address.street1\n }}\n {{ address.street2 }} {{ address.poBox }} {{ address.city }},\n {{ address.state }} {{ address.zip }}\".\n
\n\n Note: This action cannot be undone.\n
\n\r\n \r\n ×\r\n \r\n
\r\n\r\n{{ getModalHeader() }}
\r\n\r\n
\r\n\r\n \r\n ![](\"assets/img/loading.svg\")
\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n UPC is required.\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Item No. is required.\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 Box Skid Cost
\r\n\r\n {{ getBoxSkidCost() | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\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 Products
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {{ productOpt.name }}\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 Box Each Cost is required.\r\n
\r\n \r\n Each Cost has to be greater than or equal to\r\n {{ product.get(\"boxEachCost\").errors.min.min }}.\r\n
\r\n \r\n 1\"\r\n class=\"btn btn-danger\"\r\n (click)=\"removeProduct(i)\"\r\n >\r\n X\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ productMsg(product) }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n 0 : false\r\n \"\r\n alt=\"BoxSkid-Image\"\r\n src=\"{{ boxSkid.BoxSkidImages[0].imageUrl }}\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n After you save, the new image will be available.\r\n
\r\n\r\n \r\n ×\r\n \r\n
\r\n Confirm Delete: {{ boxSkid.upc }}
\r\n\r\n
\r\n\r\n
\r\n\r\n Are you sure you want to delete Box Skid \"{{ boxSkid.name }}\".
\r\n\r\n Note: This action cannot be undone.\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n ×\r\n \r\n
\r\n\r\n{{ getModalHeader() }}
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n ×\r\n \r\n
\r\n Confirm Delete: {{ company.name }}
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n Are you sure you want to delete customer \"{{ company.name }}\". This will\r\n permanently delete the customer and all of its associated addresses and\r\n user accounts.\r\n
\r\n\r\n Note: This action cannot be undone.\r\n
\r\n\n \n ×\n \n
\n\n{{ getModalHeader() }}
\n\n
\n \n \n
\n \n
\n \n Street Address Required.\n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n City is required.\n
\n \n \n \n \n \n \n
\n \n
\n \n State is required.\n
\n \n \n
\n \n
\n \n Zip Code is required.\n
\n \n Please enter a valid zip code in the 12345 or the 12345-6789\n format.\n
\n \n \n \n
\n \n \n \n\n \n \n \n\n","import { CompanyService } from \"./../../shared/services/company.service\";\nimport { Component, OnInit, Input, Output, EventEmitter } from \"@angular/core\";\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\nimport { AuthService } from \"src/app/auth/services/auth.service\";\nimport { OrderService } from \"src/app/shared/services/order.service\";\nimport { Router } from \"@angular/router\";\nimport { IOrderDTO } from \"src/app/shared/interfaces/order-dto.interface\";\nimport {\n IAddress,\n AddressTypes\n} from \"src/app/shared/interfaces/address.interface\";\nimport { STATES } from \"src/app/shared/data/states\";\n\n@Component({\n selector: \"app-edit-order-address-modal\",\n templateUrl: \"./edit-order-address-modal.component.html\",\n styleUrls: [\"./edit-order-address-modal.component.css\"]\n})\nexport class EditOrderAddressModalComponent implements OnInit {\n constructor(\n public activeModal: NgbActiveModal,\n private _authService: AuthService,\n private _orderService: OrderService,\n private _companyService: CompanyService,\n private _router: Router\n ) {}\n\n @Input() address: any;\n @Input() info: any;\n @Output() updateAddress = new EventEmitter\n Shipping rate is required.\n
\n \n Shipping rate should be a number between\n {{ shippingRate.errors.isBetween.minAllowed }} and\n {{ shippingRate.errors.isBetween.maxAllowed }}.\n
\n \n \n ×\n \n
\n\n{{ getModalHeader() }}
\n\n \n
\n","import { Component, OnInit, Input, EventEmitter, Output } from \"@angular/core\";\nimport { IContact } from \"src/app/shared/interfaces/contact.interface\";\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\nimport { AuthService } from \"src/app/auth/services/auth.service\";\nimport { OrderService } from \"src/app/shared/services/order.service\";\nimport { Router } from \"@angular/router\";\n\n@Component({\n selector: \"app-edit-order-contact-modal\",\n templateUrl: \"./edit-order-contact-modal.component.html\",\n styleUrls: [\"./edit-order-contact-modal.component.css\"]\n})\nexport class EditOrderContactModalComponent implements OnInit {\n constructor(\n public activeModal: NgbActiveModal,\n private _authService: AuthService,\n private _orderService: OrderService\n ) {}\n\n @Input() contact: IContact;\n @Input() info: any;\n @Output() updateContact = new EventEmitter\r\n \r\n ×\r\n \r\n
\r\n\r\n{{ getModalHeader() }}
\r\n\r\n \r\n
\r\n","import { Component, OnInit, Input, Output, EventEmitter } from \"@angular/core\";\r\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { OrderService } from \"src/app/shared/services/order.service\";\r\n\r\n@Component({\r\n selector: \"app-edit-order-note-modal\",\r\n templateUrl: \"./edit-order-note-modal.component.html\",\r\n styleUrls: [\"./edit-order-note-modal.component.css\"],\r\n})\r\nexport class EditOrderNoteModalComponent implements OnInit {\r\n constructor(\r\n public activeModal: NgbActiveModal,\r\n private _orderService: OrderService\r\n ) {}\r\n\r\n @Input() order: { orderId: string; note: string };\r\n @Input() info: any;\r\n @Output() updateOrderNote = new EventEmitter\r\n \r\n ×\r\n \r\n
\r\n\r\n{{ getModalHeader() }}
\r\n\r\n \r\n
\r\n","import { Component, OnInit, Input, Output, EventEmitter } from \"@angular/core\";\r\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { AuthService } from \"src/app/auth/services/auth.service\";\r\nimport { OrderService } from \"src/app/shared/services/order.service\";\r\n\r\n@Component({\r\n selector: \"app-edit-po-number-modal\",\r\n templateUrl: \"./edit-po-number-modal.component.html\",\r\n styleUrls: [\"./edit-po-number-modal.component.css\"],\r\n})\r\nexport class EditPoNumberModalComponent implements OnInit {\r\n constructor(\r\n public activeModal: NgbActiveModal,\r\n private _orderService: OrderService\r\n ) {}\r\n\r\n @Input() order: { orderId: string; poNumber: string };\r\n @Input() info: any;\r\n @Output() updatePONumber = new EventEmitter\n
\n\n{{getModalHeader()}}
\n \n\n \n
","import { Component, OnInit, Input, Output, EventEmitter } from \"@angular/core\";\r\nimport { NgbActiveModal, NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { OrderService } from \"src/app/shared/services/order.service\";\r\nimport { AddressService } from \"src/app/shared/services/address.service\";\r\n\r\n@Component({\r\n selector: \"app-edit-ship-date-modal\",\r\n templateUrl: \"./edit-ship-date-modal.component.html\",\r\n styleUrls: [\"./edit-ship-date-modal.component.css\"],\r\n})\r\nexport class EditShipDateModalComponent implements OnInit {\r\n constructor(\r\n public activeModal: NgbActiveModal,\r\n private _orderService: OrderService\r\n ) {}\r\n\r\n @Input() dto: any;\r\n @Output() updateShipDate = new EventEmitter\r\n \r\n ×\r\n \r\n
\r\n\r\n{{ getModalHeader() }}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n
\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n 0\r\n : false\r\n \"\r\n alt=\"HalfShelf-Image\"\r\n src=\"{{ halfShelf.HalfShelfImages[0].imageUrl }}\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n After you save, the new image will be available.\r\n
\r\n\r\n \r\n ×\r\n \r\n
\r\n Confirm Delete: {{ halfShelf.upc }}
\r\n\r\n
\r\n\r\n
\r\n\r\n Are you sure you want to delete Half Shelf \"{{ halfShelf.name }}\".
\r\n\r\n Note: This action cannot be undone.\r\n
\r\n\r\n \r\n \r\n
\r\n \n \n ×\n \n
\n\n{{ getModalHeader() }}
\n\n \n
\n","import { Component, OnInit, Input, Output, EventEmitter } from \"@angular/core\";\nimport {\n NgbActiveModal,\n NgbCalendar,\n NgbDate,\n} from \"@ng-bootstrap/ng-bootstrap\";\n\n@Component({\n selector: \"app-pick-rpt-date-range-modal\",\n templateUrl: \"./pick-rpt-date-range-modal.component.html\",\n styleUrls: [\"./pick-rpt-date-range-modal.component.css\"],\n})\nexport class PickRptDateRangeModalComponent implements OnInit {\n constructor(\n public activeModal: NgbActiveModal,\n public calendar: NgbCalendar\n ) {}\n\n @Input() reportName: string;\n @Output() submitted = new EventEmitter\r\n \r\n ×\r\n \r\n
\r\n\r\n{{ getModalHeader() }}
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n Billing Address
\r\n\r\n
\r\n \r\n \r\n Create New Billing Address\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Create Billing Address
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Either the Street Address or PO Box need to be supplied.\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Either the Street Address or PO Box need to be supplied.\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n City is required.
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n State is required.
\r\n \r\n \r\n
\r\n \r\n
\r\n Zip Code is required.
\r\n \r\n Please enter a valid zip code in the 12345 or the 12345-6789\r\n format.\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Order Billing Contact
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Please enter a valid email.\r\n
\r\n \r\n
\r\n Shipping Address
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n Create Shipping Address
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Company Name Required.\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Street Address Required.
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n City is required.
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n State is required.
\r\n \r\n \r\n
\r\n \r\n
\r\n Zip Code is required.
\r\n \r\n Please enter a valid zip code in the 12345 or the 12345-6789\r\n format.\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Shipping rate is required.\r\n
\r\n \r\n Shipping rate should be a number between\r\n {{ shippingRate.errors.isBetween.minAllowed }} and\r\n {{ shippingRate.errors.isBetween.maxAllowed }}.\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Order Shipping Contact
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Please enter a valid email.\r\n
\r\n \r\n
\r\n \r\n
\r\n When would you like this order to be shipped?
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Note: Orders are shipped out once a week, typically\r\n on Monday. Orders placed before Friday can be included in the\r\n following week's shipments.\r\n
\r\n\r\n
\r\n \r\n
\r\n Will this Order Need Liftgate Service?
\r\n\r\n
\r\n \r\n 0\"\r\n (change)=\"onLiftGateChange($event)\"\r\n />\r\n
\r\n \r\n
\r\n \r\n Note: Liftgate services are required if you do not\r\n have a forklift on site.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n Does the order have a special Discount in addition to the Customer's\r\n discount?\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Order Discount rate is required. Enter 0, if an order discount\r\n should not be applied.\r\n
\r\n \r\n Order Discount rate should be a number between\r\n {{ orderDiscount.errors.isBetween.minAllowed }} and\r\n {{ orderDiscount.errors.isBetween.maxAllowed }}.\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Review & Submit
\r\n\r\n
\r\n \r\n Bill-To\r\n TBD\r\n \r\n {{ order.Company.name }}\r\n {{\r\n order.BillingAddress.street1\r\n }}\r\n {{\r\n order.BillingAddress.street2\r\n }}\r\n PO Box {{ order.BillingAddress.poBox }}\r\n {{ order.BillingAddress.city }},\r\n {{ order.BillingAddress.state }}\r\n {{ order.BillingAddress.zip }} \r\n \r\n
\r\n \r\n
\r\n \r\n Ship-To\r\n TBD\r\n \r\n {{ order.Company.name }}\r\n {{ order.ShippingAddress.street1 }}\r\n {{\r\n order.ShippingAddress.street2\r\n }}\r\n {{ order.ShippingAddress.city }},\r\n {{ order.ShippingAddress.state }}\r\n {{ order.ShippingAddress.zip }} \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n
| Order Summary | \r\n\r\n 1 Rack \r\n 1\"\r\n >{{ cart.rackQtyTotal }} Racks\r\n \r\n {{ cart.totalNumOfBoxesFromRegularAndPrebuilt }} Box\r\n \r\n 1\"\r\n >{{ cart.totalNumOfBoxesFromRegularAndPrebuilt }} Boxes\r\n \r\n | \r\n
|---|---|
| Product Total | \r\n\r\n {{ cart.productTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n
| Shipping Total | \r\n|
| Liftgate Service | \r\n\r\n {{\r\n order.liftGateCharge | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n
| Customer Discount | \r\n\r\n ({{\r\n (cart.productTotal * order.Company.discount) / 100\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }})\r\n | \r\n
| Order Discount | \r\n\r\n ({{\r\n (cart.productTotal * order.orderDiscount) / 100\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }})\r\n | \r\n
| Order Total | \r\n
\r\n
\r\n \r\n
\r\n Thank you for your order.
\r\nYour order has been successfully placed.
\r\n\r\n
\r\n \r\n
\r\n There was an error placing your order.
\r\n\r\n We encountered an error taking your order. Please reach out to the\r\n Pope's Plant Farm and let them know you received this message.\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n","import { CompanyService } from \"../../shared/services/company.service\";\r\nimport { AuthService } from \"./../../auth/services/auth.service\";\r\nimport { Component, OnInit, Input } from \"@angular/core\";\r\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { STATES } from \"src/app/shared/data/states\";\r\nimport { ICompany } from \"src/app/shared/interfaces/company.interface\";\r\nimport {\r\n IAddress,\r\n AddressTypes,\r\n} from \"src/app/shared/interfaces/address.interface\";\r\nimport { IOrderDTO } from \"src/app/shared/interfaces/order-dto.interface\";\r\nimport { ICart } from \"src/app/shared/interfaces/cart.interface\";\r\nimport { OrderService } from \"src/app/shared/services/order.service\";\r\nimport { UserService } from \"src/app/shared/services/user.service\";\r\nimport { Router } from \"@angular/router\";\r\nimport { DateUtils } from \"src/app/utils/date-utils\";\r\n\r\n@Component({\r\n selector: \"app-place-order-modal\",\r\n templateUrl: \"./place-order-modal.component.html\",\r\n styleUrls: [\"./place-order-modal.component.css\"],\r\n})\r\nexport class PlaceOrderModalComponent implements OnInit {\r\n constructor(\r\n public activeModal: NgbActiveModal,\r\n\r\n private _authService: AuthService,\r\n private _companyService: CompanyService,\r\n private _orderService: OrderService,\r\n private _userService: UserService,\r\n private _router: Router\r\n ) {}\r\n\r\n @Input() cart: ICart;\r\n\r\n public liftGateCharge = 75;\r\n public pctComplete;\r\n public addressesReady: boolean;\r\n public isLoading = false;\r\n\r\n //Shipping Constraints\r\n public startDate;\r\n public minDate;\r\n public maxDate;\r\n\r\n public orderOptions = {\r\n billingSkipped: false,\r\n shippingSkipped: false,\r\n newCustomer: null,\r\n newBillingAddress: null,\r\n newShippingAddress: null,\r\n newShiptoWorkload: false, //Used to flag when customer creates accounts with a new shipto\r\n };\r\n\r\n // Drop Down Options\r\n public companyOptions: Array\r\n \r\n \r\n ×\r\n \r\n
\r\n\r\n{{ getModalHeader() }}
\r\n\r\n
\r\n \r\n \r\n\r\n","import { Component, Input, Output, EventEmitter } from \"@angular/core\";\r\nimport { NgbActiveModal, NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\n@Component({\r\n selector: \"app-print-order-modal\",\r\n templateUrl: \"./print-order-modal.component.html\",\r\n styleUrls: [\"./print-order-modal.component.css\"],\r\n})\r\nexport class PrintOrderModalComponent {\r\n constructor(\r\n public activeModal: NgbActiveModal,\r\n private _modalService: NgbModal\r\n ) {}\r\n\r\n @Input() orderId: any;\r\n @Output() print = new EventEmitter\r\n \r\n ×\r\n \r\n
\r\n\r\n{{ getModalHeader() }}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Box is required.
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Qty per box is required.
\r\n \r\n Qty per box must be greater than or equal to\r\n {{ qtyPerBox.errors.min.min }}.\r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n 0 : false\r\n \"\r\n src=\"{{ product.ProductImages[0].imageUrl }}\"\r\n alt=\"Product-Image\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n After you save, the new image will be available.\r\n
\r\n\r\n \r\n ×\r\n \r\n
\r\n Confirm Delete: {{ product.upc }}
\r\n\r\n
\r\n\r\n
\r\n \r\n Are you sure you want to delete product \"{{ product.name }}\".
\r\n\r\n Note: This action cannot be undone.\r\n
\r\n\r\n \r\n ×\r\n \r\n
\r\n\r\n{{ getModalHeader() }}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n
\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n 0 : false\"\r\n alt=\"Rack-Image\"\r\n src=\"{{ rack.RackImages[0].imageUrl }}\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n After you save, the new image will be available.\r\n
\r\n\r\n \r\n ×\r\n \r\n
\r\n Confirm Delete: {{ rack.upc }}
\r\n\r\n
\r\n\r\n
\r\n\r\n Are you sure you want to delete rack \"{{ rack.name }}\".
\r\n\r\n Note: This action cannot be undone.\r\n
\r\n\r\n \r\n \r\n
\r\n \n
\n\n{{getModalHeader()}}
\n \n\n \n
","import {\r\n Component,\r\n OnInit,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n TemplateRef,\r\n} from \"@angular/core\";\r\nimport { NgbActiveModal, NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { EmailService } from \"src/app/shared/services/email.service\";\r\n\r\n@Component({\r\n selector: \"app-send-confirmation-modal\",\r\n templateUrl: \"./send-confirmation-modal.component.html\",\r\n styleUrls: [\"./send-confirmation-modal.component.css\"],\r\n})\r\nexport class SendConfirmationModalComponent implements OnInit {\r\n constructor(\r\n public activeModal: NgbActiveModal,\r\n private _emailService: EmailService\r\n ) {}\r\n\r\n @Input() orderId: string;\r\n @Output() sendEmail = new EventEmitter\n
\n \n {{getModalHeader()}}
\n \n\n \n
","import { Component, OnInit, EventEmitter, Output, Input } from \"@angular/core\";\r\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { EmailService } from \"src/app/shared/services/email.service\";\r\n\r\n@Component({\r\n selector: \"app-send-invoice-modal\",\r\n templateUrl: \"./send-invoice-modal.component.html\",\r\n styleUrls: [\"./send-invoice-modal.component.css\"],\r\n})\r\nexport class SendInvoiceModalComponent implements OnInit {\r\n constructor(\r\n public activeModal: NgbActiveModal,\r\n private _emailService: EmailService\r\n ) {}\r\n\r\n @Input() orderId: string;\r\n @Output() sendEmail = new EventEmitter\n
\n \n {{getModalHeader()}}
\n \n\n \n
","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { OrderService } from 'src/app/shared/services/order.service';\nimport { AddressService } from 'src/app/shared/services/address.service';\n\n@Component({\n selector: 'app-update-shipping-rate-modal',\n templateUrl: './update-shipping-rate-modal.component.html',\n styleUrls: ['./update-shipping-rate-modal.component.css']\n})\nexport class UpdateShippingRateModalComponent implements OnInit {\n\n constructor(\n public activeModal: NgbActiveModal, \n private _modalService: NgbModal,\n private _orderService: OrderService,\n private _addressService: AddressService\n ) {}\n\n @Input() dto: any;\n @Output() updateShippingRate = new EventEmitter\n \n ×\n \n
\n\n{{ getModalHeader() }}
\n\n
\n\n \n
\n \n \n Company is required.\n
\n \n \n
\n\n \n
\n \n Email is required.\n
\n \n Please enter a valid email.\n
\n \n \n
\n\n \n
\n \n First name is required.\n
\n \n \n
\n\n \n \n\n\n\n\n
\n \n Last name is required.\n
\n \n \n ×\n \n
\n Confirm Delete: {{ user.email }}
\n\n
\n\n
\n \n Are you sure you want to delete user \"{{ user.email }}\".
\n\n Note: This action cannot be undone.\n
\n![\"\"](\"../../assets/img/logo.png\"){kind=logo}
\r\n \r\n \r\n \r\n {{ alert.title }} {{ alert.msg }}\r\n \r\n\r\n \r\n Email\r\n \r\n \r\n AddItem\r\n \r\n \r\n Add Credit\r\n \r\n \r\n Add Liftgate\r\n \r\n \r\n Delete\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n Order Confirmation
\r\n\r\n Order #: {{ order.id | shortId }}\r\n Date Placed:\r\n {{ order.placedDate | date : \"shortDate\" }} \r\n Requested Ship Date:\r\n {{ order.shipDate | date : \"shortDate\" }}\r\n \r\n \r\n PO #: {{ order.poNumber }}\r\n Note: {{ order.note }}\r\n
\r\n\r\n \r\n Bill To \r\n \r\n \r\n {{ order.companyName }}\r\n {{\r\n order.billingStreetAddress1\r\n }}\r\n {{\r\n order.billingStreetAddress2\r\n }}\r\n PO Box {{ order.billingPOBox }}\r\n {{ order.billingCity }}, {{ order.billingState }}\r\n {{ order.billingZip }} \r\n {{ order.billingContactName }}\r\n
\r\n \r\n Ship To \r\n \r\n \r\n {{ order.shippingCompanyName }}\r\n {{\r\n order.shippingStreetAddress1\r\n }}\r\n {{\r\n order.shippingStreetAddress2\r\n }}\r\n {{ order.shippingCity }}, {{ order.shippingState }}\r\n {{ order.shippingZip }} \r\n {{ order.shippingContactName }}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n | Line | \r\nName | \r\nItem # | \r\nPieces | \r\nUnit | \r\nUnit Price | \r\nExtended Price | \r\n\r\n |
|---|---|---|---|---|---|---|---|
| {{ rack.line }} | \r\n\r\n {{ rack.name }}\r\n | \r\n\r\n {{ rack.itemNo }}\r\n | \r\n{{ rack.pieceTotal }} | \r\n{{ rack.orderedQty }} rack | \r\n\r\n {{ rack.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}/rack\r\n | \r\n\r\n {{ rack.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n {{ lineItem.line + \".\" + lineItem.subline }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n | \r\n{{ lineItem.orderedQty }} | \r\n1 ea. | \r\n\r\n {{\r\n lineItem.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/ea.\r\n | \r\n\r\n {{\r\n lineItem.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | |
| {{ halfShelf.line }} | \r\n\r\n {{ halfShelf.name }}\r\n | \r\n\r\n {{ halfShelf.itemNo }}\r\n | \r\n{{ halfShelf.pieceTotal }} | \r\n{{ halfShelf.orderedQty }} half shelf | \r\n\r\n {{\r\n halfShelf.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/half shelf\r\n | \r\n\r\n {{ halfShelf.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n {{ lineItem.line + \".\" + lineItem.subline }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n | \r\n{{ lineItem.orderedQty }} | \r\n1 ea. | \r\n\r\n {{\r\n lineItem.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/ea.\r\n | \r\n\r\n {{\r\n lineItem.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | |
| {{ boxSkid.line }} | \r\n\r\n {{ boxSkid.name }}\r\n | \r\n\r\n {{ boxSkid.itemNo }}\r\n | \r\n{{ boxSkid.pieceTotal }} | \r\n{{ boxSkid.orderedQty }} skid | \r\n\r\n {{ boxSkid.eachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}/skid\r\n | \r\n\r\n {{ boxSkid.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n {{ lineItem.line + \".\" + lineItem.subline }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n | \r\n{{ lineItem.pieceTotal }} | \r\n{{ lineItem.boxOrderedQty }} box | \r\n\r\n {{\r\n lineItem.boxEachCost | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/box\r\n | \r\n\r\n {{\r\n lineItem.orderedTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | |
| \r\n {{ lineItem.line }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n {{ lineItem.productDescription }}\r\n \r\n | \r\n {{ lineItem.itemNo }}-HS | \r\n\r\n {{ lineItem.qtyPerHalfShelf * lineItem.halfShelfQty }}\r\n | \r\n{{ lineItem.halfShelfQty }} half shelf | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/half shelf\r\n | \r\n\r\n {{\r\n lineItem.halfShelfQty *\r\n lineItem.eachCost *\r\n lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | \r\n
| {{ lineItem.itemNo }}-B | \r\n\r\n {{ lineItem.qtyPerBox * lineItem.boxQty }}\r\n | \r\n{{ lineItem.boxQty }} box | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/box\r\n | \r\n\r\n {{\r\n lineItem.boxQty * lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n|||
| \r\n | |||||||
| \r\n {{ lineItem.line }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n {{ lineItem.productDescription }}\r\n \r\n | \r\n {{ lineItem.itemNo }}-HS | \r\n\r\n {{ lineItem.qtyPerHalfShelf * lineItem.halfShelfQty }}\r\n | \r\n{{ lineItem.halfShelfQty }} half shelf | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/half shelf\r\n | \r\n\r\n {{\r\n lineItem.halfShelfQty *\r\n lineItem.eachCost *\r\n lineItem.qtyPerHalfShelf\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n {{ lineItem.line }}\r\n | \r\n\r\n {{ lineItem.productName }}\r\n {{ lineItem.productDescription }}\r\n \r\n | \r\n {{ lineItem.itemNo }}-B | \r\n\r\n {{ lineItem.qtyPerBox * lineItem.boxQty }}\r\n | \r\n{{ lineItem.boxQty }} box | \r\n\r\n {{\r\n lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}/box\r\n | \r\n\r\n {{\r\n lineItem.boxQty * lineItem.eachCost * lineItem.qtyPerBox\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n\r\n | \r\n
| \r\n | |||||||
| \r\n | \r\n Product Total | \r\n\r\n {{ order.productTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n|||||
| \r\n Shipping\r\n ({{ order.shippingRate / 100 | percent : \"1.2-2\" }})\r\n | \r\n\r\n TBD\r\n | \r\n\r\n {{ order.shippingTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n|||||
| Liftgate Charge | \r\n\r\n {{ order.liftGateCharge | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n||||||
| \r\n Customer Discount\r\n ({{ order.customerDiscount / 100 | percent : \"1.2-2\" }})\r\n | \r\n\r\n ({{\r\n order.customerDiscountAmt | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }})\r\n | \r\n||||||
| \r\n Order Discount\r\n ({{ order.orderDiscount / 100 | percent : \"1.2-2\" }})\r\n | \r\n\r\n ({{ order.orderDiscountAmt | currency : \"USD\" : \"symbol\" : \"1.2-2\" }})\r\n | \r\n||||||
| Credit | \r\n\r\n ({{ order.credit | currency : \"USD\" : \"symbol\" : \"1.2-2\" }})\r\n | \r\n||||||
| Order Total | \r\n\r\n TBD\r\n | \r\n\r\n {{\r\n order.productTotal +\r\n order.shippingTotal +\r\n order.liftGateCharge -\r\n order.customerDiscountAmt -\r\n order.orderDiscountAmt -\r\n order.credit | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n
\r\n \r\n ×\r\n \r\n
\r\n Confirm Delete
\r\n\r\n
\r\n\r\n
\r\n \r\n Are you sure you want to delete this order?
\r\n\r\n Note: This action cannot be undone.\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n","import { Component, OnChanges, Input, ViewEncapsulation } from \"@angular/core\";\r\nimport { faInfoCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { faCheck } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport {\r\n MIN_NUM_BOXES,\r\n MIN_ORDER_AMT,\r\n SHELVES_PER_RACK,\r\n} from \"../shared/data/constants\";\r\nimport { ICart } from \"../shared/interfaces/cart.interface\";\r\nimport { CartService } from \"./../shared/services/cart.service\";\r\n\r\n@Component({\r\n selector: \"app-order-summary\",\r\n templateUrl: \"./order-summary.component.html\",\r\n encapsulation: ViewEncapsulation.None,\r\n styleUrls: [\"./order-summary.component.css\"],\r\n})\r\nexport class OrderSummaryComponent implements OnChanges {\r\n constructor(private _cartService: CartService) {}\r\n\r\n ngOnChanges() {\r\n console.log(this.cart);\r\n this._cartService.setCartComputedFields(this.cart);\r\n }\r\n\r\n @Input() cart: ICart;\r\n @Input() changeCount;\r\n public infoIcon = faInfoCircle;\r\n public checkIcon = faCheck;\r\n public xIcon = faTimes;\r\n\r\n // Help Info\r\n // --> Racks\r\n public rackHelpInfoTitle = \"Rack Requirement\";\r\n public rackHelpInfoMsg = `If ordering half shelves, all racks must ship full. Each rack contians ${SHELVES_PER_RACK} shelves (${\r\n SHELVES_PER_RACK * 2\r\n } - half shelves)`;\r\n\r\n // --> Boxes\r\n public boxHelpInfoTitle = \"Box Requirement\";\r\n public boxHelpInfoMsg = `If ordering boxes, there is an order minimum of ${MIN_NUM_BOXES} boxes`;\r\n\r\n // --> Total\r\n public totalHelpInfoTitle = \"Order Value Requirement\";\r\n public totalHelpInfoMsg = `Minimum order value is $${MIN_ORDER_AMT.toLocaleString()}`;\r\n\r\n public orderSummary = {\r\n racks: 0,\r\n boxes: 0,\r\n rackProductTotal: 0,\r\n boxProductTotal: 0,\r\n };\r\n}\r\n","Order Summary
\r\n| Item | \r\nQty | \r\nSubtotal | \r\n
|---|---|---|
| \r\n Boxes | \r\n {{ cart.totalNumOfBoxesFromRegularAndPrebuilt }} | \r\n\r\n {{\r\n cart.boxTotal + cart.boxSkidTotal\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\n
| \r\n Racks | \r\n {{ cart.rackQtyTotal }} | \r\n{{ cart.rackTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }} | \r\n
| \r\n Product Total | \r\n \r\n {{ cart.productTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\n
\n
\n\n\n
\n","import { Component, OnInit } from \"@angular/core\";\r\nimport { ActivatedRoute } from \"@angular/router\";\r\nimport { OrderService } from \"../shared/services/order.service\";\r\n\r\n@Component({\r\n selector: \"app-order\",\r\n templateUrl: \"./order.component.html\",\r\n styleUrls: [\"./order.component.css\"],\r\n})\r\nexport class OrderComponent implements OnInit {\r\n constructor(\r\n private _route: ActivatedRoute,\r\n private _orderService: OrderService\r\n ) {}\r\n\r\n public order;\r\n\r\n ngOnInit() {\r\n this._route.params.subscribe((params) => {\r\n this._orderService.getById({ id: params.id }).subscribe(\r\n (res) => {\r\n this.order = res;\r\n },\r\n (error) => {\r\n console.log(\"There was an error getting the order.\");\r\n }\r\n );\r\n });\r\n }\r\n}\r\n","\r\n \r\n {{ alert.title }} {{ alert.msg }}\r\n \r\n\r\n \r\n {{ viewType }} ({{ orders.length }})\r\n
\r\n \r\n
\r\n\r\n \r\n Get Not Picked Report (Details)\r\n \r\n \r\n Get Not Picked Report (Group)\r\n \r\n \r\n Get Not Invoiced Report\r\n \r\n
\r\n","import { Component, OnInit } from \"@angular/core\";\r\nimport { OrderService } from \"../shared/services/order.service\";\r\nimport { faFileDownload } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { faClipboardList } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { faCheck } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { faSortAmountDown } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { faSortAmountUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AuthService } from \"../auth/services/auth.service\";\r\nimport { NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { UpdateShippingRateModalComponent } from \"../modals/update-shipping-rate-modal/update-shipping-rate-modal.component\";\r\nimport { ActivatedRoute } from \"@angular/router\";\r\nimport { PickRptDateRangeModalComponent } from \"../modals/pick-rpt-date-range-modal/pick-rpt-date-range-modal.component\";\r\nimport { ReportService } from \"./../shared/services/report.service\";\r\nimport { SHELVES_PER_RACK } from \"../shared/data/constants\";\r\n\r\n@Component({\r\n selector: \"app-orders\",\r\n templateUrl: \"./orders.component.html\",\r\n styleUrls: [\"./orders.component.css\"],\r\n})\r\nexport class OrdersComponent implements OnInit {\r\n constructor(\r\n private _orderService: OrderService,\r\n private _reportService: ReportService,\r\n private _authService: AuthService,\r\n private _modalService: NgbModal,\r\n private _activatedRoute: ActivatedRoute\r\n ) {}\r\n\r\n public orders: Array\r\n {{ viewType }} ({{ orders.length }})\r\n \r\n
\r\n | Id | \r\nS | \r\nB | \r\nPlaced By | \r\nRacks | \r\nBoxes | \r\nSkids | \r\nProduct Total | \r\nShipping Total | \r\nOrder Total | \r\n\r\n Requested Ship Date\r\n | \r\n Picked | \r\nShipped | \r\nInvoiced | \r\n||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n | \r\n | \r\n | \r\n \r\n | \r\n | \r\n | \r\n | \r\n | \r\n | \r\n | \r\n | \r\n | \r\n | ||
| \r\n {{ order.id | shortId }} \r\n {{ order.placedDate | date : \"short\" }}\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n {{ order.placedBy }} \r\n\r\n {{ order.companyName }} \r\n | \r\n \r\n {{\r\n order.prebuiltRacksOrdered +\r\n (order.halfShelvesOrdered + order.prebuiltHalfShelvesOrdered) /\r\n this.halfShelvesPerRack\r\n }}\r\n | \r\n{{ order.boxesOrdered }} | \r\n{{ order.boxSkidsOrdered }} | \r\n{{ order.productTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }} | \r\n\r\n\r\n {{ order.shippingTotal | currency : \"USD\" : \"symbol\" : \"1.2-2\" }}\r\n | \r\nTBD | \r\n\r\n\r\n {{\r\n order.productTotal +\r\n order.shippingTotal +\r\n order.liftGateCharge -\r\n order.customerDiscountAmt -\r\n order.orderDiscountAmt -\r\n order.credit | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n | \r\nTBD | \r\n{{ order.shipDate | date : \"shortDate\" }} | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n \r\n Order
\r\n \r\n
\r\n\r\n \r\n 0\"\r\n src=\"{{ product.ProductImages[0].imageUrl }}\"\r\n alt=\"product-image\"\r\n class=\"product-image\"\r\n />\r\n 0)\"\r\n src=\"./assets/img/ic-default-image-green.png\"\r\n alt=\"product-image\"\r\n class=\"product-image\"\r\n />\r\n
\r\n \r\n \r\n {{ product.name\r\n }}
\r\n\r\n
\r\n \r\n {{ product.name\r\n }}
\r\n\r\n {{ product.description }}
\r\n- \r\n
- \r\n \r\n \r\n
- \r\n
![](\"assets/img/ic-box-gray.png\")
\r\n {{ product.qtyPerBox }} per box ({{ product.Box?.size }})\r\n n/a\r\n \r\n - \r\n
![](\"assets/img/ic-shelf-gray.png\")
\r\n {{ product.qtyPerHalfShelf }} per half shelf\r\n n/a\r\n \r\n - \r\n 0\"\r\n >{{ boxesOrdered }} boxes\r\n \r\n 0\"\r\n >{{ halfShelvesOrdered }} half shelves\r\n \r\n 0 || halfShelvesOrdered > 0\"\r\n >in cart\r\n \r\n \r\n
- {{ product.itemNo }} \r\n
\r\n
\r\n \r\n \r\n Comments
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n","import { CartService } from \"../shared/services/cart.service\";\r\nimport {\r\n Component,\r\n OnInit,\r\n Input,\r\n ViewEncapsulation,\r\n Output,\r\n EventEmitter,\r\n} from \"@angular/core\";\r\nimport { Validators, FormControl, FormGroup } from \"@angular/forms\";\r\nimport { NotFoundError } from \"../shared/errors/not-found-error\";\r\nimport { IProduct } from \"../shared/interfaces/product.interface\";\r\nimport { orderQtyRequiredValidator } from \"../shared/validators/order-qty-required.validator\";\r\n\r\n@Component({\r\n selector: \"app-product-card\",\r\n templateUrl: \"./product-card.component.html\",\r\n styleUrls: [\"./product-card.component.css\"],\r\n})\r\nexport class ProductCardComponent implements OnInit {\r\n constructor(private _cartService: CartService) {}\r\n\r\n @Input() product: IProduct;\r\n @Input() boxesOrdered: number;\r\n @Input() halfShelvesOrdered: number;\r\n @Input() comments: string;\r\n @Input() fileServerUrl: string;\r\n @Output() addItemToCart = new EventEmitter\r\n Product Total:\r\n {{\r\n getProductTotal(product) | currency: \"USD\":\"symbol\":\"1.2-2\"\r\n }} \r\n
\r\n \r\n \r\n Add To Order\r\n \r\n \r\n Update\r\n \r\n \r\n Remove\r\n \r\n
\r\n \r\n \r\n {{ alert.title }} {{ alert.msg }}\r\n \r\n\r\n \r\n Products\r\n
\r\n \r\n
\r\n
\r\n","import { ProductService } from \"../shared/services/product.service\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\nimport { NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { faFileDownload } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ProductModalComponent } from \"../modals/product-modal/product-modal.component\";\r\nimport { IProduct } from \"../shared/interfaces/product.interface\";\r\n\r\n@Component({\r\n selector: \"app-products\",\r\n templateUrl: \"./products.component.html\",\r\n styleUrls: [\"./products.component.css\"],\r\n})\r\nexport class ProductsComponent implements OnInit {\r\n constructor(\r\n private _productService: ProductService,\r\n private _modalService: NgbModal\r\n ) {}\r\n\r\n public apiUrl: string;\r\n public products: Array\r\n Products\r\n \r\n
\r\n | Category | \r\nName | \r\nDescription | \r\nUPC | \r\nItem No. | \r\nCost (ea.) | \r\nQty / Box | \r\nQty / Half Shelf | \r\nBox Size | \r\nDisplay | \r\nBoxable | \r\nRackable | \r\nAdmin Only | \r\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n | \r\n | \r\n | \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n {{ product.Category?.name }} | \r\n{{ product.name }} | \r\n{{ product.description }} | \r\n{{ product.upc }} | \r\n{{ product.itemNo }} | \r\n{{ product.eachCost | currency: \"USD\":\"symbol\":\"1.2-2\" }} | \r\n{{ product.qtyPerBox }} | \r\n{{ product.qtyPerHalfShelf }} | \r\n{{ product.Box?.size }} | \r\n{{ product.display ? \"Y\" : \"N\" }} | \r\n{{ product.boxable ? \"Y\" : \"N\" }} | \r\n{{ product.rackable ? \"Y\" : \"N\" }} | \r\n{{ product.adminOnly ? \"Y\" : \"N\" }} | \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n Order
\r\n \r\n
\r\n\r\n \r\n 0\"\r\n src=\"{{ rack.RackImages[0].imageUrl }}\"\r\n alt=\"product-image\"\r\n class=\"product-image\"\r\n />\r\n 0)\"\r\n src=\"./assets/img/ic-default-image-green.png\"\r\n alt=\"product-image\"\r\n class=\"product-image\"\r\n />\r\n
\r\n \r\n \r\n {{ rack.name\r\n }}
\r\n\r\n
\r\n \r\n {{ rack.name\r\n }}
\r\n\r\n {{ rack.description }}
\r\n- \r\n
- \r\n \r\n \r\n
- \r\n 0\">{{ racksOrdered }} racks \r\n 0\">in cart \r\n \r\n
- {{ rack.itemNo }} \r\n
\r\n
\r\n
\r\n \r\n\r\n","import { Component, OnInit, Input, Output, EventEmitter } from \"@angular/core\";\r\nimport { IRack } from \"../shared/interfaces/rack.interface\";\r\nimport { FormGroup, FormControl, Validators } from \"@angular/forms\";\r\nimport { CartService } from \"../shared/services/cart.service\";\r\nimport { NotFoundError } from \"../shared/errors/not-found-error\";\r\n\r\n@Component({\r\n selector: \"app-rack-card\",\r\n templateUrl: \"./rack-card.component.html\",\r\n styleUrls: [\"./rack-card.component.css\"],\r\n})\r\nexport class RackCardComponent implements OnInit {\r\n constructor(private _cartService: CartService) {}\r\n\r\n @Input() rack: IRack;\r\n @Input() racksOrdered: number;\r\n @Input() comments: string;\r\n @Input() fileServerUrl: string;\r\n @Output() addRackToCart = new EventEmitter\r\n \r\n Add To Order\r\n \r\n \r\n Update\r\n \r\n \r\n Remove\r\n \r\n
\r\n \r\n \r\n {{ alert.title }} {{ alert.msg }}\r\n \r\n\r\n \r\n Prebuilt Racks\r\n
\r\n \r\n
\r\n
\r\n","import { Component, OnInit } from \"@angular/core\";\r\nimport { RackService } from \"./../shared/services/rack.service\";\r\nimport { IRack } from \"../shared/interfaces/rack.interface\";\r\nimport { faFileDownload } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { RackModalComponent } from \"../modals/rack-modal/rack-modal.component\";\r\n\r\n@Component({\r\n selector: \"app-racks\",\r\n templateUrl: \"./racks.component.html\",\r\n styleUrls: [\"./racks.component.css\"],\r\n})\r\nexport class RacksComponent implements OnInit {\r\n constructor(\r\n private _rackService: RackService,\r\n private _modalService: NgbModal\r\n ) {}\r\n\r\n public racks: Array\r\n Prebuilt Racks\r\n \r\n
\r\n | Name | \r\nDescription | \r\nUPC | \r\nItem No. | \r\nCost (entire rack) | \r\nDisplay | \r\nAdmin Only | \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 {{ rack.name }} | \r\n{{ rack.description }} | \r\n{{ rack.upc }} | \r\n{{ rack.itemNo }} | \r\n{{ rack.eachCost | currency: \"USD\":\"symbol\":\"1.2-2\" }} | \r\n{{ rack.display ? \"Y\" : \"N\" }} | \r\n{{ rack.adminOnly ? \"Y\" : \"N\" }} | \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 0\">\r\n
\r\n","import {\r\n Component,\r\n Input,\r\n OnChanges,\r\n Output,\r\n EventEmitter,\r\n} from \"@angular/core\";\r\nimport { faCheck } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { CartService } from \"./../services/cart.service\";\r\nimport { ICart } from \"../interfaces/cart.interface\";\r\nimport {\r\n MIN_NUM_BOXES,\r\n MIN_ORDER_AMT,\r\n SHELVES_PER_RACK,\r\n} from \"../data/constants\";\r\n\r\n@Component({\r\n selector: \"app-order-requirements\",\r\n templateUrl: \"./order-requirements.component.html\",\r\n styleUrls: [\"./order-requirements.component.css\"],\r\n})\r\nexport class OrderRequirementsComponent implements OnChanges {\r\n @Input() cart: ICart;\r\n @Input() changeCount;\r\n @Output() orderValidityChange = new EventEmitter- \r\n
- \r\n \r\n
\r\n {{\r\n this.minOrderAmt - cart.productTotal\r\n | currency : \"USD\" : \"symbol\" : \"1.2-2\"\r\n }}\r\n more to meet order value minimum\r\n \r\n = this.minOrderAmt\">\r\n \r\n Order Value Minimum Met\r\n \r\n \r\n - 0\">\r\n
\r\n Box Minimum Met\r\n \r\n\r\n \r\n {{\r\n this.minNumBoxes - cart.totalNumOfBoxesFromRegularAndPrebuilt\r\n }}\r\n more boxes needed to meet minimum\r\n \r\n \r\n - 0\">\r\n \r\n
\r\n Rack is Full\r\n 1\"\r\n >{{ cart.rackQtyTotal }} Racks are Full\r\n \r\n 0\">\r\n \r\n {{\r\n this.halfShelvesPerRack -\r\n ((cart.rackQtyTotal * this.halfShelvesPerRack) %\r\n this.halfShelvesPerRack)\r\n }}\r\n more half shelves needed to fill rack\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 No Items Match Your Search Critera
\r\n\n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-support',\n templateUrl: './support.component.html',\n styleUrls: ['./support.component.css']\n})\nexport class SupportComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","Support
\n\n All technical support inquires should be directed to:
orders@popesplantfarm.com\n
\r\n \r\n {{ alert.title }} {{ alert.msg }}\r\n \r\n\r\n \r\n Users
\r\n \r\n
\r\n\r\n
\r\n","import { UserService } from \"../shared/services/user.service\";\r\nimport { Component, OnInit, TemplateRef } from \"@angular/core\";\r\nimport { NgbModal } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { UserModalComponent } from \"../modals/user-modal/user-modal.component\";\r\nimport { faFileDownload } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { IUser } from \"../shared/interfaces/user.interface\";\r\n\r\n@Component({\r\n selector: \"app-users\",\r\n templateUrl: \"./users.component.html\",\r\n styleUrls: [\"./users.component.css\"]\r\n})\r\nexport class UsersComponent implements OnInit {\r\n constructor(\r\n private _userService: UserService,\r\n private _modalService: NgbModal\r\n ) {}\r\n\r\n public users: Array\r\n Users\r\n
\r\n | Role | \r\nCompany | \r\nFirst Name | \r\nLast Name | \r\n|
|---|---|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | {{ user.email }} | \r\n{{ getRoles(user) }} | \r\n{{ user.Company ? user.Company.name : \"\" }} | \r\n{{ user.firstName }} | \r\n{{ user.lastName }} | \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n