@aggdirect/coolmap 1.0.3 → 1.0.4

package/esm2020/lib/component/route-jobcode-list/job-code-list-card/job-code-list-card.component.mjs

@@ -1,68 +1,68 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "coolmap-services";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/tooltip";
-export class JobCodeListCardComponent {
-    constructor(utils) {
-        this.utils = utils;
-        this.routeSeletion = new EventEmitter();
-        this.toggleDrivermenu = new EventEmitter();
-    }
-    selectRoute(route) { this.routeSeletion.emit(route); }
-    toggleDriverlist(mouseevntType, route, isHoverOut) {
-        const data = { mouseevntType, route, isHoverOut };
-        this.toggleDrivermenu.emit(data);
-        if (mouseevntType === 'click')
-            this.utils.setdictValue('driver-details', JSON.stringify(this.route));
-    }
-    toggleJobCodeDetails(mouseEventType, route) {
-        if (mouseEventType) {
-            route['type'] = 'jobcode';
-            this.emitJobdetails.emitroute.emit(route);
-        }
-        else if (!mouseEventType && this.preventCloseDetails) {
-            route = this.utils.getdictValue('route-details');
-            route['type'] = 'jobcode';
-            this.emitJobdetails.emitroute.emit(route);
-        }
-        else if (!mouseEventType && !this.preventCloseDetails)
-            this.emitJobdetails.clearJobDetailsFromList.emit(true);
-    }
-    calculateStatusPercentage(type, route) {
-        const total = route['Done'] + route['Ongoing'] + route['Open'];
-        if (type === 'done') {
-            return Math.round((100 * route['Done']) / total);
-        }
-        else if (type === 'ongoing') {
-            return Math.round((100 * route['Ongoing']) / total);
-        }
-        else if (type === 'open') {
-            return Math.round((100 * route['Open']) / total);
-        }
-        else {
-            return null;
-        }
-    }
-    setRouteItem() {
-        this.utils.preVentJobdetailclose.next(true);
-        this.utils.setdictValue('route-details', JSON.stringify(this.route));
-    }
-}
-JobCodeListCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: JobCodeListCardComponent, deps: [{ token: i1.UtilsService }], target: i0.ɵɵFactoryTarget.Component });
-JobCodeListCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: JobCodeListCardComponent, selector: "app-job-code-list-card", inputs: { route: "route", emitJobdetails: "emitJobdetails", preventCloseDetails: "preventCloseDetails" }, outputs: { routeSeletion: "routeSeletion", toggleDrivermenu: "toggleDrivermenu" }, ngImport: i0, template: "<div class=\"innerbox\">\n  <div class=\"inputarea\">\n    <input type=\"checkbox\" name=\"selectroute\" [checked]=\"route['isSelected']\" (change)=\"$event ? selectRoute(route) : null\" />\n    <label>&nbsp;</label>\n    <div class=\"border\"></div>\n  </div>\n  <div class=\"job_intro\">\n    <div class=\"heading\">\n      <h2>\n        {{route['order_number'] ? route['order_number'] : ''}}\n      </h2>\n      |\n      <span>\n        {{route['customer_name']}}\n      </span>\n      |\n      <span>\n        {{route['project']}}\n      </span>\n    </div>\n    <div class=\"destinationprt\">\n      <span style=\"padding-left: 0;\">\n        {{route['pickup_location']}}\n      </span>\n      <b>></b>\n      <span>\n        {{route['delivery_location']}}\n      </span>\n    </div>\n    <div class=\"mat_cat\">\n      <span>\n        {{route['material']}}\n      </span>\n    </div>\n\n    <div class=\"statusbar\">\n      <div class=\"status_percent\">\n        <span class=\"done\" [style]=\"'width:'+calculateStatusPercentage('done',route['values'])+'%'\"></span>\n        <span class=\"ongoing\" [style]=\"'width:'+calculateStatusPercentage('ongoing', route['values'])+'%'\"> </span>\n        <span class=\"open\" [style]=\"'width:'+calculateStatusPercentage('open', route['values'])+'%'\"> </span>\n      </div>\n    </div>\n  </div>\n  <div class=\"statusarea\">\n    <div class=\"statusunit\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n    <div class=\"driver_icon\" (mouseover)=\"toggleDriverlist(true, route)\" (mouseout)=\"toggleDriverlist(false, route, true)\"\n      mat-raised-button #tooltip=\"matTooltip\" matTooltip=\"Click on icon to show the driver list\" matTooltipPosition=\"above\"\n      (click)=\"toggleDriverlist('click', route)\">\n      <img src=\"assets/images/driver_icon.png\" [alt]=\"\" />\n    </div>\n    <div class=\"infoicon\" (click)=\"setRouteItem()\" (mouseover)=\"toggleJobCodeDetails(true, route)\"\n      (mouseout)=\"toggleJobCodeDetails(false, route)\">\n      <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n    </div>\n  </div>\n</div>\n", styles: [".innerbox{display:flex;justify-content:space-between}.innerbox .inputarea{display:flex;align-items:center;width:6%}.innerbox .inputarea input[type=checkbox]{width:100%;height:100%;margin-right:10px;opacity:0;position:absolute;left:0;margin-left:0;top:0;z-index:3;cursor:pointer}.innerbox .inputarea input[type=checkbox]:checked+label{background:url(../../../../../assets/images/fill-radio.png) 10px 11px no-repeat}.innerbox .inputarea label{background:url(../../../../../assets/images/blank-radio.png) 10px 11px no-repeat;width:100%;position:relative;z-index:2;font-size:12px;color:#878787;height:100%;position:absolute;top:0;left:0}.innerbox .inputarea .border{position:absolute;width:100%;height:100%;left:0;right:0;top:-1px;border-radius:15px}.innerbox .inputarea input:checked~.border{border-left:3px solid #39c471;border-right:1px solid #39c471;border-top:1px solid #39c471;border-bottom:1px solid #39c471}.innerbox .inputarea h2{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:214px;padding-left:16px;margin-bottom:5px;margin-top:0}.innerbox .job_intro{width:80%}.innerbox .job_intro .heading{display:flex;font-size:.8rem}.innerbox .job_intro .heading h2{margin:0 4px 0 0;font-size:.8rem}.innerbox .job_intro .heading span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;padding:0 3px;display:block}.innerbox .job_intro .destinationprt{display:flex;margin-top:10px;font-size:.8rem}.innerbox .job_intro .destinationprt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:132px;padding:0 5px;display:block}.innerbox .job_intro .mat_cat{margin-top:10px;font-size:.8rem}.innerbox .job_intro .statusbar{width:100%;position:relative;height:5px;margin-top:10px}.innerbox .job_intro .statusbar .status_percent{position:absolute;left:0;display:flex;width:100%;height:100%}.innerbox .job_intro .statusbar .status_percent span{display:block}.innerbox .job_intro .statusbar .status_percent .done{background:#008000}.innerbox .job_intro .statusbar .status_percent .ongoing{background:#ffcc00}.innerbox .job_intro .statusbar .status_percent .open{background:#bfbfbf}.innerbox .statusarea{display:flex;flex-direction:column;align-items:center;width:10%}.innerbox .statusarea .statusunit{border-radius:30px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;width:20px;height:20px;text-align:center;line-height:20px}.innerbox .statusarea .statusunit:first-letter{font-size:.8rem}.innerbox .statusarea .statusunit.routestatus{right:10px}.innerbox .statusarea .statusunit.Ton{background:#39c471}.innerbox .statusarea .statusunit.Load{background:#326ad3}.innerbox .statusarea .statusunit.Hourly{background:#ffad56}.innerbox .statusarea .driver_icon,.innerbox .statusarea .infoicon{z-index:9999}.innerbox .statusarea .driver_icon img,.innerbox .statusarea .infoicon img{width:20px;height:20px}.innerbox .statusarea .driver_icon{margin:5px 0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: JobCodeListCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-job-code-list-card', template: "<div class=\"innerbox\">\n  <div class=\"inputarea\">\n    <input type=\"checkbox\" name=\"selectroute\" [checked]=\"route['isSelected']\" (change)=\"$event ? selectRoute(route) : null\" />\n    <label>&nbsp;</label>\n    <div class=\"border\"></div>\n  </div>\n  <div class=\"job_intro\">\n    <div class=\"heading\">\n      <h2>\n        {{route['order_number'] ? route['order_number'] : ''}}\n      </h2>\n      |\n      <span>\n        {{route['customer_name']}}\n      </span>\n      |\n      <span>\n        {{route['project']}}\n      </span>\n    </div>\n    <div class=\"destinationprt\">\n      <span style=\"padding-left: 0;\">\n        {{route['pickup_location']}}\n      </span>\n      <b>></b>\n      <span>\n        {{route['delivery_location']}}\n      </span>\n    </div>\n    <div class=\"mat_cat\">\n      <span>\n        {{route['material']}}\n      </span>\n    </div>\n\n    <div class=\"statusbar\">\n      <div class=\"status_percent\">\n        <span class=\"done\" [style]=\"'width:'+calculateStatusPercentage('done',route['values'])+'%'\"></span>\n        <span class=\"ongoing\" [style]=\"'width:'+calculateStatusPercentage('ongoing', route['values'])+'%'\"> </span>\n        <span class=\"open\" [style]=\"'width:'+calculateStatusPercentage('open', route['values'])+'%'\"> </span>\n      </div>\n    </div>\n  </div>\n  <div class=\"statusarea\">\n    <div class=\"statusunit\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n    <div class=\"driver_icon\" (mouseover)=\"toggleDriverlist(true, route)\" (mouseout)=\"toggleDriverlist(false, route, true)\"\n      mat-raised-button #tooltip=\"matTooltip\" matTooltip=\"Click on icon to show the driver list\" matTooltipPosition=\"above\"\n      (click)=\"toggleDriverlist('click', route)\">\n      <img src=\"assets/images/driver_icon.png\" [alt]=\"\" />\n    </div>\n    <div class=\"infoicon\" (click)=\"setRouteItem()\" (mouseover)=\"toggleJobCodeDetails(true, route)\"\n      (mouseout)=\"toggleJobCodeDetails(false, route)\">\n      <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n    </div>\n  </div>\n</div>\n", styles: [".innerbox{display:flex;justify-content:space-between}.innerbox .inputarea{display:flex;align-items:center;width:6%}.innerbox .inputarea input[type=checkbox]{width:100%;height:100%;margin-right:10px;opacity:0;position:absolute;left:0;margin-left:0;top:0;z-index:3;cursor:pointer}.innerbox .inputarea input[type=checkbox]:checked+label{background:url(../../../../../assets/images/fill-radio.png) 10px 11px no-repeat}.innerbox .inputarea label{background:url(../../../../../assets/images/blank-radio.png) 10px 11px no-repeat;width:100%;position:relative;z-index:2;font-size:12px;color:#878787;height:100%;position:absolute;top:0;left:0}.innerbox .inputarea .border{position:absolute;width:100%;height:100%;left:0;right:0;top:-1px;border-radius:15px}.innerbox .inputarea input:checked~.border{border-left:3px solid #39c471;border-right:1px solid #39c471;border-top:1px solid #39c471;border-bottom:1px solid #39c471}.innerbox .inputarea h2{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:214px;padding-left:16px;margin-bottom:5px;margin-top:0}.innerbox .job_intro{width:80%}.innerbox .job_intro .heading{display:flex;font-size:.8rem}.innerbox .job_intro .heading h2{margin:0 4px 0 0;font-size:.8rem}.innerbox .job_intro .heading span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;padding:0 3px;display:block}.innerbox .job_intro .destinationprt{display:flex;margin-top:10px;font-size:.8rem}.innerbox .job_intro .destinationprt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:132px;padding:0 5px;display:block}.innerbox .job_intro .mat_cat{margin-top:10px;font-size:.8rem}.innerbox .job_intro .statusbar{width:100%;position:relative;height:5px;margin-top:10px}.innerbox .job_intro .statusbar .status_percent{position:absolute;left:0;display:flex;width:100%;height:100%}.innerbox .job_intro .statusbar .status_percent span{display:block}.innerbox .job_intro .statusbar .status_percent .done{background:#008000}.innerbox .job_intro .statusbar .status_percent .ongoing{background:#ffcc00}.innerbox .job_intro .statusbar .status_percent .open{background:#bfbfbf}.innerbox .statusarea{display:flex;flex-direction:column;align-items:center;width:10%}.innerbox .statusarea .statusunit{border-radius:30px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;width:20px;height:20px;text-align:center;line-height:20px}.innerbox .statusarea .statusunit:first-letter{font-size:.8rem}.innerbox .statusarea .statusunit.routestatus{right:10px}.innerbox .statusarea .statusunit.Ton{background:#39c471}.innerbox .statusarea .statusunit.Load{background:#326ad3}.innerbox .statusarea .statusunit.Hourly{background:#ffad56}.innerbox .statusarea .driver_icon,.innerbox .statusarea .infoicon{z-index:9999}.innerbox .statusarea .driver_icon img,.innerbox .statusarea .infoicon img{width:20px;height:20px}.innerbox .statusarea .driver_icon{margin:5px 0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.UtilsService }]; }, propDecorators: { route: [{
-                type: Input
-            }], routeSeletion: [{
-                type: Output
-            }], toggleDrivermenu: [{
-                type: Output
-            }], emitJobdetails: [{
-                type: Input
-            }], preventCloseDetails: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9iLWNvZGUtbGlzdC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nvb2xtYXAvc3JjL2xpYi9jb21wb25lbnQvcm91dGUtam9iY29kZS1saXN0L2pvYi1jb2RlLWxpc3QtY2FyZC9qb2ItY29kZS1saXN0LWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29vbG1hcC9zcmMvbGliL2NvbXBvbmVudC9yb3V0ZS1qb2Jjb2RlLWxpc3Qvam9iLWNvZGUtbGlzdC1jYXJkL2pvYi1jb2RlLWxpc3QtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF2RSxNQUFNLE9BQU8sd0JBQXdCO0lBTW5DLFlBQW1CLEtBQW1CO1FBQW5CLFVBQUssR0FBTCxLQUFLLENBQWM7UUFKckIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25DLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFHYixDQUFDO0lBRTNDLFdBQVcsQ0FBQyxLQUFZLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUEsQ0FBQyxDQUFDO0lBQzVELGdCQUFnQixDQUFDLGFBQStCLEVBQUUsS0FBWSxFQUFFLFVBQW9CO1FBQ2xGLE1BQU0sSUFBSSxHQUFHLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsQ0FBQTtRQUNqRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pDLElBQUksYUFBYSxLQUFLLE9BQU87WUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3ZHLENBQUM7SUFDRCxvQkFBb0IsQ0FBQyxjQUF1QixFQUFFLEtBQVk7UUFDeEQsSUFBSSxjQUFjLEVBQUU7WUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsU0FBUyxDQUFDO1lBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO1NBQUU7YUFDdkYsSUFBRyxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUM7WUFDbEQsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1lBQ2pELEtBQUssQ0FBQyxNQUFNLENBQUMsR0FBRyxTQUFTLENBQUM7WUFBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7U0FDcEU7YUFDRyxJQUFJLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQjtZQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hILENBQUM7SUFDRCx5QkFBeUIsQ0FBQyxJQUFZLEVBQUUsS0FBVTtRQUNoRCxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMvRCxJQUFJLElBQUksS0FBSyxNQUFNLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUE7U0FBRTthQUNwRSxJQUFJLElBQUksS0FBSyxTQUFTLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUE7U0FBRTthQUMvRSxJQUFJLElBQUksS0FBSyxNQUFNLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUE7U0FBRTthQUN6RTtZQUFFLE9BQU8sSUFBSSxDQUFBO1NBQUU7SUFDdEIsQ0FBQztJQUNELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN2RSxDQUFDOztzSEFoQ1Usd0JBQXdCOzBHQUF4Qix3QkFBd0IsMlBDUnJDLDRqRUF3REE7NEZEaERhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSx3QkFBd0I7bUdBS2xCLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1csYUFBYTtzQkFBN0IsTUFBTTtnQkFDVSxnQkFBZ0I7c0JBQWhDLE1BQU07Z0JBQ1MsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxtQkFBbUI7c0JBQWxDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGUsIFV0aWxzU2VydmljZSB9IGZyb20gJ2Nvb2xtYXAtc2VydmljZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtam9iLWNvZGUtbGlzdC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2pvYi1jb2RlLWxpc3QtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2pvYi1jb2RlLWxpc3QtY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEpvYkNvZGVMaXN0Q2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyByb3V0ZSE6IFJvdXRlO1xuICBAT3V0cHV0KCkgcHVibGljIHJvdXRlU2VsZXRpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBwdWJsaWMgdG9nZ2xlRHJpdmVybWVudSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQElucHV0KCkgcHVibGljIGVtaXRKb2JkZXRhaWxzOiBhbnk7XG4gIEBJbnB1dCgpIHB1YmxpYyBwcmV2ZW50Q2xvc2VEZXRhaWxzITogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IocHVibGljIHV0aWxzOiBVdGlsc1NlcnZpY2UpIHsgfVxuXG4gIHNlbGVjdFJvdXRlKHJvdXRlOiBSb3V0ZSkgeyB0aGlzLnJvdXRlU2VsZXRpb24uZW1pdChyb3V0ZSkgfVxuICB0b2dnbGVEcml2ZXJsaXN0KG1vdXNlZXZudFR5cGU6IGJvb2xlYW4gfCBzdHJpbmcsIHJvdXRlOiBSb3V0ZSwgaXNIb3Zlck91dD86IGJvb2xlYW4pIHtcbiAgICBjb25zdCBkYXRhID0geyBtb3VzZWV2bnRUeXBlLCByb3V0ZSwgaXNIb3Zlck91dCB9XG4gICAgdGhpcy50b2dnbGVEcml2ZXJtZW51LmVtaXQoZGF0YSk7XG4gICAgaWYgKG1vdXNlZXZudFR5cGUgPT09ICdjbGljaycpIHRoaXMudXRpbHMuc2V0ZGljdFZhbHVlKCdkcml2ZXItZGV0YWlscycsIEpTT04uc3RyaW5naWZ5KHRoaXMucm91dGUpKTtcbiAgfVxuICB0b2dnbGVKb2JDb2RlRGV0YWlscyhtb3VzZUV2ZW50VHlwZTogYm9vbGVhbiwgcm91dGU6IFJvdXRlKSB7XG4gICAgaWYgKG1vdXNlRXZlbnRUeXBlKSB7IHJvdXRlWyd0eXBlJ10gPSAnam9iY29kZSc7IHRoaXMuZW1pdEpvYmRldGFpbHMuZW1pdHJvdXRlLmVtaXQocm91dGUpIH1cbiAgICBlbHNlIGlmKCFtb3VzZUV2ZW50VHlwZSAmJiB0aGlzLnByZXZlbnRDbG9zZURldGFpbHMpe1xuICAgICAgcm91dGUgPSB0aGlzLnV0aWxzLmdldGRpY3RWYWx1ZSgncm91dGUtZGV0YWlscycpO1xuICAgICAgcm91dGVbJ3R5cGUnXSA9ICdqb2Jjb2RlJzsgdGhpcy5lbWl0Sm9iZGV0YWlscy5lbWl0cm91dGUuZW1pdChyb3V0ZSlcbiAgICAgfVxuICAgIGVsc2UgaWYgKCFtb3VzZUV2ZW50VHlwZSAmJiAhdGhpcy5wcmV2ZW50Q2xvc2VEZXRhaWxzKSB0aGlzLmVtaXRKb2JkZXRhaWxzLmNsZWFySm9iRGV0YWlsc0Zyb21MaXN0LmVtaXQodHJ1ZSk7XG4gIH1cbiAgY2FsY3VsYXRlU3RhdHVzUGVyY2VudGFnZSh0eXBlOiBzdHJpbmcsIHJvdXRlOiBhbnkpIHtcbiAgICBjb25zdCB0b3RhbCA9IHJvdXRlWydEb25lJ10gKyByb3V0ZVsnT25nb2luZyddICsgcm91dGVbJ09wZW4nXTtcbiAgICBpZiAodHlwZSA9PT0gJ2RvbmUnKSB7IHJldHVybiBNYXRoLnJvdW5kKCgxMDAgKiByb3V0ZVsnRG9uZSddKSAvIHRvdGFsKSB9XG4gICAgZWxzZSBpZiAodHlwZSA9PT0gJ29uZ29pbmcnKSB7IHJldHVybiBNYXRoLnJvdW5kKCgxMDAgKiByb3V0ZVsnT25nb2luZyddKSAvIHRvdGFsKSB9XG4gICAgZWxzZSBpZiAodHlwZSA9PT0gJ29wZW4nKSB7IHJldHVybiBNYXRoLnJvdW5kKCgxMDAgKiByb3V0ZVsnT3BlbiddKSAvIHRvdGFsKSB9XG4gICAgZWxzZSB7IHJldHVybiBudWxsIH1cbiAgfVxuICBzZXRSb3V0ZUl0ZW0oKXtcbiAgICB0aGlzLnV0aWxzLnByZVZlbnRKb2JkZXRhaWxjbG9zZS5uZXh0KHRydWUpO1xuICAgIHRoaXMudXRpbHMuc2V0ZGljdFZhbHVlKCdyb3V0ZS1kZXRhaWxzJywgSlNPTi5zdHJpbmdpZnkodGhpcy5yb3V0ZSkpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaW5uZXJib3hcIj5cbiAgPGRpdiBjbGFzcz1cImlucHV0YXJlYVwiPlxuICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBuYW1lPVwic2VsZWN0cm91dGVcIiBbY2hlY2tlZF09XCJyb3V0ZVsnaXNTZWxlY3RlZCddXCIgKGNoYW5nZSk9XCIkZXZlbnQgPyBzZWxlY3RSb3V0ZShyb3V0ZSkgOiBudWxsXCIgLz5cbiAgICA8bGFiZWw+Jm5ic3A7PC9sYWJlbD5cbiAgICA8ZGl2IGNsYXNzPVwiYm9yZGVyXCI+PC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiam9iX2ludHJvXCI+XG4gICAgPGRpdiBjbGFzcz1cImhlYWRpbmdcIj5cbiAgICAgIDxoMj5cbiAgICAgICAge3tyb3V0ZVsnb3JkZXJfbnVtYmVyJ10gPyByb3V0ZVsnb3JkZXJfbnVtYmVyJ10gOiAnJ319XG4gICAgICA8L2gyPlxuICAgICAgfFxuICAgICAgPHNwYW4+XG4gICAgICAgIHt7cm91dGVbJ2N1c3RvbWVyX25hbWUnXX19XG4gICAgICA8L3NwYW4+XG4gICAgICB8XG4gICAgICA8c3Bhbj5cbiAgICAgICAge3tyb3V0ZVsncHJvamVjdCddfX1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGVzdGluYXRpb25wcnRcIj5cbiAgICAgIDxzcGFuIHN0eWxlPVwicGFkZGluZy1sZWZ0OiAwO1wiPlxuICAgICAgICB7e3JvdXRlWydwaWNrdXBfbG9jYXRpb24nXX19XG4gICAgICA8L3NwYW4+XG4gICAgICA8Yj4+PC9iPlxuICAgICAgPHNwYW4+XG4gICAgICAgIHt7cm91dGVbJ2RlbGl2ZXJ5X2xvY2F0aW9uJ119fVxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYXRfY2F0XCI+XG4gICAgICA8c3Bhbj5cbiAgICAgICAge3tyb3V0ZVsnbWF0ZXJpYWwnXX19XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwic3RhdHVzYmFyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RhdHVzX3BlcmNlbnRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJkb25lXCIgW3N0eWxlXT1cIid3aWR0aDonK2NhbGN1bGF0ZVN0YXR1c1BlcmNlbnRhZ2UoJ2RvbmUnLHJvdXRlWyd2YWx1ZXMnXSkrJyUnXCI+PC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cIm9uZ29pbmdcIiBbc3R5bGVdPVwiJ3dpZHRoOicrY2FsY3VsYXRlU3RhdHVzUGVyY2VudGFnZSgnb25nb2luZycsIHJvdXRlWyd2YWx1ZXMnXSkrJyUnXCI+IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJvcGVuXCIgW3N0eWxlXT1cIid3aWR0aDonK2NhbGN1bGF0ZVN0YXR1c1BlcmNlbnRhZ2UoJ29wZW4nLCByb3V0ZVsndmFsdWVzJ10pKyclJ1wiPiA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdGF0dXNhcmVhXCI+XG4gICAgPGRpdiBjbGFzcz1cInN0YXR1c3VuaXRcIiBbbmdDbGFzc109XCJyb3V0ZVsndW5pdCddXCI+e3tyb3V0ZVsndW5pdCddfX08L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZHJpdmVyX2ljb25cIiAobW91c2VvdmVyKT1cInRvZ2dsZURyaXZlcmxpc3QodHJ1ZSwgcm91dGUpXCIgKG1vdXNlb3V0KT1cInRvZ2dsZURyaXZlcmxpc3QoZmFsc2UsIHJvdXRlLCB0cnVlKVwiXG4gICAgICBtYXQtcmFpc2VkLWJ1dHRvbiAjdG9vbHRpcD1cIm1hdFRvb2x0aXBcIiBtYXRUb29sdGlwPVwiQ2xpY2sgb24gaWNvbiB0byBzaG93IHRoZSBkcml2ZXIgbGlzdFwiIG1hdFRvb2x0aXBQb3NpdGlvbj1cImFib3ZlXCJcbiAgICAgIChjbGljayk9XCJ0b2dnbGVEcml2ZXJsaXN0KCdjbGljaycsIHJvdXRlKVwiPlxuICAgICAgPGltZyBzcmM9XCJhc3NldHMvaW1hZ2VzL2RyaXZlcl9pY29uLnBuZ1wiIFthbHRdPVwiXCIgLz5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiaW5mb2ljb25cIiAoY2xpY2spPVwic2V0Um91dGVJdGVtKClcIiAobW91c2VvdmVyKT1cInRvZ2dsZUpvYkNvZGVEZXRhaWxzKHRydWUsIHJvdXRlKVwiXG4gICAgICAobW91c2VvdXQpPVwidG9nZ2xlSm9iQ29kZURldGFpbHMoZmFsc2UsIHJvdXRlKVwiPlxuICAgICAgPGltZyBzcmM9XCJhc3NldHMvaW1hZ2VzL2luZm9faWNvbi5wbmdcIiBbYWx0XT1cIlwiIC8+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "coolmap-services";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/tooltip";
+export class JobCodeListCardComponent {
+    constructor(utils) {
+        this.utils = utils;
+        this.routeSeletion = new EventEmitter();
+        this.toggleDrivermenu = new EventEmitter();
+    }
+    selectRoute(route) { this.routeSeletion.emit(route); }
+    toggleDriverlist(mouseevntType, route, isHoverOut) {
+        const data = { mouseevntType, route, isHoverOut };
+        this.toggleDrivermenu.emit(data);
+        if (mouseevntType === 'click')
+            this.utils.setdictValue('driver-details', JSON.stringify(this.route));
+    }
+    toggleJobCodeDetails(mouseEventType, route) {
+        if (mouseEventType) {
+            route['type'] = 'jobcode';
+            this.emitJobdetails.emitroute.emit(route);
+        }
+        else if (!mouseEventType && this.preventCloseDetails) {
+            route = this.utils.getdictValue('route-details');
+            route['type'] = 'jobcode';
+            this.emitJobdetails.emitroute.emit(route);
+        }
+        else if (!mouseEventType && !this.preventCloseDetails)
+            this.emitJobdetails.clearJobDetailsFromList.emit(true);
+    }
+    calculateStatusPercentage(type, route) {
+        const total = route['Done'] + route['Ongoing'] + route['Open'];
+        if (type === 'done') {
+            return Math.round((100 * route['Done']) / total);
+        }
+        else if (type === 'ongoing') {
+            return Math.round((100 * route['Ongoing']) / total);
+        }
+        else if (type === 'open') {
+            return Math.round((100 * route['Open']) / total);
+        }
+        else {
+            return null;
+        }
+    }
+    setRouteItem() {
+        this.utils.preVentJobdetailclose.next(true);
+        this.utils.setdictValue('route-details', JSON.stringify(this.route));
+    }
+}
+JobCodeListCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: JobCodeListCardComponent, deps: [{ token: i1.UtilsService }], target: i0.ɵɵFactoryTarget.Component });
+JobCodeListCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: JobCodeListCardComponent, selector: "app-job-code-list-card", inputs: { route: "route", emitJobdetails: "emitJobdetails", preventCloseDetails: "preventCloseDetails" }, outputs: { routeSeletion: "routeSeletion", toggleDrivermenu: "toggleDrivermenu" }, ngImport: i0, template: "<div class=\"innerbox\">\r\n  <div class=\"inputarea\">\r\n    <input type=\"checkbox\" name=\"selectroute\" [checked]=\"route['isSelected']\" (change)=\"$event ? selectRoute(route) : null\" />\r\n    <label>&nbsp;</label>\r\n    <div class=\"border\"></div>\r\n  </div>\r\n  <div class=\"job_intro\">\r\n    <div class=\"heading\">\r\n      <h2>\r\n        {{route['order_number'] ? route['order_number'] : ''}}\r\n      </h2>\r\n      |\r\n      <span>\r\n        {{route['customer_name']}}\r\n      </span>\r\n      |\r\n      <span>\r\n        {{route['project']}}\r\n      </span>\r\n    </div>\r\n    <div class=\"destinationprt\">\r\n      <span style=\"padding-left: 0;\">\r\n        {{route['pickup_location']}}\r\n      </span>\r\n      <b>></b>\r\n      <span>\r\n        {{route['delivery_location']}}\r\n      </span>\r\n    </div>\r\n    <div class=\"mat_cat\">\r\n      <span>\r\n        {{route['material']}}\r\n      </span>\r\n    </div>\r\n\r\n    <div class=\"statusbar\">\r\n      <div class=\"status_percent\">\r\n        <span class=\"done\" [style]=\"'width:'+calculateStatusPercentage('done',route['values'])+'%'\"></span>\r\n        <span class=\"ongoing\" [style]=\"'width:'+calculateStatusPercentage('ongoing', route['values'])+'%'\"> </span>\r\n        <span class=\"open\" [style]=\"'width:'+calculateStatusPercentage('open', route['values'])+'%'\"> </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"statusarea\">\r\n    <div class=\"statusunit\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\r\n    <div class=\"driver_icon\" (mouseover)=\"toggleDriverlist(true, route)\" (mouseout)=\"toggleDriverlist(false, route, true)\"\r\n      mat-raised-button #tooltip=\"matTooltip\" matTooltip=\"Click on icon to show the driver list\" matTooltipPosition=\"above\"\r\n      (click)=\"toggleDriverlist('click', route)\">\r\n      <img src=\"assets/images/driver_icon.png\" [alt]=\"\" />\r\n    </div>\r\n    <div class=\"infoicon\" (click)=\"setRouteItem()\" (mouseover)=\"toggleJobCodeDetails(true, route)\"\r\n      (mouseout)=\"toggleJobCodeDetails(false, route)\">\r\n      <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".innerbox{display:flex;justify-content:space-between}.innerbox .inputarea{display:flex;align-items:center;width:6%}.innerbox .inputarea input[type=checkbox]{width:100%;height:100%;margin-right:10px;opacity:0;position:absolute;left:0;margin-left:0;top:0;z-index:3;cursor:pointer}.innerbox .inputarea input[type=checkbox]:checked+label{background:url(../../../../../assets/images/fill-radio.png) 10px 11px no-repeat}.innerbox .inputarea label{background:url(../../../../../assets/images/blank-radio.png) 10px 11px no-repeat;width:100%;position:relative;z-index:2;font-size:12px;color:#878787;height:100%;position:absolute;top:0;left:0}.innerbox .inputarea .border{position:absolute;width:100%;height:100%;left:0;right:0;top:-1px;border-radius:15px}.innerbox .inputarea input:checked~.border{border-left:3px solid #39c471;border-right:1px solid #39c471;border-top:1px solid #39c471;border-bottom:1px solid #39c471}.innerbox .inputarea h2{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:214px;padding-left:16px;margin-bottom:5px;margin-top:0}.innerbox .job_intro{width:80%}.innerbox .job_intro .heading{display:flex;font-size:.8rem}.innerbox .job_intro .heading h2{margin:0 4px 0 0;font-size:.8rem}.innerbox .job_intro .heading span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;padding:0 3px;display:block}.innerbox .job_intro .destinationprt{display:flex;margin-top:10px;font-size:.8rem}.innerbox .job_intro .destinationprt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:132px;padding:0 5px;display:block}.innerbox .job_intro .mat_cat{margin-top:10px;font-size:.8rem}.innerbox .job_intro .statusbar{width:100%;position:relative;height:5px;margin-top:10px}.innerbox .job_intro .statusbar .status_percent{position:absolute;left:0;display:flex;width:100%;height:100%}.innerbox .job_intro .statusbar .status_percent span{display:block}.innerbox .job_intro .statusbar .status_percent .done{background:#008000}.innerbox .job_intro .statusbar .status_percent .ongoing{background:#ffcc00}.innerbox .job_intro .statusbar .status_percent .open{background:#bfbfbf}.innerbox .statusarea{display:flex;flex-direction:column;align-items:center;width:10%}.innerbox .statusarea .statusunit{border-radius:30px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;width:20px;height:20px;text-align:center;line-height:20px}.innerbox .statusarea .statusunit:first-letter{font-size:.8rem}.innerbox .statusarea .statusunit.routestatus{right:10px}.innerbox .statusarea .statusunit.Ton{background:#39c471}.innerbox .statusarea .statusunit.Load{background:#326ad3}.innerbox .statusarea .statusunit.Hourly{background:#ffad56}.innerbox .statusarea .driver_icon,.innerbox .statusarea .infoicon{z-index:9999}.innerbox .statusarea .driver_icon img,.innerbox .statusarea .infoicon img{width:20px;height:20px}.innerbox .statusarea .driver_icon{margin:5px 0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: JobCodeListCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-job-code-list-card', template: "<div class=\"innerbox\">\r\n  <div class=\"inputarea\">\r\n    <input type=\"checkbox\" name=\"selectroute\" [checked]=\"route['isSelected']\" (change)=\"$event ? selectRoute(route) : null\" />\r\n    <label>&nbsp;</label>\r\n    <div class=\"border\"></div>\r\n  </div>\r\n  <div class=\"job_intro\">\r\n    <div class=\"heading\">\r\n      <h2>\r\n        {{route['order_number'] ? route['order_number'] : ''}}\r\n      </h2>\r\n      |\r\n      <span>\r\n        {{route['customer_name']}}\r\n      </span>\r\n      |\r\n      <span>\r\n        {{route['project']}}\r\n      </span>\r\n    </div>\r\n    <div class=\"destinationprt\">\r\n      <span style=\"padding-left: 0;\">\r\n        {{route['pickup_location']}}\r\n      </span>\r\n      <b>></b>\r\n      <span>\r\n        {{route['delivery_location']}}\r\n      </span>\r\n    </div>\r\n    <div class=\"mat_cat\">\r\n      <span>\r\n        {{route['material']}}\r\n      </span>\r\n    </div>\r\n\r\n    <div class=\"statusbar\">\r\n      <div class=\"status_percent\">\r\n        <span class=\"done\" [style]=\"'width:'+calculateStatusPercentage('done',route['values'])+'%'\"></span>\r\n        <span class=\"ongoing\" [style]=\"'width:'+calculateStatusPercentage('ongoing', route['values'])+'%'\"> </span>\r\n        <span class=\"open\" [style]=\"'width:'+calculateStatusPercentage('open', route['values'])+'%'\"> </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"statusarea\">\r\n    <div class=\"statusunit\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\r\n    <div class=\"driver_icon\" (mouseover)=\"toggleDriverlist(true, route)\" (mouseout)=\"toggleDriverlist(false, route, true)\"\r\n      mat-raised-button #tooltip=\"matTooltip\" matTooltip=\"Click on icon to show the driver list\" matTooltipPosition=\"above\"\r\n      (click)=\"toggleDriverlist('click', route)\">\r\n      <img src=\"assets/images/driver_icon.png\" [alt]=\"\" />\r\n    </div>\r\n    <div class=\"infoicon\" (click)=\"setRouteItem()\" (mouseover)=\"toggleJobCodeDetails(true, route)\"\r\n      (mouseout)=\"toggleJobCodeDetails(false, route)\">\r\n      <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".innerbox{display:flex;justify-content:space-between}.innerbox .inputarea{display:flex;align-items:center;width:6%}.innerbox .inputarea input[type=checkbox]{width:100%;height:100%;margin-right:10px;opacity:0;position:absolute;left:0;margin-left:0;top:0;z-index:3;cursor:pointer}.innerbox .inputarea input[type=checkbox]:checked+label{background:url(../../../../../assets/images/fill-radio.png) 10px 11px no-repeat}.innerbox .inputarea label{background:url(../../../../../assets/images/blank-radio.png) 10px 11px no-repeat;width:100%;position:relative;z-index:2;font-size:12px;color:#878787;height:100%;position:absolute;top:0;left:0}.innerbox .inputarea .border{position:absolute;width:100%;height:100%;left:0;right:0;top:-1px;border-radius:15px}.innerbox .inputarea input:checked~.border{border-left:3px solid #39c471;border-right:1px solid #39c471;border-top:1px solid #39c471;border-bottom:1px solid #39c471}.innerbox .inputarea h2{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:214px;padding-left:16px;margin-bottom:5px;margin-top:0}.innerbox .job_intro{width:80%}.innerbox .job_intro .heading{display:flex;font-size:.8rem}.innerbox .job_intro .heading h2{margin:0 4px 0 0;font-size:.8rem}.innerbox .job_intro .heading span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;padding:0 3px;display:block}.innerbox .job_intro .destinationprt{display:flex;margin-top:10px;font-size:.8rem}.innerbox .job_intro .destinationprt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:132px;padding:0 5px;display:block}.innerbox .job_intro .mat_cat{margin-top:10px;font-size:.8rem}.innerbox .job_intro .statusbar{width:100%;position:relative;height:5px;margin-top:10px}.innerbox .job_intro .statusbar .status_percent{position:absolute;left:0;display:flex;width:100%;height:100%}.innerbox .job_intro .statusbar .status_percent span{display:block}.innerbox .job_intro .statusbar .status_percent .done{background:#008000}.innerbox .job_intro .statusbar .status_percent .ongoing{background:#ffcc00}.innerbox .job_intro .statusbar .status_percent .open{background:#bfbfbf}.innerbox .statusarea{display:flex;flex-direction:column;align-items:center;width:10%}.innerbox .statusarea .statusunit{border-radius:30px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;width:20px;height:20px;text-align:center;line-height:20px}.innerbox .statusarea .statusunit:first-letter{font-size:.8rem}.innerbox .statusarea .statusunit.routestatus{right:10px}.innerbox .statusarea .statusunit.Ton{background:#39c471}.innerbox .statusarea .statusunit.Load{background:#326ad3}.innerbox .statusarea .statusunit.Hourly{background:#ffad56}.innerbox .statusarea .driver_icon,.innerbox .statusarea .infoicon{z-index:9999}.innerbox .statusarea .driver_icon img,.innerbox .statusarea .infoicon img{width:20px;height:20px}.innerbox .statusarea .driver_icon{margin:5px 0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.UtilsService }]; }, propDecorators: { route: [{
+                type: Input
+            }], routeSeletion: [{
+                type: Output
+            }], toggleDrivermenu: [{
+                type: Output
+            }], emitJobdetails: [{
+                type: Input
+            }], preventCloseDetails: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9iLWNvZGUtbGlzdC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nvb2xtYXAvc3JjL2xpYi9jb21wb25lbnQvcm91dGUtam9iY29kZS1saXN0L2pvYi1jb2RlLWxpc3QtY2FyZC9qb2ItY29kZS1saXN0LWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29vbG1hcC9zcmMvbGliL2NvbXBvbmVudC9yb3V0ZS1qb2Jjb2RlLWxpc3Qvam9iLWNvZGUtbGlzdC1jYXJkL2pvYi1jb2RlLWxpc3QtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF2RSxNQUFNLE9BQU8sd0JBQXdCO0lBTW5DLFlBQW1CLEtBQW1CO1FBQW5CLFVBQUssR0FBTCxLQUFLLENBQWM7UUFKckIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25DLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFHYixDQUFDO0lBRTNDLFdBQVcsQ0FBQyxLQUFZLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUEsQ0FBQyxDQUFDO0lBQzVELGdCQUFnQixDQUFDLGFBQStCLEVBQUUsS0FBWSxFQUFFLFVBQW9CO1FBQ2xGLE1BQU0sSUFBSSxHQUFHLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsQ0FBQTtRQUNqRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pDLElBQUksYUFBYSxLQUFLLE9BQU87WUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3ZHLENBQUM7SUFDRCxvQkFBb0IsQ0FBQyxjQUF1QixFQUFFLEtBQVk7UUFDeEQsSUFBSSxjQUFjLEVBQUU7WUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsU0FBUyxDQUFDO1lBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO1NBQUU7YUFDdkYsSUFBRyxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUM7WUFDbEQsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1lBQ2pELEtBQUssQ0FBQyxNQUFNLENBQUMsR0FBRyxTQUFTLENBQUM7WUFBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7U0FDcEU7YUFDRyxJQUFJLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQjtZQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hILENBQUM7SUFDRCx5QkFBeUIsQ0FBQyxJQUFZLEVBQUUsS0FBVTtRQUNoRCxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMvRCxJQUFJLElBQUksS0FBSyxNQUFNLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUE7U0FBRTthQUNwRSxJQUFJLElBQUksS0FBSyxTQUFTLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUE7U0FBRTthQUMvRSxJQUFJLElBQUksS0FBSyxNQUFNLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUE7U0FBRTthQUN6RTtZQUFFLE9BQU8sSUFBSSxDQUFBO1NBQUU7SUFDdEIsQ0FBQztJQUNELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN2RSxDQUFDOztzSEFoQ1Usd0JBQXdCOzBHQUF4Qix3QkFBd0IsMlBDUnJDLDRxRUF3REE7NEZEaERhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSx3QkFBd0I7bUdBS2xCLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1csYUFBYTtzQkFBN0IsTUFBTTtnQkFDVSxnQkFBZ0I7c0JBQWhDLE1BQU07Z0JBQ1MsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxtQkFBbUI7c0JBQWxDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZSwgVXRpbHNTZXJ2aWNlIH0gZnJvbSAnY29vbG1hcC1zZXJ2aWNlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1qb2ItY29kZS1saXN0LWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9qb2ItY29kZS1saXN0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2pvYi1jb2RlLWxpc3QtY2FyZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBKb2JDb2RlTGlzdENhcmRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByb3V0ZSE6IFJvdXRlO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgcm91dGVTZWxldGlvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgcHVibGljIHRvZ2dsZURyaXZlcm1lbnUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgcHVibGljIGVtaXRKb2JkZXRhaWxzOiBhbnk7XHJcbiAgQElucHV0KCkgcHVibGljIHByZXZlbnRDbG9zZURldGFpbHMhOiBib29sZWFuO1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB1dGlsczogVXRpbHNTZXJ2aWNlKSB7IH1cclxuXHJcbiAgc2VsZWN0Um91dGUocm91dGU6IFJvdXRlKSB7IHRoaXMucm91dGVTZWxldGlvbi5lbWl0KHJvdXRlKSB9XHJcbiAgdG9nZ2xlRHJpdmVybGlzdChtb3VzZWV2bnRUeXBlOiBib29sZWFuIHwgc3RyaW5nLCByb3V0ZTogUm91dGUsIGlzSG92ZXJPdXQ/OiBib29sZWFuKSB7XHJcbiAgICBjb25zdCBkYXRhID0geyBtb3VzZWV2bnRUeXBlLCByb3V0ZSwgaXNIb3Zlck91dCB9XHJcbiAgICB0aGlzLnRvZ2dsZURyaXZlcm1lbnUuZW1pdChkYXRhKTtcclxuICAgIGlmIChtb3VzZWV2bnRUeXBlID09PSAnY2xpY2snKSB0aGlzLnV0aWxzLnNldGRpY3RWYWx1ZSgnZHJpdmVyLWRldGFpbHMnLCBKU09OLnN0cmluZ2lmeSh0aGlzLnJvdXRlKSk7XHJcbiAgfVxyXG4gIHRvZ2dsZUpvYkNvZGVEZXRhaWxzKG1vdXNlRXZlbnRUeXBlOiBib29sZWFuLCByb3V0ZTogUm91dGUpIHtcclxuICAgIGlmIChtb3VzZUV2ZW50VHlwZSkgeyByb3V0ZVsndHlwZSddID0gJ2pvYmNvZGUnOyB0aGlzLmVtaXRKb2JkZXRhaWxzLmVtaXRyb3V0ZS5lbWl0KHJvdXRlKSB9XHJcbiAgICBlbHNlIGlmKCFtb3VzZUV2ZW50VHlwZSAmJiB0aGlzLnByZXZlbnRDbG9zZURldGFpbHMpe1xyXG4gICAgICByb3V0ZSA9IHRoaXMudXRpbHMuZ2V0ZGljdFZhbHVlKCdyb3V0ZS1kZXRhaWxzJyk7XHJcbiAgICAgIHJvdXRlWyd0eXBlJ10gPSAnam9iY29kZSc7IHRoaXMuZW1pdEpvYmRldGFpbHMuZW1pdHJvdXRlLmVtaXQocm91dGUpXHJcbiAgICAgfVxyXG4gICAgZWxzZSBpZiAoIW1vdXNlRXZlbnRUeXBlICYmICF0aGlzLnByZXZlbnRDbG9zZURldGFpbHMpIHRoaXMuZW1pdEpvYmRldGFpbHMuY2xlYXJKb2JEZXRhaWxzRnJvbUxpc3QuZW1pdCh0cnVlKTtcclxuICB9XHJcbiAgY2FsY3VsYXRlU3RhdHVzUGVyY2VudGFnZSh0eXBlOiBzdHJpbmcsIHJvdXRlOiBhbnkpIHtcclxuICAgIGNvbnN0IHRvdGFsID0gcm91dGVbJ0RvbmUnXSArIHJvdXRlWydPbmdvaW5nJ10gKyByb3V0ZVsnT3BlbiddO1xyXG4gICAgaWYgKHR5cGUgPT09ICdkb25lJykgeyByZXR1cm4gTWF0aC5yb3VuZCgoMTAwICogcm91dGVbJ0RvbmUnXSkgLyB0b3RhbCkgfVxyXG4gICAgZWxzZSBpZiAodHlwZSA9PT0gJ29uZ29pbmcnKSB7IHJldHVybiBNYXRoLnJvdW5kKCgxMDAgKiByb3V0ZVsnT25nb2luZyddKSAvIHRvdGFsKSB9XHJcbiAgICBlbHNlIGlmICh0eXBlID09PSAnb3BlbicpIHsgcmV0dXJuIE1hdGgucm91bmQoKDEwMCAqIHJvdXRlWydPcGVuJ10pIC8gdG90YWwpIH1cclxuICAgIGVsc2UgeyByZXR1cm4gbnVsbCB9XHJcbiAgfVxyXG4gIHNldFJvdXRlSXRlbSgpe1xyXG4gICAgdGhpcy51dGlscy5wcmVWZW50Sm9iZGV0YWlsY2xvc2UubmV4dCh0cnVlKTtcclxuICAgIHRoaXMudXRpbHMuc2V0ZGljdFZhbHVlKCdyb3V0ZS1kZXRhaWxzJywgSlNPTi5zdHJpbmdpZnkodGhpcy5yb3V0ZSkpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaW5uZXJib3hcIj5cclxuICA8ZGl2IGNsYXNzPVwiaW5wdXRhcmVhXCI+XHJcbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgbmFtZT1cInNlbGVjdHJvdXRlXCIgW2NoZWNrZWRdPVwicm91dGVbJ2lzU2VsZWN0ZWQnXVwiIChjaGFuZ2UpPVwiJGV2ZW50ID8gc2VsZWN0Um91dGUocm91dGUpIDogbnVsbFwiIC8+XHJcbiAgICA8bGFiZWw+Jm5ic3A7PC9sYWJlbD5cclxuICAgIDxkaXYgY2xhc3M9XCJib3JkZXJcIj48L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiam9iX2ludHJvXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGluZ1wiPlxyXG4gICAgICA8aDI+XHJcbiAgICAgICAge3tyb3V0ZVsnb3JkZXJfbnVtYmVyJ10gPyByb3V0ZVsnb3JkZXJfbnVtYmVyJ10gOiAnJ319XHJcbiAgICAgIDwvaDI+XHJcbiAgICAgIHxcclxuICAgICAgPHNwYW4+XHJcbiAgICAgICAge3tyb3V0ZVsnY3VzdG9tZXJfbmFtZSddfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgICB8XHJcbiAgICAgIDxzcGFuPlxyXG4gICAgICAgIHt7cm91dGVbJ3Byb2plY3QnXX19XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImRlc3RpbmF0aW9ucHJ0XCI+XHJcbiAgICAgIDxzcGFuIHN0eWxlPVwicGFkZGluZy1sZWZ0OiAwO1wiPlxyXG4gICAgICAgIHt7cm91dGVbJ3BpY2t1cF9sb2NhdGlvbiddfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgICA8Yj4+PC9iPlxyXG4gICAgICA8c3Bhbj5cclxuICAgICAgICB7e3JvdXRlWydkZWxpdmVyeV9sb2NhdGlvbiddfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWF0X2NhdFwiPlxyXG4gICAgICA8c3Bhbj5cclxuICAgICAgICB7e3JvdXRlWydtYXRlcmlhbCddfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInN0YXR1c2JhclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic3RhdHVzX3BlcmNlbnRcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImRvbmVcIiBbc3R5bGVdPVwiJ3dpZHRoOicrY2FsY3VsYXRlU3RhdHVzUGVyY2VudGFnZSgnZG9uZScscm91dGVbJ3ZhbHVlcyddKSsnJSdcIj48L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJvbmdvaW5nXCIgW3N0eWxlXT1cIid3aWR0aDonK2NhbGN1bGF0ZVN0YXR1c1BlcmNlbnRhZ2UoJ29uZ29pbmcnLCByb3V0ZVsndmFsdWVzJ10pKyclJ1wiPiA8L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJvcGVuXCIgW3N0eWxlXT1cIid3aWR0aDonK2NhbGN1bGF0ZVN0YXR1c1BlcmNlbnRhZ2UoJ29wZW4nLCByb3V0ZVsndmFsdWVzJ10pKyclJ1wiPiA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInN0YXR1c2FyZWFcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzdGF0dXN1bml0XCIgW25nQ2xhc3NdPVwicm91dGVbJ3VuaXQnXVwiPnt7cm91dGVbJ3VuaXQnXX19PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJpdmVyX2ljb25cIiAobW91c2VvdmVyKT1cInRvZ2dsZURyaXZlcmxpc3QodHJ1ZSwgcm91dGUpXCIgKG1vdXNlb3V0KT1cInRvZ2dsZURyaXZlcmxpc3QoZmFsc2UsIHJvdXRlLCB0cnVlKVwiXHJcbiAgICAgIG1hdC1yYWlzZWQtYnV0dG9uICN0b29sdGlwPVwibWF0VG9vbHRpcFwiIG1hdFRvb2x0aXA9XCJDbGljayBvbiBpY29uIHRvIHNob3cgdGhlIGRyaXZlciBsaXN0XCIgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYWJvdmVcIlxyXG4gICAgICAoY2xpY2spPVwidG9nZ2xlRHJpdmVybGlzdCgnY2xpY2snLCByb3V0ZSlcIj5cclxuICAgICAgPGltZyBzcmM9XCJhc3NldHMvaW1hZ2VzL2RyaXZlcl9pY29uLnBuZ1wiIFthbHRdPVwiXCIgLz5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImluZm9pY29uXCIgKGNsaWNrKT1cInNldFJvdXRlSXRlbSgpXCIgKG1vdXNlb3Zlcik9XCJ0b2dnbGVKb2JDb2RlRGV0YWlscyh0cnVlLCByb3V0ZSlcIlxyXG4gICAgICAobW91c2VvdXQpPVwidG9nZ2xlSm9iQ29kZURldGFpbHMoZmFsc2UsIHJvdXRlKVwiPlxyXG4gICAgICA8aW1nIHNyYz1cImFzc2V0cy9pbWFnZXMvaW5mb19pY29uLnBuZ1wiIFthbHRdPVwiXCIgLz5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19