First take - reuse categories

frontend/src/api.js

@@ -4,6 +4,7 @@ import mealplan from "./api/mealplan";
 import settings from "./api/settings";
 import themes from "./api/themes";
 import migration from "./api/migration";
+import category from "./api/category";
 
 // import api from "../api";
 
@@ -14,4 +15,5 @@ export default {
   settings: settings,
   themes: themes,
   migrations: migration,
+  categories: category,
 };

frontend/src/api/category.js

@@ -0,0 +1,15 @@
+import { baseURL } from "./api-utils";
+import { apiReq } from "./api-utils";
+
+const categoryBase = baseURL + "category/";
+
+const categoryURLs = {
+    get_all: `${categoryBase}all`,
+  };
+ 
+export default {
+    async get_all() {
+      let response = await apiReq.get(categoryURLs.get_all);
+      return response;
+    },
+}

frontend/src/components/Recipe/RecipeEditor/index.vue

@@ -89,6 +89,10 @@
             item-color="secondary"
             deletable-chips
             v-model="value.categories"
+            hide-selected
+            :items="categories"
+            :search-input.sync="categoriesSearchInput"
+            @change="categoriesSearchInput=''"
           >
             <template v-slot:selection="data">
               <v-chip
@@ -104,7 +108,17 @@
           </v-combobox>
 
           <h2 class="mt-4">{{$t('recipe.tags')}}</h2>
-          <v-combobox dense multiple chips deletable-chips v-model="value.tags">
+          <v-combobox 
+            dense
+            multiple
+            chips
+            deletable-chips
+            v-model="value.tags"
+            hide-selected
+            :items="tags"
+            :search-input.sync="tagsSearchInput"
+            @change="tagssSearchInput=''"
+          >
             <template v-slot:selection="data">
               <v-chip
                 :input-value="data.selected"
@@ -211,9 +225,20 @@ export default {
   data() {
     return {
       fileObject: null,
+      categoriesSearchInput: '',
+      tagsSearchInput: '',
+      categories: [],
+      tags: []
     };
   },
+ mounted(){
+   this.getCategories();
+  },
   methods: {
+    async getCategories(){
+      let response = await api.categories.get_all();
+      this.categories = response.data.map(cat => cat.name);
+    },
     uploadImage() {
       this.$emit("upload", this.fileObject);
     },

mealie/app.py

@@ -12,6 +12,7 @@ from routes import (
     setting_routes,
     static_routes,
     user_routes,
+    category_routes,
 )
 
 # from utils.api_docs import generate_api_docs
@@ -39,6 +40,7 @@ def api_routers():
     app.include_router(backup_routes.router)
     app.include_router(user_routes.router)
     app.include_router(migration_routes.router)
+    app.include_router(category_routes.router)
 
 
 if PRODUCTION:

mealie/db/sql/recipe_models.py

@@ -23,11 +23,22 @@ class ApiExtras(SqlAlchemyBase):
         return {self.key_name: self.value}
 
 
+recipes2categories = sa.Table("recipes2categories", SqlAlchemyBase.metadata,
+    sa.Column("recipe_id", sa.Integer, sa.ForeignKey("recipes.id")),
+    sa.Column("category_id", sa.Integer, sa.ForeignKey("categories.id")))
+    
 class Category(SqlAlchemyBase):
     __tablename__ = "categories"
     id = sa.Column(sa.Integer, primary_key=True)
-    parent_id = sa.Column(sa.String, sa.ForeignKey("recipes.id"))
     name = sa.Column(sa.String, index=True)
+    recipes = orm.relationship(
+        "RecipeModel",
+        secondary=recipes2categories,
+        back_populates="categories"
+    )
+
+    def __init__(self, name) -> None:
+        self.name = name
 
     def to_str(self):
         return self.name
@@ -116,9 +127,10 @@ class RecipeModel(SqlAlchemyBase, BaseMixins):
 
     # Mealie Specific
     slug = sa.Column(sa.String, index=True, unique=True)
-    categories: List[Category] = orm.relationship(
+    categories: List = orm.relationship(
         "Category",
-        cascade="all, delete",
+        secondary=recipes2categories,
+        back_populates="recipes",
     )
     tags: List[Tag] = orm.relationship(
         "Tag",
@@ -170,7 +182,7 @@ class RecipeModel(SqlAlchemyBase, BaseMixins):
 
         # Mealie Specific
         self.slug = slug
-        self.categories = [Category(name=cat) for cat in categories]
+        self.categories = [Category(cat) for cat in categories]
         self.tags = [Tag(name=tag) for tag in tags]
         self.dateAdded = dateAdded
         self.notes = [Note(**note) for note in notes]
@@ -200,7 +212,7 @@ class RecipeModel(SqlAlchemyBase, BaseMixins):
         extras: dict = None,
     ):
         """Updated a database entry by removing nested rows and rebuilds the row through the __init__ functions"""
-        list_of_tables = [RecipeIngredient, RecipeInstruction, Category, Tag, ApiExtras]
+        list_of_tables = [RecipeIngredient, RecipeInstruction, Tag, ApiExtras]
         RecipeModel._sql_remove_list(session, list_of_tables, self.id)
 
         self.__init__(

mealie/models/category_models.py

@@ -0,0 +1,11 @@
+from pydantic.main import BaseModel
+
+class Category(BaseModel):
+    name: str
+
+    class Config:
+        schema_extra = {
+            "example": {
+                "name": "Breakfast"
+            }
+        }

mealie/routes/category_routes.py

@@ -0,0 +1,14 @@
+from typing import List
+
+from models.category_models import Category
+from services.category_services import get_all
+from fastapi import APIRouter, HTTPException
+from utils.snackbar import SnackResponse
+
+router = APIRouter(tags=["Category"])
+
+@router.get("/api/category/all", response_model=List[Category])
+def get_all_categories():
+    """ Returns a list of all categories """
+
+    return get_all()

mealie/services/category_services.py

@@ -0,0 +1,10 @@
+from typing import List
+from models.category_models import Category
+from db.database import db
+
+def get_all() -> List[Category]:
+    categories = db.category.all()
+    print(categories)
+    [print(cat) for cat in categories]
+    return [Category(name=cat) for cat in categories]
+    return [Category(name="Hej"), Category(name="Fra"), Category(name="Serveren")];