@fleetbase/fleetops-engine 0.4.0 → 0.4.2

package/addon/components/modals/contact-form.hbs

@@ -3,48 +3,48 @@
         <div class="flex">
             <div class="w-32 mb-6 mr-6">
                 <Image src={{@options.contact.photo_url}} @fallbackSrc={{config "defaultValues.contactImage"}} alt={{@options.contact.name}} height="128" width="128" class="h-32 w-32 rounded-md" />
-                <UploadButton @name="photos" @accept="image/*" @onFileAdded={{@options.uploadNewPhoto}} class="w-32" />
+                <UploadButton @name={{t "fleet-ops.common.photos"}} @accept="image/*" @onFileAdded={{@options.uploadNewPhoto}} class="w-32" />
             </div>
             <div class="flex-1">
                 <div class="grid grid-cols-2 gap-2 text-xs dark:text-gray-100">
                     <div class="input-group">
                         <label>
-                            Name
+                            {{t "fleet-ops.common.name"}}
                         </label>
-                        <Input @value={{@options.contact.name}}  @type="text" class="w-full form-input" placeholder="Name" />
+                        <Input @value={{@options.contact.name}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.name"}} />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Title
+                            {{t "fleet-ops.common.title"}}
                         </label>
-                        <Input @value={{@options.contact.title}}  @type="text" class="w-full form-input" placeholder="Title" />
+                        <Input @value={{@options.contact.title}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.title"}} />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Internal ID
+                            {{t "fleet-ops.common.internal-id"}}
                         </label>
-                        <Input @value={{@options.contact.internal_id}}  @type="text" class="w-full form-input" placeholder="Internal ID" />
+                        <Input @value={{@options.contact.internal_id}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.internal-id"}} />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Email
+                            {{t "fleet-ops.common.email"}}
                         </label>
-                        <Input @value={{@options.contact.email}}  @type="text" class="w-full form-input" placeholder="Email" />
+                        <Input @value={{@options.contact.email}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.email"}} />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Phone
+                            {{t "fleet-ops.common.phone"}}
                         </label>
                         <PhoneInput @value={{@options.contact.phone}} @onInput={{fn (mut @options.contact.phone)}} class="form-input w-full" />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Type
+                            {{t "fleet-ops.common.type"}}
                         </label>
                         <Select @options={{@options.contactTypes}} @value={{@options.contact.type}} @onSelect={{fn (mut @options.contact.type)}} class="form-input w-full" />
                     </div>

package/addon/components/modals/driver-assign-order.hbs

@@ -1,8 +1,8 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="grid grid-cols-1 gap-2 text-xs dark:text-gray-100">
-            <InputGroup @name="Select Order">
-                <ModelSelect class="listbox-lg" @modelName="order" @selectedModel={{@options.selectedOrder}} @placeholder="Select Order to Assign" @triggerClass="form-select form-input" @infiniteScroll={{false}} @query={{hash sort="-created_at" unassigned=true}} @renderInPlace={{true}} @onChange={{@options.selectOrder}} as |order|>
+            <InputGroup @name={{t "fleet-ops.component.modals.driver-assign-order.order"}}>
+                <ModelSelect class="listbox-lg" @modelName="order" @selectedModel={{@options.selectedOrder}} @placeholder={{t "fleet-ops.component.modals.driver-assign-order.assign-order"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @query={{hash sort="-created_at" unassigned=true}} @renderInPlace={{true}} @onChange={{@options.selectOrder}} as |order|>
                     <div class="mb-3 flex items-center justify-between">
                         <div>{{order.public_id}} - {{order.createdAt}}</div>
                         <Badge @hideStatusDot={{true}} @status={{order.status}} />

package/addon/components/modals/driver-assign-vehicle.hbs

@@ -1,8 +1,8 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="grid grid-cols-1 gap-2 text-xs dark:text-gray-100">
-            <InputGroup @name="Select Vehicle" @value={{@options.driver.vehicle_uuid}}>
-                <ModelSelect @modelName="vehicle" @selectedModel={{@options.driver.vehicle_uuid}} @placeholder="Select Vehicle to Assign" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.driver.vehicle)}} @onChangeId={{fn (mut @options.driver.vehicle_uuid)}} as |model|>
+            <InputGroup @name={{t "fleet-ops.component.modals.driver-assign-vehicle.vehicle"}} @value={{@options.driver.vehicle_uuid}}>
+                <ModelSelect @modelName="vehicle" @selectedModel={{@options.driver.vehicle_uuid}} @placeholder={{t "fleet-ops.component.modals.driver-assign-vehicle.assign-vehicle"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.driver.vehicle)}} @onChangeId={{fn (mut @options.driver.vehicle_uuid)}} as |model|>
                     {{model.display_name}}
                 </ModelSelect>
             </InputGroup>

package/addon/components/modals/driver-assign-vendor.hbs

@@ -1,8 +1,8 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="grid grid-cols-1 gap-2 text-xs dark:text-gray-100">
-            <InputGroup @name="Select Vendor" @value={{@options.driver.vendor_uuid}}>
-                <ModelSelect @modelName="vendor" @selectedModel={{@options.driver.vendor_uuid}} @placeholder="Select Vendor" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.driver.vendor)}} @onChangeId={{fn (mut @options.driver.vendor_uuid)}} as |model|>
+            <InputGroup @name={{t "fleet-ops.component.modals.driver-assign-vendor.vendor"}} @value={{@options.driver.vendor_uuid}}>
+                <ModelSelect @modelName="vendor" @selectedModel={{@options.driver.vendor_uuid}} @placeholder={{t "fleet-ops.component.modals.driver-assign-vendor.vendor"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.driver.vendor)}} @onChangeId={{fn (mut @options.driver.vendor_uuid)}} as |model|>
                     {{model.name}}
                 </ModelSelect>
             </InputGroup>

