@aggdirect/coolmap 0.1.3 → 1.0.0

package/src/lib/component/route-jobcode-list/route-jobcode-list.component.scss

@@ -1,226 +0,0 @@
-@import "../../../assets/variable.scss";
-.driver_iconprt{
-    position: absolute;
-    right: 10px;
-    top: 12px;
-    z-index: 9999;
-   img{
-    width: 25px;
-    height: 25px;
-   }
-}
-.driver_list{
-    background: $white;
-    position: fixed;
-    width: 300px;
-    top: 10px;
-    left: 360px;
-    border-top-left-radius: 20px;
-    border-top-right-radius: 20px;
-    .driver_headingprt{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 0 15px;
-        button{
-            background: none;
-            border: 1px solid #ccc;
-            border-radius: 10px;
-            padding: 5px 20px;
-            &:hover{
-                background: $blue;
-                color: $white;
-            }
-        }
-    }
-    h2{
-        font-size: 20px;
-    }
-    .driverList{
-        height: 300px;
-        overflow: auto;
-        li{
-            display: flex;
-            padding: 10px;
-            align-items: flex-start;
-            cursor: pointer;
-            border-bottom: 1px solid $white;
-            background: #eee;
-            img{
-                width: 35px;
-                height: 35px;
-                border-radius: 100%;
-                margin-right: 10px;
-            }
-            .driver_detail{
-                width: calc(100% - 45px);
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                b{
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    max-width: 135px;
-                    font-size: 0.9rem;
-                }
-                span{
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    max-width: 150px;
-                    font-size: 0.8rem;
-                }
-            }
-        }
-    }
-
-    &:after{
-        height: 10px;
-        background: $white;
-        border-bottom-right-radius: 20px;
-        border-bottom-left-radius: 20px;
-        content: "";
-        position: absolute;
-        bottom: -9px;
-        width: 100%;
-    }
-}
-.smslist{
-    background: $white;
-    position: absolute;
-    width: 480px;
-    top: 0px;
-    left: 105%;
-    border-radius: 20px;
-    padding-bottom: 20px;
-    .heading{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 0 15px;
-    }
-    .detailprt{
-        padding: 0 15px;
-        span{
-            display: flex;
-            margin-bottom: 12px;
-            font-size: 0.8rem;
-            align-items: center;
-            label{
-                font-weight: 600;
-                width: 37%;
-            }
-        }
-        .form_input{
-            display: flex;
-            flex-direction: column;
-            font-size: 0.8rem;
-            button{
-                background: $blue;
-                padding: 10px 18px 10px 18px;
-                color: white;
-                font-size: 0.8125rem;
-                border-radius: 30px;
-                display: flex;
-                align-self: flex-end;
-            }
-        }
-    }
-}
-.closebtn{
-    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
-    border-radius: 100%;
-    width: 30px;
-    height: 30px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    background: #f5f5f5;
-}
-.show_routebtn{
-    font-size: 0.9rem;
-    margin-bottom: 20px;
-    padding: 6px 11px;
-    border-radius: 5%;
-    position: absolute;
-    top: 8px;
-    right: 10px;
-    background-color: transparent;
-    color: $buttoncolor;
-    border: 1px solid $buttoncolor;
-    border-radius: 10px;
-    box-shadow: none;
-    &:hover{
-        background-color: $buttoncolor;
-        color: $white;
-    }
-}
-.cont_del{
-    margin-top: 10px;
-    small{
-        display: block;
-    }
-}
-.jobList{
-    ul {
-        margin: 0 15px 0 10px;
-        width: 100%;
-        li{
-            position: relative;
-            background: $softwhite;
-            padding: 10px 10px;
-            border-radius: 15px;
-            margin-bottom: 5px;
-            border: 1px solid $softwhite;
-            border-left: 3px solid $softwhite;
-            cursor: pointer;
-            height: inherit;
-            @media (min-width:2500px) {
-                height: 7.65vh;
-            }
-            @media (min-width:3300px) {
-                height: 5.61vh;
-            }
-        }
-    }
-}
-.viewroute{
-    ul {
-        margin: 0 15px 0 15px;
-        width: 100%;
-        li{
-            position: relative;
-            background: $softwhite;
-            padding: 7px 10px;
-            border-radius: 15px;
-            margin-bottom: 5px;
-            border: 1px solid $softwhite;
-            border-left: 3px solid $softwhite;
-            cursor: pointer;
-            height: 16.4vh;
-            @media (min-width:1600px) {
-                height: 12.4vh;
-            }
-
-            &.active{
-                border: 1px solid $green;
-                border-left: 3px solid $green;
-            }
-        }
-    }
-}
-.loader{
-    position: absolute;
-    height: 100%;
-    top: 0;
-    left: 0;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: none;
-}
-
-

