@fleetbase/fleetops-engine 0.4.0 → 0.4.2

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

@@ -3,18 +3,18 @@
         <div class="text-xs dark:text-gray-100">
             <div class="input-group">
                 <label>
-                    Group Name
+                    {{t "fleet-ops.component.modals.group-form.title"}}
                 </label>
-                <Input @value={{@options.group.name}}  @type="text" class="w-full form-input" placeholder=" Group Name" />
+                <Input @value={{@options.group.name}}  @type="text" class="w-full form-input" placeholder={{t "fleet-ops.component.modals.group-form.title"}} />
             </div>
 
             <div class="input-group">
                 <div class="mb-4">
-                    <InputLabel class="mb-2" @labelText="Select users to add to group"
-                        @helpText="Search and select users to add to this group." />
+                    <InputLabel class="mb-2" @labelText={{t "fleet-ops.component.modals.group-form.users-add"}}
+                        @helpText={{t "fleet-ops.component.modals.group-form.search"}} />
             
                     <div class="flex items-start justify-between">
-                        <ModelSelect @modelName="user" @selectedModel={{@options.lastSelectedUser}} @placeholder="Select user to add to group"
+                        <ModelSelect @modelName="user" @selectedModel={{@options.lastSelectedUser}} @placeholder={{t "fleet-ops.component.modals.group-form.select-user"}}
                             @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{@options.addUser}} as |model|>
                             {{model.name}}
                         </ModelSelect>
@@ -41,7 +41,7 @@
                         <div class="flex items-center justify-center h-full dark:text-gray-100">
                             <div class="flex flex-col items-center justify-center w-2/4 h-full my-8 text-center">
                                 <div class="text-base font-semibold">
-                                    No users added to group
+                                    {{t "fleet-ops.component.modals.group-form.no-users"}}
                                 </div>
                             </div>
                         </div>

package/addon/components/modals/install-prompt.hbs

@@ -7,9 +7,8 @@
                 </div>
             </div>
             <div class="flex-1 dark:text-gray-100">
-                <p class="text-base mb-2">You are attempting to install the extension "{{or @options.extensionName}}".
-                    Are you sure you wish to proceed with this installation?</p>
-                <small>Some extensions require access to your resources.</small>
+                <p class="text-base mb-2">{{t "fleet-ops.component.modals.install-prompt.message" htmlSafe=true extensionName=@options.extensionName}}</p>
+                <small>{{t "fleet-ops.component.modals.install-prompt.sub-message"}}</small>
             </div>
         </div>
         {{#if @options.isInstalling}}

package/addon/components/modals/issue-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">Reporter</div>
+                <div class="field-name">{{t "fleet-ops.common.reporter"}}</div>
                 <div class="field-value">{{n-a @issue.reporter}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Assigned To</div>
+                <div class="field-name">{{t "fleet-ops.component.modals.issue-details.assigned"}}</div>
                 <div class="field-value">{{n-a @issue.assignee}}</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 @issue.driver}}</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 @issue.vehicle.displayName}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Issue Type</div>
