file reorganize

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

@@ -0,0 +1,65 @@
+<template>
+  <div class="text-center">
+    <v-dialog v-model="dialog" width="600">
+      <template v-slot:activator="{ on, attrs }">
+        <v-btn
+          text
+          color="secondary lighten-2"
+          dark
+          v-bind="attrs"
+          v-on="on"
+          @click="inputText = ''"
+        >
+          Bulk Add
+        </v-btn>
+      </template>
+
+      <v-card>
+        <v-card-title class="headline"> Bulk Add </v-card-title>
+
+        <v-card-text>
+          <p>
+            Paste in your recipe data. Each line will be treated as an item in a
+            list
+          </p>
+          <v-textarea v-model="inputText"> </v-textarea>
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="success" text @click="save"> Save </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      dialog: false,
+      inputText: "",
+    };
+  },
+  methods: {
+    splitText() {
+      let split = this.inputText.split("\n");
+
+      split.forEach((element, index) => {
+        if ((element === "\n") | (element == false)) {
+          split.splice(index, 1);
+        }
+      });
+
+      return split;
+    },
+    save() {
+      this.$emit("bulk-data", this.splitText());
+      this.dialog = false;
+    },
+  },
+};
+</script>