@aggdirect/coolmap 2.9.8 → 3.0.0

package/src/lib/component/add-route/add-route.component.html

@@ -1,172 +0,0 @@
-<div class="addroutebox">
-  <div class="routedetailbox" *ngIf="enablePopUp">
-    <div class="closebtnroutedetail">
-      <mat-icon (click)="prevantPopupClose = false; enablePopUp = false;">clear</mat-icon>
-    </div>
-      <lib-route-info-card [propData]="{className: 'routeCard', repository: config['repository']}" [popupData]="popupDetails"></lib-route-info-card>
-    <div class="createTxt">
-      <small>
-        Created by {{popupDetails['created_by_name']}} on {{popupDetails['created_at']}}
-      </small>
-      <button class="editbtn" (click)="editEvent()">Edit</button>
-    </div>
-  </div>
-  <div class="add_add_route_box" cdkDrag [style.visibility]="!enableForm ? 'hidden' : 'visible'">
-    <div class="topheadingprt">
-      <h2> {{routeId? 'EDIT' : 'ADD'}} ROUTE </h2>
-      <div class="buttonprt">
-        <button *ngIf="routeId" class="delbtn" (click)="openDialog()">Delete</button>
-        <button mat-raised-button type="submit" class="closebtn" (click)="changeNav.next('Addroute')">Close</button>
-      </div>
-    </div>
-    <form [formGroup]="addRouteForm">
-      <div class="route_form_area">
-        <div class="col-6">
-          <mat-form-field>
-            <mat-label>Route Name</mat-label>
-            <input matInput formControlName="route_name" autocomplete="nope" (mousedown)="$event.stopPropagation()">
-            <mat-error *ngIf="addRouteForm.controls['route_name'].hasError('required')">
-              Route Name is required
-            </mat-error>
-          </mat-form-field>
-        </div>
-        <div class="col-6">
-          <mat-form-field>
-            <mat-label>Customer name</mat-label>
-            <input type="text" placeholder="Customer Name" matInput formControlName="customer_name" [matAutocomplete]="auto" (mousedown)="$event.stopPropagation()">
-            <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
-              <mat-option *ngFor="let customer of customersList$ | async" [value]="customer['customer_name']">
-                {{customer['customer_name']}}
-              </mat-option>
-            </mat-autocomplete>
-            <mat-error *ngIf="addRouteForm.controls['customer_name'].hasError('required')">
-              Customer name is required.
-            </mat-error>
-          </mat-form-field>
-        </div>
-        <div class="col-6">
-          <div class="wrap-box">
-            @if (config.repository === 'coolmap') {
-              <lib-searchoptiongroup
-              [searchConfig]="{form: addRouteForm, controlname: 'pickUpSearchOption'}"
-              (onUpdatePickUpSearchOption)="updatePickUpField()"/>
-            }
-            <div class="col-12">
-              <mat-form-field [style.display]="isSystemPickup ? 'block' : 'none'">
-                <mat-label>Pickup</mat-label>
-                  <input type="text"
-                  placeholder="Search..." matInput formControlName="pickup_location"
-                  (mousedown)="$event.stopPropagation()" [matAutocomplete]="autopickUpList"
-                  id="pickup_system_location">
-                  <mat-autocomplete #autopickUpList="matAutocomplete" class="list_panel">
-                    <mat-option *ngFor="let name of pickupOptions | async"
-                      (onSelectionChange)="patchAddressValue(name, 'pickup')">
-                      {{ name.formatted_address }}
-                    </mat-option>
-                  </mat-autocomplete>
-                <mat-error
-                *ngIf="addRouteForm.controls['pickup_lat_lng'].touched && addRouteForm.controls['pickup_lat_lng'].hasError('required')">
-                Please select pickup location from the list.
-              </mat-error>
-              </mat-form-field>
-              <mat-form-field [style.display]="isSystemPickup ? 'none' : 'block'">
-                <mat-label>Pickup</mat-label>
-                <input type="text"
-                placeholder="Search..." matInput 
-                formControlName="pickup_location"
-                (mousedown)="$event.stopPropagation()"
-                #filterPickup id="pickup_google_location">
-                <mat-error
-                *ngIf="addRouteForm.controls['pickup_lat_lng'].touched && addRouteForm.controls['pickup_lat_lng'].hasError('required')">
-                Please select pickup location from the list.
-              </mat-error>
-              </mat-form-field>
-            </div>
-          </div>
-        </div>
-        <div class="col-6">
-          <div class="wrap-box">
-            @if (config.repository === 'coolmap') {
-              <lib-searchoptiongroup 
-              [searchConfig]="{form: addRouteForm, controlname: 'deliverySearchOtption'}"
-              (onUpdatePickUpSearchOption)="updateDeliveryField()"/>
-            }
-            <div class="col-12">
-            <mat-form-field [style.display]="isSystemDelivery ? 'none' : 'block'">
-              <mat-label>Delivery</mat-label>
-              <div>
-                <input type="text"
-                placeholder="Search..."
-                matInput #filterDelivery
-                formControlName="delivery_location"
-                (mousedown)="$event.stopPropagation()"
-                id="delivery_google_location">
-              </div>
-              <mat-error *ngIf="addRouteForm.controls['delivery_lat_lng'].touched && addRouteForm.controls['delivery_lat_lng'].hasError('required')">
-                Please select delivery location from the list.
-              </mat-error>
-            </mat-form-field>
-            <mat-form-field [style.display]="isSystemDelivery ? 'block' : 'none'">
-              <mat-label>Delivery</mat-label>
-              <div>
-                <input type="text" placeholder="Search..." matInput formControlName="delivery_location"
-                (mousedown)="$event.stopPropagation()" [matAutocomplete]="autoDeliveryList"
-                id="delivery_system_location">
-                <mat-autocomplete #autoDeliveryList="matAutocomplete" class="list_panel">
-                  <mat-option *ngFor="let name of deliveryOptions | async"
-                    (onSelectionChange)="patchAddressValue(name, 'delivery')">
-                    {{ name.formatted_address }}
-                  </mat-option>
-                </mat-autocomplete>
-              </div>
-              <mat-error *ngIf="addRouteForm.controls['delivery_lat_lng'].touched && addRouteForm.controls['delivery_lat_lng'].hasError('required')">
-                Please select delivery location from the list.
-              </mat-error>
-            </mat-form-field>
-            </div>
-          </div>
-        </div>
-        <div class="col-6">
-          <mat-form-field>
-            <mat-label>Notes</mat-label>
-            <textarea style="height: 18px; resize: none;" matInput name="" id="" cols="30" rows="10" formControlName="note" autocomplete="nope" (mousedown)="$event.stopPropagation()"></textarea>
-            <mat-error *ngIf="addRouteForm.controls['note'].hasError('maxlength')">
-              Notes should be within 2048 characters.
-            </mat-error>
-          </mat-form-field>
-        </div>
-
-        <div class="col-6 d-flex">
-          <div class="inputbox m-0">
-            <mat-form-field>
-              <mat-label>Unit type</mat-label>
-              <mat-select formControlName="unit_id" (selectionChange)="checkAndFetchRouteInformation()" (mousedown)="$event.stopPropagation()">
-                <mat-option *ngFor="let unit of unitsList" [value]="unit?.id"> {{unit?.type}} </mat-option>
-              </mat-select>
-              <mat-error *ngIf="addRouteForm.controls['unit_id'].hasError('required')">
-                Unit is required
-              </mat-error>
-            </mat-form-field>
-          </div>
-        </div>
-        <div class="col-6">
-          <app-estimation-display *ngIf="addRouteForm?.value?.pickup_lat_lng && addRouteForm?.value?.delivery_lat_lng" [value]="addRouteForm['value']"></app-estimation-display>
-        </div>
-        <div class="col-6" *ngIf="addRouteForm['value']['trucker_pay_estimate'] && addRouteForm['value']['customer_price_estimate']">
-          <span *ngIf="config['repository'] !== 'customer'" class="estimate" (mousedown)="$event.stopPropagation()">
-            Trucker Pay Estimate - <b>{{'$'+ addRouteForm['value']['trucker_pay_estimate']}}</b>
-          </span>
-          <span class="estimate" (mousedown)="$event.stopPropagation()">
-            Customer Price Estimate - <b>{{'$'+ addRouteForm['value']['customer_price_estimate']}}</b>
-          </span>
-        </div>
-        <button mat-raised-button type="submit" (click)="saveRoute()" *ngIf="preventSave"
-          [disabled]="addRouteForm.invalid && preventSave || preventInitialSave">{{routeId? 'Update' : 'Save'}}
-        </button>
-        <div class="loader">
-          <mat-spinner *ngIf="!preventSave"></mat-spinner>
-        </div>
-      </div>
-    </form>
-  </div>
-</div>

