open-vault/ui/app/templates/components/namespace-picker.hbs
Jordan Reimer 5c2a08de6d
Ember Upgrade to 3.24 (#13443)
* Update browserslist

* Add browserslistrc

* ember-cli-update --to 3.26, fix conflicts

* Run codemodes that start with ember-*

* More codemods - before cp*

* More codemods (curly data-test-*)

* WIP ember-basic-dropdown template errors

* updates ember-basic-dropdown and related deps to fix build issues

* updates basic dropdown instances to new version API

* updates more deps -- ember-template-lint is working again

* runs no-implicit-this codemod

* creates and runs no-quoteless-attributes codemod

* runs angle brackets codemod

* updates lint:hbs globs to only touch hbs files

* removes yield only templates

* creates and runs deprecated args transform

* supresses lint error for invokeAction on LinkTo component

* resolves remaining ambiguous path lint errors

* resolves simple-unless lint errors

* adds warnings for deprecated tagName arg on LinkTo components

* adds warnings for remaining curly component invocation

* updates global template lint rules

* resolves remaining template lint errors

* disables some ember specfic lint rules that target pre octane patterns

* js lint fix run

* resolves remaining js lint errors

* fixes test run

* adds npm-run-all dep

* fixes test attribute issues

* fixes console acceptance tests

* fixes tests

* adds yield only wizard/tutorial-active template

* fixes more tests

* attempts to fix more flaky tests

* removes commented out settled in transit test

* updates deprecations workflow and adds initializer to filter by version

* updates flaky policies acl old test

* updates to flaky transit test

* bumps ember deps down to LTS version

* runs linters after main merge

* fixes client count tests after bad merge conflict fixes

* fixes client count history test

* more updates to lint config

* another round of hbs lint fixes after extending stylistic rule

* updates lint-staged commands

* removes indent eslint rule since it seems to break things

* fixes bad attribute in transform-edit-form template

* test fixes

* fixes enterprise tests

* adds changelog

* removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters

* flaky test fix

Co-authored-by: hashishaw <cshaw@hashicorp.com>
2021-12-16 20:44:29 -07:00

110 lines
4.7 KiB
Handlebars

{{#if (and (not this.accessibleNamespaces.length) this.inRootNamespace)}}
<div class="namespace-picker no-namespaces">
{{! Just yield the logo if they're in the root namespace and only have access to it }}
{{yield}}
</div>
{{else}}
<div class="namespace-picker">
<BasicDropdown @horizontalPosition="auto-left" @verticalPosition="below" as |D|>
<D.Trigger
@htmlTag="button"
class="button is-transparent namespace-picker-trigger has-current-color"
data-test-namespace-toggle
>
{{yield}}
{{#if this.namespaceDisplay}}
<span class="namespace-name">{{this.namespaceDisplay}}</span>
{{else}}
<span class="namespace-name is-hidden-tablet">/ (Root)</span>
{{/if}}
<Chevron @direction="down" @class="has-text-white auto-width is-status-chevron" />
</D.Trigger>
<D.Content class="namespace-picker-content">
<div class="is-mobile level-left">
{{#unless this.isUserRootNamespace}}
<NamespaceLink
@targetNamespace={{or
(object-at (dec 2 this.menuLeaves.length) this.lastMenuLeaves)
this.auth.authData.userRootNamespace
}}
@class="namespace-link is-current button is-ghost icon"
>
<Chevron @direction="left" @class="has-text-grey" />
</NamespaceLink>
{{/unless}}
<h5 class="list-header">Current namespace</h5>
</div>
<div class="namespace-header-bar level is-mobile">
<div class="level-left">
<header>
<div class="level is-mobile namespace-link">
<span class="level-left" data-test-current-namespace>
{{if this.namespacePath (concat this.namespacePath "/") "root"}}
</span>
<span class="level-right">
<Icon @name="check-circle" class="has-text-success" />
</span>
</div>
</header>
</div>
</div>
<div class="namespace-list {{if this.isAnimating "animated-list"}}">
<div class="is-mobile level-left">
{{#unless this.isUserRootNamespace}}
<NamespaceLink
@targetNamespace={{or
(object-at (dec 2 this.menuLeaves.length) this.lastMenuLeaves)
this.auth.authData.userRootNamespace
}}
@class="namespace-link is-current button is-ghost icon"
>
<Chevron @direction="left" @class="has-text-grey" />
</NamespaceLink>
{{/unless}}
<h5 class="list-header">Namespaces</h5>
</div>
{{#if (contains "" this.lastMenuLeaves)}}
{{! leaf is '' which is the root namespace, and then we need to iterate the root leaves }}
<div class="leaf-panel {{if (eq "" this.currentLeaf) "leaf-panel-current" "leaf-panel-left"}} ">
{{~#each this.rootLeaves as |rootLeaf|}}
<NamespaceLink @targetNamespace={{rootLeaf}} @class="namespace-link" @showLastSegment={{true}} />
{{/each~}}
</div>
{{/if}}
{{#each this.lastMenuLeaves as |leaf|}}
<div
class="leaf-panel
{{if (eq leaf this.currentLeaf) "leaf-panel-current" "leaf-panel-left"}}
{{if (and this.isAdding (eq leaf this.changedLeaf)) "leaf-panel-adding"}}
{{if (and (not this.isAdding) (eq leaf this.changedLeaf)) "leaf-panel-exiting"}}
"
>
{{~#each-in (get this.namespaceTree leaf) as |leafName|}}
<NamespaceLink
@targetNamespace={{concat leaf "/" leafName}}
@class="namespace-link"
@showLastSegment={{true}}
/>
{{/each-in~}}
</div>
{{/each}}
{{#if this.canList}}
<div class="leaf-panel leaf-panel-current">
<LinkTo @route="vault.cluster.access.namespaces" class="is-block namespace-link namespace-manage-link">
<div class="level is-mobile">
<span class="level-left">Manage namespaces</span>
<span class="level-right">
<button type="button" class="button is-ghost icon" onclick={{action "refreshNamespaceList"}}>
<Icon @name="reload" class="has-text-grey" />
</button>
</span>
</div>
</LinkTo>
</div>
{{/if}}
</div>
</D.Content>
</BasicDropdown>
</div>
<div class="navbar-separator"></div>
{{/if}}