blob: a7027b1932ed0129a789a9f7e50cad7dfc61d681 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
<script setup>
import { DashboardLayout, EpisodeEntry, LoadingConditional } from '@/components'
import { ref, onMounted } from 'vue';
import { getEpisodeActions } from '@/api/pse-squared.js';
const episodes = ref(null);
const received = ref(false);
onMounted(async () => {
try {
const response = await getEpisodeActions();
received.value = true;
episodes.value = response.data;
} catch(err) {
}
});
</script>
<template>
<DashboardLayout>
<h1 class="h1 mb-4">
{{ $t("message.mostRecentlyHeardEpisodes") }}
</h1>
<LoadingConditional :waiting-for="received">
<div class="list-group w-auto">
<EpisodeEntry
v-for="(action, index) in episodes.actions"
:key="index"
:action="action"
/>
</div>
<p v-if="episodes.actions.length == 0">
{{ $t('message.noEpisodes') }}
</p>
</LoadingConditional>
</DashboardLayout>
</template>
<style>
</style>
|
