@fleetbase/fleetops-engine 0.3.7 → 0.3.9

package/addon/services/context-panel.js

@@ -2,6 +2,7 @@ import Service from '@ember/service';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import getModelName from '@fleetbase/ember-core/utils/get-model-name';
+import getWithDefault from '@fleetbase/ember-core/utils/get-with-default';
 
 /**
  * Service for managing the state and interactions of the context panel.
@@ -19,81 +20,81 @@ export default class ContextPanelService extends Service {
         driver: {
             viewing: {
                 component: 'driver-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
             editing: {
                 component: 'driver-form-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
         },
         vehicle: {
             viewing: {
                 component: 'vehicle-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
             editing: {
                 component: 'vehicle-form-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
         },
         fleet: {
             viewing: {
                 component: 'fleet-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
             editing: {
                 component: 'fleet-form-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
         },
         fuelReport: {
             viewing: {
                 component: 'fuel-report-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
             editing: {
                 component: 'fuel-report-form-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
         },
         vendor: {
             viewing: {
                 component: 'vendor-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
             editing: {
                 component: 'vendor-form-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
         },
         contact: {
             viewing: {
                 component: 'contact-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
             editing: {
                 component: 'contact-form-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
         },
         place: {
             viewing: {
                 component: 'place-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
             editing: {
                 component: 'place-form-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
         },
         issue: {
             viewing: {
                 component: 'issue-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
             editing: {
                 component: 'issue-form-panel',
-                componentArguments: [{ isResizable: true }, { width: '600px' }],
+                componentArguments: [{ isResizable: true }, { width: '500px' }],
             },
         },
     };
@@ -137,11 +138,12 @@ export default class ContextPanelService extends Service {
     @action focus(model, intent = 'viewing', options = {}) {
         const modelName = getModelName(model);
         const registry = this.registry[modelName];
+        const dynamicArgs = getWithDefault(options, 'args', {});
 
         if (registry && registry[intent]) {
             this.currentContext = model;
             this.currentContextRegistry = registry[intent];
-            this.currentContextComponentArguments = this.createDynamicArgsFromRegistry(registry[intent], model);
+            this.currentContextComponentArguments = this.createDynamicArgsFromRegistry(registry[intent], model, dynamicArgs);
             this.contextOptions = options;
         }
     }
@@ -212,7 +214,7 @@ export default class ContextPanelService extends Service {
      * @param {Object} model - The model object.
      * @returns {Object} The dynamic arguments.
      */
-    createDynamicArgsFromRegistry(registry, model) {
+    createDynamicArgsFromRegistry(registry, model, additionalArgs = {}) {
         // Generate dynamic arguments object
         const dynamicArgs = {};
         const componentArguments = registry.componentArguments || [];
@@ -228,6 +230,9 @@ export default class ContextPanelService extends Service {
             }
         });
 
+        // Merge additional args
+        Object.assign(dynamicArgs, additionalArgs);
+
         return dynamicArgs;
     }
 }

package/addon/services/driver-actions.js

