Fix up email event log view to use fetch on scroll instead of pagination

This commit is contained in:
Johannes Zellner
2025-04-11 18:34:52 +02:00
parent 0b9b0e7f13
commit da7934555c
6 changed files with 216 additions and 132 deletions

View File

@@ -83,7 +83,6 @@ const availableActions = [
{ id: 'volume.remove' },
];
const busy = ref(false);
const refreshBusy = ref(false);
const apps = ref([]);
const eventlogs = ref([]);
@@ -136,14 +135,11 @@ watch(actions, onRefresh);
watch(search, onRefresh);
onMounted(async () => {
busy.value = true;
const [error, result] = await appsModel.list();
if (error) console.error(error);
else apps.value = result;
await onRefresh();
busy.value = false;
});
</script>
@@ -161,8 +157,7 @@ onMounted(async () => {
</div>
</h2>
<div class="section-body" style="overflow: auto; padding-top: 0" @scroll="onScroll">
<center v-show="busy"><Spinner class="pankow-spinner-large" /></center>
<table v-show="!busy" class="eventlog-table">
<table class="eventlog-table">
<thead>
<tr>
<th>{{ $t('eventlog.time') }}</th>