@fleetbase/fleetops-engine 0.6.17 → 0.6.19

package/addon/components/sensor/form.hbs

@@ -0,0 +1,114 @@
+<div class="form-wrapper" ...attributes>
+    <ContentPanel @title="Sensor Details" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-2 no-input-group-padding text-xs">
+            <InputGroup @name="Name" @wrapperClass="col-span-2">
+                <Input @value={{@resource.name}} @type="text" class="w-full form-input" placeholder="Name" disabled={{cannot-write @resource}} />
+            </InputGroup>
+
+            <InputGroup @name="Sensor Type">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{this.sensorTypeOptions}}
+                        @selected={{@resource.sensor_type}}
+                        @onChange={{fn (mut @resource.sensor_type)}}
+                        @placeholder="Select Sensor Type"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |type|
+                    >
+                        {{smart-humanize type}}
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            <InputGroup @name="Unit">
+                <Input @value={{@resource.unit}} @type="text" class="w-full form-input" placeholder="Unit (e.g., °C, PSI, %)" disabled={{cannot-write @resource}} />
+            </InputGroup>
+
+            <InputGroup @name="Minimum Threshold" @type="number">
+                <Input @value={{@resource.min_threshold}} @type="number" class="w-full form-input" placeholder="Minimum Threshold" disabled={{cannot-write @resource}} />
+            </InputGroup>
+
+            <InputGroup @name="Maximum Threshold" @type="number">
+                <Input @value={{@resource.max_threshold}} @type="number" class="w-full form-input" placeholder="Maximum Threshold" disabled={{cannot-write @resource}} />
+            </InputGroup>
+
+            <InputGroup @name="Report Frequency (seconds)" @type="number">
+                <Input @value={{@resource.report_frequency_sec}} @type="number" class="w-full form-input" placeholder="Report Frequency" disabled={{cannot-write @resource}} />
+            </InputGroup>
+
+            <InputGroup @name="Status">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{this.statusOptions}}
+                        @selected={{@resource.status}}
+                        @onChange={{fn (mut @resource.status)}}
+                        @placeholder="Select Status"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |status|
+                    >
+                        {{smart-humanize status}}
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            <InputGroup @name="Device">
+                <ModelSelect
+                    @modelName="device"
+                    @selectedModel={{@resource.device}}
+                    @placeholder="Select Device"
+                    @triggerClass="form-select form-input"
+                    @infiniteScroll={{false}}
+                    @renderInPlace={{true}}
+                    @onChange={{fn (mut @resource.device)}}
+                    @onChangeId={{fn (mut @resource.device_uuid)}}
+                    @disabled={{cannot-write @resource}}
+                    as |model|
+                >
+                    {{model.device_name}}
+                </ModelSelect>
+            </InputGroup>
+
+            <InputGroup @name="Warranty">
+                <ModelSelect
+                    @modelName="warranty"
+                    @selectedModel={{@resource.warranty}}
+                    @placeholder="Select Warranty"
+                    @triggerClass="form-select form-input"
+                    @infiniteScroll={{false}}
+                    @renderInPlace={{true}}
+                    @onChange={{fn (mut @resource.warranty)}}
+                    @onChangeId={{fn (mut @resource.warranty_uuid)}}
+                    @disabled={{cannot-write @resource}}
+                    as |model|
+                >
+                    {{model.policy_number}} - {{model.provider}}
+                </ModelSelect>
+            </InputGroup>
+
+            <div class="col-span-2">
+                <label class="flex items-center space-x-2">
+                    <input
+                        type="checkbox"
+                        checked={{@resource.threshold_inclusive}}
+                        {{on "change" (fn (mut @resource.threshold_inclusive) (not @resource.threshold_inclusive))}}
+                        disabled={{cannot-write @resource}}
+                        class="form-checkbox"
+                    />
+                    <span class="text-xs">Threshold Inclusive</span>
+                </label>
+            </div>
+
+            <RegistryYield @registry="fleet-ops:component:sensor:form:details" as |RegistryComponent|>
+                <RegistryComponent @resource={{@resource}} @controller={{@controller}} @permission={{get-write-permission @resource}} />
+            </RegistryYield>
+        </div>
+    </ContentPanel>
+
+    <CustomField::Yield @subject={{@resource}} @wrapperClass="bordered-top" />
+
+    <RegistryYield @registry="fleet-ops:component:sensor:form" as |RegistryComponent|>
+        <RegistryComponent @resource={{@resource}} @controller={{@controller}} @permission={{get-write-permission @resource}} />
+    </RegistryYield>
+</div>