+                <div class="field-name">{{t "fleet-ops.component.modals.issue-details.type"}}</div>
                 <div class="field-value">{{n-a @issue.type}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Issue Category</div>
+                <div class="field-name">{{t "fleet-ops.component.modals.issue-details.category"}}</div>
                 <div class="field-value">{{n-a @issue.category}}</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">{{@issue.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 @issue.location}}</div>
             </div>
         </div>

package/addon/components/modals/issue-from.hbs

@@ -1,11 +1,11 @@
 <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="Reported By">
+            <InputGroup @name={{t "fleet-ops.component.modals.issue-form.reported"}}>
                 <ModelSelect
                     @modelName="user"
                     @selectedModel={{this.issue.reporter}}
-                    @placeholder="Select Reporter"
+                    @placeholder={{t "fleet-ops.component.modals.issue-form.select-reporter"}}
                     @triggerClass="form-select form-input"
                     @infiniteScroll={{false}}
                     @renderInPlace={{true}}
@@ -16,11 +16,11 @@
                 </ModelSelect>
             </InputGroup>
 
-            <InputGroup @name="Assigned To">
+            <InputGroup @name={{t "fleet-ops.component.modals.issue-form.assigned"}}>
                 <ModelSelect
                     @modelName="user"
                     @selectedModel={{this.issue.assignee}}
-                    @placeholder="Select Assignee"
+                    @placeholder={{t "fleet-ops.component.modals.issue-form.select-assignee"}}
                     @triggerClass="form-select form-input"
                     @infiniteScroll={{false}}
                     @renderInPlace={{true}}
@@ -31,11 +31,11 @@
                 </ModelSelect>
             </InputGroup>
 
-            <InputGroup @name="Driver">
+            <InputGroup @name={{t "fleet-ops.common.driver"}}>
                 <ModelSelect
                     @modelName="driver"
                     @selectedModel={{this.issue.driver}}
-                    @placeholder="Select Driver"
+                    @placeholder={{t "fleet-ops.component.modals.issue-form.select-driver"}}
                     @triggerClass="form-select form-input"
                     @infiniteScroll={{false}}
                     @renderInPlace={{true}}
@@ -46,11 +46,11 @@
                 </ModelSelect>
             </InputGroup>
 
-            <InputGroup @name="Vehicle">
+            <InputGroup @name={{t "fleet-ops.common.vehicle"}}>
                 <ModelSelect
                     @modelName="vehicle"
                     @selectedModel={{this.issue.vehicle}}
-                    @placeholder="Select Vehicle"
+                    @placeholder={{t "fleet-ops.component.modals.issue-form.select-vehicle"}}
                     @triggerClass="form-select form-input"
                     @infiniteScroll={{false}}
                     @renderInPlace={{true}}
@@ -61,13 +61,13 @@
                 </ModelSelect>
             </InputGroup>
 
-            <InputGroup @name="Issue Type">
+            <InputGroup @name={{t "fleet-ops.component.modals.issue-form.type"}}>
                 <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
                     <PowerSelect
                         @options={{this.issueTypes}}
                         @selected={{this.issue.type}}
                         @onChange={{this.onSelectIssueType}}
-                        @placeholder="Select issue type"
+                        @placeholder={{t "fleet-ops.component.modals.issue-form.select-type"}}
                         @triggerClass="form-select form-input"
                         as |type|
                     >
@@ -76,13 +76,13 @@
                 </div>
             </InputGroup>
 
-            <InputGroup @name="Issue Category">
+            <InputGroup @name={{t "fleet-ops.component.modals.issue-form.category"}}>
                 <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
                     <PowerSelect
                         @options={{this.issueCategories}}
                         @selected={{this.issue.category}}
                         @onChange={{fn (mut this.issue.category)}}
-                        @placeholder="Select issue category"
+                        @placeholder={{t "fleet-ops.component.modals.issue-form.select-category"}}
                         @triggerClass="form-select form-input"
                         @disabled={{not this.issueCategories}}
                         as |category|
@@ -92,14 +92,14 @@
                 </div>
             </InputGroup>
 
-            <InputGroup @name="Issue Report">
-                <Textarea @value={{this.issue.report}} aria-label="Issue Report" class="w-full form-input" placeholder="Issue Report" rows={{5}} />
+            <InputGroup @name={{t "fleet-ops.component.modals.issue-form.report"}}>
+                <Textarea @value={{this.issue.report}} aria-label="Issue Report" class="w-full form-input" placeholder={{t "fleet-ops.component.modals.issue-form.report"}} rows={{5}} />
             </InputGroup>
 
-            <InputGroup @name="Issue Tags">
+            <InputGroup @name={{t "fleet-ops.component.modals.issue-form.tags"}}>
                 <TagInput
                     class="form-input"
-                    @placeholder="Add tags"
+                    @placeholder={{t "fleet-ops.component.modals.issue-form.add-tags"}}
                     @allowSpacesInTags={{true}}
                     @tags={{this.issue.tags}}
                     @addTag={{this.addTag}}
@@ -110,17 +110,17 @@
                 </TagInput>
             </InputGroup>
 
-            <InputGroup @name="Priority">
-                <Input @value={{this.issue.priority}} @type="text" class="w-full form-input" placeholder="Priority" />
+            <InputGroup @name={{t "fleet-ops.common.priority"}}>
+                <Input @value={{this.issue.priority}} @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.priority"}} />
             </InputGroup>
 
-            <InputGroup @name="Status">
+            <InputGroup @name={{t "fleet-ops.common.status"}}>
                 <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
                     <PowerSelect
                         @options={{this.issueStatusOptions}}
                         @selected={{this.issue.status}}
                         @onChange={{fn (mut this.issue.status)}}
-                        @placeholder="Select issue status"
+                        @placeholder={{t "fleet-ops.component.modals.issue-form.select-status"}}
                         @triggerClass="form-select form-input"
                         as |status|
                     >
@@ -129,7 +129,7 @@
                 </div>
             </InputGroup>
 
-            <InputGroup @name="Coordinates">
+            <InputGroup @name={{t "fleet-ops.common.coordinates"}}>
                 <CoordinatesInput @value={{this.issue.location}} @onChange={{fn (mut this.issue.location)}} />
             </InputGroup>
         </div>

package/addon/components/modals/map-field-form.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="Label" @value={{@options.label}}  />
-            <InputGroup @name="Value" @value={{@options.value}}  />
+            <InputGroup @name={{t "fleet-ops.common.label"}} @value={{@options.label}}  />
+            <InputGroup @name={{t "fleet-ops.common.value"}} @value={{@options.value}}  />
         </div>
     </div>
     {{yield}}

package/addon/components/modals/map-field-group-form.hbs

@@ -1,6 +1,6 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @name="Name" @value={{@options.groupName}} />
+        <InputGroup @name={{t "fleet-ops.common.name"}} @value={{@options.groupName}} />
     </div>
     {{yield}}
 </Modal::Default>

package/addon/components/modals/map-layer-form.hbs

@@ -1,27 +1,27 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="mb-4 border border-gray-700 shadow-sm rounded-md pt-2 px-4">
-            <InputGroup @name="Layer Type" @helpText="Select the type of layer you wish to create.">
-                <Select @options={{@options.layerTypes}} @value={{@options.selectedLayerType}} @onSelect={{fn (mut @options.selectedLayerType)}} @placeholder="Select layer type..." class="w-full" />
+            <InputGroup @name={{t "fleet-ops.component.modals.map-layer-form.layer-type"}} @helpText={{t "fleet-ops.component.modals.map-layer-form.layer-type-text"}}>
+                <Select @options={{@options.layerTypes}} @value={{@options.selectedLayerType}} @onSelect={{fn (mut @options.selectedLayerType)}} @placeholder={{t "fleet-ops.component.modals.map-layer-form.select-layer-type"}} class="w-full" />
             </InputGroup>
         </div>
         {{#if (eq @options.selectedLayerType "Zone")}}
-            <InputGroup @name="Service Area" @helpText="Select the Service Area to attribute this Zone to.">
-                <ModelSelect @modelName="service-area" @selectedModel={{@options.layerOptions.service_area}} @placeholder="Select service area to assign fleet to" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.layerOptions.service_area)}} as |model|>
+            <InputGroup @name={{t "fleet-ops.component.modals.map-layer-form.service-area"}} @helpText={{t "fleet-ops.component.modals.map-layer-form.service-area-text"}}>
+                <ModelSelect @modelName="service-area" @selectedModel={{@options.layerOptions.service_area}} @placeholder={{t "fleet-ops.component.modals.map-layer-form.select-service-area"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.layerOptions.service_area)}} as |model|>
                     {{model.name}}
                 </ModelSelect>
             </InputGroup>
         {{/if}}
