Devon AndersonandRandall Morey
a05d07919a
* refactor: 💡 removed whitespace from layout in add-members view Removed whitespace from layout in `add-members` view by replacing `Rose::Table` with `Hds::Table`. ✅ Closes: ICU-5986 * refactor: 💡 refactor table Added custom styling to remove margin bottom from radio card field. That is causing 1st column to not be valign center. ✅ Closes: ICU-5986 * refactor: 💡 refactor stylings to override.scss Moved Hds custom syles to `overrides.scss` ✅ Closes: ICU-5986 * Update addons/rose/addon/styles/hds/overrides.scss Co-authored-by: Randall Morey <randall@randallmorey.com> * Update addons/rose/addon/styles/hds/overrides.scss Co-authored-by: Randall Morey <randall@randallmorey.com> * refactor: 💡 refactored app.scss for admin Removed custom css for `.key-value-list` selector that is now being served in `overrides.scss` globally. * refactor: 💡 patched overrides Ported Hds overrides from other repository. --------- Co-authored-by: Randall Morey <randall@randallmorey.com>
70 lines
1.9 KiB
Handlebars
70 lines
1.9 KiB
Handlebars
{{!
|
|
Copyright (c) HashiCorp, Inc.
|
|
SPDX-License-Identifier: MPL-2.0
|
|
}}
|
|
|
|
{{#if this.availableUsers}}
|
|
<Rose::Form
|
|
class='full-width'
|
|
@onSubmit={{fn this.submit @submit}}
|
|
@cancel={{@cancel}}
|
|
@disabled={{@model.isSaving}}
|
|
as |form|
|
|
>
|
|
|
|
<form.actions
|
|
@submitText={{t 'resources.group.actions.add-members'}}
|
|
@cancelText={{t 'actions.cancel'}}
|
|
/>
|
|
<Hds::Table
|
|
@model={{this.availableUsers}}
|
|
@columns={{array
|
|
(hash label=(t 'form.name.label'))
|
|
(hash label=(t 'form.id.label'))
|
|
(hash label=(t 'resources.scope.title'))
|
|
(hash label=(t 'form.description.label'))
|
|
}}
|
|
@valign='middle'
|
|
>
|
|
<:body as |B|>
|
|
<B.Tr>
|
|
<B.Td>
|
|
<Hds::Form::Checkbox::Field
|
|
{{on 'change' (fn this.toggleMember B.data)}}
|
|
as |F|
|
|
>
|
|
<F.Label>{{B.data.displayName}}</F.Label>
|
|
{{#if B.data.accountName}}
|
|
<F.HelperText>
|
|
<Hds::Badge @text={{B.data.accountName}} />
|
|
</F.HelperText>
|
|
{{/if}}
|
|
</Hds::Form::Checkbox::Field>
|
|
</B.Td>
|
|
<B.Td><code>{{B.data.id}}</code></B.Td>
|
|
<B.Td><ScopeBadge @scope={{B.data.scopeModel}} /></B.Td>
|
|
<B.Td>{{B.data.description}}</B.Td>
|
|
</B.Tr>
|
|
|
|
</:body>
|
|
</Hds::Table>
|
|
|
|
</Rose::Form>
|
|
{{/if}}
|
|
|
|
{{#unless this.availableUsers}}
|
|
<Rose::Layout::Centered>
|
|
<Rose::Message
|
|
@title={{t 'resources.group.messages.no-members.title'}}
|
|
as |message|
|
|
>
|
|
<message.description>
|
|
{{t 'resources.group.messages.no-members.description'}}
|
|
</message.description>
|
|
<message.link @route='scopes.scope.groups.group.members'>
|
|
<Rose::Icon @name='flight-icons/svg/chevron-left-16' />
|
|
{{t 'actions.back'}}
|
|
</message.link>
|
|
</Rose::Message>
|
|
</Rose::Layout::Centered>
|
|
{{/unless}} |