66 lines
2.2 KiB
HTML
66 lines
2.2 KiB
HTML
<div>
|
|
<h2>{{group?.name}}</h2>
|
|
|
|
@if (!isSpecialGroup) {
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>Users</mat-panel-title>
|
|
<mat-panel-description class="muted">
|
|
{{chatters.length}} user{{chatters.length == 1 ? '' : 's'}}
|
|
</mat-panel-description>
|
|
</mat-expansion-panel-header>
|
|
<twitch-user-list [twitchUsers]="chatters"
|
|
[group]="group" />
|
|
</mat-expansion-panel>
|
|
}
|
|
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>Permissions</mat-panel-title>
|
|
<mat-panel-description class="muted">
|
|
{{permissions.length}} permission{{permissions.length == 1 ? '' : 's'}}
|
|
</mat-panel-description>
|
|
</mat-expansion-panel-header>
|
|
<permission-list [permissions]="permissions"
|
|
[groups]="groups"
|
|
[group]="group" />
|
|
</mat-expansion-panel>
|
|
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>Policies</mat-panel-title>
|
|
<mat-panel-description class="muted">
|
|
{{policies.length}} polic{{policies.length == 1 ? 'y' : 'ies'}}
|
|
</mat-panel-description>
|
|
</mat-expansion-panel-header>
|
|
<policy-add-button class="add"
|
|
[groups]="groups"
|
|
[policies]="policies"
|
|
[group]="group?.id" />
|
|
<policy-table [policies]="policies" />
|
|
</mat-expansion-panel>
|
|
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title class="danger">Danger Zone</mat-panel-title>
|
|
<mat-panel-description class="muted">
|
|
Dangerous actions
|
|
</mat-panel-description>
|
|
</mat-expansion-panel-header>
|
|
<div class="content">
|
|
<section>
|
|
<article class="left">
|
|
<h4>Deletion</h4>
|
|
<p>Deleting this group will delete everything that is part of it, including policies and permissions.</p>
|
|
</article>
|
|
<article class="right">
|
|
<button mat-raised-button
|
|
class="danger"
|
|
(click)="delete()">
|
|
<mat-icon>delete</mat-icon>Delete this group.
|
|
</button>
|
|
</article>
|
|
</section>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
</div> |