Admin gets new tabs.

Tabs for registering wines, adding attendees, drawing winner,
registering/archiving lottery and sending push notifications.
Each tab also has a slug and counter attribute.
This commit is contained in:
2021-02-18 21:08:37 +01:00
parent 9823197a48
commit b57fb5f1f8

View File

@@ -1,34 +1,75 @@
<template> <template>
<div> <div>
<h1>Admin-side</h1>
<Tabs :tabs="tabs" /> <Tabs :tabs="tabs" />
</div> </div>
</template> </template>
<script> <script>
import Tabs from "@/ui/Tabs"; import Tabs from "@/ui/Tabs";
import RegisterWinePage from "@/components/admin/RegisterWinePage";
import RegisterPage from "@/components/RegisterPage"; import RegisterPage from "@/components/RegisterPage";
import VirtualLotteryRegistrationPage from "@/components/VirtualLotteryRegistrationPage"; import VirtualLotteryRegistrationPage from "@/components/VirtualLotteryRegistrationPage";
import DrawWinnerPage from "@/components/admin/DrawWinnerPage";
import PushPage from "@/components/admin/PushPage";
export default { export default {
components: { components: {
Tabs, Tabs,
RegisterPage, RegisterPage,
VirtualLotteryRegistrationPage VirtualLotteryRegistrationPage,
DrawWinnerPage
}, },
data() { data() {
return { return {
tabs: [ tabs: [
{ name: "Registrering", component: RegisterPage }, {
{ name: "Virtuelt lotteri", component: VirtualLotteryRegistrationPage } name: "Vin",
component: RegisterWinePage,
slug: "vin",
counter: null
},
{
name: "Legg til deltakere",
component: VirtualLotteryRegistrationPage,
slug: "attendees",
counter: null
},
{
name: "Trekk vinner",
component: DrawWinnerPage,
slug: "draw",
counter: null
},
{
name: "Arkiver lotteri",
component: RegisterPage,
slug: "reg",
counter: null
},
{
name: "Push meldinger",
component: PushPage,
slug: "push"
}
] ]
}; };
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss">
h1 { @import "@/styles/media-queries";
text-align: center;
.page-container {
padding: 0 1.5rem 3rem;
h1 {
text-align: center;
}
@include desktop {
max-width: 60vw;
margin: 0 auto;
}
} }
</style> </style>