package/addon/components/sensor/form.js

@@ -0,0 +1,29 @@
+import Component from '@glimmer/component';
+
+export default class SensorFormComponent extends Component {
+    /**
+     * Sensor type options
+     */
+    sensorTypeOptions = [
+        'temperature',
+        'door_status',
+        'fuel_level',
+        'tire_pressure',
+        'humidity',
+        'speed',
+        'acceleration',
+        'gyroscope',
+        'gps',
+        'battery',
+        'voltage',
+        'current',
+        'pressure',
+        'weight',
+        'proximity',
+    ];
+
+    /**
+     * Status options for sensors
+     */
+    statusOptions = ['active', 'inactive', 'calibrating', 'maintenance', 'error'];
+}

package/addon/components/service-area/details.hbs

@@ -0,0 +1,43 @@
+<div class="details-wrapper" ...attributes>
+    <ContentPanel @title={{t "service-area.fields.details"}} @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-3 gap-2">
+            <div class="field-info-container">
+                <div class="field-name">{{t "service-area.fields.name"}}</div>
+                <div class="field-value uppercase">{{n-a @resource.name}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">{{t "service-area.fields.type"}}</div>
+                <div class="field-value uppercase">{{n-a @resource.type}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">{{t "service-area.fields.country"}}</div>
+                <div class="field-value uppercase">{{n-a @resource.country}}</div>
+            </div>
+        </div>
+    </ContentPanel>
+
+    <ContentPanel @title={{t "common.map"}} @open={{true}} @wrapperClass="bordered-top">
+        <LeafletMap
+            class="w-full h-48 rounded-md shadow-md border border-gray-200 dark:border-gray-700"
+            @lat={{@resource.firstCoordinatePairLatitude}}
+            @lng={{@resource.firstCoordinatePairLongitude}}
+            @zoom={{12}}
+            @zoomControl={{false}}
+            as |layers|
+        >
+            <layers.tile @url="https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png" />
+            <layers.polygon
+                @id={{@resource.id}}
+                @record={{@resource}}
+                @locations={{unwrap-coordinates @resource.leafletCoordinates}}
+                @fillColor={{@resource.color}}
+                @color={{@resource.stroke_color}}
+                as |polygon|
+            >
+                <polygon.tooltip @permanent={{true}} @sticky={{true}}>{{@resource.name}} {{t "resource.service-area"}}</polygon.tooltip>
+            </layers.polygon>
+        </LeafletMap>
+    </ContentPanel>
+</div>

package/addon/components/service-area/form.hbs

@@ -0,0 +1,49 @@
+<div class="form-wrapper" ...attributes>
+    <ContentPanel @title={{t "service-area.fields.details"}} @open={{true}} @wrapperClass="bordered-top">
+        <div class="space-y-2">
+            <InputGroup
+                @value={{@resource.name}}
+                @name={{t "modals.service-area-form.name"}}
+                @helpText={{t "modals.service-area-form.name-text"}}
+                @required={{true}}
+            />
+            <InputGroup @name={{t "modals.service-area-form.type"}} @helpText={{t "modals.service-area-form.type-text"}}>
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{get-fleet-ops-options "serviceAreaTypes"}}
+                        @selected={{find-by "value" @resource.type (get-fleet-ops-options "serviceAreaTypes")}}
+                        @onChange={{set-model-attr @resource "type"}}
+                        @placeholder={{t "modals.service-area-form.select-type"}}
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |status|
+                    >
+                        <div class="text-sm">
+                            <div class="font-semibold normalize-in-trigger">{{status.label}}</div>
+                            <div class="hide-from-trigger">{{status.description}}</div>
+                        </div>
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
+                <InputGroup
+                    @type="color"
+                    @value={{@resource.stroke_color}}
+                    @name={{t "modals.service-area-form.border-color"}}
+                    @helpText={{t "modals.service-area-form.customize-border-color"}}
+                    class="p-0 border-0 m-0 w-8 h-8 bg-transparent rounded-none"
+                />
+                <InputGroup
+                    @type="color"
+                    @value={{@resource.color}}
+                    @name={{t "modals.service-area-form.area-color"}}
+                    @helpText={{t "modals.service-area-form.customize-area-color"}}
+                    class="p-0 border-0 m-0 w-8 h-8 bg-transparent rounded-none"
+                />
+            </div>
+            <InputGroup @name={{t "modals.service-area-form.country"}} @helpText={{t "modals.service-area-form.country-text"}}>
+                <CountrySelect class="w-full form-input" @value={{@resource.country}} @onChange={{fn (mut @resource.country)}} />
+            </InputGroup>
+        </div>
+    </ContentPanel>
+</div>

package/addon/components/service-area/form.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class ServiceAreaFormComponent extends Component {}

package/addon/components/service-rate/details.hbs

@@ -0,0 +1,284 @@
+<div class="details-wrapper" ...attributes>
+    <ContentPanel @title="Details" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
+            <div class="field-info-container">
+                <div class="field-name">{{t "service-rate.fields.service-name"}}</div>
+                <div class="field-value">{{n-a @resource.service_name}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">{{t "service-rate.fields.service-order-label"}}</div>
+                <div class="field-value">{{n-a @resource.order_config.name}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">{{t "service-rate.fields.base-fee-label"}}</div>
+                <div class="field-value">{{format-currency @resource.base_fee @resource.currency}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">{{t "service-rate.fields.rate-calculation-label"}}</div>
+                <div class="field-value">
+                    {{#let (find-by "value" @resource.rate_calculation_method (get-fleet-ops-options "serviceRateCalculationMethods")) as |method|}}
+                        {{#if method}}
+                            <Badge @status="info">{{method.label}}</Badge>
+                        {{else}}
+                            {{n-a @resource.rate_calculation_method}}
+                        {{/if}}
+                    {{/let}}
+                </div>
+            </div>
+        </div>
+    </ContentPanel>
+
+    <ContentPanel @title="Terms" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
+            {{#if @resource.isParcelService}}
+                <div class="field-info-container">
+                    <div class="field-name">{{t "service-rate.fields.estimated-days"}}</div>
+                    <div class="field-value">{{n-a @resource.estimated_days}}</div>
+                </div>
+            {{/if}}
+            <div class="field-info-container col-span-2">
+                <div class="field-name">{{t "service-rate.fields.duration-terms-label"}}</div>
+                <div class="field-value">{{n-a @resource.duration_terms}}</div>
+            </div>
+        </div>
+    </ContentPanel>
+
+    {{#if @resource.isFixedRate}}
+        <ContentPanel @title={{t "service-rate.fields.fixed-meter"}} @open={{true}} @wrapperClass="bordered-top">
+            <div class="mb-3">
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
+                    <div class="field-info-container">
+                        <div class="field-name">{{t "service-rate.fields.maximum-distance"}}</div>
+                        <div class="field-value">{{n-a @resource.max_distance}}</div>
+                    </div>
+                    <div class="field-info-container">
+                        <div class="field-name">Max Distance Unit</div>
+                        <div class="field-value">
+                            {{#let (find-by "value" @resource.max_distance_unit (get-fleet-ops-options "longDistanceUnits")) as |unit|}}
+                                {{#if unit}}
+                                    {{unit.label}}
+                                {{else}}
+                                    {{n-a @resource.max_distance_unit}}
+                                {{/if}}
+                            {{/let}}
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="overflow-x-auto">
+                <table class="table table-fixed w-full">
+                    <thead>
+                        <tr>
+                            <th>{{t "service-rate.fields.distance"}}</th>
+                            <th>{{t "service-rate.fields.fee"}}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {{#each @resource.rateFees as |rateFee|}}
+                            <tr>
+                                <td>{{rateFee.distance}}-{{add rateFee.distance 1}} {{@resource.max_distance_unit}}</td>
+                                <td>{{format-currency rateFee.fee @resource.currency}}</td>
+                            </tr>
+                        {{else}}
+                            <tr>
+                                <td colspan="2" class="text-center text-gray-500">No rate fees defined</td>
+                            </tr>
+                        {{/each}}
+                    </tbody>
+                </table>
+            </div>
+        </ContentPanel>
+    {{else if @resource.isPerDrop}}
+        <ContentPanel @title={{t "service-rate.fields.per-drop-off-title"}} @open={{true}} @wrapperClass="bordered-top">
+            <div class="overflow-x-auto">
+                <table class="table table-fixed w-full">
+                    <thead>
+                        <tr>
+                            <th>{{t "service-rate.fields.min-drop"}}</th>
+                            <th>{{t "service-rate.fields.max-drop"}}</th>
+                            <th>{{t "service-rate.fields.fee"}}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {{#each @resource.perDropFees as |rateFee|}}
+                            <tr>
+                                <td>{{n-a rateFee.min}}</td>
+                                <td>{{n-a rateFee.max}}</td>
+                                <td>{{format-currency rateFee.fee @resource.currency}}</td>
+                            </tr>
+                        {{else}}
+                            <tr>
+                                <td colspan="3" class="text-center text-gray-500">No per drop fees defined</td>
+                            </tr>
+                        {{/each}}
+                    </tbody>
+                </table>
+            </div>
+        </ContentPanel>
+    {{else if @resource.isPerMeter}}
+        <ContentPanel @title={{t "service-rate.fields.per-meter"}} @open={{true}} @wrapperClass="bordered-top">
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
+                <div class="field-info-container">
+                    <div class="field-name">{{t "service-rate.fields.per-meter-rate-fee"}}</div>
+                    <div class="field-value">{{format-currency @resource.per_meter_flat_rate_fee @resource.currency}}</div>
+                </div>
+
+                <div class="field-info-container">
+                    <div class="field-name">{{t "service-rate.fields.distance-unit"}}</div>
+                    <div class="field-value">
+                        {{#let (find-by "value" @resource.per_meter_unit (get-fleet-ops-options "distanceUnits")) as |unit|}}
+                            {{#if unit}}
+                                {{unit.label}}
+                            {{else}}
+                                {{n-a @resource.per_meter_unit}}
+                            {{/if}}
+                        {{/let}}
+                    </div>
+                </div>
+
+                <div class="field-info-container col-span-2">
+                    <div class="field-name">Calculation Formula</div>
+                    <div class="field-value">
+                        <code class="dark:text-gray-100">({{@resource.per_meter_flat_rate_fee}}
+                            * {distance}
+                            {{@resource.per_meter_unit}}) +
+                            {{or @resource.base_fee (format-currency 0 @resource.currency)}}</code>
+                    </div>
+                </div>
+            </div>
+        </ContentPanel>
+    {{else if @resource.isAlgorithm}}
+        <ContentPanel @title={{t "service-rate.fields.custom-algorithm-title"}} @open={{true}} @wrapperClass="bordered-top">
+            <div class="field-info-container">
+                <div class="field-name">Algorithm Code</div>
+                <div class="field-value">
+                    <pre class="bg-gray-100 dark:bg-gray-800 p-3 rounded text-xs overflow-x-auto"><code>{{n-a @resource.algorithm}}</code></pre>
+                </div>
+            </div>
+        </ContentPanel>
+    {{/if}}
+
+    <ContentPanel @title={{t "service-rate.fields.percel-fee-title"}} @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
+            {{#if @resource.hasParcelFees}}
+                <div class="field-info-container">
+                    <div class="field-name">{{t "service-rate.fields.cod-fee-label"}}</div>
+                    <div class="field-value">
+                        {{#if @resource.cod_calculation_method}}
+                            {{#let (find-by "value" @resource.cod_calculation_method (get-fleet-ops-options "serviceRateCodCalculationMethods")) as |method|}}
+                                {{#if method}}
+                                    {{method.label}}:
+                                    {{#if @resource.hasCodFlatFee}}
+                                        {{format-currency @resource.cod_flat_fee @resource.currency}}
+                                    {{else if @resource.hasCodPercentageFee}}
+                                        {{@resource.cod_percent}}%
+                                    {{/if}}
+                                {{else}}
+                                    {{n-a @resource.cod_calculation_method}}
+                                {{/if}}
+                            {{/let}}
+                        {{else}}
+                            N/A
+                        {{/if}}
+                    </div>
+                </div>
+
+                <div class="field-info-container">
+                    <div class="field-name">{{t "service-rate.fields.peak-hours-fee-label"}}</div>
+                    <div class="field-value">
+                        {{#if @resource.peak_hours_calculation_method}}
+                            {{#let (find-by "value" @resource.peak_hours_calculation_method (get-fleet-ops-options "serviceRatePeakHourCalculationMethods")) as |method|}}
+                                {{#if method}}
+                                    {{method.label}}:
+                                    {{#if @resource.hasPeakHoursFlatFee}}
+                                        {{format-currency @resource.peak_hours_flat_fee @resource.currency}}
+                                    {{else if @resource.hasPeakHoursPercentageFee}}
+                                        {{@resource.peak_hours_percent}}%
+                                    {{/if}}
+                                {{else}}
+                                    {{n-a @resource.peak_hours_calculation_method}}
+                                {{/if}}
+                            {{/let}}
+                        {{else}}
+                            N/A
+                        {{/if}}
+                    </div>
+                </div>
+            {{else}}
+                <div class="field-info-container col-span-2">
+                    <div class="field-value text-gray-500">No parcel fees configured</div>
+                </div>
+            {{/if}}
+        </div>
+    </ContentPanel>
+
+    <ContentPanel @title={{t "service-rate.fields.restrict-service-title"}} @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
+            <div class="field-info-container">
+                <div class="field-name">{{t "service-rate.fields.service-area-label"}}</div>
+                <div class="field-value">{{n-a @resource.serviceArea.name}}</div>
+            </div>
+
+            {{#if @resource.serviceArea}}
+                <div class="field-info-container">
+                    <div class="field-name">{{t "service-rate.fields.zone-label"}}</div>
+                    <div class="field-value">{{n-a @resource.zone.name}}</div>
+                </div>
+            {{/if}}
+        </div>
+    </ContentPanel>
+
+    <ContentPanel @title="Additional Fees" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
+            <div class="field-info-container">
+                <div class="field-name">Cash on Delivery (COD)</div>
+                <div class="field-value">
+                    {{#if @resource.cod_calculation_method}}
+                        {{#let (find-by "value" @resource.cod_calculation_method (get-fleet-ops-options "serviceRateCodCalculationMethods")) as |method|}}
+                            {{#if method}}
+                                <div class="space-y-1">
+                                    <Badge @status="info">{{method.label}}</Badge>
+                                    {{#if @resource.hasCodFlatFee}}
+                                        <div class="mt-1">{{format-currency @resource.cod_flat_fee @resource.currency}}</div>
+                                    {{else if @resource.hasCodPercentageFee}}
+                                        <div class="mt-1">{{@resource.cod_percent}}% of order value</div>
+                                    {{/if}}
+                                </div>
+                            {{/if}}
+                        {{/let}}
+                    {{else}}
+                        <span class="text-gray-500 italic">Not configured</span>
+                    {{/if}}
+                </div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Peak Hours Surcharge</div>
+                <div class="field-value">
+                    {{#if @resource.peak_hours_calculation_method}}
+                        {{#let (find-by "value" @resource.peak_hours_calculation_method (get-fleet-ops-options "serviceRatePeakHourCalculationMethods")) as |method|}}
+                            {{#if method}}
+                                <div class="space-y-1">
+                                    <Badge @status="warning">{{method.label}}</Badge>
+                                    {{#if @resource.hasPeakHoursFlatFee}}
+                                        <div class="mt-1">{{format-currency @resource.peak_hours_flat_fee @resource.currency}}</div>
+                                    {{else if @resource.hasPeakHoursPercentageFee}}
+                                        <div class="mt-1">{{@resource.peak_hours_percent}}% surcharge</div>
+                                    {{/if}}
+                                </div>
+                            {{/if}}
+                        {{/let}}
+                    {{else}}
+                        <span class="text-gray-500 italic">Not configured</span>
+                    {{/if}}
+                </div>
+            </div>
+        </div>
+    </ContentPanel>
+
+    <CustomField::Yield @subject={{@resource}} @viewMode={{true}} @wrapperClass="bordered-top" />
+</div>

package/addon/components/service-rate/details.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class ServiceRateDetailsComponent extends Component {}