Lisbet Alvarez
b1b49edb39
* refactor: 💡 use hds app header and app side nav * style: 💄 fix dark-mode colors for side nav and app header * style: 💄 cleanup * style: 💄 simplify selector * refactor: 💡 move util (param finder) to core addon * refactor: 💡 move scope picker to core addon * refactor: 💡 use hds header and app side nav in ui/desktop * refactor: 💡 clean up ui/desktop files * refactor: 💡 remove uneeded header components * refactor: 💡 remove uneeded global layout * Add missing copyright headers * style: 💄 adjust foreground and background colors to fix contras * style: 💄 remove uneeded stylelint disables * style: 💄 fix dark mode styling in desktop ui * refactor: 💡 readd user-select style * test: 💍 fix tests + e2e tests for admin and desktop UIs * refactor: 💡 clean up uneeded main elements and fix color link * Add missing copyright headers * fix: 🐛 e2e test selectors for ui/desktop * style: 💄 revert link color change * refactor: 💡 remove hds override * fix: 🐛 scope dropdown for desktop * fix: 🐛 max-height to desktop scope dropdown * Add missing copyright headers * chore: 🤖 update lockfile due to webpack update
76 lines
2.1 KiB
Handlebars
76 lines
2.1 KiB
Handlebars
{{!
|
|
Copyright IBM Corp. 2021, 2026
|
|
SPDX-License-Identifier: BUSL-1.1
|
|
}}
|
|
|
|
{{page-title (t 'actions.authenticate')}}
|
|
|
|
{{#if this.isOIDCRoute}}
|
|
{{outlet}}
|
|
{{else}}
|
|
<BrandedCard
|
|
@title={{t 'actions.authenticate'}}
|
|
@description={{t
|
|
'auth.descriptions.authenticating-with-org'
|
|
name=@model.scope.displayName
|
|
}}
|
|
>
|
|
|
|
<Hds::Dropdown @listPosition='bottom-left' as |dd|>
|
|
<dd.ToggleButton
|
|
@text={{t 'actions.choose-different-org'}}
|
|
@icon='org'
|
|
@color='secondary'
|
|
/>
|
|
<dd.Interactive {{on 'click' (fn this.selectScope 'global' dd.close)}}>
|
|
{{t 'titles.global'}}
|
|
</dd.Interactive>
|
|
{{#each this.sortedScopes as |scope|}}
|
|
<dd.Interactive {{on 'click' (fn this.selectScope scope.id dd.close)}}>
|
|
{{scope.displayName}}
|
|
</dd.Interactive>
|
|
{{/each}}
|
|
</Hds::Dropdown>
|
|
|
|
<Rose::Nav::Tabs as |nav|>
|
|
{{#each @model.authMethods as |authMethod|}}
|
|
<nav.link
|
|
@route='scopes.scope.authenticate.method'
|
|
@model={{authMethod.id}}
|
|
>
|
|
{{#if authMethod.name}}
|
|
{{authMethod.name}}
|
|
{{else}}
|
|
{{t (concat 'resources.auth-method.types.' authMethod.type)}}
|
|
{{/if}}
|
|
</nav.link>
|
|
{{/each}}
|
|
</Rose::Nav::Tabs>
|
|
|
|
{{#if @model.authMethods}}
|
|
{{outlet}}
|
|
{{else}}
|
|
<Rose::Layout::Centered>
|
|
<Hds::ApplicationState data-test-no-auth-methods as |A|>
|
|
<A.Header
|
|
@icon='alert-circle'
|
|
@title={{t 'resources.auth-method.messages.none.title'}}
|
|
/>
|
|
<A.Body
|
|
@text={{t 'resources.auth-method.messages.none.description'}}
|
|
/>
|
|
</Hds::ApplicationState>
|
|
</Rose::Layout::Centered>
|
|
{{/if}}
|
|
<Hds::Text::Body @tag='p' class='change-origin'>
|
|
{{t 'cluster-url.connected-to'}}:
|
|
<Hds::Text::Code>
|
|
{{this.clusterUrl}}
|
|
</Hds::Text::Code>
|
|
<br />
|
|
<LinkTo @route='cluster-url'>
|
|
{{t 'actions.change-cluster-url'}}
|
|
</LinkTo>
|
|
</Hds::Text::Body>
|
|
</BrandedCard>
|
|
{{/if}} |