package/addon/components/modals/driver-details.hbs

@@ -8,41 +8,41 @@
             </div>
             <div class="flex-1 grid grid-cols-2 md:grid-cols-3 gap-2">
                 <div class="field-info-container ">
-                    <div class="field-name">Name</div>
+                    <div class="field-name">{{t "fleet-ops.common.name"}}</div>
                     <div class="field-value">{{n-a @options.driver.name}}</div>
                 </div>
                 <div class="field-info-container">
-                    <div class="field-name">ID</div>
+                    <div class="field-name">{{t "fleet-ops.common.id"}}</div>
                     <div class="field-value">{{n-a @options.driver.public_id}}</div>
                 </div>
                 <div class="field-info-container">
-                    <div class="field-name">Internal ID</div>
+                    <div class="field-name">{{t "fleet-ops.common.internal-id"}}</div>
                     <div class="field-value">{{n-a @options.driver.internal_id}}</div>
                 </div>
                 <div class="field-info-container md:col-span-3">
-                    <div class="field-name">Drivers License</div>
+                    <div class="field-name">{{t "fleet-ops.common.driver-license"}}</div>
                     <div class="field-value">{{n-a @options.driver.drivers_license}}</div>
                 </div>
                 <div class="field-info-container md:col-span-3">
-                    <div class="field-name">Email</div>
+                    <div class="field-name">{{t "fleet-ops.common.email"}}</div>
                     <div class="field-value">{{n-a @options.driver.email}}</div>
                 </div>
                 <div class="field-info-container md:col-span-3">
-                    <div class="field-name">Phone</div>
+                    <div class="field-name">{{t "fleet-ops.common.phone"}}</div>
                     <div class="field-value">{{n-a @options.driver.phone}}</div>
                 </div>
                 <div class="field-info-container md:col-span-3">
-                    <div class="field-name">Status</div>
+                    <div class="field-name">{{t "fleet-ops.common.status"}}</div>
                     <div class="field-value">
                         <Badge @status={{@options.driver.status}} />
                     </div>
                 </div>
                 <div class="field-info-container">
-                    <div class="field-name">Current Job</div>
+                    <div class="field-name">{{t "fleet-ops.component.modals.driver-details.job"}}</div>
                     <div class="field-value">{{n-a @options.driver.current_job_id}}</div>
                 </div>
                 <div class="field-info-container">
