* refactor: 💡 use hds checkbox field instead of rose checkbox ✅ Closes: ICU-9423 * Update ui/admin/app/components/form/auth-method/oidc/index.hbs Co-authored-by: Dharini Jeeva <dharini@hashicorp.com> * Update ui/desktop/app/controllers/scopes/scope/projects/sessions/index.js Co-authored-by: Dharini Jeeva <dharini@hashicorp.com> * fix: 🐛 remove isInvalid arg * refactor: 💡 move array conversion to model hook --------- Co-authored-by: Dharini Jeeva <dharini@hashicorp.com>
65 lines
1.7 KiB
Handlebars
65 lines
1.7 KiB
Handlebars
{{!
|
|
Copyright (c) HashiCorp, Inc.
|
|
SPDX-License-Identifier: MPL-2.0
|
|
}}
|
|
|
|
{{#if this.hasAvailableHosts}}
|
|
<Rose::Form
|
|
class='full-width'
|
|
@onSubmit={{fn this.submit @submit}}
|
|
@cancel={{@cancel}}
|
|
@disabled={{@model.isSaving}}
|
|
as |form|
|
|
>
|
|
|
|
<form.actions
|
|
@submitText={{t 'actions.add-hosts'}}
|
|
@cancelText={{t 'actions.cancel'}}
|
|
/>
|
|
|
|
<Hds::Table
|
|
@model={{this.filteredHosts}}
|
|
@columns={{array
|
|
(hash label=(t 'form.id.label'))
|
|
(hash label=(t 'form.name.label'))
|
|
(hash label=(t 'form.type.label'))
|
|
}}
|
|
@valign='middle'
|
|
>
|
|
<:body as |B|>
|
|
<B.Tr>
|
|
<B.Td>
|
|
<Hds::Form::Checkbox::Field
|
|
{{on 'change' (fn this.toggleHost B.data.id)}}
|
|
as |F|
|
|
>
|
|
<F.Label>{{B.data.id}}</F.Label>
|
|
<F.HelperText>{{B.data.description}}</F.HelperText>
|
|
</Hds::Form::Checkbox::Field>
|
|
</B.Td>
|
|
<B.Td>{{B.data.name}}</B.Td>
|
|
<B.Td><Hds::Badge @text={{B.data.type}} /></B.Td>
|
|
</B.Tr>
|
|
</:body>
|
|
</Hds::Table>
|
|
</Rose::Form>
|
|
{{/if}}
|
|
|
|
{{#unless this.hasAvailableHosts}}
|
|
<Rose::Layout::Centered>
|
|
<Rose::Message
|
|
@title={{t 'resources.host-set.host.messages.add-none.title'}}
|
|
as |message|
|
|
>
|
|
<message.description>
|
|
{{t 'resources.host-set.host.messages.add-none.description'}}
|
|
</message.description>
|
|
<message.link
|
|
@route='scopes.scope.host-catalogs.host-catalog.host-sets.host-set.hosts'
|
|
>
|
|
<Rose::Icon @name='flight-icons/svg/chevron-left-16' />
|
|
{{t 'actions.back'}}
|
|
</message.link>
|
|
</Rose::Message>
|
|
</Rose::Layout::Centered>
|
|
{{/unless}} |