patrick/Tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

numbers age colors

Browse Source
This commit is contained in:
Patrick Haßel 2024-11-06 15:14:30 +01:00
parent 9636bd222b
commit 6eb7165bf1
4 changed files with 56 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
src/main/angular/src/app/pages/group/group/group.component.html
View File

@ -48,26 +48,24 @@
Mitglieder
</div>
<div class="tileContent">
<div class="numbers">
<table>
<tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.usersByNameOwnerFirst()">
<td (click)="userService.goto(user)">
{{ user.name }}
</td>
<td>
<table>
<tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.usersByNameOwnerFirst()">
<td (click)="userService.goto(user)">
{{ user.name }}
</td>
<td>
<span class="owner" *ngIf="group.isOwnedBy(user)">
Admin
</span>
<div class="buttons">
<ng-container *ngIf="userService.iOwn(group) && !userService.iAm(user)">
<div class="button buttonRight buttonBan" (click)="groupService.ban(group, user)">Verbannen</div>
<div class="button buttonRight buttonRemove" (click)="groupService.kick(group, user)">Entfernen</div>
</ng-container>
</div>
</td>
</tr>
</table>
</div>
<div class="buttons">
<ng-container *ngIf="userService.iOwn(group) && !userService.iAm(user)">
<div class="button buttonRight buttonBan" (click)="groupService.ban(group, user)">Verbannen</div>
<div class="button buttonRight buttonRemove" (click)="groupService.kick(group, user)">Entfernen</div>
</ng-container>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
@ -78,22 +76,20 @@
Verbannt
</div>
<div class="tileContent">
<div class="numbers">
<table>
<tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.bannedByName()">
<td (click)="userService.goto(user)">
{{ user.name }}
</td>
<td>
<div class="buttons">
<ng-container *ngIf="userService.iOwn(group) && !userService.iAm(user)">
<div class="button buttonRight buttonUnban" (click)="groupService.unban(group, user)">Aufheben</div>
</ng-container>
</div>
</td>
</tr>
</table>
</div>
<table>
<tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.bannedByName()">
<td (click)="userService.goto(user)">
{{ user.name }}
</td>
<td>
<div class="buttons">
<ng-container *ngIf="userService.iOwn(group) && !userService.iAm(user)">
<div class="button buttonRight buttonUnban" (click)="groupService.unban(group, user)">Aufheben</div>
</ng-container>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
@ -107,14 +103,18 @@
<div class="buttons">
<div class="button buttonRight buttonNext" *ngIf="userService.iOwn(group)" (click)="numbersService.create(group.uuid)">+ Nächste Runde</div>
</div>
<div class="numbers">
<table>
<tr class="number" *ngFor="let numbers of numbersList.content" (click)="numbersService.goto(numbers)">
<td>{{ numbers.date | relative:now }}</td>
<td>{{ numbers.getMine(userService.user)?.number || '-' }}</td>
</tr>
</table>
</div>
<table>
<tr
*ngFor="let numbers of numbersList.content"
(click)="numbersService.goto(numbers)"
[class.date_fresh]="now.getTime() - numbers.date.getTime() < 60 * 1000"
[class.date_middle]="now.getTime() - numbers.date.getTime() >= 60 * 1000"
[class.date_old]="now.getTime() - numbers.date.getTime() >= 5 * 60 * 1000"
>
<td>{{ numbers.date | relative:now }}</td>
<td>{{ numbers.getMine(userService.user)?.number || '-' }}</td>
</tr>
</table>
</div>
</div>
</div>

12
src/main/angular/src/app/pages/group/group/group.component.less
View File

@ -4,6 +4,18 @@ th {
text-align: left;
}
.date_fresh {
color: green;
}
.date_middle {
color: orange;
}
.date_old {
color: red;
}
.read {
color: lightgray;
}

4
src/main/angular/src/app/pages/tools/numbers/numbers.component.html
View File

@ -1,7 +1,7 @@
<div
*ngIf="numbers"
class="numbers"
[class.date_middle]="now.getTime() - numbers.date.getTime() >= 30 * 1000"
[class.date_fresh]="now.getTime() - numbers.date.getTime() < 60 * 1000"
[class.date_middle]="now.getTime() - numbers.date.getTime() >= 60 * 1000"
[class.date_old]="now.getTime() - numbers.date.getTime() >= 5 * 60 * 1000"
>

2
src/main/angular/src/app/pages/tools/numbers/numbers.component.less
View File

@ -8,7 +8,7 @@
text-align: center;
}
.numbers {
.date_fresh {
color: green;
}