Cameron Perera
eb9fe573b8
* refactor: 💡 update _typography stylesheet ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937 * refactor: 💡 update header margin styles into single rule ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937 * refactor: 💡 add remove-header-margin class ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937 * refactor: 💡 remove 'header' class ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937 * test: 💍 fix failing tests for branded-card in desktop ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937 * refactor: 💡 update style rule to use :where() ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937 * refactor: 💡 rename remove-header-margin to remove-margin ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937 * refactor: 💡 update style comment ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11937
93 lines
2.8 KiB
Handlebars
93 lines
2.8 KiB
Handlebars
{{!
|
|
Copyright (c) HashiCorp, Inc.
|
|
SPDX-License-Identifier: BUSL-1.1
|
|
}}
|
|
|
|
{{page-title (t 'actions.authenticate')}}
|
|
|
|
<Rose::Layout::Centered>
|
|
<Rose::Layout::Page as |page|>
|
|
|
|
<page.body>
|
|
|
|
{{#if this.isOIDCRoute}}
|
|
{{outlet}}
|
|
{{else}}
|
|
<Rose::Frame>
|
|
<:header>
|
|
<Hds::Icon @name='boundary-color' @size='24' @isInline={{true}} />
|
|
<Hds::Text::Display @tag='h2' @size='400' @weight='bold'>{{t
|
|
'actions.authenticate'
|
|
}}</Hds::Text::Display>
|
|
</:header>
|
|
<:body>
|
|
<Hds::Text::Body @tag='p'>{{t
|
|
'auth.descriptions.authenticating-with-org'
|
|
name=@model.scope.displayName
|
|
}}</Hds::Text::Body>
|
|
|
|
<Hds::Dropdown @listPosition='bottom-left' as |dd|>
|
|
<dd.ToggleButton
|
|
@text={{t 'actions.choose-different-org'}}
|
|
@icon='org'
|
|
@color='secondary'
|
|
/>
|
|
<dd.Interactive
|
|
@route='scopes.scope.authenticate'
|
|
@model='global'
|
|
>
|
|
{{t 'titles.global'}}
|
|
</dd.Interactive>
|
|
{{#each this.sortedScopes as |scope|}}
|
|
<dd.Interactive
|
|
@route='scopes.scope.authenticate'
|
|
@model={{scope.id}}
|
|
>
|
|
{{scope.displayName}}
|
|
</dd.Interactive>
|
|
{{/each}}
|
|
</Hds::Dropdown>
|
|
<Hds::Separator />
|
|
|
|
<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 as |A|>
|
|
<A.Header
|
|
@title={{t 'resources.auth-method.messages.none.title'}}
|
|
@icon='alert-circle'
|
|
/>
|
|
<A.Body
|
|
@text={{t
|
|
'resources.auth-method.messages.none.description'
|
|
}}
|
|
/>
|
|
</Hds::ApplicationState>
|
|
</Rose::Layout::Centered>
|
|
{{/if}}
|
|
</:body>
|
|
</Rose::Frame>
|
|
{{/if}}
|
|
</page.body>
|
|
|
|
</Rose::Layout::Page>
|
|
</Rose::Layout::Centered> |