mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-02 12:49:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

space settings base page

Browse Source
This commit is contained in:
vabene1111
2024-08-20 13:50:58 +02:00
parent 4ba769a49e
commit 02ffb727d5
34 changed files with 124 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
vue3/src/components/settings/UserSpaceSettings.vue
View File

@@ -6,9 +6,11 @@
</v-row>
<v-row>
<v-col cols="3" v-for="us in userSpaces">
<v-col cols="6" v-for="s in spaces">
<v-card>
<v-card-title>{{us.space}}</v-card-title>
<v-img height="200px" :src="recipeDefaultImage" :alt="$t('Image')"> </v-img>
<v-card-title>{{ s.name }} <v-chip variant="tonal" density="compact" color="error" v-if="s.id == useUserPreferenceStore().activeSpace.id">{{$t('active')}}</v-chip></v-card-title>
<v-card-subtitle>{{ $t('created_by') }} {{ s.createdBy.displayName }} </v-card-subtitle>
</v-card>
</v-col>
</v-row>
@@ -18,16 +20,18 @@
<script setup lang="ts">
import {onMounted, ref} from "vue";
import {ApiApi, UserSpace} from "@/openapi";
import {ApiApi, Space} from "@/openapi";
import {ErrorMessageType, useMessageStore} from "@/stores/MessageStore";
import recipeDefaultImage from '../../assets/recipe_no_image.svg'
import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
const userSpaces = ref([] as UserSpace[])
const spaces = ref([] as Space[])
onMounted(() => {
const api = new ApiApi()
api.apiUserSpaceList().then(r => {
userSpaces.value = r.results
api.apiSpaceList().then(r => {
spaces.value = r
}).catch(err => {
useMessageStore().addError(ErrorMessageType.FETCH_ERROR, err)
})