interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improve state button UI

This commit is contained in:
Chocobozzz 2024-03-20 08:55:53 +01:00
parent 33101bc5b3
commit 0c0ea5dbf7
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/app/+admin/moderation/registration-list/registration-list.component.html
View File

@ -91,8 +91,14 @@
</td> </td>
<td class="c-hand abuse-states" [pRowToggler]="registration"> <td class="c-hand abuse-states" [pRowToggler]="registration">
<my-global-icon *ngIf="isRegistrationAccepted(registration)" [title]="registration.state.label" iconName="tick"></my-global-icon>
<my-global-icon *ngIf="isRegistrationRejected(registration)" [title]="registration.state.label" iconName="cross"></my-global-icon> <div *ngIf="isRegistrationAccepted(registration)" [title]="registration.state.label" class="pt-badge badge-success">
<my-global-icon iconName="tick"></my-global-icon>
</div>
<div *ngIf="isRegistrationRejected(registration)" [title]="registration.state.label" class="pt-badge badge-danger">
<my-global-icon iconName="cross"></my-global-icon>
</div>
</td> </td>
<td container="body" placement="left auto" [ngbTooltip]="registration.moderationResponse"> <td container="body" placement="left auto" [ngbTooltip]="registration.moderationResponse">

9
client/src/app/shared/shared-abuse-list/abuse-list-table.component.html
View File

@ -121,8 +121,13 @@
<td class="c-hand" [pRowToggler]="abuse">{{ abuse.createdAt | date: 'short' }}</td> <td class="c-hand" [pRowToggler]="abuse">{{ abuse.createdAt | date: 'short' }}</td>
<td class="c-hand abuse-states" [pRowToggler]="abuse"> <td class="c-hand abuse-states" [pRowToggler]="abuse">
<my-global-icon *ngIf="isAbuseAccepted(abuse)" [title]="abuse.state.label" iconName="tick"></my-global-icon> <div *ngIf="isAbuseAccepted(abuse)" [title]="abuse.state.label" class="pt-badge badge-success">
<my-global-icon *ngIf="isAbuseRejected(abuse)" [title]="abuse.state.label" iconName="cross"></my-global-icon> <my-global-icon iconName="tick"></my-global-icon>
</div>
<div *ngIf="isAbuseRejected(abuse)" [title]="abuse.state.label" class="pt-badge badge-danger">
<my-global-icon iconName="cross"></my-global-icon>
</div>
</td> </td>
<td class="abuse-messages"> <td class="abuse-messages">