@fleetbase/fleetops-engine 0.6.52 → 0.6.54

package/addon/components/layout/fleet-ops-sidebar.hbs

@@ -1,235 +1,21 @@
-<div id="create-order-button-menu-wrapper" class="create-order-menu-button-wrapper mb-2">
-    <Button
-        @text={{t "common.create-new-resource" resource=(lowercase (t "resource.order"))}}
-        @type="primary"
-        @size="xs"
-        @icon="paper-plane"
-        @iconPrefix="fas"
-        @iconSize="sm"
-        @wrapperClass="w-full create-order-button-wrapper"
-        @onClick={{this.onClickCreateOrder}}
-        @permission="fleet-ops create order"
-        @tooltipPlacement="right"
-        class="w-full create-order-button"
-    />
-</div>
-{{#each this.universeMenuItems as |menuItem|}}
-    {{#if menuItem.renderComponentInPlace}}
-        {{component menuItem.component}}
-    {{else}}
-        <Layout::Sidebar::Item
-            @onClick={{fn this.universe.transitionMenuItem (concat this.routePrefix "virtual") menuItem}}
-            @menuItem={{menuItem}}
-            @icon={{menuItem.icon}}
-            @iconComponent={{menuItem.iconComponent}}
-            @iconComponentOptions={{menuItem.iconComponentOptions}}
-            @iconSize={{menuItem.iconSize}}
-            @iconPrefix={{menuItem.iconPrefix}}
-            @iconClass={{menuItem.iconClass}}
-            @rightSideComponent={{menuItem.rightSideComponent}}
-            @rightSideComponentContext={{menuItem.rightSideComponentContext}}
-            @rightSideStatus={{menuItem.rightSideStatus}}
-            @rightSideStatusText={{menuItem.rightSideStatusText}}
-            @hideRightSideStatusDot={{menuItem.hideRightSideStatusDot}}
-            @rightSideStatusClass={{menuItem.rightSideStatusClass}}
-            @disableRightSideStatusHumanize={{menuItem.disableRightSideStatusHumanize}}
-            @dropdownButton={{menuItem.dropdownButton}}
-            @dropdownButtonActions={{menuItem.dropdownButtonActions}}
-            @dropdownButtonIcon={{menuItem.dropdownButtonIcon}}
-            @dropdownButtonIconPrefix={{menuItem.dropdownButtonIconPrefix}}
-            @dropdownButtonText={{menuItem.dropdownButtonText}}
-            @dropdownButtonCalculatePosition={{menuItem.dropdownButtonCalculatePosition}}
-            @dropdownButtonRenderInPlace={{menuItem.dropdownButtonRenderInPlace}}
-            @dropdownButtonMenuLabel={{menuItem.dropdownButtonMenuLabel}}
-            @dropdownButtonWrapperClass={{menuItem.dropdownButtonWrapperClass}}
-            @dropdownButtonTriggerClass={{menuItem.dropdownButtonTriggerClass}}
-            @registerDropdownButtonAPI={{menuItem.registerDropdownButtonAPI}}
-            @permission={{menuItem.permission}}
-            @visible={{menuItem.visible}}
-        >{{if menuItem.intl (t menuItem.intl) menuItem.title}}</Layout::Sidebar::Item>
-    {{/if}}
-{{/each}}
-{{#each this.menuPanels as |menuPanel|}}
-    <Layout::Sidebar::Panel
-        @open={{menuPanel.open}}
-        @title={{if menuPanel.intl (t menuPanel.intl) menuPanel.title}}
-        @titleIcon={{menuPanel.icon}}
-        @caretLeft={{true}}
-        @caretIcon="caret"
-        @hideCaret={{menuPanel.hideCaret}}
-        @toggleOnCaretOnly={{menuPanel.toggleOnCaretOnly}}
-        @onClickPanelTitle={{menuPanel.onClickPanelTitle}}
-        @wrapperClass={{menuPanel.wrapperClass}}
-        @dropdownButton={{menuPanel.dropdownButton}}
-        @dropdownButtonActions={{menuPanel.dropdownButtonActions}}
-        @dropdownButtonRenderInPlace={{menuPanel.dropdownButtonRenderInPlace}}
-        @dropdownHorizontalPosition={{menuPanel.dropdownHorizontalPosition}}
-        @dropdownButtonMenuLabel={{menuPanel.dropdownButtonMenuLabel}}
-        @onToggle={{menuPanel.onToggle}}
-    >
-        {{#each menuPanel.items as |menuItem|}}
-            {{#if menuItem.renderComponentInPlace}}
-                {{component
-                    menuItem.component
-                    menuItem=menuItem
-                    title=(if menuItem.intl (t menuItem.intl) menuItem.title)
-                    onClick=menuItem.onClick
-                    route=(concat this.routePrefix menuItem.route)
-                    icon=menuItem.icon
-                    iconComponent=menuItem.iconComponent
-                    iconComponentOptions=menuItem.iconComponentOptions
-                    iconSize=menuItem.iconSize
-                    iconPrefix=menuItem.iconPrefix
-                    iconClass=menuItem.iconClass
-                    rightSideComponent=menuItem.rightSideComponent
-                    rightSideComponentContext=menuItem.rightSideComponentContext
-                    rightSideStatus=menuItem.rightSideStatus
-                    rightSideStatusText=menuItem.rightSideStatusText
-                    hideRightSideStatusDot=menuItem.hideRightSideStatusDot
-                    rightSideStatusClass=menuItem.rightSideStatusClass
-                    disableRightSideStatusHumanize=menuItem.disableRightSideStatusHumanize
-                    dropdownButton=menuItem.dropdownButton
-                    dropdownButtonActions=menuItem.dropdownButtonActions
-                    dropdownButtonIcon=menuItem.dropdownButtonIcon
-                    dropdownButtonIconPrefix=menuItem.dropdownButtonIconPrefix
-                    dropdownButtonText=menuItem.dropdownButtonText
-                    dropdownButtonCalculatePosition=menuItem.dropdownButtonCalculatePosition
-                    dropdownButtonRenderInPlace=menuItem.dropdownButtonRenderInPlace
-                    dropdownButtonMenuLabel=menuItem.dropdownButtonMenuLabel
-                    dropdownButtonWrapperClass=menuItem.dropdownButtonWrapperClass
-                    dropdownButtonTriggerClass=menuItem.dropdownButtonTriggerClass
-                    registerDropdownButtonAPI=menuItem.registerDropdownButtonAPI
-                    permission=menuItem.permission
-                    visible=menuItem.visible
-                }}
-            {{else}}
-                <Layout::Sidebar::Item
-                    @onClick={{if menuItem._virtual (fn this.universe.transitionMenuItem (concat this.routePrefix "virtual") menuItem) menuItem.onClick}}
-                    @menuItem={{menuItem}}
-                    @route={{if menuItem._virtual null (concat this.routePrefix menuItem.route)}}
-                    @icon={{menuItem.icon}}
-                    @iconComponent={{menuItem.iconComponent}}
-                    @iconComponentOptions={{menuItem.iconComponentOptions}}
-                    @iconSize={{menuItem.iconSize}}
-                    @iconPrefix={{menuItem.iconPrefix}}
-                    @iconClass={{menuItem.iconClass}}
-                    @rightSideComponent={{menuItem.rightSideComponent}}
-                    @rightSideComponentContext={{menuItem.rightSideComponentContext}}
-                    @rightSideStatus={{menuItem.rightSideStatus}}
-                    @rightSideStatusText={{menuItem.rightSideStatusText}}
-                    @hideRightSideStatusDot={{menuItem.hideRightSideStatusDot}}
-                    @rightSideStatusClass={{menuItem.rightSideStatusClass}}
-                    @disableRightSideStatusHumanize={{menuItem.disableRightSideStatusHumanize}}
-                    @dropdownButton={{menuItem.dropdownButton}}
-                    @dropdownButtonActions={{menuItem.dropdownButtonActions}}
-                    @dropdownButtonIcon={{menuItem.dropdownButtonIcon}}
-                    @dropdownButtonIconPrefix={{menuItem.dropdownButtonIconPrefix}}
-                    @dropdownButtonText={{menuItem.dropdownButtonText}}
-                    @dropdownButtonCalculatePosition={{menuItem.dropdownButtonCalculatePosition}}
-                    @dropdownButtonRenderInPlace={{menuItem.dropdownButtonRenderInPlace}}
-                    @dropdownButtonMenuLabel={{menuItem.dropdownButtonMenuLabel}}
-                    @dropdownButtonWrapperClass={{menuItem.dropdownButtonWrapperClass}}
-                    @dropdownButtonTriggerClass={{menuItem.dropdownButtonTriggerClass}}
-                    @registerDropdownButtonAPI={{menuItem.registerDropdownButtonAPI}}
-                    @permission={{menuItem.permission}}
-                    @visible={{menuItem.visible}}
-                >{{if menuItem.intl (t menuItem.intl) menuItem.title}}</Layout::Sidebar::Item>
-            {{/if}}
+<Layout::Sidebar::Navigator
+    @items={{this.navigationItems}}
+    @primaryAction={{this.createOrderAction}}
+    @searchPlaceholder="Search Fleet-Ops..."
+    @searchProvider={{this.searchNavigation}}
+    @initialActiveParentSync={{false}}
+    class="fleet-ops-sidebar-navigator"
+>
+    <:footer as |state|>
+        {{#if (or (not state.isNested) (eq state.currentParent.id "operations"))}}
+            <Layout::FleetOpsSidebar::OperationsMonitor />
+        {{/if}}
+
+        {{#each (get this.footerRegistryComponents (or state.currentParent.id "root")) as |menuItem|}}
+            {{component menuItem.component}}
         {{/each}}
-        {{!-- {{#let (array "operations" "management" "connectivity" "maintenance" "analytics" "settings") as |sectionsToRender|}}
-            {{#each sectionsToRender as |section|}}
-                {{#if (eq menuPanel.routePrefix section)}}
-                    {{#each (get this (concat "universe" (capitalize section) "MenuItems")) as |menuItem|}}
-                        {{#if menuItem.renderComponentInPlace}}
-                            {{component menuItem.component}}
-                        {{else}}
-                            <Layout::Sidebar::Item
-                                @onClick={{fn this.universe.transitionMenuItem (concat this.routePrefix "virtual") menuItem}}
-                                @menuItem={{menuItem}}
-                                @icon={{menuItem.icon}}
-                                @iconComponent={{menuItem.iconComponent}}
-                                @iconComponentOptions={{menuItem.iconComponentOptions}}
-                                @iconSize={{menuItem.iconSize}}
-                                @iconPrefix={{menuItem.iconPrefix}}
-                                @iconClass={{menuItem.iconClass}}
-                                @rightSideComponent={{menuItem.rightSideComponent}}
-                                @rightSideComponentContext={{menuItem.rightSideComponentContext}}
-                                @rightSideStatus={{menuItem.rightSideStatus}}
-                                @rightSideStatusText={{menuItem.rightSideStatusText}}
-                                @hideRightSideStatusDot={{menuItem.hideRightSideStatusDot}}
-                                @rightSideStatusClass={{menuItem.rightSideStatusClass}}
-                                @disableRightSideStatusHumanize={{menuItem.disableRightSideStatusHumanize}}
-                                @dropdownButton={{menuItem.dropdownButton}}
-                                @dropdownButtonActions={{menuItem.dropdownButtonActions}}
-                                @dropdownButtonIcon={{menuItem.dropdownButtonIcon}}
-                                @dropdownButtonIconPrefix={{menuItem.dropdownButtonIconPrefix}}
-                                @dropdownButtonText={{menuItem.dropdownButtonText}}
-                                @dropdownButtonCalculatePosition={{menuItem.dropdownButtonCalculatePosition}}
-                                @dropdownButtonRenderInPlace={{menuItem.dropdownButtonRenderInPlace}}
-                                @dropdownButtonMenuLabel={{menuItem.dropdownButtonMenuLabel}}
-                                @dropdownButtonWrapperClass={{menuItem.dropdownButtonWrapperClass}}
-                                @dropdownButtonTriggerClass={{menuItem.dropdownButtonTriggerClass}}
-                                @registerDropdownButtonAPI={{menuItem.registerDropdownButtonAPI}}
-                                @permission={{menuItem.permission}}
-                                @visible={{menuItem.visible}}
-                            >{{if menuItem.intl (t menuItem.intl) menuItem.title}}</Layout::Sidebar::Item>
-                        {{/if}}
-                    {{/each}}
-                {{/if}}
-            {{/each}}
-        {{/let}} --}}
-    </Layout::Sidebar::Panel>
-{{/each}}
-{{#each this.universeMenuPanels as |menuPanel|}}
-    <Layout::Sidebar::Panel
-        @open={{menuPanel.open}}
-        @title={{if menuPanel.intl (t menuPanel.intl) menuPanel.title}}
-        @titleIcon={{menuPanel.icon}}
-        @caretLeft={{true}}
-        @caretIcon="caret"
-        @hideCaret={{menuPanel.hideCaret}}
-        @toggleOnCaretOnly={{menuPanel.toggleOnCaretOnly}}
-        @onClickPanelTitle={{menuPanel.onClickPanelTitle}}
-        @wrapperClass={{menuPanel.wrapperClass}}
-        @dropdownButton={{menuPanel.dropdownButton}}
-        @dropdownButtonActions={{menuPanel.dropdownButtonActions}}
-        @dropdownButtonRenderInPlace={{menuPanel.dropdownButtonRenderInPlace}}
-        @dropdownHorizontalPosition={{menuPanel.dropdownHorizontalPosition}}
-        @dropdownButtonMenuLabel={{menuPanel.dropdownButtonMenuLabel}}
-    >
-        {{#each menuPanel.items as |menuItem|}}
-            <Layout::Sidebar::Item
-                @onClick={{fn this.universe.transitionMenuItem (concat this.routePrefix "virtual") menuItem}}
-                @menuItem={{menuItem}}
-                @icon={{menuItem.icon}}
-                @iconComponent={{menuItem.iconComponent}}
-                @iconComponentOptions={{menuItem.iconComponentOptions}}
-                @iconSize={{menuItem.iconSize}}
-                @iconPrefix={{menuItem.iconPrefix}}
-                @iconClass={{menuItem.iconClass}}
-                @rightSideComponent={{menuItem.rightSideComponent}}
-                @rightSideComponentContext={{menuItem.rightSideComponentContext}}
-                @rightSideStatus={{menuItem.rightSideStatus}}
-                @rightSideStatusText={{menuItem.rightSideStatusText}}
-                @hideRightSideStatusDot={{menuItem.hideRightSideStatusDot}}
-                @rightSideStatusClass={{menuItem.rightSideStatusClass}}
-                @disableRightSideStatusHumanize={{menuItem.disableRightSideStatusHumanize}}
-                @dropdownButton={{menuItem.dropdownButton}}
-                @dropdownButtonActions={{menuItem.dropdownButtonActions}}
-                @dropdownButtonIcon={{menuItem.dropdownButtonIcon}}
-                @dropdownButtonIconPrefix={{menuItem.dropdownButtonIconPrefix}}
-                @dropdownButtonText={{menuItem.dropdownButtonText}}
-                @dropdownButtonCalculatePosition={{menuItem.dropdownButtonCalculatePosition}}
-                @dropdownButtonRenderInPlace={{menuItem.dropdownButtonRenderInPlace}}
-                @dropdownButtonMenuLabel={{menuItem.dropdownButtonMenuLabel}}
-                @dropdownButtonWrapperClass={{menuItem.dropdownButtonWrapperClass}}
-                @dropdownButtonTriggerClass={{menuItem.dropdownButtonTriggerClass}}
-                @registerDropdownButtonAPI={{menuItem.registerDropdownButtonAPI}}
-                @permission={{menuItem.permission}}
-                @visible={{menuItem.visible}}
-            >{{if menuItem.intl (t menuItem.intl) menuItem.title}}</Layout::Sidebar::Item>
-        {{/each}}
-    </Layout::Sidebar::Panel>
-{{/each}}
+    </:footer>
+</Layout::Sidebar::Navigator>
+
 {{yield}}
-<Spacer @height="10px" />
+<Spacer @height="10px" />