Files
threshold-ui/ui/admin/app/templates/scopes/scope/groups/group/members.hbs
T

64 lines
2.0 KiB
Handlebars

{{page-title (t 'resources.group.messages.members.title')}}
{{#if @model.members}}
<Rose::Table as |table|>
<table.header as |header|>
<header.row as |row|>
<row.headerCell>{{t 'form.name.label'}}</row.headerCell>
<row.headerCell>{{t 'form.id.label'}}</row.headerCell>
<row.headerCell>{{t "titles.actions"}}</row.headerCell>
</header.row>
</table.header>
<table.body as |body|>
{{#each @model.members as |member|}}
<body.row as |row|>
<row.headerCell>
{{member.displayName}}
</row.headerCell>
<row.cell>
<Copyable
@text={{member.id}}
@buttonText={{t "actions.copy-to-clipboard"}}
@acknowledgeText={{t "states.copied"}}
>
<code>{{member.id}}</code>
</Copyable>
</row.cell>
<row.cell>
<Rose::Dropdown
@icon="more-horizontal"
@iconOnly={{true}}
@showCaret={{false}}
@dropdownRight={{true}}
@text="{{t "actions.manage"}}" as |dropdown|
>
<dropdown.button
@style="danger"
{{on "click" (route-action "removeMember" @model.group member)}}
>
{{t "actions.remove"}}
</dropdown.button>
</Rose::Dropdown>
</row.cell>
</body.row>
{{/each}}
</table.body>
</Rose::Table>
{{else}}
<Rose::Layout::Centered>
<Rose::Message @title={{t "resources.group.messages.members.title"}} as |message|>
<message.description>
{{t "resources.group.messages.members.description"}}
</message.description>
<message.link @route="scopes.scope.groups.group.add-members">
<Rose::Icon @name="plus-circle-outline" />
{{t 'resources.group.actions.add-members'}}
</message.link>
</Rose::Message>
</Rose::Layout::Centered>
{{/if}}