recipe settings editr

.gitignore

@@ -3,13 +3,11 @@
 *__pycache__/
 *.py[cod]
 *$py.class
+
 # frontend/.env.development
 docs/site/
-mealie/temp/*
-mealie/temp/api.html
-.temp/
+*temp*
 .secret
-!*/components/Recipe/Parts
 
 dev/data/backups/*
 dev/data/debug/*
@@ -17,14 +15,6 @@ dev/data/img/*
 dev/data/migration/*
 dev/data/users/*
 
-#Exception to keep folders
-!mealie/dist/.gitkeep
-!dev/data/backups/.gitkeep
-!dev/data/backups/dev_sample_data*
-!dev/data/debug/.gitkeep
-!dev/data/migration/.gitkeep
-!dev/data/img/.gitkeep
-
 .DS_Store
 node_modules
 
@@ -148,16 +138,10 @@ ENV/
 # mypy
 .mypy_cache/
 
-# IDE settings
-# .vscode/
-
 # Node Modules
 node_modules/
-mealie/data/debug/last_recipe.json
-*.sqlite
-dev/data/db/test.db
+*.db
 scratch.py
 dev/data/backups/dev_sample_data*.zip
-dev/data/backups/dev_sample_data*.zip
 !dev/data/backups/test*.zip
-dev/data/recipes/*
+dev/data/recipes/*

frontend/src/components/Recipe/Parts/Helpers/SettingsMenu.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="text-center">
+    <v-menu offset-y top nudge-top="6" :close-on-content-click="false">
+      <template v-slot:activator="{ on, attrs }">
+        <v-btn color="accent" dark v-bind="attrs" v-on="on">
+          <v-icon left>
+            mdi-cog
+          </v-icon>
+          {{ $t("general.settings") }}
+        </v-btn>
+      </template>
+      <v-card>
+        <v-card-title class="py-2">
+          <div>
+            Recipe Settings
+          </div>
+        </v-card-title>
+        <v-divider class="mx-2"></v-divider>
+        <v-card-text class="mt-n5">
+          <v-switch
+            dense
+            v-for="(itemValue, key) in value"
+            :key="key"
+            v-model="value[key]"
+            flat
+            inset
+            :label="labels[key]"
+            hide-details
+          ></v-switch>
+        </v-card-text>
+      </v-card>
+    </v-menu>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {
+    value: Object,
+  },
+  data: () => ({
+    labels: {
+      public: "Public Recipe",
+      showNutrition: "Show Nutrition Values",
+      showAssets: "Show Assets",
+      landscapeView: "Landscape View (Coming Soon)",
+    },
+  }),
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

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

@@ -8,6 +8,11 @@
           :slug="value.slug"
           @refresh="$emit('upload')"
         />
+        <SettingsMenu
+          class="my-1 mx-1"
+          @upload="uploadImage"
+          :value="value.settings"
+        />
       </v-row>
       <v-row dense>
         <v-col>
@@ -122,6 +127,7 @@ import Instructions from "@/components/Recipe/Parts/Instructions";
 import Ingredients from "@/components/Recipe/Parts/Ingredients";
 import Assets from "@/components/Recipe/Parts/Assets.vue";
 import Notes from "@/components/Recipe/Parts/Notes.vue";
+import SettingsMenu from "@/components/Recipe/Parts/Helpers/SettingsMenu.vue";
 export default {
   components: {
     BulkAdd,
@@ -133,6 +139,7 @@ export default {
     Ingredients,
     Assets,
     Notes,
+    SettingsMenu,
   },
   props: {
     value: Object,