package/src/lib/component/route-jobcode-list/route-jobcode-list.component.ts

@@ -1,234 +0,0 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
-import { SelectionModel } from '@angular/cdk/collections';
-import { FormControl, Validators } from '@angular/forms';
-import { CoolmapService, Route, UtilsService } from 'coolmap-services';
-
-@Component({
-  selector: 'app-route-jobcode-list',
-  templateUrl: './route-jobcode-list.component.html',
-  styleUrls: ['./route-jobcode-list.component.scss']
-})
-export class RouteJobCodeListComponent implements OnInit, OnChanges {
-  @Input() loader = true;
-  @Input() type: string = '';
-  @Input() data: Route[] = [];
-  @Input() currentNav: string = ''
-  @Output() emitroute = new EventEmitter();
-  @Output() showAllRoute = new EventEmitter();
-  preventMouseout: boolean = false;
-  filterList: Route[] = this.data;
-  @Input() searchTerm!: any;
-  isDriverList: boolean = false;
-  public selectedRoute = new SelectionModel<any>(true, [])
-  driverList!: any;
-  preventListSelect: boolean = false;
-  @Output() clearJobDetailsFromList = new EventEmitter();
-  preventDetailsClose = false;
-  messageLoader: boolean = false;
-  driverMessage = new FormControl('', [Validators.maxLength(256)]);
-  @Input() clearListSeletion: boolean;
-  isSmsList: boolean = false;
-  constructor(private coolMap: CoolmapService, private utils: UtilsService) { this.driverList = [] }
-  ngOnInit(): void {
-    this.utils.getpreVentJobdetailclose.subscribe(res => { this.preventDetailsClose = res });
-    this.utils.removeMapEntityUtility.subscribe((res: Route) => {this.passRoute(res)});
-  }
-  passRoute(job: Route) {
-    this.data.forEach((each) => { if (each['route_id'] !== job['route_id']) { each['isActive'] = false } else { each['isActive'] = true } });
-    if (this.type == 'addroute') this.filterList.forEach(ele => this.coolMap.filterRoute(ele['route_id'], 'none'));
-  }
-  selectRoute(route: any) {
-    if (!this.preventListSelect) {
-      this.preventListSelect = true;
-      this.selectedRoute.toggle(route);
-      this.clearJobDetailsFromList.emit(true);
-      this.utils.preVentJobdetailclose.next(false);
-      this.filterList.forEach(ele => this.coolMap.filterRoute(ele['job_id'], 'none'));
-      this.clearList();
-      this.selectedRoute.selected.forEach((ele, index) => {
-        this.coolMap.filterRoute(ele['job_id'], 'visible', ((this.selectedRoute.selected.length - 1) === index)).then(() => {
-          this.preventListSelect = false;
-        })
-      });
-      if (!this.selectedRoute.selected.length) {
-        this.preventListSelect = false
-        this.data.forEach(ele => this.coolMap.filterRoute(ele['job_id'], 'visible'));
-      };
-    }
-  }
-  checkroutes(route: Route) {
-    const selectedRoute = this.selectedRoute.selected;
-    this.filterList = this.filterList.map(ele => { ele['isSelected'] = false; return ele })
-    if (selectedRoute.length > 0) {
-      selectedRoute.forEach(ele => {
-        if (route['order_number'] === ele['order_number']) { ele['isSelected'] = true }
-      });
-    } return route
-  }
-  ngOnChanges(changes: SimpleChanges) {
-    setTimeout(() => {
-      if (this.currentNav === 'Addroute' && (this.data.length < this.filterList.length)) {
-        const index = this.filterList.findIndex(ele => ele.isActive);
-        if (index > 0) this.filterList[index].isActive = false;
-        this.data.forEach((ele: Route, indexForData: number) => {
-          const id = (ele['job_id'] ? ele['job_id'] : ele['route_id'])
-          this.coolMap.plotRoute(ele, id, this.type, false, (indexForData === (this.data.length - 1))).then((res) => {
-          });
-        });
-      }
-    }, 500);
-    if (changes['data'] && changes['data']['currentValue']) {
-      this.filterList = changes['data']['currentValue'];
-      if (this.searchTerm) {
-        if (this.searchTerm.length > 0) {
-
-          this.data = this.utils.getSearchResults(changes['data']['currentValue'], this.searchTerm);
-          this.filterList = this.data;
-        } else {
-          this.filterList = changes['data']['currentValue'];
-        }
-      }
-
-      if (this.type === 'jobcode') {
-        this.loader = true; this.clearList();
-        if (this.filterList.length === 0) this.loader = false;
-      }
-
-      if (this.type !== 'jobcode') {
-        if (changes['data']['previousValue'] && this.currentNav === 'addForm') {
-          const activeRoute = changes['data']['previousValue'].find((ele: Route) => ele.isActive);
-          if (activeRoute) {
-            this.filterList.map((item: any) => {
-              if (item.route_id === activeRoute.route_id) {
-                item.isActive = true;
-              }
-            })
-          }
-        }
-      }
-      if (changes['data']['previousValue'] && this.currentNav !== 'addForm') {
-        this.coolMap.removeJobFromMap(changes['data']['previousValue']);
-        this.selectedRoute.clear();
-      };
-      if (this.currentNav !== 'addForm') {
-        changes['data']['currentValue'].forEach((ele: Route, indexForData: number) => {
-          const id = (ele['job_id'] ? ele['job_id'] : ele['route_id'])
-          this.coolMap.plotRoute(ele, id, this.type, false, (indexForData === (this.data.length - 1))).then((res) => {
-            if (indexForData === (this.data.length - 1)) {
-              this.loader = false;
-              this.utils.preventnavChange.next(true);
-            }
-          });
-        });
-      }
-    }
-    if (changes['searchTerm']) {
-      if (this.filterList) {
-        this.data = this.filterList;
-        this.clearList();
-        if (changes['searchTerm']['currentValue'].length > 0) {
-          this.coolMap.removeRouteAndMarker(1);
-          this.data = this.utils.getSearchResults(this.data, changes['searchTerm']['currentValue']);
-        } else { this.data = this.filterList; }
-        setTimeout(() => {
-          this.coolMap.clearBoundWithCordinates();
-          if (this.currentNav !== 'addForm' && !this.selectedRoute['selected'].length) {
-            this.coolMap.removeRouteAndMarker(1);
-            this.toggleFilterRoute(this.filterList);
-          }
-        }, 500);
-        if (this.currentNav !== 'addForm' && this.selectedRoute['selected'].length) {
-          if (this.data && this.data.length > 0) {
-            this.clearList();
-            this.clearJobDetailsFromList.emit(true)
-            this.coolMap.removeJobFromMap(this.selectedRoute.selected);
-            setTimeout(() => {
-              this.data.forEach((ele, indexForData) => {
-                this.coolMap.plotRoute(ele, ele['job_id'], this.type, false, (indexForData === (this.data.length - 1))).then(() => {
-                  if (indexForData === (this.data.length - 1)) { this.loader = false; this.utils.preventnavChange.next(true) }
-                  if (this.selectedRoute['selected'].length && this.selectedRoute['selected'][0]['job_id'] === ele['job_id']) {
-                    this.selectedRoute.clear()
-                  }
-                });
-              })
-            }, 500);
-          }
-        }
-      }
-    }
-  }
-  showRoute() {
-    this.utils.preventnavChange.next(false);
-    this.loader = true; this.clearList();
-    this.showAllRoute.emit(true);
-    if (this.filterList && this.filterList.length > 0) {
-      this.coolMap.removeJobFromMap(this.selectedRoute.selected);
-      setTimeout(() => {
-        this.filterList.forEach((ele, indexForData) => {
-          this.coolMap.plotRoute(ele, ele['job_id'], this.type, false, (indexForData === this.filterList.length - 1)).then(() => {
-            if (indexForData === this.filterList.length - 1) { this.loader = false; this.utils.preventnavChange.next(true) }
-            if (this.selectedRoute['selected'].length && this.selectedRoute['selected'][0]['job_id'] === ele['job_id']) {
-              this.selectedRoute.clear();
-            }
-          });
-        })
-      }, 500);
-    }
-  }
-  toggleDrivermenu(event: any) {
-    const mouseevntType = event.mouseevntType; let route = event.route;
-    const isHoverOut = event.isHoverOut;
-    if(typeof(mouseevntType) === 'string') {if(this.preventMouseout){this.isDriverList = !this.isDriverList}; this.preventMouseout = true}
-    if (typeof(mouseevntType) === 'boolean' &&!mouseevntType && !this.preventMouseout) { this.isDriverList = mouseevntType };
-    if (typeof(mouseevntType) === 'boolean' && mouseevntType && !this.preventMouseout) { this.isDriverList = mouseevntType };
-    if(this.preventMouseout && !this.isDriverList) this.preventMouseout = false;
-    if (isHoverOut) {
-      if (this.preventMouseout) {
-        route = this.utils.getdictValue('driver-details');
-        this.driverList = route;
-      }
-      if (!this.preventMouseout) {
-        this.driverList = route
-      }
-    } else {
-      this.driverList = route
-    }
-  }
-  visiblesection(value: string) { if (this.type === value) { return true } else return false }
-  toggleFilterRoute(filterList: Route[]) {
-    filterList.forEach((ele) => {
-      const filterItem = (this.type === 'jobcode') ? 'job_id' : 'route_id';
-      const index = this.data.findIndex((ele1) => { return (ele1[`${filterItem}`] === ele[`${filterItem}`]) });
-      const id = (ele['job_id'] ? ele['job_id'] : ele['route_id']);
-      if (id && index < 0) this.coolMap.filterRoute(id, 'none');
-      if (id && index >= 0) {
-        this.data[index].isActive = false;
-        this.coolMap.filterRoute(id, 'visible');
-        this.coolMap.extendBound(ele['path'], (index === (this.data.length - 1)));
-      };
-    });
-  }
-  clearList() {
-    this.isDriverList = false; this.driverList = null; this.preventMouseout = false; this.isSmsList = false;
-  }
-  sendMessage() {
-    this.messageLoader = true
-    if (this.driverMessage.valid) {
-      const data = {
-        order_number: this.driverList['order_number'],
-        date: this.driverList['date'],
-        message: this.driverMessage.value,
-      }
-      this.utils.postdata('coolmap/jobs_report_chat', data).subscribe((res: any) => {
-        if (res['data']['status'] === 'Success.') {
-          this.messageLoader = false;
-          this.driverMessage.reset();
-          this.utils.openSnackBar('Message Sent', 'success');
-        } else {
-          this.messageLoader = false;
-          this.utils.openSnackBar('Message not sent', 'error');
-        }
-      }, err => {if(err) {this.messageLoader = false}})
-    }
- }
-}

