More webapp changes+fixes

This commit is contained in:
2025-12-05 16:52:02 +01:00
parent c66cd0568f
commit 8e7a540c97
40 changed files with 1944 additions and 272 deletions

View File

@@ -21,9 +21,9 @@
<ng-template #noResultTpl></ng-template>
<thead>
<tr>
<th nzWidth="40%">Sender Name</th>
<th nzWidth="20%">Message Count</th>
<th nzWidth="40%">Last Used</th>
<th>Sender Name</th>
<th nzWidth="0">Message Count</th>
<th nzWidth="0">Last Used</th>
</tr>
</thead>
<tbody>
@@ -34,9 +34,8 @@
</td>
<td>{{ sender.count }}</td>
<td>
<span nz-tooltip [nzTooltipTitle]="sender.last_timestamp">
{{ sender.last_timestamp | relativeTime }}
</span>
<div class="timestamp-absolute">{{ sender.last_timestamp | date:'yyyy-MM-dd HH:mm:ss' }}</div>
<div class="timestamp-relative">{{ sender.last_timestamp | relativeTime }}</div>
</td>
</tr>
} @empty {
@@ -62,9 +61,9 @@
<ng-template #noResultTpl2></ng-template>
<thead>
<tr>
<th nzWidth="40%">Sender Name</th>
<th nzWidth="20%">Message Count</th>
<th nzWidth="40%">Last Used</th>
<th>Sender Name</th>
<th nzWidth="0">Message Count</th>
<th nzWidth="0">Last Used</th>
</tr>
</thead>
<tbody>
@@ -75,9 +74,8 @@
</td>
<td>{{ sender.count }}</td>
<td>
<span nz-tooltip [nzTooltipTitle]="sender.last_timestamp">
{{ sender.last_timestamp | relativeTime }}
</span>
<div class="timestamp-absolute">{{ sender.last_timestamp | date:'yyyy-MM-dd HH:mm:ss' }}</div>
<div class="timestamp-relative">{{ sender.last_timestamp | relativeTime }}</div>
</td>
</tr>
} @empty {

View File

@@ -12,3 +12,13 @@
.sender-name {
font-weight: 500;
}
.timestamp-absolute {
font-size: 13px;
color: #333;
}
.timestamp-relative {
font-size: 12px;
color: #999;
}

View File

@@ -1,5 +1,5 @@
import { Component, inject, signal, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';
import { CommonModule, DatePipe } from '@angular/common';
import { NzTableModule } from 'ng-zorro-antd/table';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzIconModule } from 'ng-zorro-antd/icon';
@@ -17,6 +17,7 @@ import { RelativeTimePipe } from '../../../shared/pipes/relative-time.pipe';
standalone: true,
imports: [
CommonModule,
DatePipe,
NzTableModule,
NzButtonModule,
NzIconModule,