Files
threshold-ui/ui/admin/app/templates/scopes/scope/authenticate.hbs
T
Priya Patel 93a57f26ee Replace Rose::Icon with HDS::Icon (#2762)
* refactor: 💡 rose icons with hds icons

* fix: 🐛 remove child selector for h2

* fix: 🐛 removed unwanted changes

* fix: 🐛 remove unncessary change

* refactor: 💡 rose icon for rose components

* fix: 🐛 default size for doc-link, updated tests, removed TODO

* fix: 🐛 update doc-link test
2025-04-25 13:18:23 -07:00

94 lines
2.7 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'
class='header-spacing'
>{{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>
<Rose::Dropdown
@text={{t 'actions.choose-different-org'}}
@icon='org'
as |dropdown|
>
<dropdown.link @route='scopes.scope.authenticate' @model='global'>
{{t 'titles.global'}}
</dropdown.link>
{{#each this.sortedScopes as |scope|}}
<dropdown.link
@route='scopes.scope.authenticate'
@model={{scope.id}}
>
{{scope.displayName}}
</dropdown.link>
{{/each}}
</Rose::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>