@fleetbase/fleetops-engine 0.6.18 → 0.6.20

package/addon/templates/analytics/reports/index/new.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Panel
+    @resource={{this.report}}
+    @controller={{this}}
+    @actionButtons={{this.actionButtons}}
+    @headerTitle={{t "common.create-new-resource" resource=(lowercase (t "resource.report"))}}
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "analytics.reports.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+    @width="800px"
+    @authScheme="iam"
+>
+    <ReportBuilder @report={{this.report}} @extension="fleet-ops" />
+    <Spacer @height="300px" />
+</Layout::Resource::Panel>

package/addon/templates/analytics/reports/index.hbs

@@ -0,0 +1,15 @@
+<Layout::Resource::Tabular
+    @resource="report"
+    @title={{t "resource.reports"}}
+    @searchQuery={{this.query}}
+    @onSearch={{perform this.reportActions.controllerSearchTask this}}
+    @data={{@model}}
+    @columns={{this.columns}}
+    @page={{this.page}}
+    @onPageChange={{fn (mut this.page)}}
+    @setupTable={{fn (mut this.table)}}
+    @actionButtons={{this.actionButtons}}
+    @bulkActions={{this.bulkActions}}
+    @controller={{this}}
+/>
+{{outlet}}

package/addon/templates/application.hbs

@@ -1,10 +1,8 @@
-<EmberWormhole @to="sidebar-menu-items">
-    <Layout::FleetOpsSidebar @controller={{this}} @onClickCreateOrder={{this.createOrder}} @onClickSettings={{this.toggleSettings}} />
-</EmberWormhole>
+<Layout::YieldSidebar>
+    <Layout::FleetOpsSidebar @controller={{this}} @onClickCreateOrder={{transition-to "operations.orders.index.new"}} />
+</Layout::YieldSidebar>
 
 <Layout::Section::Container>
     {{outlet}}
-</Layout::Section::Container>
-
-<SettingsWindow @isOpen={{false}} @onLoad={{this.setSettingsContext}} @onPressCancel={{this.closeSettings}} />
-<ContextPanel />
+    <GlobalSearch />
+</Layout::Section::Container>

