This commit is contained in:
2023-02-27 16:08:41 +10:00
parent c8e49ba49c
commit 1ee2a1189d
18 changed files with 78 additions and 226 deletions

View File

@@ -1,56 +0,0 @@
<template>
<SMContainer class="dashboard mx-auto workshops">
<h1>Workshops</h1>
<SMMessage
v-if="formMessage.message"
:icon="formMessage.icon"
:type="formMessage.type"
:message="formMessage.message"
class="mt-5" />
<SMPanelList>
<SMPanel
v-for="event in events.value"
:key="event.id"
:to="{ name: 'event', params: { slug: event.id } }"
:title="event.title"
:date="event.start_at"></SMPanel>
</SMPanelList>
</SMContainer>
</template>
<script setup lang="ts">
import SMMessage from "../components/SMMessage.vue";
import SMPanelList from "../components/SMPanelList.vue";
import SMPanel from "../components/SMPanel.vue";
import { reactive } from "vue";
import { api } from "../helpers/api";
const events = reactive([]);
const formMessage = reactive({
icon: "",
type: "",
message: "",
});
const handleLoad = async () => {
formMessage.type = "error";
formMessage.icon = "alert-circle-outline";
formMessage.message = "";
try {
let result = await api.get({
url: "/events",
params: {
limit: 10,
},
});
events.value = result.json.events;
} catch (error) {
formMessage.message =
error.json?.message || "Could not load any events from the server.";
}
};
handleLoad();
</script>