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

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

@ -48,7 +48,6 @@
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)">
@ -70,7 +69,6 @@
</div>
</div>
</div>
</div>
<div class="tile" *ngIf="group.banned.length > 0">
<div class="tileInner">
@ -78,7 +76,6 @@
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)">
@ -96,7 +93,6 @@
</div>
</div>
</div>
</div>
<div class="tile">
<div class="tileInner">
@ -107,9 +103,14 @@
<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)">
<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>
@ -117,7 +118,6 @@
</div>
</div>
</div>
</div>
</ng-container>

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;
}