file reorganize

frontend/src/components/MealPlan/MealPlanner.vue

@@ -1,125 +0,0 @@
-<template>
-  <div>
-    <EditPlan
-      v-if="editMealPlan"
-      :meal-plan="editMealPlan"
-      @updated="planUpdated"
-    />
-    <NewMeal v-else @created="requestMeals" />
-
-    <v-card class="my-1">
-      <v-card-title class="secondary white--text"> Meal Plans </v-card-title>
-
-      <v-timeline align-top :dense="$vuetify.breakpoint.smAndDown">
-        <v-timeline-item
-          class="mx-4"
-          v-for="(mealplan, i) in plannedMeals"
-          :key="i"
-          color="accent lighten-2"
-          icon="mdi-silverware-variant"
-          fill-dot
-        >
-          <v-card>
-            <v-card-title class="white--text secondary lighten-1">
-              {{ formatDate(mealplan.startDate) }} -
-              {{ formatDate(mealplan.endDate) }}
-            </v-card-title>
-
-            <v-card-text>
-              <v-row dense align="center">
-                <v-col></v-col>
-                <v-col
-                  v-for="(meal, index) in mealplan.meals"
-                  :key="generateKey(meal.slug, index)"
-                >
-                  <v-img
-                    class="rounded-lg info"
-                    :src="getImage(meal.image)"
-                    height="80"
-                    width="80"
-                  >
-                  </v-img>
-                </v-col>
-                <v-col></v-col>
-              </v-row>
-              <v-row class="mt-2 ml-1">
-                <v-btn
-                  color="accent lighten-2"
-                  class="mx-0"
-                  text
-                  @click="editPlan(mealplan.uid)"
-                >
-                  Edit
-                </v-btn>
-                <v-btn
-                  color="error lighten-2"
-                  class="mx-2"
-                  text
-                  @click="deletePlan(mealplan.uid)"
-                >
-                  Delete
-                </v-btn>
-              </v-row>
-            </v-card-text>
-          </v-card>
-        </v-timeline-item>
-      </v-timeline>
-    </v-card>
-  </div>
-</template>
-
-<script>
-import api from "../../api";
-import utils from "../../utils";
-import NewMeal from "./NewMeal";
-import EditPlan from "./EditPlan";
-
-export default {
-  components: {
-    NewMeal,
-    EditPlan,
-  },
-  data: () => ({
-    plannedMeals: [],
-    editMealPlan: null,
-  }),
-  async mounted() {
-    this.requestMeals();
-  },
-  methods: {
-    async requestMeals() {
-      const response = await api.mealPlans.all();
-      this.plannedMeals = response.data;
-    },
-    generateKey(name, index) {
-      return utils.generateUniqueKey(name, index);
-    },
-    formatDate(timestamp) {
-      let dateObject = new Date(timestamp);
-      return utils.getDateAsTextAlt(dateObject);
-    },
-    getImage(image) {
-      return utils.getImageURL(image);
-    },
-
-    editPlan(id) {
-      this.plannedMeals.forEach((element) => {
-        if (element.uid === id) {
-          this.editMealPlan = element;
-        }
-      });
-    },
-    planUpdated() {
-      this.editMealPlan = null;
-      this.requestMeals();
-    },
-    deletePlan(id) {
-      api.mealPlans.delete(id);
-      this.requestMeals();
-    },
-  },
-};
-</script>
-
-<style>
-</style>

frontend/src/components/MealPlan/ThisWeek.vue

@@ -1,67 +0,0 @@
-<template>
-  <v-container fill-height>
-    <v-row justify="center" align="center">
-      <v-col sm="12">
-        <v-card
-          v-for="(meal, index) in mealPlan.meals"
-          :key="index"
-          class="my-2"
-        >
-          <v-row dense no-gutters align="center" justify="center">
-            <v-col order="1" md="6" sm="12">
-              <v-card flat>
-                <v-card-title> {{ meal.name }} </v-card-title>
-                <v-card-subtitle> {{ meal.dateText }}</v-card-subtitle>
-
-                <v-card-text> {{ meal.description }} </v-card-text>
-
-                <v-card-actions>
-                  <v-btn
-                    color="secondary"
-                    text
-                    @click="$router.push(`/recipe/${meal.slug}`)"
-                  >
-                    View Recipe
-                  </v-btn>
-                </v-card-actions>
-              </v-card>
-            </v-col>
-            <v-col order-sm="0" :order-md="getOrder(index)" md="6" sm="12">
-              <v-card>
-                <v-img :src="getImage(meal.image)" max-height="300"> </v-img>
-              </v-card>
-            </v-col>
-          </v-row>
-        </v-card>
-      </v-col>
-    </v-row>
-  </v-container>
-</template>
-
-<script>
-import api from "../../api";
-import utils from "../../utils";
-export default {
-  data() {
-    return {
-      mealPlan: {},
-    };
-  },
-  async mounted() {
-    this.mealPlan = await api.mealPlans.thisWeek();
-    console.log(this.mealPlan);
-  },
-  methods: {
-    getOrder(index) {
-      if (index % 2 == 0) return 2;
-      else return 0;
-    },
-    getImage(image) {
-      return utils.getImageURL(image);
-    },
-  },
-};
-</script>
-
-<style scoped>
-</style>