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

View file

@ -91,8 +91,14 @@
</td>
<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 container="body" placement="left auto" [ngbTooltip]="registration.moderationResponse">

View file

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