@fleetbase/fleetops-engine 0.4.0 → 0.4.1

package/addon/components/vendor-form-panel.hbs

@@ -13,14 +13,14 @@
         <div class="flex flex-row items-center justify-between w-full mb-4">
             <div class="flex flex-1 space-x-2">
                 {{#if this.vendor.id}}
-                    <Button @type="default" @icon="warehouse" @helpText="View vendor details" @onClick={{this.onViewDetails}} />
+                    <Button @type="default" @icon="warehouse" @helpText={{t "fleet-ops.component.vendor-form-panel.view-details"}} @onClick={{this.onViewDetails}} />
                 {{/if}}
             </div>
             <div class="flex flex-1 justify-end">
                 <div class="mr-2">
-                    <Button @icon={{if this.vendor.id "save" "check"}} @type="primary" @text={{if this.vendor.id "Save Vendor" "Create Vendor"}} @onClick={{this.save}} />
+                    <Button @icon={{if this.vendor.id "save" "check"}} @type="primary" @text={{if this.vendor.id (t "fleet-ops.component.vendor-form-panel.save-vendor")(t "fleet-ops.component.vendor-form-panel.create-vendor") }} @onClick={{this.save}} />
                 </div>
-                <Button @type="default" @icon="times" @helpText={{if this.vendor.id "Cancel edit vendor" "Cancel new vendor"}} @onClick={{this.onPressCancel}} />
+                <Button @type="default" @icon="times" @helpText={{if this.vendor.id (t "fleet-ops.component.vendor-form-panel.cancel-edit-vendor")(t "fleet-ops.component.vendor-form-panel.cancel-new-vendor") }} @onClick={{this.onPressCancel}} />
             </div>
         </div>
         <div class="flex flex-row justify-between w-full">
@@ -30,11 +30,11 @@
                         <div class="upload-avatar-overlay w-12 h-12 flex items-center justify-start rounded-lg">
                             <img src={{this.vendor.logo_url}} alt={{this.vendor.name}} height="48" width="48" class="h-12 w-12 rounded-lg shadow-sm" />
                             <Attach::Tooltip @class="clean" @animation="scale" @placement="top">
-                                <InputInfo @text="Upload new photo" />
+                                <InputInfo @text={{t "fleet-ops.component.vendor-form-panel.upload-photo"}} />
                             </Attach::Tooltip>
                             <div class="upload-avatar-button-wrapper rounded-lg">
                                 <UploadButton
-                                    @name="photos"
+                                    @name={{t "fleet-ops.common.photos"}}
                                     @accept="image/*"
                                     @onFileAdded={{this.onUploadNewPhoto}}
                                     @icon="upload"
@@ -53,7 +53,7 @@
                                 {{#if this.vendor.name}}
                                     {{this.vendor.name}}
                                 {{else}}
-                                    <span>New Vendor</span>
+                                    <span>{{t "fleet-ops.component.vendor-form-panel.new-vendor"}}</span>
                                 {{/if}}
                             {{/if}}
                         </h1>

package/addon/components/vendor-form-panel.js

@@ -18,6 +18,11 @@ export default class VendorFormPanelComponent extends Component {
      */
     @service fetch;
 
+    /**
+     * @service intl
+     */
+    @service intl;
+
     /**
      * @service currentUser
      */
@@ -114,7 +119,7 @@ export default class VendorFormPanelComponent extends Component {
             return vendor
                 .save()
                 .then((vendor) => {
-                    this.notifications.success(`Vendor (${vendor.displayName}) saved successfully.`);
+                    this.notifications.success(this.intl.t('fleet-ops.component.vendor-form-panel.success-message', { vendorName: vendor.displayName }));
                     contextComponentCallback(this, 'onAfterSave', vendor);
                 })
                 .catch((error) => {

package/addon/components/vendor-panel/details.hbs

@@ -11,15 +11,15 @@
             </div>
             <div class="grid grid-cols-1 md:grid-cols-3 gap-2 text-xs dark:text-gray-100">
                 <div class="field-info-container">
-                    <div class="field-name">Sandbox</div>
+                    <div class="field-name">{{t "fleet-ops.common.sandbox"}}</div>
                     <div class="field-value">{{if this.vendor.sandbox "Yes" "No"}}</div>
                 </div>
                 <div class="field-info-container">
-                    <div class="field-name">Host</div>
+                    <div class="field-name">{{t "fleet-ops.common.host"}}</div>
                     <div class="field-value">{{n-a this.vendor.host}}</div>
                 </div>
                 <div class="field-info-container">
-                    <div class="field-name">Namespace</div>
+                    <div class="field-name">{{t "fleet-ops.common.namespace"}}</div>
                     <div class="field-value">{{n-a this.vendor.namespace}}</div>
                 </div>
                 {{#if (is-object this.vendor.options)}}
@@ -34,41 +34,41 @@
         {{else}}
             <div class="grid grid-cols-1 lg:grid-cols-2 gap-2 text-xs dark:text-gray-100">
                 <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 this.vendor.name}}</div>
                 </div>
 
                 <div class="field-info-container">
-                    <div class="field-name">Email</div>
+                    <div class="field-name">{{t "fleet-ops.common.email"}}</div>
                     <div class="field-value">{{n-a this.vendor.email}}</div>
                 </div>
 
                 <div class="field-info-container">
-                    <div class="field-name">Phone</div>
+                    <div class="field-name">{{t "fleet-ops.common.phone"}}</div>
                     <div class="field-value">{{n-a this.vendor.phone}}</div>
                 </div>
 
                 <div class="field-info-container">
-                    <div class="field-name">Website URL</div>
+                    <div class="field-name">{{t "fleet-ops.common.website-url"}}</div>
                     <div class="field-value">{{n-a this.vendor.website_url}}</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={{this.vendor.country}} @showFlag={{true}} />
                     </div>
                 </div>
 
                 <div class="field-info-container">
-                    <div class="field-name">Status</div>
+                    <div class="field-name">{{t "fleet-ops.common.status"}}</div>
                     <div class="field-value">
                         <Badge @status={{this.vendor.status}} />
                     </div>
                 </div>
 
                 <div class="field-info-container col-span-2">
-                    <div class="field-name">Address</div>
+                    <div class="field-name">{{t "fleet-ops.common.address"}}</div>
                     <div class="field-value">{{n-a this.vendor.address}}</div>
                 </div>
             </div>

package/addon/components/vendor-panel.hbs

@@ -12,10 +12,10 @@
     <Overlay::Header @hideLeftSection={{true}} @actionsWrapperClass="flex-1 flex-col py-3" class="h-auto-i">
         <div class="flex flex-row items-center justify-between w-full mb-4">
             <div class="flex flex-1 space-x-2">
-                <Button @type="default" @icon="pen" @helpText="Edit vendor" @onClick={{this.onEdit}} />
+                <Button @type="default" @icon="pen" @helpText={{t "fleet-ops.component.vendor-panel.edit"}} @onClick={{this.onEdit}} />
             </div>
             <div class="flex flex-1 justify-end">
-                <Button @type="default" @icon="times" @helpText="Close vendor details" @onClick={{this.onPressCancel}} />
+                <Button @type="default" @icon="times" @helpText={{t "fleet-ops.component.vendor-panel.close"}} @onClick={{this.onPressCancel}} />
             </div>
         </div>
         <div class="flex flex-row justify-between w-full">
@@ -40,7 +40,7 @@
                         {{#if this.vendor.id}}
                             {{this.vendor.name}}
                         {{else}}
-                            <span>New Vendor</span>
+                            <span>{{t "fleet-ops.component.vendor-panel.new-vendor"}}</span>
                         {{/if}}
                     </h1>
                     <div class="-mt-1">

package/addon/components/widget/fleet-ops-quickstart.hbs

@@ -10,7 +10,7 @@
                 {{#if this.isLoading}}
                     <div class="flex text-center items-center justify-center p-4">
                         <Spinner class="mr-2" />
-                        <span>Let's see what you can do to jumpstart operations...</span>
+                        <span>{{t "fleet-ops.component.widget.fleet-ops-quickstart.message"}}</span>
                     </div>
                 {{else}}
                     <div class="space-y-3">
@@ -27,7 +27,7 @@
                                 </div>
                                 <div>
                                     {{#if task.should}}
-                                        <a href="javascript:;" class="text-yellow-700 dark:text-yellow-700 hover:text-yellow-700 font-semibold underline" {{on "click" (fn this.startTask action)}}>Start Task</a>
+                                        <a href="javascript:;" class="text-yellow-700 dark:text-yellow-700 hover:text-yellow-700 font-semibold underline" {{on "click" (fn this.startTask action)}}>{{t "fleet-ops.component.widget.fleet-ops-quickstart.start-task"}}</a>
                                     {{/if}}
                                 </div>
                             </div>

package/addon/components/widget/fleet-ops-quickstart.js

@@ -4,6 +4,7 @@ import { inject as service } from '@ember/service';
 import { action, computed } from '@ember/object';
 
 export default class WidgetFleetOpsQuickstartComponent extends Component {
+    @service intl;
     @service fetch;
     @service hostRouter;
     @tracked tasks = {};

package/addon/components/widget/key-metrics.hbs

@@ -12,7 +12,7 @@
     <dl class="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 md:grid-cols-4">
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Earnings
+                {{t "fleet-ops.component.widget.key-metrics.earnings"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{format-currency this.metrics.earnings}}
@@ -21,7 +21,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Fuel Expenses
+                {{t "fleet-ops.component.widget.key-metrics.fuel-expenses"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{format-currency this.metrics.fuel_cost}}
@@ -30,7 +30,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Distance Traveled
+                {{t "fleet-ops.component.widget.key-metrics.traveled"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{format-meters this.metrics.distance_traveled}}
@@ -39,7 +39,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Total Time
+                {{t "fleet-ops.component.widget.key-metrics.total-time"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{format-duration this.metrics.total_time_traveled}}
@@ -48,7 +48,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Orders Scheduled
+                {{t "fleet-ops.component.widget.key-metrics.order-scheduled"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{this.metrics.orders_scheduled}}
@@ -57,7 +57,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Orders Completed
+                {{t "fleet-ops.component.widget.key-metrics.order-completed"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{this.metrics.orders_completed}}
@@ -66,7 +66,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Orders In Progress
+                {{t "fleet-ops.component.widget.key-metrics.order-progress"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{this.metrics.orders_in_progress}}
@@ -75,7 +75,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Orders Canceled
+                {{t "fleet-ops.component.widget.key-metrics.order-canceled"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{this.metrics.orders_canceled}}
@@ -84,7 +84,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Drivers Online
+                {{t "fleet-ops.component.widget.key-metrics.driver-online"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{this.metrics.drivers_online}}
@@ -93,7 +93,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Customers
+                {{t "fleet-ops.component.widget.key-metrics.customers"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{this.metrics.customers}}
@@ -102,7 +102,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Open Issue
+                {{t "fleet-ops.component.widget.key-metrics.open-issue"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{this.metrics.open_issues}}
@@ -111,7 +111,7 @@
 
         <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Closed Issues
+                {{t "fleet-ops.component.widget.key-metrics.closed-issues"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                 {{this.metrics.resolved_issues}}

package/addon/components/widget/live-order-map.hbs

@@ -15,7 +15,7 @@
                     {{#if this.isLoading}}
                         <div class="flex text-center items-center justify-center p-4">
                             <Spinner class="mr-2" />
-                            <span>Loading orders in progress...</span>
+                            <span>{{t "fleet-ops.component.widget.live-order-map.loading"}}</span>
                         </div>
                     {{else}}
                         {{#each this.routes as |route|}}
@@ -29,7 +29,7 @@
                                             </div>
                                             <div>
                                                 <div>
-                                                    <div class="mb-1 text-xs text-gray-100">Driver Assigned</div>
+                                                    <div class="mb-1 text-xs text-gray-100">{{t "fleet-ops.component.widget.live-order-map.assigned"}}</div>
                                                     <DriverCardMini @driver={{route.driver}} />
                                                 </div>
                                             </div>
@@ -46,8 +46,8 @@
                                     <FaIcon @icon="satellite-dish" @size="3x" />
                                 </div>
                                 <div class="dark:text-gray-100 text-center">
-                                    <div class="font-semibold text-lg mb-2">No orders in progress</div>
-                                    <p class="">When orders are in progress they will display in this widget and show real time activity.</p>
+                                    <div class="font-semibold text-lg mb-2">{{t "fleet-ops.component.widget.live-order-map.no-order"}}</div>
+                                    <p class="">{{t "fleet-ops.component.widget.live-order-map.message"}}</p>
                                 </div>
                             </div>
                         {{/each}}

package/addon/components/widget/recent-orders.hbs

@@ -2,13 +2,13 @@
     <div class="shadow-sm content-panel">
         <div class="content-panel-header">
             <h3 class="text-sm font-bold dark:text-gray-100">
-                Recent Orders
+                {{t "fleet-ops.component.widget.recent-orders.title"}}
             </h3>
         </div>
         <div class="text-sm content-panel-body no-padding dark:text-gray-100">
             {{#if this.isLoading}}
                 <div class="flex text-center items-center justify-center p-4">
-                    Loading recent orders...
+                    {{t "fleet-ops.component.widget.recent-orders.loading"}}
                 </div>
             {{else}}
                 {{#each this.recentOrders as |order|}}
@@ -24,8 +24,8 @@
                             <FaIcon @icon="calendar-exclamation" @size="3x" />
                         </div>
                         <div class="dark:text-gray-100 text-center">
-                            <div class="font-semibold text-lg mb-2">No orders for this week</div>
-                            <p class="">There hasn't been any orders this week, get movement going by <LinkTo @route="operations.orders.index.new">creating a new order</LinkTo> or allow your customers to submit orders via API.</p>
+                            <div class="font-semibold text-lg mb-2">{{t "fleet-ops.component.widget.recent-orders.no-orders"}}</div>
+                            <p class="">{{t "fleet-ops.component.widget.recent-orders.message-part-1"}} <LinkTo @route="operations.orders.index.new">{{t "fleet-ops.component.widget.recent-orders.message-part-2"}}</LinkTo> {{t "fleet-ops.component.widget.recent-orders.message-part-3"}}</p>
                         </div>
                     </div>
                 {{/each}}

package/addon/components/widget/transactions.hbs

@@ -2,14 +2,14 @@
     <div class="shadow-sm content-panel">
         <div class="content-panel-header">
             <h3 class="text-sm font-bold dark:text-gray-100">
-                Recent Transactions
+                {{t "fleet-ops.component.widget.transactions.title"}}
             </h3>
         </div>
         <div class="text-sm content-panel-body no-padding dark:text-gray-100">
             {{#if this.isLoading}}
                 <div class="flex text-center items-center justify-center p-4">
                     <Spinner class="mr-2" />
-                    <span>Loading recent transactions...</span>
+                    <span>{{t "fleet-ops.component.widget.transactions.loading"}}</span>
                 </div>
             {{else}}
                 {{#each this.recentTransactions as |transaction|}}
@@ -25,8 +25,8 @@
                             <FaIcon @icon="funnel-dollar" @size="3x" />
                         </div>
                         <div class="dark:text-gray-100 text-center">
-                            <div class="font-semibold text-lg mb-2">No transactions this week</div>
-                            <p class="">When orders are going through with service rates, Fleetbase tracks transactions automatically.</p>
+                            <div class="font-semibold text-lg mb-2">{{t "fleet-ops.component.widget.transactions.no-transactions"}}</div>
+                            <p class="">{{t "fleet-ops.component.widget.transactions.message"}}</p>
                         </div>
                     </div>
                 {{/each}}

package/addon/controllers/management/contacts/index/edit.js

@@ -18,6 +18,13 @@ export default class ManagementContactsIndexEditController extends BaseControlle
      */
     @service modalsManager;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @memberof intl
+     */
+    @service intl;
+
     /**
      * The overlay component context.
      *
@@ -98,9 +105,9 @@ export default class ManagementContactsIndexEditController extends BaseControlle
      */
     confirmContinueWithUnsavedChanges(contact, options = {}) {
         return this.modalsManager.confirm({
-            title: 'Continue Without Saving?',
-            body: 'Unsaved changes to this contact will be lost. Click continue to proceed.',
-            acceptButtonText: 'Continue without saving',
+            title: this.intl.t('fleet-ops.management.contacts.index.edit.title'),
+            body: this.intl.t('fleet-ops.management.contacts.index.edit.body'),
+            acceptButtonText: this.intl.t('fleet-ops.management.contacts.index.edit.button'),
             confirm: () => {
                 contact.rollbackAttributes();
                 return this.transitionToRoute('management.contacts.index.details', contact);

package/addon/controllers/management/contacts/index/new.js

@@ -18,6 +18,13 @@ export default class ManagementContactsIndexNewController extends BaseController
      */
     @service hostRouter;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @memberof intl
+     */
+    @service intl;
+
     /**
      * Inject the `hostRouter` service
      *

package/addon/controllers/management/contacts/index.js

@@ -21,6 +21,13 @@ export default class ManagementContactsIndexController extends BaseController {
      */
     @service notifications;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @var {Service}
+     */
+    @service intl;
+
     /**
      * Inject the `modals-manager` service
      *
@@ -147,7 +154,7 @@ export default class ManagementContactsIndexController extends BaseController {
      */
     @tracked columns = [
         {
-            label: 'Name',
+            label: this.intl.t('fleet-ops.common.name'),
             valuePath: 'name',
             width: '170px',
             cellComponent: 'table/cell/media-name',
@@ -158,7 +165,7 @@ export default class ManagementContactsIndexController extends BaseController {
             filterComponent: 'filter/string',
         },
         {
-            label: 'ID',
+            label: this.intl.t('fleet-ops.common.id'),
             valuePath: 'public_id',
             cellComponent: 'click-to-copy',
             width: '120px',
@@ -168,7 +175,7 @@ export default class ManagementContactsIndexController extends BaseController {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Internal ID',
+            label: this.intl.t('fleet-ops.common.internal-id'),
             valuePath: 'internal_id',
             cellComponent: 'click-to-copy',
             width: '130px',
@@ -178,7 +185,7 @@ export default class ManagementContactsIndexController extends BaseController {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Title',
+            label: this.intl.t('fleet-ops.common.title'),
             valuePath: 'title',
             cellComponent: 'click-to-copy',
             width: '160px',
@@ -188,7 +195,7 @@ export default class ManagementContactsIndexController extends BaseController {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Email',
+            label: this.intl.t('fleet-ops.common.email'),
             valuePath: 'email',
             cellComponent: 'click-to-copy',
             width: '160px',
@@ -198,7 +205,7 @@ export default class ManagementContactsIndexController extends BaseController {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Phone',
+            label: this.intl.t('fleet-ops.common.phone'),
             valuePath: 'phone',
             cellComponent: 'click-to-copy',
             width: '140px',
@@ -208,7 +215,7 @@ export default class ManagementContactsIndexController extends BaseController {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Type',
+            label: this.intl.t('fleet-ops.common.type'),
             valuePath: 'type',
             cellComponent: 'table/cell/status',
             width: '100px',
@@ -219,7 +226,7 @@ export default class ManagementContactsIndexController extends BaseController {
             filterOptions: ['contact', 'customer'],
         },
         {
-            label: 'Created At',
+            label: this.intl.t('fleet-ops.management.contacts.index.created'),
             valuePath: 'createdAt',
             sortParam: 'created_at',
             width: '130px',
@@ -229,7 +236,7 @@ export default class ManagementContactsIndexController extends BaseController {
             filterComponent: 'filter/date',
         },
         {
-            label: 'Updated At',
+            label: this.intl.t('fleet-ops.management.contacts.index.updated'),
             valuePath: 'updatedAt',
             sortParam: 'updated_at',
             width: '130px',
@@ -251,18 +258,18 @@ export default class ManagementContactsIndexController extends BaseController {
             width: '10%',
             actions: [
                 {
-                    label: 'View Contact Details',
+                    label: this.intl.t('fleet-ops.management.contacts.index.view-contact'),
                     fn: this.viewContact,
                 },
                 {
-                    label: 'Edit Contact',
+                    label: this.intl.t('fleet-ops.management.contacts.index.edit-contact'),
                     fn: this.editContact,
                 },
                 {
                     separator: true,
                 },
                 {
-                    label: 'Delete Contact',
+                    label: this.intl.t('fleet-ops.management.contacts.index.delete-contact'),
                     fn: this.deleteContact,
                 },
             ],
@@ -320,7 +327,7 @@ export default class ManagementContactsIndexController extends BaseController {
      * @void
      */
     @action viewContact(contact) {
-        return this.transitionToRoute('management.contacts.index.details', contact);
+        return this.transitionToRoute('management.contact.index.details', contact);
     }
 
     /**
@@ -329,7 +336,7 @@ export default class ManagementContactsIndexController extends BaseController {
      * @void
      */
     @action createContact() {
-        return this.transitionToRoute('management.contacts.index.new');
+        return this.transitionToRoute('management.contact.index.new');
     }
 
     /**
@@ -339,7 +346,7 @@ export default class ManagementContactsIndexController extends BaseController {
      * @void
      */
     @action editContact(contact) {
-        return this.transitionToRoute('management.contacts.index.edit', contact);
+        return this.transitionToRoute('management.contact.index.edit', contact);
     }
 
     /**
@@ -370,7 +377,7 @@ export default class ManagementContactsIndexController extends BaseController {
 
         this.crud.bulkDelete(selected, {
             modelNamePath: `name`,
-            acceptButtonText: 'Delete Contacts',
+            acceptButtonText: this.intl.t('fleet-ops.management.contacts.index.delete-button'),
             onSuccess: () => {
                 return this.hostRouter.refresh();
             },

package/addon/controllers/management/drivers/index/edit.js

@@ -18,6 +18,13 @@ export default class ManagementDriversIndexEditController extends BaseController
      */
     @service modalsManager;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @memberof intl
+     */
+    @service intl;
+
     /**
      * The overlay component context.
      *
@@ -98,9 +105,9 @@ export default class ManagementDriversIndexEditController extends BaseController
      */
     confirmContinueWithUnsavedChanges(driver, options = {}) {
         return this.modalsManager.confirm({
-            title: 'Continue Without Saving?',
-            body: 'Unsaved changes to this driver will be lost. Click continue to proceed.',
-            acceptButtonText: 'Continue without saving',
+            title: this.intl.t('fleet-ops.management.drivers.index.edit.title'),
+            body: this.intl.t('fleet-ops.management.drivers.index.edit.body'),
+            acceptButtonText: this.intl.t('fleet-ops.management.drivers.index.edit.button'),
             confirm: () => {
                 driver.rollbackAttributes();
                 return this.transitionToRoute('management.drivers.index.details', driver);

package/addon/controllers/management/drivers/index/new.js

@@ -18,6 +18,13 @@ export default class ManagementDriversIndexNewController extends BaseController
      */
     @service hostRouter;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @memberof intl
+     */
+    @service intl;
+
     /**
      * Inject the `hostRouter` service
      *