Make eventlog and email eventlog table layouts a lot more predictable

This commit is contained in:
Johannes Zellner
2025-10-16 23:26:58 +02:00
parent 8dcb3f2f85
commit 229863d7ff
3 changed files with 19 additions and 13 deletions

View File

@@ -172,10 +172,10 @@ onUnmounted(() => {
<table class="eventlog-table">
<thead>
<tr>
<th>{{ $t('eventlog.time') }}</th>
<th>{{ $t('eventlog.source') }}</th>
<th style="width: 160px">{{ $t('eventlog.time') }}</th>
<th style="width: 100px">{{ $t('eventlog.source') }}</th>
<th>{{ $t('eventlog.details') }}</th>
<th></th>
<th style="width: 50px"></th>
</tr>
</thead>
<tbody>
@@ -183,11 +183,11 @@ onUnmounted(() => {
<tr @click="eventlog.isOpen = !eventlog.isOpen" :class="{ 'active': eventlog.isOpen }" >
<td style="white-space: nowrap;">{{ prettyLongDate(eventlog.raw.creationTime) }}</td>
<td>{{ eventlog.source }}</td>
<td v-html="eventlog.details"></td>
<td class="elide-table-cell" v-html="eventlog.details"></td>
<td><Button v-if="eventlog.raw.data.taskId" @click.stop plain small tool :href="`/logs.html?taskId=${eventlog.raw.data.taskId}`" target="_blank">Logs</Button></td>
</tr>
<tr v-show="eventlog.isOpen">
<td colspan="5" class="eventlog-details">
<td colspan="4" class="eventlog-details">
<div v-if="eventlog.raw.source.ip" class="eventlog-source">Source IP: <span @click="onCopySource(eventlog)">{{ eventlog.raw.source.ip }}</span></div>
<pre>{{ JSON.stringify(eventlog.raw.data, null, 4) }}</pre>
</td>