@aggdirect/coolmap 2.6.6 → 2.6.8

package/src/lib/component/shared/job-route-list/job-route-list.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { JobRouteListComponent } from './job-route-list.component';
+
+describe('JobRouteListComponent', () => {
+  let component: JobRouteListComponent;
+  let fixture: ComponentFixture<JobRouteListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ JobRouteListComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(JobRouteListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/component/shared/job-route-list/job-route-list.component.ts

@@ -0,0 +1,54 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { CoolmapService, Route, UtilsService } from '@aggdirect/coolmap-services';
+import { map, Observable, startWith } from 'rxjs';
+
+@Component({
+  selector: 'app-job-route-list',
+  templateUrl: './job-route-list.component.html',
+  styleUrls: ['./job-route-list.component.scss']
+})
+export class JobRouteListComponent {
+  @Output() public changeNav = new EventEmitter<string | any>();
+  filteredOptions!: Observable<any[]> | undefined;
+  preventListUpdate: boolean;
+  filterForm = new FormGroup({ search: new FormControl() });
+  filters: any[];
+  @Input() public routes: Route[];
+  @Input() public selectedRoute;
+  @Output() public changeRoutes = new EventEmitter<string | any>();
+  @Output() public changeSelectedRoute = new EventEmitter<string | any>();
+  @Input() public masterRoutes: Route[];
+
+  constructor(public utils: UtilsService, public coolMap: CoolmapService) {
+    this.filters = [];
+    this.filteredOptions = this.filterForm.get('search')?.valueChanges.pipe(startWith(''),
+      map(value => this.utils.filter(value, this.filters)));
+  }
+
+  filterSearch(e: any): void {
+    this.changeNav.emit({ type: 'Addroute' });
+    this.preventListUpdate = true;
+    this.filterForm.controls.search.setValue(null);
+    this.filters = [{ name: e.source.value.label, type: e.source.value.type, value: e.source.value }];
+    const filteredRoutes = this.utils.getSearchResults(this.masterRoutes, [{ name: e.source.value.label, type: e.source.value.type, value: e.source.value }]);
+    this.changeRoutes.emit(filteredRoutes);
+    this.selectedRoute.selected.forEach((item: any) => {
+      const routeData = filteredRoutes.find(x => x.route_id === item.route_id);
+      if (!routeData) {
+        this.selectedRoute.toggle(item);
+        this.changeSelectedRoute.emit(this.selectedRoute);
+        this.coolMap.removeRouteAndMarker(item['route_id']).then((res: any) => {
+          this.coolMap.extendReBound();
+        });
+      }
+    })
+  }
+
+  removeFromFilter(filter: any): void {
+    this.changeNav.emit({ type: 'Addroute' });
+    const index = this.filters.indexOf(filter);
+    if (index >= 0) { this.filters = []; this.changeRoutes.emit(this.masterRoutes); }
+  }
+}
+

package/src/lib/component/shared/jobcode-overview/jobcode-overview.component.html

@@ -0,0 +1,11 @@
+<div class="detail_view m-20">
+    <div class="destination">
+       <div class="duration">
+         <p class="pickprt"><b>{{makeValueObject('pickup_location')['label']}}:</b> {{makeValueObject('pickup_location')['value']}}</p>
+         <p class="dropprt"><b>{{makeValueObject('delivery_location')['label']}}:</b> {{makeValueObject('delivery_location')['value']}}</p>
+       </div>
+       <ng-container *ngFor="let item of label">
+        <span *ngIf="item !== 'pickup_location' && item !== 'delivery_location'" (mousedown)="$event.stopPropagation()"><b>{{makeValueObject(item)['label']}}:</b> {{makeValueObject(item)['value']}}</span>
+       </ng-container>
+     </div>
+

package/src/lib/component/shared/jobcode-overview/jobcode-overview.component.scss

@@ -0,0 +1,13 @@
+@import "../../../../assets/variable.scss";
+
+.detail_view{
+  .destination{
+    .duration{
+    padding: 10px;
+    }
+    span{
+    padding: 5px 0;
+    }
+  }
+}
+

package/src/lib/component/shared/jobcode-overview/jobcode-overview.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { JobcodeOverviewComponent } from './jobcode-overview.component';
+
+describe('JobcodeOverviewComponent', () => {
+  let component: JobcodeOverviewComponent;
+  let fixture: ComponentFixture<JobcodeOverviewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ JobcodeOverviewComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(JobcodeOverviewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/component/shared/jobcode-overview/jobcode-overview.component.ts

@@ -0,0 +1,19 @@
+import { Component, Input } from '@angular/core';
+import { JobCodeOverviewData, JobCodeOverviewEnum } from '@aggdirect/coolmap-services';
+
+@Component({
+  selector: 'app-jobcode-overview',
+  templateUrl: './jobcode-overview.component.html',
+  styleUrls: ['./jobcode-overview.component.scss']
+})
+export class JobcodeOverviewComponent {
+  @Input() public jobValue: any;
+  label = JobCodeOverviewData;
+  overViewEnum: any = JobCodeOverviewEnum;
+  constructor() {}
+  makeValueObject(item: string) {
+    let obj;
+    obj = { label: this.overViewEnum[item], value: this.jobValue[item] }
+    return obj;
+  }
+}

package/src/lib/component/shared/jobcode-status/jobcode-status.component.html

@@ -0,0 +1,5 @@
+<div class="statusprt" *ngIf="jobValue['values']">
+  <span class="done"> Done - {{jobValue['values']['Done']}} </span>
+  <span class="ongoing"> Ongoing - {{jobValue['values']['Ongoing']}} </span>
+  <span class="open"> Open - {{jobValue['values']['Open']}} </span>
+</div>

package/src/lib/component/shared/jobcode-status/jobcode-status.component.scss

@@ -0,0 +1,40 @@
+@import "../../../../assets/variable.scss";
+
+.statusprt {
+  span {
+    padding: 5px 10px;
+    font-size: 0.9rem;
+    margin-left: 0;
+    margin-right: 5px;
+
+    &.done {
+      border: 2px solid #0b843c;
+      color: #0b843c;
+
+      &:hover {
+        background: #0b843c;
+        color: $white;
+      }
+    }
+
+    &.ongoing {
+      border: 2px solid #eecb27;
+      color: #eecb27;
+
+      &:hover {
+        background: #eecb27;
+        color: $white;
+      }
+    }
+
+    &.open {
+      border: 2px solid #12afcb;
+      color: #12afcb;
+
+      &:hover {
+        background: #12afcb;
+        color: $white;
+      }
+    }
+  }
+}

package/src/lib/component/shared/jobcode-status/jobcode-status.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { JobcodeStatusComponent } from './jobcode-status.component';
+
+describe('JobcodeStatusComponent', () => {
+  let component: JobcodeStatusComponent;
+  let fixture: ComponentFixture<JobcodeStatusComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ JobcodeStatusComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(JobcodeStatusComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/component/shared/jobcode-status/jobcode-status.component.ts

@@ -0,0 +1,11 @@
+import { Component, Input } from '@angular/core';
+import { Route } from '@aggdirect/coolmap-services';
+
+@Component({
+  selector: 'app-jobcode-status',
+  templateUrl: './jobcode-status.component.html',
+  styleUrls: ['./jobcode-status.component.scss']
+})
+export class JobcodeStatusComponent {
+  @Input() public jobValue!: Route;
+}

package/src/lib/component/shared/route-info-card/route-info-card.component.html

@@ -0,0 +1,11 @@
+<div [class]="propData['className']">
+  <div class="destination">
+      <div class="duration">
+        <p class="pickprt"><b>Pickup:</b>{{createLabel('pickup_location')['value']}}</p>
+        <p class="dropprt"><b>Delivery:</b>{{createLabel('delivery_location')['value']}}</p>
+      </div>
+      <ng-container *ngFor="let item of cardKeysElement">
+        <span *ngIf="item !== 'pickup_location' && item !== 'delivery_location'" [class.notes]="item === 'note'"><b>{{createLabel(item)['label']}}:</b> {{createLabel(item)['value']}}</span>
+      </ng-container>
+  </div>
+</div>

package/src/lib/component/shared/route-info-card/route-info-card.component.scss

@@ -0,0 +1,50 @@
+.routeCard span {
+  padding: 5px 0;
+  &.notes{
+    max-height: 200px;
+    overflow: auto;
+    white-space: pre-wrap;
+    word-break: break-all;
+  }
+}
+
+.routeCard .duration {
+  padding: 10px;
+}
+
+
+.listRoutecard{
+  .duration{
+    background: #444343;
+    border: 1px solid #918e8e;
+    padding: 10px;
+    color:#fff;
+    b{
+      color: #fff;
+    }
+  }
+  .pickprt, .dropprt {
+    &:before {
+      background: #fff;
+    }
+    b{
+      &:before {
+        background: #fff;
+      }
+    }
+  }
+  span{
+    line-height: 20px;
+    color: #fff;
+    padding: 3px 0;
+    b{
+      color: #fff;
+    }
+    &.notes{
+      max-height: 200px;
+      overflow: auto;
+      white-space: pre-wrap;
+      word-break: break-all;
+    }
+  }
+}

package/src/lib/component/shared/route-info-card/route-info-card.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RouteInfoCardComponent } from './route-info-card.component';
+
+describe('RouteInfoCardComponent', () => {
+  let component: RouteInfoCardComponent;
+  let fixture: ComponentFixture<RouteInfoCardComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ RouteInfoCardComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(RouteInfoCardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/component/shared/route-info-card/route-info-card.component.ts

@@ -0,0 +1,69 @@
+import { Component, Input } from '@angular/core';
+
+interface CardEntity {
+  pickup_location: string,
+  delivery_location: string,
+  route_name: string,
+  customer_name: string,
+  material: string,
+  materialName: string;
+  unit: string,
+  estimated_distance: string,
+  estimated_time: string,
+  trucker_pay_estimate: string,
+  customer_price_estimate: string,
+  note: string,
+}
+
+interface CardPropEntity {
+  className: string,
+  repository: string
+}
+const CardKeysValue = ['route_name', 'customer_name', 'material', 'unit',
+  'estimated_distance', 'estimated_time', 'trucker_pay_estimate', 'customer_price_estimate', 'note', 'pickup_location', 'delivery_location'];
+
+enum CardElements {
+  route_name = 'Name',
+  customer_name = 'Customer',
+  material = 'Material',
+  unit = 'Type',
+  estimated_distance = 'Distance',
+  estimated_time = 'Travel Time',
+  trucker_pay_estimate = 'Trucker Pay Estimate',
+  customer_price_estimate = 'Customer Price Estimate',
+  note = 'Notes',
+  pickup_location = 'Pickup',
+  delivery_location = 'Delivery'
+}
+
+
+@Component({
+  selector: 'lib-route-info-card',
+  templateUrl: './route-info-card.component.html',
+  styleUrls: ['./route-info-card.component.scss']
+})
+export class RouteInfoCardComponent {
+  @Input() popupData: CardEntity;
+  @Input() propData: CardPropEntity;
+  cardKeysElement = CardKeysValue;
+  ngAfterViewInit(): void {
+    if (this.propData['repository'] === 'customer') this.cardKeysElement = this.cardKeysElement.filter(ele => ele !== 'trucker_pay_estimate');
+  }
+  createLabel(itemName) {
+    let obj;
+    if (this.propData['repository'] === 'coolmap') {
+      obj = { label: CardElements[itemName], value: this.popupData[itemName] }
+    }
+    if (this.propData['repository'] === 'customer') {
+      if (itemName === 'material') {
+        obj = { label: CardElements[itemName], value: this.popupData['materialLabel'] }
+      } else {
+        obj = { label: CardElements[itemName], value: this.popupData[itemName] }
+      }
+    }
+    if (itemName === 'trucker_pay_estimate' || itemName === 'customer_price_estimate') {
+      obj['value'] = obj['value'] ? '$' + obj['value'] : '';
+    }
+    return obj;
+  }
+}

package/src/lib/coolmap.module.ts

@@ -0,0 +1,117 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { MapComponent } from './component/map/map.component';
+import { NavComponent } from './component/nav/nav.component';
+
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { MatIconModule } from '@angular/material/icon';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatDialogModule } from '@angular/material/dialog';
+import { CommonModule } from '@angular/common';
+import {MatTooltipModule} from '@angular/material/tooltip';
+import { AddRouteNavComponent } from './component/nav/layout/add-route-nav/add-route-nav.component';
+import { JobCodeNavComponent } from './component/nav/layout/job-code-nav/job-code-nav.component';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatNativeDateModule, MatPseudoCheckboxModule } from '@angular/material/core';
+import { MatButtonModule } from '@angular/material/button';
+import {MatProgressBarModule} from '@angular/material/progress-bar';
+import { RouteJobCodeListComponent } from './component/route-jobcode-list/route-jobcode-list.component';
+import { ViewRouteListCardComponent } from './component/route-jobcode-list/view-route-list-card/view-route-list-card.component';
+import { SmsCardDetailsOverviewComponent } from './component/route-jobcode-list/sms-card-details-overview/sms-card-details-overview.component';
+import { JobCodeListCardComponent } from './component/route-jobcode-list/job-code-list-card/job-code-list-card.component';
+import { JobCodeComponent } from './component/job-code/job-code.component';
+import { JobcodeStatusComponent } from './component/shared/jobcode-status/jobcode-status.component';
+import { JobRouteListComponent } from './component/shared/job-route-list/job-route-list.component';
+import { JobcodeOverviewComponent } from './component/shared/jobcode-overview/jobcode-overview.component';
+import { DialogComponent } from './component/shared/dialog/dialog.component';
+import { AddRouteComponent } from './component/add-route/add-route.component';
+import { EstimationDisplayComponent } from './component/shared/estimation-display/estimation-display.component';
+import { RouteInfoCardComponent } from './component/shared/route-info-card/route-info-card.component';
+import { CoolmapConfigModel } from '@aggdirect/coolmap-services';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+
+
+
+@NgModule({
+  declarations: [
+    MapComponent,
+    NavComponent,
+    AddRouteNavComponent,
+    JobCodeNavComponent,
+    RouteJobCodeListComponent,
+    ViewRouteListCardComponent,
+    SmsCardDetailsOverviewComponent,
+    JobCodeListCardComponent,
+    JobCodeComponent,
+    JobRouteListComponent,
+    JobcodeStatusComponent,
+    JobcodeOverviewComponent,
+    DialogComponent,
+    AddRouteComponent,
+    EstimationDisplayComponent,
+    RouteInfoCardComponent
+  ],
+  imports: [
+    CommonModule,
+    MatSnackBarModule,
+    MatSidenavModule,
+    DragDropModule,
+    FormsModule,
+    MatInputModule,
+    MatSelectModule,
+    MatIconModule,
+    ReactiveFormsModule,
+    MatAutocompleteModule,
+    MatFormFieldModule,
+    MatProgressSpinnerModule,
+    MatChipsModule,
+    MatDialogModule,
+    MatTooltipModule,
+    MatDatepickerModule,
+    MatNativeDateModule,
+    MatPseudoCheckboxModule,
+    MatButtonModule,
+    MatProgressBarModule,
+    ScrollingModule
+  ],
+  exports: [
+    MapComponent,
+    NavComponent,
+    AddRouteNavComponent,
+    JobCodeNavComponent,
+    RouteJobCodeListComponent,
+    ViewRouteListCardComponent,
+    SmsCardDetailsOverviewComponent,
+    JobCodeListCardComponent,
+    JobCodeComponent,
+    JobRouteListComponent,
+    JobcodeStatusComponent,
+    JobcodeOverviewComponent,
+    DialogComponent,
+    AddRouteComponent
+  ],
+  // TODO: entryComponents is no longer supported. Find out if this breaks something
+  // entryComponents: [
+  //   DialogComponent,
+  //   JobCodeComponent,
+  //   AddRouteComponent
+  // ],
+  providers: [
+  ]
+})
+
+export class CoolmapModule {
+  public static forRoot(memberData: CoolmapConfigModel): ModuleWithProviders<CoolmapModule> {
+    return {
+      ngModule: CoolmapModule,
+      providers: [{provide: 'memberData', useValue: memberData}]
+    };
+  }
+}

package/{public-api.d.ts → src/public-api.ts}

@@ -1,8 +1,13 @@
+/*
+ * Public API Surface of coolmap
+ */
+
 export * from './lib/coolmap.module';
 export * from './lib/component/map/map.component';
 export * from './lib/component/nav/nav.component';
 export * from './lib/component/nav/layout/add-route-nav/add-route-nav.component';
 export * from './lib/component/nav/layout/job-code-nav/job-code-nav.component';
+
 export * from './lib/component/route-jobcode-list/route-jobcode-list.component';
 export * from './lib/component/route-jobcode-list/view-route-list-card/view-route-list-card.component';
 export * from './lib/component/route-jobcode-list/sms-card-details-overview/sms-card-details-overview.component';
@@ -13,3 +18,6 @@ export * from './lib/component/shared/jobcode-status/jobcode-status.component';
 export * from './lib/component/shared/job-route-list/job-route-list.component';
 export * from './lib/component/shared/jobcode-overview/jobcode-overview.component';
 export * from './lib/component/shared/dialog/dialog.component';
+
+
+

package/src/test.ts

@@ -0,0 +1,27 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(path: string, deep?: boolean, filter?: RegExp): {
+    <T>(id: string): T;
+    keys(): string[];
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting(),
+);
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().forEach(context);

package/tsconfig.lib.json

@@ -0,0 +1,15 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/esm2022/aggdirect-coolmap.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdnZGlyZWN0LWNvb2xtYXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb29sbWFwL3NyYy9hZ2dkaXJlY3QtY29vbG1hcC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19