-        <InputGroup @value={{@options.layerOptions.name}} @name="{{@options.selectedLayerType}} Name" @helpText="Set a display name for the {{@options.selectedLayerType}}." @required={{true}} />
+        <InputGroup @value={{@options.layerOptions.name}} @name="{{@options.selectedLayerType}} Name" @helpText={{t "fleet-ops.component.modals.map-layer-form.set-name" htmlSafe=true options=@options.selectedLayerType}} @required={{true}} />
         {{#if (eq @options.selectedLayerType "Service Area")}}
-            <InputGroup @name="Service Area Type" @helpText="Select the type definition for this service area .">
-                <Select @options={{@options.serviceAreaTypes}} @value={{@options.layerOptions.type}} @onSelect={{fn (mut @options.layerOptions.type)}} @placeholder="Select service area type..." class="w-full" />
+            <InputGroup @name={{t "fleet-ops.component.modals.map-layer-form.service-type"}} @helpText={{t "fleet-ops.component.modals.map-layer-form.service-type-text"}}>
+                <Select @options={{@options.serviceAreaTypes}} @value={{@options.layerOptions.type}} @onSelect={{fn (mut @options.layerOptions.type)}} @placeholder={{t "fleet-ops.component.modals.map-layer-form.select-service-type"}} class="w-full" />
             </InputGroup>
         {{/if}}
-        <InputGroup @type="color" @value={{@options.layerOptions.stroke_color}} @name="{{@options.selectedLayerType}} Border Color" @helpText="Customize the border color for this {{@options.selectedLayerType}}." class="p-0 border-0 m-0 w-8 h-8 bg-transparent rounded-none" />
-        <InputGroup @type="color" @value={{@options.layerOptions.color}} @name="{{@options.selectedLayerType}} Color" @helpText="Customize the fill color for this {{@options.selectedLayerType}}." class="p-0 border-0 m-0 w-8 h-8 bg-transparent rounded-none" />
+        <InputGroup @type="color" @value={{@options.layerOptions.stroke_color}} @name="{{@options.selectedLayerType}} Border Color" @helpText={{t "fleet-ops.component.modals.map-layer-form.customize-border" htmlSafe=true options=@options.selectedLayerType}} class="p-0 border-0 m-0 w-8 h-8 bg-transparent rounded-none" />
+        <InputGroup @type="color" @value={{@options.layerOptions.color}} @name="{{@options.selectedLayerType}} Color" @helpText={{t "fleet-ops.component.modals.map-layer-form.customize-fill-color" htmlSafe=true options=@options.selectedLayerType}} class="p-0 border-0 m-0 w-8 h-8 bg-transparent rounded-none" />
         {{#if (eq @options.selectedLayerType "Service Area")}}
-            <InputGroup @name="Service Area Country" @helpText="Optionally set the country in which this Service Area is located or based in.">
+            <InputGroup @name={{t "fleet-ops.component.modals.map-layer-form.service-area-country"}} @helpText={{t "fleet-ops.component.modals.map-layer-form.service-area-country-text"}}>
                 <CountrySelect class="w-full form-input" @value={{@options.layerOptions.country}} @onChange={{fn (mut @options.layerOptions.country)}} />
             </InputGroup>
         {{/if}}

package/addon/components/modals/meta-field-form.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="Label" @value={{@options.label}} />
-            <InputGroup @name="Value" @value={{@options.value}} />
+            <InputGroup @name={{t "fleet-ops.common.label"}} @value={{@options.label}} />
+            <InputGroup @name={{t "fleet-ops.common.value"}} @value={{@options.value}} />
         </div>
     </div>
 </Modal::Default>

package/addon/components/modals/meta-field-group-form.hbs

@@ -1,5 +1,5 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @name="Name" @value={{@options.groupName}} />
+        <InputGroup @name={{t "fleet-ops.common.name"}} @value={{@options.groupName}} />
     </div>
 </Modal::Default>

package/addon/components/modals/new-order-config.hbs

@@ -1,9 +1,9 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @name="Config Name" @value={{@options.name}} />
-        <InputGroup @name="Config Description" @value={{@options.description}} />
-        <InputGroup @name="Config Tags">
-            <TagInput class="form-input" @placeholder="Add tags" @allowSpacesInTags={{true}} @tags={{@options.tags}} @addTag={{@options.addTag}} @removeTagAtIndex={{@options.removeTag}} as |tag|>
+        <InputGroup @name={{t "fleet-ops.component.modals.new-order-config.name"}} @value={{@options.name}} />
+        <InputGroup @name={{t "fleet-ops.component.modals.new-order-config.description"}} @value={{@options.description}} />
+        <InputGroup @name={{t "fleet-ops.component.modals.new-order-config.tags"}}>
+            <TagInput class="form-input" @placeholder={{t "fleet-ops.component.modals.new-order-config.add-tags"}} @allowSpacesInTags={{true}} @tags={{@options.tags}} @addTag={{@options.addTag}} @removeTagAtIndex={{@options.removeTag}} as |tag|>
                 {{tag}}
             </TagInput>
         </InputGroup>

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

@@ -1,7 +1,7 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @name="Select Driver">
-            <ModelSelect @modelName="driver" @selectedModel={{@options.order.driver_assigned}} @placeholder="Select Driver to Assign" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.order.driver_assigned)}} as |model|>
+        <InputGroup @name={{t "fleet-ops.component.modals.order-assign-driver.select-driver"}}>
+            <ModelSelect @modelName="driver" @selectedModel={{@options.order.driver_assigned}} @placeholder={{t "fleet-ops.component.modals.order-assign-driver.select-assign"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.order.driver_assigned)}} as |model|>
                 <div class="flex items-center">
                     <div class="w-7">
                         <FaIcon @icon="id-card-alt" />

