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 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)"> {{ user.name }}
{{ user.name }} </td>
</td> <td>
<td>
<span class="owner" *ngIf="group.isOwnedBy(user)"> <span class="owner" *ngIf="group.isOwnedBy(user)">
Admin Admin
</span> </span>
<div class="buttons"> <div class="buttons">
<ng-container *ngIf="userService.iOwn(group) && !userService.iAm(user)"> <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 buttonBan" (click)="groupService.ban(group, user)">Verbannen</div>
<div class="button buttonRight buttonRemove" (click)="groupService.kick(group, user)">Entfernen</div> <div class="button buttonRight buttonRemove" (click)="groupService.kick(group, user)">Entfernen</div>
</ng-container> </ng-container>
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -78,22 +76,20 @@
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)"> {{ user.name }}
{{ user.name }} </td>
</td> <td>
<td> <div class="buttons">
<div class="buttons"> <ng-container *ngIf="userService.iOwn(group) && !userService.iAm(user)">
<ng-container *ngIf="userService.iOwn(group) && !userService.iAm(user)"> <div class="button buttonRight buttonUnban" (click)="groupService.unban(group, user)">Aufheben</div>
<div class="button buttonRight buttonUnban" (click)="groupService.unban(group, user)">Aufheben</div> </ng-container>
</ng-container> </div>
</div> </td>
</td> </tr>
</tr> </table>
</table>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -107,14 +103,18 @@
<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
<tr class="number" *ngFor="let numbers of numbersList.content" (click)="numbersService.goto(numbers)"> *ngFor="let numbers of numbersList.content"
<td>{{ numbers.date | relative:now }}</td> (click)="numbersService.goto(numbers)"
<td>{{ numbers.getMine(userService.user)?.number || '-' }}</td> [class.date_fresh]="now.getTime() - numbers.date.getTime() < 60 * 1000"
</tr> [class.date_middle]="now.getTime() - numbers.date.getTime() >= 60 * 1000"
</table> [class.date_old]="now.getTime() - numbers.date.getTime() >= 5 * 60 * 1000"
</div> >
<td>{{ numbers.date | relative:now }}</td>
<td>{{ numbers.getMine(userService.user)?.number || '-' }}</td>
</tr>
</table>
</div> </div>
</div> </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; 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;
} }