package/addon/templates/connectivity/devices/index/details/events.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/devices/index/details/index.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/devices/index/details.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/devices/index/edit.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerTitle={{concat "Edit: " @model.name}}
+    @actionButtons={{this.actionButtons}}
+    @saveTask={{this.save}}
+    @onPressCancel={{this.cancel}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Device::Form @resource={{@model}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/connectivity/devices/index/new.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{this.device}}
+    @controller={{this}}
+    @actionButtons={{this.actionButtons}}
+    @headerTitle="Create a new device"
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "connectivity.devices.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Device::Form @resource={{this.device}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/connectivity/devices/index.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Tabular
+    @resource="device"
+    @title={{t "resource.devices"}}
+    @searchQuery={{this.query}}
+    @onSearch={{perform this.deviceActions.controllerSearchTask this}}
+    @data={{@model}}
+    @columns={{this.columns}}
+    @page={{this.page}}
+    @onPageChange={{fn (mut this.page)}}
+    @actionButtons={{this.actionButtons}}
+    @bulkActions={{this.bulkActions}}
+    @controller={{this}}
+/>
+{{outlet}}

package/addon/templates/connectivity/devices.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/events/index/details.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/events/index.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Tabular
+    @resource="device-event"
+    @title={{t "resource.device-events"}}
+    @searchQuery={{this.query}}
+    @onSearch={{perform this.deviceEventActions.controllerSearchTask this}}
+    @data={{@model}}
+    @columns={{this.columns}}
+    @page={{this.page}}
+    @onPageChange={{fn (mut this.page)}}
+    @actionButtons={{this.actionButtons}}
+    @bulkActions={{this.bulkActions}}
+    @controller={{this}}
+/>
+{{outlet}}

package/addon/templates/connectivity/events.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/sensors/index/details/index.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/sensors/index/details.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/sensors/index/edit.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerTitle={{concat "Edit: " @model.name}}
+    @actionButtons={{this.actionButtons}}
+    @saveTask={{this.save}}
+    @onPressCancel={{this.cancel}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Sensor::Form @resource={{@model}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/connectivity/sensors/index/new.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{this.sensor}}
+    @controller={{this}}
+    @actionButtons={{this.actionButtons}}
+    @headerTitle="Create a new sensor"
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "connectivity.sensors.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Sensor::Form @resource={{this.sensor}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/connectivity/sensors/index.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Tabular
+    @resource="sensor"
+    @title={{t "resource.sensors"}}
+    @searchQuery={{this.query}}
+    @onSearch={{perform this.sensorActions.controllerSearchTask this}}
+    @data={{@model}}
+    @columns={{this.columns}}
+    @page={{this.page}}
+    @onPageChange={{fn (mut this.page)}}
+    @actionButtons={{this.actionButtons}}
+    @bulkActions={{this.bulkActions}}
+    @controller={{this}}
+/>
+{{outlet}}

package/addon/templates/connectivity/sensors.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/telematics/index/details/devices.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/telematics/index/details/events.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/telematics/index/details/index.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/telematics/index/details/sensors.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/telematics/index/details.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/telematics/index/edit.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerTitle={{concat "Edit: " @model.name}}
+    @actionButtons={{this.actionButtons}}
+    @saveTask={{this.save}}
+    @onPressCancel={{this.cancel}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Telematic::Form @resource={{@model}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/connectivity/telematics/index/new.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{this.telematic}}
+    @controller={{this}}
+    @actionButtons={{this.actionButtons}}
+    @headerTitle="Create a new telematic"
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "connectivity.telematics.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Telematic::Form @resource={{this.telematic}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/connectivity/telematics/index.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Tabular
+    @resource="telematic"
+    @title={{t "resource.telematics"}}
+    @searchQuery={{this.query}}
+    @onSearch={{perform this.telematicActions.controllerSearchTask this}}
+    @data={{@model}}
+    @columns={{this.columns}}
+    @page={{this.page}}
+    @onPageChange={{fn (mut this.page)}}
+    @actionButtons={{this.actionButtons}}
+    @bulkActions={{this.bulkActions}}
+    @controller={{this}}
+/>
+{{outlet}}

package/addon/templates/connectivity/telematics.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity/tracking.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/connectivity.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/maintenance/equipment/index/details/index.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/maintenance/equipment/index/details.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/maintenance/equipment/index/edit.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/maintenance/equipment/index/new.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{this.equipment}}
+    @controller={{this}}
+    @actionButtons={{this.actionButtons}}
+    @headerTitle={{t "common.create-new-resource" resource=(lowercase (t "resource.equipment"))}}
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "maintenance.equipment.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Equipment::Form @resource={{this.place}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/maintenance/equipment/index.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Tabular
+    @resource="equipment"
+    @title={{t "resource.equipment"}}
+    @searchQuery={{this.query}}
+    @onSearch={{perform this.equipmentActions.controllerSearchTask this}}
+    @data={{@model}}
+    @columns={{this.columns}}
+    @page={{this.page}}
+    @onPageChange={{fn (mut this.page)}}
+    @actionButtons={{this.actionButtons}}
+    @bulkActions={{this.bulkActions}}
+    @controller={{this}}
+/>
+{{outlet}}

package/addon/templates/maintenance/equipment.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/maintenance/parts/index/details/index.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/maintenance/parts/index/details.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/maintenance/parts/index/edit.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/maintenance/parts/index/new.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{this.part}}
+    @controller={{this}}
+    @actionButtons={{this.actionButtons}}
+    @headerTitle={{t "common.create-new-resource" resource=(lowercase (t "resource.part"))}}
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "maintenance.parts.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Part::Form @resource={{this.place}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/maintenance/parts/index.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Tabular
+    @resource="part"
+    @title={{t "resource.parts"}}
+    @searchQuery={{this.query}}
+    @onSearch={{perform this.partActions.controllerSearchTask this}}
+    @data={{@model}}
+    @columns={{this.columns}}
+    @page={{this.page}}
+    @onPageChange={{fn (mut this.page)}}
+    @actionButtons={{this.actionButtons}}
+    @bulkActions={{this.bulkActions}}
+    @controller={{this}}
+/>
+{{outlet}}

package/addon/templates/maintenance/parts.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/maintenance/work-orders/index/details/index.hbs

@@ -0,0 +1 @@
+<WorkOrder::Details @resource={{@model}} />

package/addon/templates/maintenance/work-orders/index/details.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerTitle={{@model.name}}
+    @actionButtons={{this.actionButtons}}
+    @onPressCancel={{transition-to "maintenance.work-orders.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+    @headerClass="no-bottom-border"
+    @bodyClass="no-scroll"
+>
+    <TabNavigation @tabs={{this.tabs}} @contentClass="scrollable" @tablistClass="pl-2">
+        {{outlet}}
+    </TabNavigation>
+</Layout::Resource::Panel>

package/addon/templates/maintenance/work-orders/index/edit.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerTitle={{t "common.edit-resource-name" resourceName=@model.name}}
+    @actionButtons={{this.actionButtons}}
+    @saveTask={{this.save}}
+    @onPressCancel={{this.cancel}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+    @headerLeftClass="w-1/2"
+    @titleWrapperClass="w-1/2"
+>
+    <WorkOrder::Form @resource={{@model}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/maintenance/work-orders/index/new.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{this.workOrder}}
+    @controller={{this}}
+    @actionButtons={{this.actionButtons}}
+    @headerTitle={{t "common.create-new-resource" resource=(lowercase (t "resource.work-order"))}}
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "maintenance.work-orders.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <WorkOrder::Form @resource={{this.place}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/maintenance/work-orders/index.hbs

@@ -0,0 +1,14 @@
+<Layout::Resource::Tabular
+    @resource="work-order"
+    @title={{t "resource.work-orders"}}
+    @searchQuery={{this.query}}
+    @onSearch={{perform this.workOrderActions.controllerSearchTask this}}
+    @data={{@model}}
+    @columns={{this.columns}}
+    @page={{this.page}}
+    @onPageChange={{fn (mut this.page)}}
+    @actionButtons={{this.actionButtons}}
+    @bulkActions={{this.bulkActions}}
+    @controller={{this}}
+/>
+{{outlet}}

package/addon/templates/maintenance/work-orders.hbs

@@ -0,0 +1,2 @@
+
+{{outlet}}

package/addon/templates/management/contacts/customers/details/index.hbs

@@ -0,0 +1 @@
+<Customer::Details @resource={{@model}} />

package/addon/templates/management/contacts/customers/details.hbs

@@ -1 +1,15 @@
-<CustomerPanel @customer={{@model}} @tab={{this.view}} @onTabChanged={{this.onTabChanged}} @onPressCancel={{this.transitionBack}} @onEdit={{this.onEdit}} />
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerComponent={{component "contact/panel-header" resource=@model}}
+    @headerTitle={{or @model.name}}
+    @actionButtons={{this.actionButtons}}
+    @onPressCancel={{transition-to "management.contacts.customers"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+    @headerClass="no-bottom-border"
+    @bodyClass="no-scroll"
+>
+    <TabNavigation @tabs={{this.tabs}} @contentClass="scrollable" @tablistClass="pl-2">
+        {{outlet}}
+    </TabNavigation>
+</Layout::Resource::Panel>

package/addon/templates/management/contacts/customers/edit.hbs

@@ -1,8 +1,14 @@
-<CustomerFormPanel
-    @customer={{@model}}
+<Layout::Resource::Panel
+    @resource={{@model}}
     @controller={{this}}
-    @onPressCancel={{this.transitionBack}}
-    @onAfterSave={{this.onAfterSave}}
-    @onViewDetails={{this.onViewDetails}}
-    @onLoad={{this.setOverlayContext}}
-/>
+    @headerTitle={{t "common.edit-resource-name" resourceName=@model.name}}
+    @modelName="Customer"
+    @actionButtons={{this.actionButtons}}
+    @saveTask={{this.save}}
+    @onPressCancel={{this.cancel}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Customer::Form @resource={{@model}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>
+

package/addon/templates/management/contacts/customers/new.hbs

@@ -1 +1,14 @@
-<CustomerFormPanel @customer={{this.customer}} @controller={{this}} @onPressCancel={{this.transitionBack}} @onAfterSave={{this.onAfterSave}} @onLoad={{this.setOverlayContext}} />
+<Layout::Resource::Panel
+    @resource={{this.customer}}
+    @controller={{this}}
+    @actionButtons={{this.actionButtons}}
+    @headerTitle="Create a new customer"
+    @modelName="Customer"
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "management.contacts.customers"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Customer::Form @resource={{this.customer}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>
+

package/addon/templates/management/contacts/customers.hbs

@@ -1,59 +1,16 @@
-<Layout::Section::Header @searchQuery={{this.query}} @onSearch={{perform this.search}} class="fleet-ops-contacts-section-header">
-    <Button @icon="refresh" @onClick={{this.reload}} @helpText={{t "fleet-ops.common.reload-data"}} class="mr-2" />
-    <FiltersPicker
-        @columns={{this.columns}}
-        @onApply={{fn this.filters.apply this}}
-        @onClear={{fn this.filters.reset this}}
-        @onFilterClear={{this.filters.clear}}
-        @onChange={{this.filters.set}}
-        @buttonWrapperClass="mr-2"
-    />
-    <VisibleColumnPicker @columns={{this.columns}} @onChange={{fn (mut this.columns)}} class="mr-2" />
-    {{#if (safe-has this.table "selectedRows")}}
-        <DropdownButton
-            @icon="layer-group"
-            @text={{t "fleet-ops.common.bulk-action"}}
-            @type="magic"
-            @size="sm"
-            @buttonWrapperClass="mr-2"
-            @contentClass="dropdown-menu"
-            @permission="fleet-ops delete contact"
-            as |dd|
-        >
-            <div class="next-dd-menu mt-2 mx-0">
-                <div class="px-1">
-                    <a href="#" class="text-red-500 next-dd-item" {{on "click" (dropdown-fn dd this.bulkDeleteContacts)}}>
-                        {{t "fleet-ops.management.contacts.index.delete-contacts"}}
-                    </a>
-                </div>
-            </div>
-        </DropdownButton>
-    {{/if}}
-    <Button @icon="plus" @iconPrefix="fas" @type="primary" @text={{t "fleet-ops.common.new"}} class="mr-2" @onClick={{this.createCustomer}} @permission="fleet-ops create contact" />
-    <Button
-        @icon="upload"
-        @type="magic"
-        @text={{t "fleet-ops.common.import"}}
-        @wrapperClass="hidden md:flex"
-        @onClick={{this.importContacts}}
-        class="mr-2"
-        @permission="fleet-ops import contact"
-    />
-    <Button @icon="long-arrow-up" @iconClass="rotate-icon-45" @text={{t "fleet-ops.common.export"}} @onClick={{this.exportContacts}} @permission="fleet-ops export contact" />
-</Layout::Section::Header>
-
-<Layout::Section::Body>
-    <Table
-        @rows={{@model}}
-        @columns={{this.columns}}
-        @selectable={{true}}
-        @canSelectAll={{true}}
-        @onSetup={{fn (mut this.table)}}
-        @pagination={{true}}
-        @paginationMeta={{@model.meta}}
-        @page={{this.page}}
-        @onPageChange={{fn (mut this.page)}}
-    />
-</Layout::Section::Body>
-
-{{outlet}}
+<Layout::Resource::Tabular
+    @resource="contact"
+    @title={{t "resource.customers"}}
+    @searchQuery={{this.query}}
+    @onSearch={{perform this.customerActions.controllerSearchTask this}}
+    @data={{@model}}
+    @columns={{this.columns}}
+    @page={{this.page}}
+    @onPageChange={{fn (mut this.page)}}
+    @setupTable={{fn (mut this.table)}}
+    @actionButtons={{this.actionButtons}}
+    @bulkActions={{this.bulkActions}}
+    @controller={{this}}
+    @withoutHeader={{true}}
+/>
+{{outlet}}

package/addon/templates/management/contacts/index/details/index.hbs

@@ -0,0 +1 @@
+<Contact::Details @resource={{@model}} />

package/addon/templates/management/contacts/index/details.hbs

@@ -1 +1,15 @@
-<ContactPanel @contact={{@model}} @tab={{this.view}} @onTabChanged={{this.onTabChanged}} @onPressCancel={{this.transitionBack}} @onEdit={{this.onEdit}} />
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerComponent={{component "contact/panel-header" resource=@model}}
+    @headerTitle={{or @model.name}}
+    @actionButtons={{this.actionButtons}}
+    @onPressCancel={{transition-to "management.contacts.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+    @headerClass="no-bottom-border"
+    @bodyClass="no-scroll"
+>
+    <TabNavigation @tabs={{this.tabs}} @contentClass="scrollable" @tablistClass="pl-2">
+        {{outlet}}
+    </TabNavigation>
+</Layout::Resource::Panel>

package/addon/templates/management/contacts/index/edit.hbs

@@ -1,8 +1,13 @@
-<ContactFormPanel
-    @contact={{@model}}
+<Layout::Resource::Panel
+    @resource={{@model}}
     @controller={{this}}
-    @onPressCancel={{this.transitionBack}}
-    @onAfterSave={{this.onAfterSave}}
-    @onViewDetails={{this.onViewDetails}}
-    @onLoad={{this.setOverlayContext}}
-/>
+    @headerTitle={{t "common.edit-resource-name" resourceName=@model.name}}
+    @actionButtons={{this.actionButtons}}
+    @saveTask={{this.save}}
+    @onPressCancel={{this.cancel}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Contact::Form @resource={{@model}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>
+

package/addon/templates/management/contacts/index/new.hbs

@@ -1 +1,13 @@
-<ContactFormPanel @contact={{this.contact}} @controller={{this}} @onPressCancel={{this.transitionBack}} @onAfterSave={{this.onAfterSave}} @onLoad={{this.setOverlayContext}} />
+<Layout::Resource::Panel
+    @resource={{this.contact}}
+    @controller={{this}}
+    @actionButtons={{this.actionButtons}}
+    @headerTitle="Create a new contact"
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "management.contacts.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Contact::Form @resource={{this.contact}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>
+