mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-11-03 18:53:17 -05:00
88dfd40b8d
* Changed uvicorn port to 80 * Changed port in docker-compose to match dockerfile * Readded environment variables in docker-compose * production image rework * Use opengraph metadata to make basic recipe cards when full recipe metadata is not available * fixed instrucitons on parse * add last_recipe * automated testing * roadmap update * Sqlite (#75) * file structure * auto-test * take 2 * refactor ap scheduler and startup process * fixed scraper error * database abstraction * database abstraction * port recipes over to new schema * meal migration * start settings migration * finale mongo port * backup improvements * migration imports to new DB structure * unused import cleanup * docs strings * settings and theme import logic * cleanup * fixed tinydb error * requirements * fuzzy search * remove scratch file * sqlalchemy models * improved search ui * recipe models almost done * sql modal population * del scratch * rewrite database model mixins * mostly grabage * recipe updates * working sqllite * remove old files and reorganize * final cleanup Co-authored-by: Hayden <hay-kot@pm.me> * Backup card (#78) * backup / import dialog * upgrade to new tag method * New import card * rename settings.py to app_config.py * migrate to poetry for development * fix failing test Co-authored-by: Hayden <hay-kot@pm.me> * added mkdocs to docker-compose * Translations (#72) * Translations + danish * changed back proxy target to use ENV * Resolved more merge conflicts * Removed test in translation * Documentation of translations * Updated translations * removed old packages Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com> * fail to start bug fixes * feature: prep/cook/total time slots (#80) Co-authored-by: Hayden <hay-kot@pm.me> * missing bind attributes * Bug fixes (#81) * fix: url remains after succesful import * docs: changelog + update todos * arm image * arm compose * compose updates * update poetry * arm support Co-authored-by: Hayden <hay-kot@pm.me> * dockerfile hotfix * dockerfile hotfix * Version Release Final Touches (#84) * Remove slim * bug: opacity issues * bug: startup failure with no database * ci/cd on dev branch * formatting * v0.1.0 documentation Co-authored-by: Hayden <hay-kot@pm.me> * db init hotfix * bug: fix crash in mongo * fix mongo bug * fixed version notifier * finale changelog Co-authored-by: kentora <=> Co-authored-by: Hayden <hay-kot@pm.me> Co-authored-by: Richard Mitic <richard.h.mitic@gmail.com> Co-authored-by: kentora <kentora@kentora.dk>
108 lines
2.3 KiB
Vue
108 lines
2.3 KiB
Vue
<template>
|
|
<div>
|
|
<v-autocomplete
|
|
:items="autoResults"
|
|
item-value="item.slug"
|
|
item-text="item.name"
|
|
dense
|
|
light
|
|
label="Search Mealie"
|
|
:search-input.sync="search"
|
|
hide-no-data
|
|
cache-items
|
|
solo
|
|
>
|
|
<template
|
|
v-if="showResults"
|
|
v-slot:item="{ item }"
|
|
style="max-width: 750px"
|
|
>
|
|
<v-list-item-avatar>
|
|
<v-img :src="getImage(item.item.image)"></v-img>
|
|
</v-list-item-avatar>
|
|
<v-list-item-content @click="selected(item.item.slug)">
|
|
<v-list-item-title>
|
|
{{ item.item.name }}
|
|
<v-rating
|
|
dense
|
|
v-if="item.item.rating"
|
|
:value="item.item.rating"
|
|
size="12"
|
|
>
|
|
</v-rating>
|
|
</v-list-item-title>
|
|
<v-list-item-subtitle>
|
|
{{ item.item.description }}
|
|
</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</template>
|
|
</v-autocomplete>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Fuse from "fuse.js";
|
|
import utils from "../../utils";
|
|
|
|
export default {
|
|
props: {
|
|
showResults: {
|
|
default: false,
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
search: "",
|
|
result: [],
|
|
autoResults: [],
|
|
isDark: false,
|
|
options: {
|
|
shouldSort: true,
|
|
threshold: 0.6,
|
|
location: 0,
|
|
distance: 100,
|
|
maxPatternLength: 32,
|
|
minMatchCharLength: 1,
|
|
keys: ["name", "slug"],
|
|
},
|
|
};
|
|
},
|
|
mounted() {
|
|
this.isDark = this.$store.getters.getIsDark;
|
|
},
|
|
computed: {
|
|
data() {
|
|
return this.$store.getters.getRecentRecipes;
|
|
},
|
|
fuse() {
|
|
return new Fuse(this.data, this.options);
|
|
},
|
|
},
|
|
watch: {
|
|
search() {
|
|
if (this.search.trim() === "") this.result = this.list;
|
|
else this.result = this.fuse.search(this.search.trim());
|
|
console.log("test");
|
|
|
|
this.$emit("results", this.result);
|
|
if (this.showResults === true) {
|
|
this.autoResults = this.result;
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
getImage(image) {
|
|
return utils.getImageURL(image);
|
|
},
|
|
selected(slug) {
|
|
this.$emit("selected", slug);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.color-transition {
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
</style> |