diff --git a/src/main/angular/src/app/pages/group/group/group.component.html b/src/main/angular/src/app/pages/group/group/group.component.html
index 0fb1255..2753fdf 100644
--- a/src/main/angular/src/app/pages/group/group/group.component.html
+++ b/src/main/angular/src/app/pages/group/group/group.component.html
@@ -48,26 +48,24 @@
Mitglieder
-
-
-
- |
- {{ user.name }}
- |
-
+
+
+ |
+ {{ user.name }}
+ |
+
Admin
-
- |
-
-
-
+
+ |
+
+
@@ -78,22 +76,20 @@
Verbannt
-
-
-
- |
- {{ user.name }}
- |
-
-
- |
-
-
-
+
+
+ |
+ {{ user.name }}
+ |
+
+
+ |
+
+
@@ -107,14 +103,18 @@
-
-
-
- | {{ numbers.date | relative:now }} |
- {{ numbers.getMine(userService.user)?.number || '-' }} |
-
-
-
+
+ = 60 * 1000"
+ [class.date_old]="now.getTime() - numbers.date.getTime() >= 5 * 60 * 1000"
+ >
+ | {{ numbers.date | relative:now }} |
+ {{ numbers.getMine(userService.user)?.number || '-' }} |
+
+
diff --git a/src/main/angular/src/app/pages/group/group/group.component.less b/src/main/angular/src/app/pages/group/group/group.component.less
index f1acb45..35ec75f 100644
--- a/src/main/angular/src/app/pages/group/group/group.component.less
+++ b/src/main/angular/src/app/pages/group/group/group.component.less
@@ -4,6 +4,18 @@ th {
text-align: left;
}
+.date_fresh {
+ color: green;
+}
+
+.date_middle {
+ color: orange;
+}
+
+.date_old {
+ color: red;
+}
+
.read {
color: lightgray;
}
diff --git a/src/main/angular/src/app/pages/tools/numbers/numbers.component.html b/src/main/angular/src/app/pages/tools/numbers/numbers.component.html
index 322b07a..b125f71 100644
--- a/src/main/angular/src/app/pages/tools/numbers/numbers.component.html
+++ b/src/main/angular/src/app/pages/tools/numbers/numbers.component.html
@@ -1,7 +1,7 @@
= 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"
>
diff --git a/src/main/angular/src/app/pages/tools/numbers/numbers.component.less b/src/main/angular/src/app/pages/tools/numbers/numbers.component.less
index 78c943f..7b8fa4c 100644
--- a/src/main/angular/src/app/pages/tools/numbers/numbers.component.less
+++ b/src/main/angular/src/app/pages/tools/numbers/numbers.component.less
@@ -8,7 +8,7 @@
text-align: center;
}
-.numbers {
+.date_fresh {
color: green;
}