-                    <div class="field-name">Vehicle</div>
+                    <div class="field-name">{{t "fleet-ops.common.vehicle"}}</div>
                     <div class="field-value">
                         {{#if @options.driver.vehicle_uuid}}
                             <a href="javascript:;" {{on "click" @options.viewVehicle}}>{{@options.driver.vehicle_name}}</a>
@@ -52,7 +52,7 @@
                     </div>
                 </div>
                 <div class="field-info-container">
-                    <div class="field-name">Vendor</div>
+                    <div class="field-name">{{t "fleet-ops.common.vendor"}}</div>
                     <div class="field-value">
                         {{#if @options.driver.vendor_uuid}}
                             <a href="javascript:;" {{on "click" @options.viewVendor}}>{{@options.driver.vendor_name}}</a>
@@ -62,21 +62,21 @@
                     </div>
                 </div>
                 <div class="field-info-container">
-                    <div class="field-name">City</div>
+                    <div class="field-name">{{t "fleet-ops.common.city"}}</div>
                     <div class="field-value">{{n-a @options.driver.city}}</div>
                 </div>
                 <div class="field-info-container">
-                    <div class="field-name">Country</div>
+                    <div class="field-name">{{t "fleet-ops.common.country"}}</div>
                     <div class="field-value">
                         <CountryName @country={{@options.driver.country}} />
                     </div>
                 </div>
                 <div class="field-info-container md:col-span-3">
-                    <div class="field-name">Coordinates</div>
+                    <div class="field-name">{{t "fleet-ops.common.coordinates"}}</div>
                     <div class="field-value">{{point-coordinates @options.driver.location}}</div>
                     <a href="javascript:;" class="btn btn-xs btn-default mt-1" {{on "click" @options.viewDriverOnMap}}>
                         <FaIcon @icon="map" class="mr-1.5" />
-                        <span>View on map</span>
+                        <span>{{t "fleet-ops.component.modals.driver-details.view"}}</span>
                     </a>
                 </div>
             </div>

package/addon/components/modals/driver-form.hbs

@@ -3,77 +3,77 @@
         <div class="flex">
             <div class="w-32 mb-6 mr-6">
                 <Image src={{@options.driver.photo_url}} @fallbackSrc={{config "defaultValues.driverImage"}} alt={{@options.driver.name}} height="128" width="128" class="h-32 w-32 rounded-md" />
-                <UploadButton @name="photos" @accept="image/*" @onFileAdded={{@options.uploadNewPhoto}} class="w-32" />
+                <UploadButton @name={{t "fleet-ops.common.photos"}} @accept="image/*" @onFileAdded={{@options.uploadNewPhoto}} class="w-32" />
             </div>
             <div class="flex-1">
                 <div class="grid grid-cols-1 gap-2 text-xs dark:text-gray-100">
                     <div class="input-group">
                         <label>
-                            Name
+                            {{t "fleet-ops.common.name"}}
                         </label>
-                        <Input @value={{@options.driver.name}}  @type="text" class="w-full form-input" placeholder="Name" />
+                        <Input @value={{@options.driver.name}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.name"}} />
                     </div>
                 </div>
 
                 <div class="grid grid-cols-2 gap-2 text-xs dark:text-gray-100">
                     <div class="input-group">
                         <label>
-                            Internal ID
+                            {{t "fleet-ops.common.internal-id"}}
                         </label>
-                        <Input @value={{@options.driver.internal_id}}  @type="text" class="w-full form-input" placeholder="Internal ID" />
+                        <Input @value={{@options.driver.internal_id}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.internal-id"}} />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Drivers License
+                            {{t "fleet-ops.common.driver-license"}}
                         </label>
-                        <Input @value={{@options.driver.drivers_license_number}}  @type="text" class="w-full form-input" placeholder="Drivers License" />
+                        <Input @value={{@options.driver.drivers_license_number}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.driver-license"}} />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Email
+                            {{t "fleet-ops.common.email"}}
                         </label>
-                        <Input @value={{@options.driver.email}}  @type="text" class="w-full form-input" placeholder="Email" />
+                        <Input @value={{@options.driver.email}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.email"}} />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Phone
+                            {{t "fleet-ops.common.phone"}}
                         </label>
                         <PhoneInput @value={{@options.driver.phone}} @onInput={{fn (mut @options.driver.phone)}} class="form-input w-full" />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Vendor
+                            {{t "fleet-ops.common.vendor"}}
                         </label>
-                        <ModelSelect @modelName="vendor" @selectedModel={{@options.driver.vendor}} @placeholder="Select Vendor" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.driver.vendor)}} as |model|>
+                        <ModelSelect @modelName="vendor" @selectedModel={{@options.driver.vendor}} @placeholder={{t "fleet-ops.component.modals.driver-form.select-vendor"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.driver.vendor)}} as |model|>
                             {{model.name}}
                         </ModelSelect>
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Vehicle
+                            {{t "fleet-ops.common.vehicle"}}
                         </label>
-                        <ModelSelect @modelName="vehicle" @selectedModel={{@options.driver.vehicle}} @placeholder="Select Vehicle" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.driver.vehicle)}} as |model|>
+                        <ModelSelect @modelName="vehicle" @selectedModel={{@options.driver.vehicle}} @placeholder={{t "fleet-ops.component.modals.driver-form.select-vehicle"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.driver.vehicle)}} as |model|>
                             {{model.display_name}}
                         </ModelSelect>
                     </div>
 
                     <div class="input-group">
                         <label>