@@ -0,0 +1,107 @@
+import Service, { inject as service } from '@ember/service';
+import leafletIcon from '@fleetbase/ember-core/utils/leaflet-icon';
+import getWithDefault from '@fleetbase/ember-core/utils/get-with-default';
+import config from '../config/environment';
+
+export default class DriverActionsService extends Service {
+    @service modalsManager;
+    @service universe;
+    @service crud;
+
+    assignOrder(driver, options = {}) {
+        this.modalsManager.show('modals/driver-assign-order', {
+            title: `Assign Order to this Driver`,
+            acceptButtonText: 'Assign Order',
+            acceptButtonIcon: 'check',
+            acceptButtonIconPrefix: 'fas',
+            acceptButtonDisabled: true,
+            hideDeclineButton: true,
+            selectedOrder: null,
+            selectOrder: (order) => {
+                this.modalsManager.setOption('selectedOrder', order);
+                this.modalsManager.setOption('acceptButtonDisabled', false);
+            },
+            driver,
+            confirm: (modal) => {
+                const selectedOrder = modal.getOption('selectedOrder');
+                if (!selectedOrder) {
+                    this.notifications.warning('No order selected!');
+                    return;
+                }
+
+                modal.startLoading();
+                driver.set('current_job_uuid', selectedOrder.id);
+
+                return driver
+                    .save()
+                    .then(() => {
+                        this.notifications.success(`${driver.name} assigned to order.`);
+                    })
+                    .catch((error) => {
+                        driver.rollbackAttributes();
+                        modal.stopLoading();
+                        this.notifications.serverError(error);
+                    });
+            },
+            ...options,
+        });
+    }
+
+    assignVehicle(driver, options = {}) {
+        this.modalsManager.show('modals/driver-assign-vehicle', {
+            title: `Assign Vehicle to this Driver`,
+            acceptButtonText: 'Confirm & Create',
+            acceptButtonIcon: 'check',
+            acceptButtonIconPrefix: 'fas',
+            hideDeclineButton: true,
+            driver,
+            confirm: (modal) => {
+                modal.startLoading();
+
+                return driver
+                    .save()
+                    .then((driver) => {
+                        this.notifications.success(`${driver.name} assigned to vehicle.`);
+                    })
+                    .catch((error) => {
+                        driver.rollbackAttributes();
+                        modal.stopLoading();
+                        this.notifications.serverError(error);
+                    });
+            },
+            ...options,
+        });
+    }
+
+    locate(driver, options = {}) {
+        const { location } = driver;
+        const [latitude, longitude] = location.coordinates;
+
+        this.modalsManager.show('modals/point-map', {
+            title: `Current Location of ${driver.name}`,
+            acceptButtonText: 'Done',
+            acceptButtonIcon: 'check',
+            acceptButtonIconPrefix: 'fas',
+            modalClass: 'modal-md',
+            hideDeclineButton: true,
+            latitude,
+            longitude,
+            location,
+            popupText: `${driver.name} (${driver.public_id})`,
+            icon: leafletIcon({
+                iconUrl: getWithDefault(driver, 'vehicle_avatar', getWithDefault(config, 'defaultValues.vehicleAvatar')),
+                iconSize: [40, 40],
+            }),
+            ...options,
+        });
+    }
+
+    delete(driver, options = {}) {
+        this.crud.delete(driver, {
+            onSuccess: () => {
+                this.universe.trigger('fleet-ops.driver.deleted', driver);
+            },
+            ...options,
+        });
+    }
+}

package/addon/services/vehicle-actions.js

@@ -0,0 +1,42 @@
+import Service, { inject as service } from '@ember/service';
+import leafletIcon from '@fleetbase/ember-core/utils/leaflet-icon';
+import getWithDefault from '@fleetbase/ember-core/utils/get-with-default';
+import config from '../config/environment';
+
+export default class VehicleActionsService extends Service {
+    @service modalsManager;
+    @service universe;
+    @service crud;
+
+    locate(vehicle, options = {}) {
+        const { location } = vehicle;
+        const [latitude, longitude] = location.coordinates;
+
+        this.modalsManager.show('modals/point-map', {
+            title: `Current Location of ${vehicle.displayName}`,
+            acceptButtonText: 'Done',
+            acceptButtonIcon: 'check',
+            acceptButtonIconPrefix: 'fas',
+            modalClass: 'modal-md',
+            hideDeclineButton: true,
+            latitude,
+            longitude,
+            location,
+            popupText: `${vehicle.displayName} (${vehicle.public_id})`,
+            icon: leafletIcon({
+                iconUrl: getWithDefault(vehicle, 'avatar', getWithDefault(config, 'defaultValues.vehicleAvatar')),
+                iconSize: [40, 40],
+            }),
+            ...options,
+        });
+    }
+
+    delete(vehicle, options = {}) {
+        this.crud.delete(vehicle, {
+            onSuccess: () => {
+                this.universe.trigger('fleet-ops.vehicle.deleted', vehicle);
+            },
+            ...options,
+        });
+    }
+}

package/addon/styles/fleetops-engine.css