package/addon/components/modals/order-config-new-status.hbs

@@ -1,5 +1,5 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @name="New Status" @value={{@options.statusName}} @helpText="Enter a new activity status to add to the flow" />
+        <InputGroup @name={{t "fleet-ops.component.modals.order-config-new-status.new-status"}} @value={{@options.statusName}} @helpText={{t "fleet-ops.component.modals.order-config-new-status.status-text"}} />
     </div>
 </Modal::Default>

package/addon/components/modals/order-event.hbs

@@ -3,12 +3,12 @@
         <div class="px-3 mb-4">
             <div class="flex justify-between items-start">
                 <div class="flex-1 flex items-center">
-                    <label class="dark:text-gray-100 mr-3">Schedule</label>
+                    <label class="dark:text-gray-100 mr-3">{{t "fleet-ops.component.modals.order-event.schedule"}}</label>
 
                     <DateTimeInput class="form-input" @value={{@options.order.scheduled_at}} @minDate={{format-date (now) "yyyy-MM-d" }} @minTime={{format-date (now) "HH:mm" }} @onUpdate={{@options.reschedule}} />
                 </div>
                 <div class="flex justify-end">
-                    <Button @type="danger" @text="Unschedule" @onClick={{@options.unschedule}} @disabled={{not @options.order.scheduled_at}} />
+                    <Button @type="danger" @text={{t "fleet-ops.component.modals.order-event.unschedule"}} @onClick={{@options.unschedule}} @disabled={{not @options.order.scheduled_at}} />
                 </div>
             </div>
         </div>

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

