mirror of
https://github.com/hay-kot/mealie.git
synced 2025-07-10 23:33:41 -07:00
* Dummy Commit * consolidate sidebar and app bar * fix image error * consolidate sidebar * new icon for user menu * fixes #329 * fix double click on mobile * swap to computed properties * fix open/close bug * rewrite search for mobile * fix ingredient checkbox * cleanup console.logs * set default lang + bump version * draft changelog * reword * update env variables Co-authored-by: hay-kot <hay-kot@pm.me>
79 lines
No EOL
2 KiB
Vue
79 lines
No EOL
2 KiB
Vue
<template>
|
|
<v-container>
|
|
|
|
<CardSection
|
|
v-if="siteSettings.showRecent"
|
|
:title="$t('page.recent')"
|
|
:recipes="recentRecipes"
|
|
:hard-limit="siteSettings.cardsPerSection"
|
|
/>
|
|
<CardSection
|
|
:sortable="true"
|
|
v-for="(section, index) in recipeByCategory"
|
|
:key="section.name + section.position"
|
|
:title="section.name"
|
|
:recipes="section.recipes"
|
|
:hard-limit="siteSettings.cardsPerSection"
|
|
@sort="sortAZ(index)"
|
|
@sort-recent="sortRecent(index)"
|
|
/>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script>
|
|
import { api } from "@/api";
|
|
import CardSection from "../components/UI/CardSection";
|
|
|
|
export default {
|
|
components: {
|
|
CardSection,
|
|
},
|
|
data() {
|
|
return {
|
|
recipeByCategory: [],
|
|
};
|
|
},
|
|
computed: {
|
|
siteSettings() {
|
|
return this.$store.getters.getSiteSettings;
|
|
},
|
|
recentRecipes() {
|
|
let recipes = this.$store.getters.getRecentRecipes;
|
|
return recipes.sort((a, b) => (a.dateAdded > b.dateAdded ? -1 : 1));
|
|
},
|
|
},
|
|
async mounted() {
|
|
await this.buildPage();
|
|
this.recipeByCategory.sort((a, b) => a.position - b.position);
|
|
},
|
|
methods: {
|
|
async buildPage() {
|
|
await this.$store.dispatch("requestSiteSettings");
|
|
this.siteSettings.categories.forEach(async element => {
|
|
let recipes = await this.getRecipeByCategory(element.slug);
|
|
if (recipes.recipes.length < 0) recipes.recipes = [];
|
|
this.recipeByCategory.push(recipes);
|
|
});
|
|
},
|
|
async getRecipeByCategory(category) {
|
|
return await api.categories.getRecipesInCategory(category);
|
|
},
|
|
getRecentRecipes() {
|
|
this.$store.dispatch("requestRecentRecipes");
|
|
},
|
|
sortAZ(index) {
|
|
this.recipeByCategory[index].recipes.sort((a, b) =>
|
|
a.name > b.name ? 1 : -1
|
|
);
|
|
},
|
|
sortRecent(index) {
|
|
this.recipeByCategory[index].recipes.sort((a, b) =>
|
|
a.dateAdded > b.dateAdded ? -1 : 1
|
|
);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
</style> |