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 Mitglieder
</div> </div>
<div class="tileContent"> <div class="tileContent">
<div class="numbers">
<table> <table>
<tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.usersByNameOwnerFirst()"> <tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.usersByNameOwnerFirst()">
<td (click)="userService.goto(user)"> <td (click)="userService.goto(user)">
@ -70,7 +69,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="tile" *ngIf="group.banned.length > 0"> <div class="tile" *ngIf="group.banned.length > 0">
<div class="tileInner"> <div class="tileInner">
@ -78,7 +76,6 @@
Verbannt Verbannt
</div> </div>
<div class="tileContent"> <div class="tileContent">
<div class="numbers">
<table> <table>
<tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.bannedByName()"> <tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.bannedByName()">
<td (click)="userService.goto(user)"> <td (click)="userService.goto(user)">
@ -96,7 +93,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="tile"> <div class="tile">
<div class="tileInner"> <div class="tileInner">
@ -107,9 +103,14 @@
<div class="buttons"> <div class="buttons">
<div class="button buttonRight buttonNext" *ngIf="userService.iOwn(group)" (click)="numbersService.create(group.uuid)">+ Nächste Runde</div> <div class="button buttonRight buttonNext" *ngIf="userService.iOwn(group)" (click)="numbersService.create(group.uuid)">+ Nächste Runde</div>
</div> </div>
<div class="numbers">
<table> <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.date | relative:now }}</td>
<td>{{ numbers.getMine(userService.user)?.number || '-' }}</td> <td>{{ numbers.getMine(userService.user)?.number || '-' }}</td>
</tr> </tr>
@ -117,7 +118,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</ng-container> </ng-container>

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

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

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

@ -1,7 +1,7 @@
<div <div
*ngIf="numbers" *ngIf="numbers"
class="numbers" [class.date_fresh]="now.getTime() - numbers.date.getTime() < 60 * 1000"
[class.date_middle]="now.getTime() - numbers.date.getTime() >= 30 * 1000" [class.date_middle]="now.getTime() - numbers.date.getTime() >= 60 * 1000"
[class.date_old]="now.getTime() - numbers.date.getTime() >= 5 * 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; text-align: center;
} }
.numbers { .date_fresh {
color: green; color: green;
} }