@@ -1,15 +1,15 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="grid grid-cols-2 gap-3 text-xs dark:text-gray-100">
-            <InputGroup @name="Internal ID" @value={{@options.order.internal_id}} @helpText="Use this field to optionally set a custom identifier or internal identifier for the order." />
+            <InputGroup @name={{t "fleet-ops.common.internal-id"}} @value={{@options.order.internal_id}} @helpText={{t "fleet-ops.component.modals.order-form.id-text"}} />
 
             <div class="input-group">
-                <InputLabel @labelText="Schedule" @helpText="The date and time the order will be dispatched. If no driver is assigned at time of dispatch, the dispatch will fail. If the order is Ad-Hoc the order will be pinged to drivers in vicinity of pickup." />
+                <InputLabel @labelText={{t "fleet-ops.common.schedule"}} @helpText={{t "fleet-ops.component.modals.order-form.schedule-text"}} />
                 <DateTimeInput class="form-input" @value={{@options.order.scheduled_at}} @minDate={{format-date (now) "yyyy-MM-d"}} @minTime={{format-date (now) "HH:mm"}} @onUpdate={{@options.scheduleOrder}} @disabled={{@options.order.isIntegratedVendorOrder}} />
             </div>
 
-            <InputGroup @name="Customer" @helpText="Optionally assign the customer of this order. If it's a new customer, use the 'New Customer' button above.">
-                <ModelSelect @modelName="customer" @selectedModel={{@options.order.customer}} @placeholder="Select Customer" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @allowClear={{true}} @onChange={{@options.setOrderCustomer}} as |model|>
+            <InputGroup @name={{t "fleet-ops.component.modals.order-form.customer"}} @helpText={{t "fleet-ops.component.modals.order-form.customer-text"}}>
+                <ModelSelect @modelName="customer" @selectedModel={{@options.order.customer}} @placeholder={{t "fleet-ops.component.modals.order-form.select-customer"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @allowClear={{true}} @onChange={{@options.setOrderCustomer}} as |model|>
                     <div class="flex items-center">
                         <div class="w-7">
                             <FaIcon @icon={{if model.isVendor "warehouse" "user" }} />
@@ -21,8 +21,8 @@
                 </ModelSelect>
             </InputGroup>
 
-            <InputGroup @name="Facilitator" @helpText="Optionally assign a facilitator for this order, a facilitator can be a 3rd party subcontractor or service that will facilitate the transport of this order.">
-                <ModelSelect @modelName="facilitator" @selectedModel={{@options.order.facilitator}} @placeholder="Select Facilitator" @triggerClass="form-select form-input" @allowClear={{true}} @infiniteScroll={{false}} @renderInPlace={{true}} @disabled={{@options.order.isIntegratedVendorOrder}} @onChange={{@options.setOrderFacilitator}} as |model|>
+            <InputGroup @name={{t "fleet-ops.component.modals.order-form.facilitator"}} @helpText={{t "fleet-ops.component.modals.order-form.facilitator-text"}}>
+                <ModelSelect @modelName="facilitator" @selectedModel={{@options.order.facilitator}} @placeholder={{t "fleet-ops.component.modals.order-form.select-facilitator"}} @triggerClass="form-select form-input" @allowClear={{true}} @infiniteScroll={{false}} @renderInPlace={{true}} @disabled={{@options.order.isIntegratedVendorOrder}} @onChange={{@options.setOrderFacilitator}} as |model|>
                     <div class="flex items-center">
                         <div class="w-7">
                             {{#if model.isIntegratedVendor}}
@@ -38,8 +38,8 @@
                 </ModelSelect>
             </InputGroup>
 
-            <InputGroup @name="Assign Driver" @helpText="Assign the driver this order will be dispatched to.">
-                <ModelSelect @modelName="driver" @selectedModel={{@options.order.driver_assigned}} @query={{this.driversQuery}} @placeholder="Select Driver" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @disabled={{@options.order.isIntegratedVendorOrder}} @allowClear={{true}} @onChange={{@options.setDriver}} as |model|>
+            <InputGroup @name={{t "fleet-ops.component.modals.order-form.assign-driver"}} @helpText={{t "fleet-ops.component.modals.order-form.assign-driver-text"}}>
+                <ModelSelect @modelName="driver" @selectedModel={{@options.order.driver_assigned}} @query={{this.driversQuery}} @placeholder={{t "fleet-ops.component.modals.order-form.select-driver"}} @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @disabled={{@options.order.isIntegratedVendorOrder}} @allowClear={{true}} @onChange={{@options.setDriver}} as |model|>
                     <div class="flex items-center">
                         <div class="w-7">
                             <FaIcon @icon="id-card-alt" />

package/addon/components/modals/order-import.hbs

@@ -3,7 +3,7 @@
         {{#if @options.isProcessing}}
             <div class="min-h-56 dropzone w-full rounded px-4 py-8 min-h text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500">
                 <div class="flex items-center justify-center py-5">
-                    <Spinner class="text-sm dark:text-gray-100" @loadingMessage="Processing import..." />
+                    <Spinner class="text-sm dark:text-gray-100" @loadingMessage={{t "fleet-ops.component.modals.order-import.loading-message"}} />
                 </div>
             </div>
         {{else}}
@@ -11,26 +11,26 @@
                 <FileDropzone @queue={{queue}} class="min-h-56 dropzone w-full rounded px-4 py-8 min-h text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500" as |dropzone|>
                     {{#if dropzone.active}}
                         {{#if dropzone.valid}}
-                            Drop to upload
+                            {{t "fleet-ops.component.modals.order-import.drop-upload"}}
                         {{else}}
-                            Invalid
+                            {{t "fleet-ops.component.modals.order-import.invalid"}}
                         {{/if}}
                     {{else if queue.files.length}}
                         <div class="my-2">
                             <FaIcon @icon="file-import" class="text-indigo-500 mr-2" />
-                            {{pluralize queue.files.length "spreadsheet"}} ready for upload.
+                            {{pluralize queue.files.length "spreadsheet"}} {{t "fleet-ops.component.modals.order-import.ready-upload"}}
                         </div>
                         <div class="my-2">({{queue.progress}}%)</div>
                     {{else}}
                         <h4 class="font-semibold mb-8">
-                            <FaIcon @icon="file-import" class="text-indigo-500 mr-2" /> Upload Spreadsheets
+                            <FaIcon @icon="file-import" class="text-indigo-500 mr-2" /> {{t "fleet-ops.component.modals.order-import.upload-spreadsheets"}}
                         </h4>
                         <div>
                             {{#if dropzone.supported}}
-                                <p class="text-base font-semibold my-5">Drag and drop spreadsheet files onto this dropzone</p>
+                                <p class="text-base font-semibold my-5">{{t "fleet-ops.component.modals.order-import.drag-drop"}}</p>
                             {{/if}}
 
-                            <UploadButton @buttonText="or select spreadsheets to upload" @type="magic" @icon="file-import" @name="spreadsheets" @for="spreadsheets" @accept={{join "," @options.acceptedFileTypes}} @multiple={{true}} @onFileAdded={{@options.queueFile}} class="w-72 justify-center" />
+                            <UploadButton @buttonText={{t "fleet-ops.component.modals.order-import.button-text"}} @type="magic" @icon="file-import" @name={{t "fleet-ops.component.modals.order-import.spreadsheets"}} @for="spreadsheets" @accept={{join "," @options.acceptedFileTypes}} @multiple={{true}} @onFileAdded={{@options.queueFile}} class="w-72 justify-center" />
                         </div>
                     {{/if}}
                 </FileDropzone>
@@ -39,7 +39,7 @@
             {{#if @options.uploadQueue}}
                 <div class="mx-0 my-6">
                     <div class="flex items-center justify-between mb-4">
-                        <span class="leading-6 dark:text-gray-100">Upload Queue</span>
+                        <span class="leading-6 dark:text-gray-100">{{t "fleet-ops.component.modals.order-import.upload-queue"}}</span>
                     </div>
 
                     <div class="table-wrapper table-fluid">

package/addon/components/modals/order-label.hbs

@@ -1,7 +1,7 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <object id="pdf" class="border-0 w-full shadow-sm h-40rem" data={{@options.data}} type="application/pdf" alt={{@options.order.public_id}}>
-            <div class="text-center font-semibold dark:text-gray-100 p-6 flex items-center justify-center">Loading Label...</div>
+            <div class="text-center font-semibold dark:text-gray-100 p-6 flex items-center justify-center">{{t "fleet-ops.component.modals.order-label.loading"}}</div>
         </object>
     </div>
 </Modal::Default>

package/addon/components/modals/order-new-activity.hbs

@@ -1,24 +1,24 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <p class="mb-5 dark:text-gray-100">Select an activity status to update order tracking activity, or input a custom activity.</p>
+        <p class="mb-5 dark:text-gray-100">{{t "fleet-ops.component.modals.order-new-activity.select-message"}}</p>
 
         {{#if @options.order.activityHasEnded}}
             <InfoBlock class="warning mt-2" @icon="exclamation-triangle">
-                This order is currently {{@options.order.status}}, additional activity will overwrite this status. 
-                Fleetbase does not recommend this unless you absolutely know what you're doing.
+                {{t "fleet-ops.component.modals.order-new-activity.order-currently-message" htmlSafe=true options=@options.order.status}}
+                {{t "fleet-ops.component.modals.order-new-activity.fleetbase-message"}}
             </InfoBlock>
         {{/if}}
 
         <fieldset class="my-5">
             <legend class="sr-only">
-                Activity Options
+                {{t "fleet-ops.component.modals.order-new-activity.activity-options"}}
             </legend>
         
             <div class="radio-group-condensed -space-y-px">
                 {{#each @options.activityOptions as |activity index|}}
                     <div class="radio-group-item shadow-sm {{if (eq @options.selected index) 'is-checked'}}">
                         <div class="flex items-center h-5">
-                            <RadioButton @radioClass="focus:ring-blue-500" @radioId={{concat "activity_" index}} @value={{index}} @groupValue={{@options.selected}} @name="activity" @changed={{fn (mut @options.selected)}} />
+                            <RadioButton @radioClass="focus:ring-blue-500" @radioId={{concat "activity_" index}} @value={{index}} @groupValue={{@options.selected}} @name={{t "fleet-ops.component.modals.order-new-activity.activity"}} @changed={{fn (mut @options.selected)}} />
                         </div>
                         <label for={{concat "activity_" index}} class="ml-3 flex flex-col cursor-pointer w-full">
                             <span class="block text-sm font-semibold">
@@ -28,7 +28,7 @@
                                 {{activity.details}}
 
                                 {{#if (eq activity.code "dispatched")}}
-                                    <InfoBlock class="warning xs mt-2" @icon="exclamation-triangle" @text="This will trigger the order to dispatch." />
+                                    <InfoBlock class="warning xs mt-2" @icon="exclamation-triangle" @text={{t "fleet-ops.component.modals.order-new-activity.dispatch"}} />
                                 {{/if}}
                             </span>
                         </label>
@@ -40,19 +40,19 @@
 
                 <div class="radio-group-item shadow-sm {{if (eq @options.selected 'custom') 'is-checked'}}">
                     <div class="flex items-center h-5">
-                        <RadioButton @radioClass="focus:ring-blue-500" @radioId="activity_custom" @value="custom" @groupValue={{@options.selected}} @name="activity"
+                        <RadioButton @radioClass="focus:ring-blue-500" @radioId="activity_custom" @value="custom" @groupValue={{@options.selected}} @name={{t "fleet-ops.component.modals.order-new-activity.activity"}}
                             @changed={{fn (mut @options.selected)}} />
                     </div>
                     <label for="activity_custom" class="ml-3 flex flex-col cursor-pointer w-full pr-5">
                         <span class="block text-sm font-medium">
-                            <Input @type="text" class="form-input form-input-sm w-full rounded-b-none" placeholder="Custom activity status" />
+                            <Input @type="text" class="form-input form-input-sm w-full rounded-b-none" placeholder={{t "fleet-ops.component.modals.order-new-activity.status"}} />
                         </span>
                         <span class="block text-sm">
-                            <Input @type="text" class="form-input form-input-sm w-full rounded-t-none" placeholder="Custom activity details" />
+                            <Input @type="text" class="form-input form-input-sm w-full rounded-t-none" placeholder={{t "fleet-ops.component.modals.order-new-activity.details"}} />
                         </span>
                     </label>
                     <div>
-                        <Input @type="text" class="form-input form-input-sm" placeholder="Custom activity code" />
+                        <Input @type="text" class="form-input form-input-sm" placeholder={{t "fleet-ops.component.modals.order-new-activity.code"}} />
                     </div>
                 </div>
             </div>