package/src/lib/component/add-route/add-route.component.scss

@@ -1,243 +0,0 @@
-@import "../../../assets/variable.scss";
-.addroutebox{
-  width: calc(100% - 340px);
-  position: absolute;
-  left: 320px;
-  bottom: 10px;
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-
-  .routedetailbox{
-    max-width: 300px;
-    padding: 10px;
-    background-color: #fff;
-    border-radius: 20px;
-    margin-right: 20px;
-    @media (min-width:1600px) {
-      max-width: 280px;
-    }
-  }
-  .editbtn{
-    background: #326ad3;
-    padding: 10px 25px 10px 25px;
-    color: white;
-    font-size: 0.8125rem;
-    border-radius: 30px;
-    float: right;
-  }
-}
-.add_add_route_box {
-  background: $white;
-  padding: 10px 20px;
-  border-radius: 20px;
-  box-shadow: 2px 4px 4px 2px rgb(0 0 0 / 14%);
-  // height: 370px;
-  width: 100%;
-  position: relative;
-  cursor: move;
-
-  .route_form_area {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    .col-6 {
-      width: 48%;
-      margin-top: 10px;
-      justify-content: space-between;
-      .inputbox {
-        width: 47%;
-      }
-      span {
-        font-size: 0.875rem;
-      }
-    }
-    button {
-      background: $blue;
-      padding: 0px 18px;
-      color: $white;
-      font-size: 0.8125rem;
-      border-radius: 30px;
-      position: absolute;
-      right: 18px;
-      top: 20px;
-      height: 35px;
-    }
-  }
-}
-.closebtn{
-  background: $black;
-  color: $white;
-  border-radius: 30px;
-  padding: 0px 18px;
-  margin-left: 10px;
-  height: 35px;
-}
-.delbtn{
-  background:red;
-  color: $white;
-  border-radius: 30px;
-  padding: 10px 18px 10px 18px;
-}
-.add_route_listingpart {
-  .listing_toggle {
-    background: $white;
-    border-radius: 15px;
-    padding: 8px 10px;
-    position: absolute;
-    right: 10px;
-    top: 30px;
-    cursor: pointer;
-  }
-}
-.listing_box {
-  background: #282828;
-  height: 100vh;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 1111;
-  box-shadow: -3px 0px 5px 0px rgba(255, 255, 255, 0.08);
-  transition: 0.5s;
-  -webkit-transition: 0.5s;
-  transition: 0.5s;
-  -webkit-transition: 0.5s;
-  -moz-transition: 0.5s;
-  width: 0;
-  border-radius: 40px 0px 0px 40px;
-  opacity: 0;
-  .closebtn {
-    display: none;
-  }
-}
-.show {
-  .listing_box {
-    width: 250px;
-    max-width: 250px;
-    -webkit-box-flex: 0;
-    flex: 0 0 250px;
-    transition: 0.5s;
-    -webkit-transition: 0.5s;
-    transition: 0.5s;
-    -webkit-transition: 0.5s;
-    -moz-transition: 0.5s;
-    padding: 40px 0px 40px 20px;
-    opacity: 1;
-    @media (min-width:1600px) {
-      width: 320px;
-      max-width: 320px;
-      -webkit-box-flex: 0;
-      flex: 0 0 320px;
-    }
-    h2 {
-      color: $white;
-      white-space: nowrap;
-    }
-    ul {
-      padding: 0 20px 0 0;
-      li {
-        background: #4a4a4a;
-        padding: 15px;
-        border-radius: 15px;
-        display: flex;
-        margin-bottom: 15px;
-        .companayIcon {
-          width: 40px;
-          height: 40px;
-          border-radius: 10px;
-          background: $white;
-          margin-right: 10px;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
-        .company_cont {
-          width: calc(100% - 50px);
-          h3 {
-            color: $white;
-            font-size: 15px;
-            font-weight: normal;
-            margin: 0;
-            text-overflow: ellipsis;
-            max-width: 129px;
-            -webkit-box-orient: vertical;
-            white-space: nowrap;
-            overflow: hidden;
-            @media (min-width:1600px) {
-              max-width: 170px;
-            }
-          }
-          p {
-            color: #bcbcbc;
-            font-size: 12px;
-            margin: 5px 0;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            -webkit-line-clamp: 2;
-            -webkit-box-orient: vertical;
-            line-height: 16px;
-          }
-        }
-      }
-    }
-  }
-  .closebtn {
-    position: absolute;
-    left: -33px;
-    top: 50px;
-    background: #282828;
-    color: $white;
-    padding: 8px;
-    border-top-left-radius: 15px;
-    border-bottom-left-radius: 15px;
-    cursor: pointer;
-    box-shadow: -4px 2px 5px 0px rgba(255, 255, 255, 0.08);
-    display: block;
-  }
-}
-.loader{
-    position: absolute;
-    width: 95%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    pointer-events: none;
-}
-.buttonprt{
-  margin-right: 83px;
-}
-
-.closebtnroutedetail{
-  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: #fff;
-  position: absolute;
-  top: -11px;
-  left: -11px;
-}
-.routenotes{
-  max-height: 170px;
-  overflow: auto;
-}
-.estimate{
-  margin-right: 20px;
-  font-size: 0.7rem;
-  @media (min-width:1600px) {
-      font-size: 0.95rem;
-  }
-}
-.wrap-box{
-    background: #F3F3F3;
-    padding: 10px 20px;
-    border-radius: 15px;
-    border: 1px solid #dadada;
-    margin-bottom: 20px;
-}

package/src/lib/component/add-route/add-route.component.spec.ts

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