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>

frontend/src/pages/RecipePage.vue

@@ -130,7 +130,7 @@ export default {
       api.recipes.delete(this.recipeDetails.slug);
     },
     async saveRecipe() {
-      await api.recipes.update(this.recipeDetails);
+      let slug = await api.recipes.update(this.recipeDetails);
 
       if (this.fileObject) {
         await api.recipes.updateImage(this.recipeDetails.slug, this.fileObject);
@@ -138,6 +138,7 @@ export default {
 
       this.form = false;
       this.imageKey += 1;
+      this.$router.push(`/recipe/${slug}`);
     },
     showForm() {
       this.form = true;

frontend/src/pages/SearchPage.vue

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <v-row justify="center">
+      <v-col cols="1"> </v-col>
+      <v-col>
+        <SearchBar @results="updateResults" :show-results="false" />
+      </v-col>
+      <v-col cols="2">
+        <v-btn icon>
+          <v-icon large> mdi-filter </v-icon>
+        </v-btn>
+      </v-col>
+    </v-row>
+
+    <v-row v-if="searchResults">
+      <v-col
+        :sm="6"
+        :md="6"
+        :lg="4"
+        :xl="3"
+        v-for="item in searchResults.slice(0, 10)"
+        :key="item.item.name"
+      >
+        <RecipeCard
+          :name="item.item.name"
+          :description="item.item.description"
+          :slug="item.item.slug"
+          :rating="item.item.rating"
+          :image="item.item.image"
+        />
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script>
+import SearchBar from "../components/UI/SearchBar";
+import RecipeCard from "../components/UI/RecipeCard";
+export default {
+  components: {
+    SearchBar,
+    RecipeCard,
+  },
+  data() {
+    return {
+      searchResults: null,
+    };
+  },
+  methods: {
+    updateResults(results) {
+      this.searchResults = results;
+    },
+  },
+};
+</script>
+
+<style>
+</style>