package/src/lib/component/route-jobcode-list/sms-card-details-overview/sms-card-details-overview.component.html

@@ -1,7 +0,0 @@
-<ng-container *ngFor="let item of label">
-  <span>
-    <label>{{overViewEnum[item]}}</label>
-    <ng-container *ngIf="item !== 'values'">{{jobValue[item] ? jobValue[item] : 'N/A'}}</ng-container>
-    <ng-container *ngIf="item === 'values'">{{jobValue[item]['Done'] + jobValue[item]['Ongoing'] + jobValue[item]['Open']}}</ng-container>
-  </span>
-</ng-container>

package/src/lib/component/route-jobcode-list/sms-card-details-overview/sms-card-details-overview.component.scss

@@ -1,10 +0,0 @@
-span{
-  display: flex;
-  margin-bottom: 12px;
-  font-size: 0.8rem;
-  align-items: center;
-  label{
-      font-weight: 600;
-      width: 37%;
-  }
-}

package/src/lib/component/route-jobcode-list/sms-card-details-overview/sms-card-details-overview.component.spec.ts

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

package/src/lib/component/route-jobcode-list/sms-card-details-overview/sms-card-details-overview.component.ts

@@ -1,15 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { DriverSmsCardEnum, DriversmsCardKey } from 'coolmap-services';
-
-@Component({
-  selector: 'app-sms-card-details-overview',
-  templateUrl: './sms-card-details-overview.component.html',
-  styleUrls: ['./sms-card-details-overview.component.scss']
-})
-export class SmsCardDetailsOverviewComponent {
-  @Input() jobValue: any;
-  label = DriversmsCardKey;
-  overViewEnum: any = DriverSmsCardEnum;
-  constructor() { }
-
-}

package/src/lib/component/route-jobcode-list/view-route-list-card/view-route-list-card.component.html

@@ -1,30 +0,0 @@
-<div class="routebox">
-  <span>
-    <mat-icon>directions</mat-icon>
-    <h2 [ngClass]="{'routeheading': route['route_name']}">
-      {{route['route_name']}}
-    </h2>
-  </span>
-  <h3>{{route['customer_name']}} | {{route['material']}}</h3>
-
-  <div class="pickdropprt">
-    <div class="pickprt">
-      <b>
-        <h4>{{route['pickup_location']}}</h4>
-      </b>
-    </div>
-    <div class="dropprt">
-      <b>
-        <h4>{{route['delivery_location']}}</h4>
-      </b>
-    </div>
-  </div>
-  <div class="infoicon" (click)="detailsDict('click', route)" (mouseover)="detailsDict(true, route)"
-    (mouseleave)="detailsDict(false, route)">
-    <img src="assets/images/info_icon.png" [alt]="" />
-  </div>
-  <div class="status routestatus" [ngClass]="route['unit']">{{route['unit']}}</div>
-</div>
-
-
-