@@ -33,3 +33,30 @@ body[data-theme='dark'] .scheduler-left-sidebar {
 .fleetbase-console .dragSortList {
     overflow: visible !important;
 }
+
+.next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.online-status,
+.next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.text-green-500,
+.next-fleet-summary-fleet .next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.text-green-500 {
+    color: rgb(34 197 94) !important;
+}
+
+.next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.idle-status,
+.next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.text-yellow-200,
+.next-fleet-summary-fleet .next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.text-yellow-200 {
+    color: rgb(254 240 138) !important;
+}
+
+.next-fleet-summary {
+    --fleet-summary-toggle-base-padding: 1.5rem;
+    --fleet-summary-nav-item-base-padding: 1.5rem;
+}
+
+.next-sidebar-panel-container.next-driver-listing > .next-sidebar-panel > .next-content-panel > .next-sidebar-panel-toggle,
+.next-sidebar .next-sidebar-panel-container.next-fleet-summary > .next-sidebar-panel > .next-content-panel > .next-sidebar-panel-toggle {
+    padding-left: 2rem;
+}
+
+.next-sidebar-panel-container.next-driver-listing > .next-sidebar-panel > .next-content-panel > .next-content-panel-body .next-nav-item,
+.next-sidebar .next-sidebar-panel-container.next-driver-listing > .next-sidebar-panel > .next-content-panel > .next-sidebar-panel-body .next-nav-item.driver-nav-item {
+    padding-left: 3.5rem;
+}

package/addon/templates/operations/orders/index/new.hbs

@@ -256,7 +256,7 @@
 
                             <div class="flex-row space-x-2 pr-0.5">
                                 {{#if this.payload.pickup}}
-                                    <a href="javascript:;" {{on "click" (fn this.placesController.editPlace this.payload.pickup)}}>
+                                    <a href="javascript:;" {{on "click" (fn this.editPlace this.payload.pickup)}}>
                                         <FaIcon @icon="edit" />
                                     </a>
                                     <a href="javascript:;" {{on "click" (fn this.setPayloadPlace "pickup" null)}}>
@@ -287,7 +287,7 @@
 
                             <div class="flex-row space-x-2 pr-0.5">
                                 {{#if this.payload.dropoff}}
-                                    <a href="javascript:;" {{on "click" (fn this.placesController.editPlace this.payload.dropoff)}}>
+                                    <a href="javascript:;" {{on "click" (fn this.editPlace this.payload.dropoff)}}>
                                         <FaIcon @icon="edit" />
                                     </a>
                                     <a href="javascript:;" {{on "click" (fn this.setPayloadPlace "dropoff" null)}}>
@@ -317,7 +317,7 @@
                             <label>Return</label>
 
                             {{#if this.payload.return}}
-                                <a href="javascript:;" {{on "click" (fn this.placesController.editPlace this.payload.return)}}>Edit Address</a>
+                                <a href="javascript:;" {{on "click" (fn this.editPlace this.payload.return)}}>Edit Address</a>
                             {{/if}}
                         </div>
 

package/addon/templates/operations/service-rates/index/new.hbs

@@ -1,4 +1,4 @@
-<Overlay @position="right" @noBackdrop={{true}} @isResizable={{true}} @fullHeight={{true}} @width="800px">
+<Overlay @position="right" @noBackdrop={{true}} @isResizable={{true}} @fullHeight={{true}} @width="570px">
     <Overlay::Header @title={{if this.serviceRate.id this.serviceRate.service_name "New service rate"}} @status={{this.serviceRate.public_id}} @hideStatusDot={{true}} @createdAt={{this.serviceRate.createdAt}} @onPressCancel={{this.transitionBack}}>
         {{#if this.serviceRate.id}}
             <Button @icon="save" @type="primary" @text="Save Service Rate" @onClick={{this.updateServiceRate}} @isLoading={{this.isUpdatingServiceRate}} />

package/addon/utils/fly-to-leaflet-layer.js

@@ -1,3 +1,5 @@
+import { isBlank } from '@ember/utils';
+
 export default function flyToLeafletLayer(map, layer, zoom, options = {}) {
     if (!map || !layer) {
         return;
@@ -18,6 +20,11 @@ export default function flyToLeafletLayer(map, layer, zoom, options = {}) {
         }
     }
 
+    // set `flyTo` duration
+    if (isBlank(options.duration)) {
+        options.duration = 5.5;
+    }
+
     // Check if we have a valid LatLng
     if (targetLatLng) {
         map.flyTo(targetLatLng, zoom, options);

package/app/components/layout/fleet-ops-sidebar/driver-listing.js

@@ -0,0 +1 @@
+export { default } from '@fleetbase/fleetops-engine/components/layout/fleet-ops-sidebar/driver-listing';

package/app/services/driver-actions.js

@@ -0,0 +1 @@
+export { default } from '@fleetbase/fleetops-engine/services/driver-actions';

package/app/services/vehicle-actions.js

@@ -0,0 +1 @@
+export { default } from '@fleetbase/fleetops-engine/services/vehicle-actions';

package/composer.json

@@ -1,6 +1,6 @@
 {
     "name": "fleetbase/fleetops-api",
-    "version": "0.3.7",
+    "version": "0.3.9",
     "description": "Fleet & Transport Management Extension for Fleetbase",
     "keywords": [
         "fleetbase-extension",
@@ -22,7 +22,7 @@
     ],
     "require": {
         "php": "^7.4|^8.0",
-        "fleetbase/core-api": "^1.3.4",
+        "fleetbase/core-api": "^1.3.7",
         "barryvdh/laravel-dompdf": "^2.0",
         "brick/geo": "0.7.2",
         "cknow/laravel-money": "^7.1",

package/extension.json

@@ -1,6 +1,6 @@
 {
     "name": "Fleet-Ops",
-    "version": "0.3.7",
+    "version": "0.3.9",
     "description": "Fleet & Transport Management Extension for Fleetbase",
     "repository": "https://github.com/fleetbase/fleetops",
     "license": "MIT",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/fleetops-engine",
-    "version": "0.3.7",
+    "version": "0.3.9",
     "description": "Fleet & Transport Management Extension for Fleetbase",
     "fleetbase": {
         "route": "fleet-ops",
@@ -42,9 +42,9 @@
     },
     "dependencies": {
         "@babel/core": "^7.23.2",
-        "@fleetbase/ember-core": "^0.1.9",
-        "@fleetbase/ember-ui": "^0.2.8",
-        "@fleetbase/fleetops-data": "^0.1.6",
+        "@fleetbase/ember-core": "^0.2.0",
+        "@fleetbase/ember-ui": "^0.2.9",
+        "@fleetbase/fleetops-data": "^0.1.7",
         "@fleetbase/leaflet-routing-machine": "^3.2.16",
         "@fortawesome/ember-fontawesome": "^0.4.1",
         "@fortawesome/fontawesome-svg-core": "^6.4.0",

package/server/src/Casts/MultiPolygon.php

@@ -5,7 +5,7 @@ namespace Fleetbase\FleetOps\Casts;
 use Fleetbase\FleetOps\Support\Utils;
 use Grimzy\LaravelMysqlSpatial\Eloquent\SpatialExpression;
 use Grimzy\LaravelMysqlSpatial\Types\GeometryInterface;
-use Grimzy\LaravelMysqlSpatial\Types\MultiPolygon as MultiPolygonType;
+use Grimzy\LaravelMysqlSpatial\Types\MultiPolygon as SpatialMultiPolygon;
 use Illuminate\Contracts\Database\Eloquent\CastsAttributes;
 
 class MultiPolygon implements CastsAttributes
@@ -37,14 +37,25 @@ class MultiPolygon implements CastsAttributes
             return new SpatialExpression($value);
         }
 
+        if ($value instanceof SpatialMultiPolygon) {
+            $model->geometries[$key] = $value;
+
+            return $value;
+        }
+
         if (Utils::isGeoJson($value)) {
-            return Utils::createSpatialExpressionFromGeoJson($value);
+            $value                   = Utils::createGeometryObjectFromGeoJson($value);
+            $model->geometries[$key] = $value;
+
+            return $value;
         }
 
         if ($value instanceof SpatialExpression) {
+            $model->geometries[$key] = $value;
+
             return $value;
         }
 
-        return new SpatialExpression(new MultiPolygonType([]));
+        throw new \Exception('Invalid MultiPolygon provided for ' . $key);
     }
 }

package/server/src/Casts/Point.php

@@ -50,15 +50,25 @@ class Point implements CastsAttributes
         }
 
         if (Utils::isGeoJson($value)) {
-            return Utils::createSpatialExpressionFromGeoJson($value);
+            $value                   = Utils::createSpatialExpressionFromGeoJson($value);
+            $model->geometries[$key] = $value;
+
+            return $value;
         }
 
         if (Utils::isCoordinates($value)) {
-            $point = Utils::getPointFromCoordinates($value);
+            $point                   = Utils::getPointFromCoordinates($value);
+            $model->geometries[$key] = $point;
 
             return $point;
         }
 
+        if ($value instanceof SpatialExpression) {
+            $model->geometries[$key] = $value;
+
+            return $value;
+        }
+
         return static::createEmptySpatialExpression();
     }
 

package/server/src/Casts/Polygon.php

@@ -5,7 +5,7 @@ namespace Fleetbase\FleetOps\Casts;
 use Fleetbase\FleetOps\Support\Utils;
 use Grimzy\LaravelMysqlSpatial\Eloquent\SpatialExpression;
 use Grimzy\LaravelMysqlSpatial\Types\GeometryInterface;
-use Grimzy\LaravelMysqlSpatial\Types\Polygon as PolygonType;
+use Grimzy\LaravelMysqlSpatial\Types\Polygon as SpatialPolygon;
 use Illuminate\Contracts\Database\Eloquent\CastsAttributes;
 
 class Polygon implements CastsAttributes
@@ -34,13 +34,28 @@ class Polygon implements CastsAttributes
         if ($value instanceof GeometryInterface) {
             $model->geometries[$key] = $value;
 
-            return new SpatialExpression($value);
+            return $value;
+        }
+
+        if ($value instanceof SpatialPolygon) {
+            $model->geometries[$key] = $value;
+
+            return $value;
         }
 
         if (Utils::isGeoJson($value)) {
-            return Utils::createSpatialExpressionFromGeoJson($value);
+            $value                   = Utils::createGeometryObjectFromGeoJson($value);
+            $model->geometries[$key] = $value;
+
+            return $value;
+        }
+
+        if ($value instanceof SpatialExpression) {
+            $model->geometries[$key] = $value;
+
+            return $value;
         }
 
-        return new SpatialExpression(new PolygonType([]));
+        throw new \Exception('Invalid Polygon provided for ' . $key);
     }
 }

package/server/src/Exceptions/IntegratedVendorException.php

@@ -3,16 +3,60 @@
 namespace Fleetbase\FleetOps\Exceptions;
 
 use Fleetbase\FleetOps\Models\IntegratedVendor;
+use Illuminate\Contracts\Support\Responsable;
+use Illuminate\Http\JsonResponse;
 
-class IntegratedVendorException extends \Exception
+/**
+ * Class IntegratedVendorException
+ *
+ * Custom exception class for IntegratedVendor-related exceptions.
+ *
+ * @package Fleetbase\FleetOps\Exceptions
+ */
+class IntegratedVendorException extends \Exception implements Responsable
 {
+    /**
+     * @var IntegratedVendor|null The IntegratedVendor instance associated with the exception.
+     */
     public ?IntegratedVendor $integratedVendor;
+
+    /**
+     * @var string The trigger method that caused the exception.
+     */
     public string $triggerMethod;
 
+    /**
+     * IntegratedVendorException constructor.
+     *
+     * @param string $message The exception message.
+     * @param IntegratedVendor|null $integratedVendor The IntegratedVendor instance associated with the exception.
+     * @param string|null $triggerMethod The trigger method that caused the exception.
+     * @param int $code The exception code.
+     * @param \Throwable|null $previous The previous throwable used for the exception chaining.
+     */
     public function __construct(string $message = '', IntegratedVendor $integratedVendor = null, string $triggerMethod = null, int $code = 400, \Throwable $previous = null)
     {
         parent::__construct($message, $code, $previous);
         $this->integratedVendor = $integratedVendor;
         $this->triggerMethod    = $triggerMethod;
     }
+
+    /**
+     * Get the response representing the exception.
+     *
+     * @param \Illuminate\Http\Request $request
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function toResponse($request)
+    {
+        $errorMessage = $this->getMessage();
+
+        return new JsonResponse(
+            [
+                'errors' => [$errorMessage],
+                'integratedVendorId' => data_get($this->integratedVendor, 'uuid')
+            ],
+            400
+        );
+    }
 }