Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-02 20:15:24 +02:00
Code Issues Releases Activity

feature/multi-tenancy and move caddy server (#980)

Browse source 
* update to GUIDs

* fix cookbook id relationships

* update webhook keys

* cleanup naming and attribute orders

* remove old database tables

* fix meal-plan images

* remove dashbaord and events api

* use recipe-id instead of id

* cleanup documentation assets

* cleanup docs for v1 beta-release

* add depends_on for docker-compose

* use docker volumes for examples

* move caddy to frontend container
This commit is contained in:
Hayden 2022-02-20 14:17:51 -09:00 • committed by GitHub
parent 14cc541f7a
commit 602f248541
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
91 changed files with 187 additions and 1170 deletions
Download patch file Download diff file Expand all files Collapse all files

158
frontend/pages/admin/dashboard.vue
View file

@ -1,158 +0,0 @@
<template>
<v-container v-if="statistics" class="mt-10">
<v-row v-if="statistics">
<v-col cols="12" sm="12" md="4">
<BaseStatCard :icon="$globals.icons.primary">
<template #after-heading>
<div class="ml-auto text-right">
<h2 class="body-3 grey--text font-weight-light">
{{ $t("general.recipes") }}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ statistics.totalRecipes }}</small>
</h3>
</div>
</template>
<template #actions>
<div class="d-flex row py-2 justify-end">
<v-btn class="ma-1" small color="primary" to="/admin/toolbox/organize">
<v-icon left> {{ $globals.icons.tags }} </v-icon>
{{ $tc("tag.untagged-count", [statistics.untaggedRecipes]) }}
</v-btn>
<v-btn class="ma-1" small color="primary" to="/admin/toolbox/organize">
<v-icon left> {{ $globals.icons.tags }} </v-icon>
{{ $tc("category.uncategorized-count", [statistics.uncategorizedRecipes]) }}
</v-btn>
</div>
</template>
</BaseStatCard>
</v-col>
<v-col cols="12" sm="12" md="4">
<BaseStatCard :icon="$globals.icons.user">
<template #after-heading>
<div class="ml-auto text-right">
<h2 class="body-3 grey--text font-weight-light">
{{ $t("user.users") }}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ statistics.totalUsers }}</small>
</h3>
</div>
</template>
<template #actions>
<div class="ml-auto">
<v-btn color="primary" small to="/admin/manage/users">
<v-icon left>{{ $globals.icons.user }}</v-icon>
{{ $t("user.manage-users") }}
</v-btn>
</div>
</template>
</BaseStatCard>
</v-col>
<v-col cols="12" sm="12" md="4">
<BaseStatCard :icon="$globals.icons.group">
<template #after-heading>
<div class="ml-auto text-right">
<h2 class="body-3 grey--text font-weight-light">
{{ $t("group.groups") }}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ statistics.totalGroups }}</small>
</h3>
</div>
</template>
<template #actions>
<div class="ml-auto">
<v-btn color="primary" small to="/admin/manage/groups">
<v-icon left>{{ $globals.icons.group }}</v-icon>
{{ $t("group.manage-groups") }}
</v-btn>
</div>
</template>
</BaseStatCard>
</v-col>
</v-row>
<v-row class="mt-10" align-content="stretch">
<v-col>
<AdminEventViewer
v-if="events"
:events="events.events"
:total="events.total"
@delete-all="deleteEvents"
@delete-item="deleteEvent"
/>
</v-col>
</v-row>
</v-container>
</template>
<script lang="ts">
import { defineComponent, useAsync } from "@nuxtjs/composition-api";
import AdminEventViewer from "@/components/Domain/Admin/AdminEventViewer.vue";
import { useAdminApi, useUserApi } from "~/composables/api";
import { useAsyncKey } from "~/composables/use-utils";
export default defineComponent({
components: { AdminEventViewer },
layout: "admin",
setup() {
const api = useUserApi();
const adminApi = useAdminApi();
function getStatistics() {
const statistics = useAsync(async () => {
const { data } = await adminApi.about.statistics();
return data;
}, useAsyncKey());
return statistics;
}
function getEvents() {
const events = useAsync(async () => {
const { data } = await api.events.getEvents();
return data;
}, useAsyncKey());
return events;
}
async function refreshEvents() {
const { data } = await api.events.getEvents();
events.value = data;
}
async function deleteEvent(id: number) {
const { response } = await api.events.deleteEvent(id);
if (response && response.status === 200) {
refreshEvents();
}
}
async function deleteEvents() {
const { response } = await api.events.deleteEvents();
if (response && response.status === 200) {
refreshEvents();
}
}
const events = getEvents();
const statistics = getStatistics();
return { statistics, events, deleteEvents, deleteEvent };
},
head() {
return {
title: this.$t("sidebar.dashboard") as string,
};
},
});
</script>
<style scoped>
</style>