-                            City
+                            {{t "fleet-ops.common.city"}}
                         </label>
-                        <Input @value={{@options.driver.city}}  @type="text" class="w-full form-input" placeholder="City" />
+                        <Input @value={{@options.driver.city}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.city"}} />
                     </div>
 
                     <div class="input-group">
                         <label>
-                            Country
+                            {{t "fleet-ops.common.country"}}
                         </label>
-                        <CountrySelect class="w-full form-input form-select form-datalist" @value={{@options.driver.country}} @onChange={{fn (mut @options.driver.country)}} placeholder="Country" />
+                        <CountrySelect class="w-full form-input form-select form-datalist" @value={{@options.driver.country}} @onChange={{fn (mut @options.driver.country)}} placeholder={{t "fleet-ops.common.country"}} />
                     </div>
                 </div>
             </div>

package/addon/components/modals/edit-meta-form.hbs

@@ -1,7 +1,7 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="flex flex-row mb-5">
-            <Button @text="Add metafield" @icon="plus" @iconPrefix="fas" @onClick={{fn @options.addMetaField @options.meta}} />
+            <Button @text={{t "fleet-ops.component.modals.edit-meta-form.add"}} @icon="plus" @iconPrefix="fas" @onClick={{fn @options.addMetaField @options.meta}} />
         </div>
         <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-2">
             {{#each @options.meta as |metaField index|}}
@@ -9,7 +9,7 @@
                     <div class="flex justify-between items-center mb-1">
                         <Input class="form-input border-0 px-2 py-1 m-0 bg-white dark:bg-gray-900 shadow-none" @value={{metaField.label}} placeholder={{metaField.label}} />
                         <a href="javascript:;" class="text-xs" {{on "click" (fn @options.removeMetaField @options.meta index)}}>
-                            <FaIcon @icon="trash" @size="sm" class="mr-1" /> Remove
+                            <FaIcon @icon="trash" @size="sm" class="mr-1" /> {{t "fleet-ops.common.remove"}}
                         </a>
                     </div>
                     <Input class="w-full form-input" @value={{metaField.value}} placeholder={{metaField.label}} />

package/addon/components/modals/entity-form.hbs

@@ -3,49 +3,49 @@
         <div class="flex">
             <div class="w-32 mb-6 mr-6 flex flex-col items-center">
                 <Image src={{@options.entity.photo_url}} alt={{@options.entity.name}} height="128" width="128" class="h-32 w-32 rounded-md" />
-                <UploadButton @name="photos" @accept="image/*" @onFileAdded={{@options.uploadNewPhoto}} class="w-32" />
+                <UploadButton @name={{t "fleet-ops.common.photos"}} @accept="image/*" @onFileAdded={{@options.uploadNewPhoto}} class="w-32" />
             </div>
             <div class="flex-1 space-y-4">
-                <ContentPanel @title="Details" @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
+                <ContentPanel @title={{t "fleet-ops.common.details"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
                     <div class="grid grid-cols-1 gap-4 lg:grid-cols-2 lg:gap-2">
-                        <InputGroup @name="Name" @value={{@options.entity.name}} @helpText="Name of item or entity." @wrapperClass="mb-2" />
-                        <InputGroup @name="Internal ID" @value={{@options.entity.internal_id}} @helpText="Use this field to optionally set a custom identifier or internal identifier for the entity." @wrapperClass="mb-2" />
-                        <InputGroup @name="SKU" @value={{@options.entity.sku}} @helpText="Stock keeping unit number if applicable." @wrapperClass="mb-2" />
+                        <InputGroup @name={{t "fleet-ops.common.name"}} @value={{@options.entity.name}} @helpText={{t "fleet-ops.component.modals.entity-form.name-text"}} @wrapperClass="mb-2" />
+                        <InputGroup @name={{t "fleet-ops.common.internal-id"}} @value={{@options.entity.internal_id}} @helpText={{t "fleet-ops.component.modals.entity-form.id-text"}} @wrapperClass="mb-2" />
+                        <InputGroup @name={{t "fleet-ops.component.modals.entity-form.sku"}} @value={{@options.entity.sku}} @helpText={{t "fleet-ops.component.modals.entity-form.sku-text"}} @wrapperClass="mb-2" />
                         <div></div>
-                        <InputGroup @name="Description" @helpText="Additional description text of entity." @wrapperClass="col-span-2 mb-2">
-                            <Textarea @value={{@options.entity.description}} type="text" class="w-full form-input" placeholder="Description" />
+                        <InputGroup @name={{t "fleet-ops.component.modals.entity-form.description"}} @helpText={{t "fleet-ops.component.modals.entity-form.description-text"}} @wrapperClass="col-span-2 mb-2">
+                            <Textarea @value={{@options.entity.description}} type="text" class="w-full form-input" placeholder={{t "fleet-ops.component.modals.entity-form.description"}} />
                         </InputGroup>
                     </div>
                 </ContentPanel>
 
-                <ContentPanel @title="Pricing & Value" @open={{false}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
+                <ContentPanel @title={{t "fleet-ops.component.modals.entity-form.price-title"}} @open={{false}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
                     <div class="grid grid-cols-1 gap-4 lg:grid-cols-2 lg:gap-2">
-                        <InputGroup @name="Price" @helpText="Price of entity." @wrapperClass="mb-2">
+                        <InputGroup @name={{t "fleet-ops.component.modals.entity-form.price"}} @helpText={{t "fleet-ops.component.modals.entity-form.price-text"}} @wrapperClass="mb-2">
                             <MoneyInput class="w-full" @value={{@options.entity.price}} @currency={{@options.entity.currency}} @canSelectCurrency={{true}} @onCurrencyChange={{fn (mut @options.entity.currency)}} />
                         </InputGroup>
-                        <InputGroup @name="Sale Price" @helpText="Sale price or discounted price of entity." @wrapperClass="mb-2">
+                        <InputGroup @name={{t "fleet-ops.component.modals.entity-form.sale-price"}} @helpText={{t "fleet-ops.component.modals.entity-form.sale-price-text"}} @wrapperClass="mb-2">
                             <MoneyInput class="w-full" @value={{@options.entity.sale_price}} @currency={{@options.entity.currency}} @canSelectCurrency={{true}} @onCurrencyChange={{fn (mut @options.entity.currency)}} />
                         </InputGroup>
-                        <InputGroup @name="Declared Value" @helpText="Declared value of entity, useful is insurable." @wrapperClass="mb-2">
+                        <InputGroup @name={{t "fleet-ops.component.modals.entity-form.declare"}} @helpText={{t "fleet-ops.component.modals.entity-form.declare-text"}} @wrapperClass="mb-2">
                             <MoneyInput class="w-full" @value={{@options.entity.declared_value}} @currency={{@options.entity.currency}} @canSelectCurrency={{true}} @onCurrencyChange={{fn (mut @options.entity.currency)}} />
                         </InputGroup>
                     </div>
                 </ContentPanel>
 
-                <ContentPanel @title="Measurements & Weight" @open={{false}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
+                <ContentPanel @title={{t "fleet-ops.component.modals.entity-form.measurement-title"}} @open={{false}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
                     <div class="grid grid-cols-3 gap-1">
-                        <InputGroup @name="Length" @helpText="The length of the entity." @wrapperClass="mb-2">
+                        <InputGroup @name={{t "fleet-ops.component.modals.entity-form.length"}} @helpText={{t "fleet-ops.component.modals.entity-form.length-text"}} @wrapperClass="mb-2">
                             <UnitInput class="w-full" @value={{@options.entity.length}} @unit={{@options.entity.dimensions_unit}} @canSelectUnit={{true}} @onUnitChange={{fn (mut @options.entity.dimensions_unit)}} />
                         </InputGroup>
-                        <InputGroup @name="Width" @helpText="The width of the entity." @wrapperClass="mb-2">
+                        <InputGroup @name={{t "fleet-ops.component.modals.entity-form.width"}} @helpText={{t "fleet-ops.component.modals.entity-form.width-text"}} @wrapperClass="mb-2">
                             <UnitInput class="w-full" @value={{@options.entity.width}} @unit={{@options.entity.dimensions_unit}} @canSelectUnit={{true}} @onUnitChange={{fn (mut @options.entity.dimensions_unit)}} />
                         </InputGroup>
-                        <InputGroup @name="Height" @helpText="The height of the entity." @wrapperClass="mb-2">
+                        <InputGroup @name={{t "fleet-ops.component.modals.entity-form.height"}} @helpText={{t "fleet-ops.component.modals.entity-form.height-text"}} @wrapperClass="mb-2">
                             <UnitInput class="w-full" @value={{@options.entity.height}} @unit={{@options.entity.dimensions_unit}} @canSelectUnit={{true}} @onUnitChange={{fn (mut @options.entity.dimensions_unit)}} />
                         </InputGroup>
                     </div>
                     <div class="grid grid-cols-3 gap-1">
-                        <InputGroup @name="Weight" @helpText="The weight of the entity." @wrapperClass="mb-2">
+                        <InputGroup @name={{t "fleet-ops.component.modals.entity-form.weight"}} @helpText={{t "fleet-ops.component.modals.entity-form.weight-text"}} @wrapperClass="mb-2">
                             <UnitInput class="w-full" @value={{@options.entity.weight}} @measurement="weight" @unit={{@options.entity.weight_unit}} @canSelectUnit={{true}} @onUnitChange={{fn (mut
                                                             @options.entity.weight_unit)}} />
                         </InputGroup>

package/addon/components/modals/entity-meta-field-prompt.hbs

@@ -1,6 +1,6 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <KeyInput @name="Meta Field Key" @value={{@options.keyName}} @onChange={{fn (mut @options.keyName)}} />
+        <KeyInput @name={{t "fleet-ops.component.modals.entity-meta-field-prompt.name"}} @value={{@options.keyName}} @onChange={{fn (mut @options.keyName)}} />
     </div>
     {{yield}}
 </Modal::Default>

package/addon/components/modals/fleet-details.hbs

@@ -2,27 +2,27 @@
     <div class="modal-body-container">
         <div class="grid grid-cols-2 flex-col md:flex-row gap-2 mb-6">
             <div class="field-info-container">
-                <div class="field-name">Name</div>
+                <div class="field-name">{{t "fleet-ops.common.name"}}</div>
                 <div class="field-value">{{n-a @options.fleet.name}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Service Area</div>
+                <div class="field-name">{{t "fleet-ops.common.service-area"}}</div>
                 <div class="field-value">{{n-a @options.fleet.serviceArea.name}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Zone</div>
+                <div class="field-name">{{t "fleet-ops.common.zone"}}</div>
                 <div class="field-value">{{n-a @options.fleet.zone.name}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Task</div>
+                <div class="field-name">{{t "fleet-ops.common.task"}}</div>
                 <div class="field-value">{{n-a @options.fleet.task}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Active Manpower</div>
+                <div class="field-name">{{t "fleet-ops.common.active-manpower"}}</div>
                 <div class="field-value">{{@options.fleet.drivers_online_count}} of {{@options.fleet.drivers_count}} Online</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Date Created</div>
+                <div class="field-name">{{t "fleet-ops.common.date-created"}}</div>
                 <div class="field-value">{{@options.fleet.createdAtShort}}</div>
             </div>
         </div>

package/addon/components/modals/fleet-form.hbs

@@ -2,23 +2,23 @@
     <div class="modal-body-container">
         <div class="grid grid-cols-2 gap-2 text-xs dark:text-gray-100">
             <div class="col-span-2">
-                <InputGroup @name="Fleet Name" @value={{@options.fleet.name}} />
+                <InputGroup @name={{t "fleet-ops.component.modals.fleet-form.title"}} @value={{@options.fleet.name}} />
             </div>
-            <InputGroup @name="Assign to Service Area" @value={{@options.fleet.service_area}}>
-                <ModelSelect @modelName="service-area" @selectedModel={{@options.fleet.service_area}} @placeholder="Select service area to assign fleet to" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.fleet.service_area)}} as |model|>
+            <InputGroup @name={{t "fleet-ops.component.modals.fleet-form.assign"}} @value={{@options.fleet.service_area}}>
+                <ModelSelect @modelName="service-area" @selectedModel={{@options.fleet.service_area}} @placeholder={{t "fleet-ops.component.modals.fleet-form.assign-text"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.fleet.service_area)}} as |model|>
                     {{model.name}}
                 </ModelSelect>
             </InputGroup>
             {{#if @options.fleet.service_area}}
-                <InputGroup @name="Assign to Zone" @value={{@options.fleet.zone}}>
-                    <ModelSelect @modelName="zone" @selectedModel={{@options.fleet.zone}} @query={{hash service_area_uuid=@options.fleet.service_area.id}} @placeholder="Select zone to assign fleet to" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.fleet.zone)}} as |model|>
+                <InputGroup @name={{t "fleet-ops.component.modals.fleet-form.zone"}} @value={{@options.fleet.zone}}>
+                    <ModelSelect @modelName="zone" @selectedModel={{@options.fleet.zone}} @query={{hash service_area_uuid=@options.fleet.service_area.id}} @placeholder={{t "fleet-ops.component.modals.fleet-form.zone-text"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.fleet.zone)}} as |model|>
                         {{model.name}}
                     </ModelSelect>
                 </InputGroup>
             {{/if}}
-            <InputGroup @name="Task/ Mission" @helpText="Give a description of this fleet's primary task or mission if applicable." @value={{@options.fleet.task}} />
-            <InputGroup @name="Status" @helpText="Select the status of the fleet.">
-                <Select @options={{@options.statusOptions}} @value={{@options.fleet.status}} @onSelect={{fn (mut @options.fleet.status)}} @placeholder="Select status" class="w-full" />
+            <InputGroup @name={{t "fleet-ops.component.modals.fleet-form.task"}} @helpText={{t "fleet-ops.component.modals.fleet-form.task-text"}} @value={{@options.fleet.task}} />
+            <InputGroup @name={{t "fleet-ops.common.status"}} @helpText={{t "fleet-ops.component.modals.fleet-form.status-text"}}>
+                <Select @options={{@options.statusOptions}} @value={{@options.fleet.status}} @onSelect={{fn (mut @options.fleet.status)}} @placeholder={{t "fleet-ops.component.modals.fleet-form.select-task"}} class="w-full" />
             </InputGroup>
         </div>
     </div>

package/addon/components/modals/fuel-report-details.hbs

@@ -2,35 +2,35 @@
     <div class="modal-body-container">
         <div class="grid grid-cols-2 flex-col md:flex-row gap-2 mb-6">
             <div class="field-info-container">
-                <div class="field-name">ID</div>
+                <div class="field-name">{{t "fleet-ops.common.id"}}</div>
                 <div class="field-value">{{n-a @options.fuelReport.public_id}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Driver</div>
+                <div class="field-name">{{t "fleet-ops.common.driver"}}</div>
                 <div class="field-value">{{n-a @options.fuelReport.driver_name}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Vehicle</div>
+                <div class="field-name">{{t "fleet-ops.common.vehicle"}}</div>
                 <div class="field-value">{{n-a @options.fuelReport.vehicle_name}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Odometer</div>
+                <div class="field-name">{{t "fleet-ops.common.odometer"}}</div>
                 <div class="field-value">{{n-a @options.fuelReport.odometer}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Cost</div>
+                <div class="field-name">{{t "fleet-ops.common.cost"}}</div>
                 <div class="field-value">{{format-currency @options.fuelReport.amount @options.fuelReport.currency}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Fuel/ Volume</div>
-                <div class="field-value">{{pluralize @options.fuelReport.volume @options.fuelReport.metric_unit}}</div>
+                <div class="field-name">{{t "fleet-ops.component.modals.fuel-report-details.fuel"}}</div>
+                <div class="field-value">{{pluralize (n-a @options.fuelReport.volume) (n-a @options.fuelReport.metric_unit)}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Date Created</div>
+                <div class="field-name">{{t "fleet-ops.common.date-created"}}</div>
                 <div class="field-value">{{@options.fuelReport.createdAtShort}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Coordinates</div>
+                <div class="field-name">{{t "fleet-ops.common.coordinates"}}</div>
                 <div class="field-value">{{point-coordinates @options.fuelReport.location}}</div>
             </div>
         </div>

package/addon/components/modals/fuel-report-form.hbs

@@ -1,24 +1,24 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="grid grid-cols-1 text-xs dark:text-gray-100">
-            <InputGroup @name="Driver">
-                <ModelSelect @modelName="driver" @selectedModel={{@options.fuelReport.driver}} @placeholder="Select Driver" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.fuelReport.driver)}} @onChangeId={{fn (mut @options.fuelReport.driver_uuid)}} as |model|>
+            <InputGroup @name={{t "fleet-ops.common.driver"}}>
+                <ModelSelect @modelName="driver" @selectedModel={{@options.fuelReport.driver}} @placeholder={{t "fleet-ops.component.modals.fuel-report-form.select-driver"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.fuelReport.driver)}} @onChangeId={{fn (mut @options.fuelReport.driver_uuid)}} as |model|>
                     {{model.name}}
                 </ModelSelect>
             </InputGroup>
-            <InputGroup @name="Vehicle">
-                <ModelSelect @modelName="vehicle" @selectedModel={{@options.fuelReport.vehicle}} @placeholder="Select Vehicle" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.fuelReport.vehicle)}} @onChangeId={{fn (mut @options.fuelReport.vehicle_uuid)}} as |model|>
+            <InputGroup @name={{t "fleet-ops.common.vehicle"}}>
+                <ModelSelect @modelName="vehicle" @selectedModel={{@options.fuelReport.vehicle}} @placeholder={{t "fleet-ops.component.modals.fuel-report-form.select-vehicle"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.fuelReport.vehicle)}} @onChangeId={{fn (mut @options.fuelReport.vehicle_uuid)}} as |model|>
                     {{model.display_name}}
                 </ModelSelect>
             </InputGroup>
-            <InputGroup @name="Odometer" @type="number" @value={{@options.fuelReport.odometer}} />
-            <InputGroup @name="Cost">
+            <InputGroup @name={{t "fleet-ops.common.odometer"}} @type="number" @value={{@options.fuelReport.odometer}} />
+            <InputGroup @name={{t "fleet-ops.common.cost"}}>
                 <MoneyInput class="w-full" @value={{@options.fuelReport.amount}} @currency={{@options.fuelReport.currency}} @canSelectCurrency={{true}} @onCurrencyChange={{fn (mut @options.fuelReport.currency)}} />
             </InputGroup>
-            <InputGroup @name="Volume" @helpText="Select the metric unit and volume of fuel to report." @wrapperClass="w-full">
+            <InputGroup @name={{t "fleet-ops.component.modals.fuel-report-form.volume"}} @helpText={{t "fleet-ops.component.modals.fuel-report-form.volume-text"}} @wrapperClass="w-full">
                 <UnitInput class="w-full" @measurement="volume" @value={{@options.fuelReport.volume}} @unit={{@options.fuelReport.metric_unit}} @canSelectUnit={{true}} @onUnitChange={{fn (mut @options.fuelReport.metric_unit)}} />
             </InputGroup>
-            <InputGroup @name="Coordinates">
+            <InputGroup @name={{t "fleet-ops.common.coordinates"}}>
                 <CoordinatesInput @value={{@options.fuelReport.location}} @onChange={{fn (mut @options.fuelReport.location)}} />
             </InputGroup>
         </div>

package/addon/components/modals/group-details.hbs

@@ -3,7 +3,7 @@
         <div class="grid grid-cols-3 gap-2 text-xs dark:text-gray-100">
             <div class="col-span-3 mb-5">
                 <label class="block mb-2 font-bold">
-                    Group Name
+                    {{t "fleet-ops.component.modals.group-details.name"}}
                 </label>
                 <span class="block truncate">
                     {{@options.group.name}}
@@ -12,7 +12,7 @@
 
             <div class="mb-5">
                 <label class="block mb-2 font-bold">
-                    Members
+                    {{t "fleet-ops.component.modals.group-details.member"}}
                 </label>
                 <span class="block truncate">
                     {{@options.user.internal_id}}
@@ -21,7 +21,7 @@
 
             <div class="mb-5">
                 <label class="block mb-2 font-bold">
-                    Status
+                    {{t "fleet-ops.common.status"}}
                 </label>
                 <Badge @status={{@options.vendor.status}} />
             </div>
@@ -30,7 +30,7 @@
 
             <div class="col-span-2 mb-5">
                 <label class="block mb-2 font-bold">
-                    Address
+                    {{t "fleet-ops.component.modals.group-details.address"}}
                 </label>
                 <div>
                     {{(html-safe @options.vendor.address)}}