Files
threshold-ui/ui/admin/app/components/form/host-set/add-hosts/index.hbs
T
Lisbet AlvarezandDharini Jeeva ff2e320267 refactor: 💡 use hds checkbox field instead of rose checkbox (#1754)
* 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>
2023-07-11 12:56:30 -07:00

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}}