-
Add New Folder
+
Add New Folder
+
Edit Folder
-
+
+
@@ -33,6 +35,7 @@ import modal from "../../components/modal";
export default {
props: {
show: Boolean,
+ editingFolder: Object,
},
components: {
modal,
@@ -45,6 +48,12 @@ export default {
},
}
},
+ watch: {
+ show() {
+ if (!this.editingFolder.folderIndex);
+ this.newFolder = Object.assign({}, this.editingFolder);
+ },
+ },
methods: {
addNewFolder() {
const newFolder = Object.assign({}, this.newFolder);
@@ -54,6 +63,14 @@ export default {
requests: [],
};
},
+ saveFolder() {
+ const savedFolder = Object.assign({}, this.newFolder);
+ this.$emit('saved-folder', savedFolder);
+ this.newFolder = {
+ name: '',
+ requests: [],
+ };
+ },
hideModel() {
this.$emit('hide-model');
},
diff --git a/components/collections/collection.vue b/components/collections/collection.vue
index 3cec68711..6db07846b 100644
--- a/components/collections/collection.vue
+++ b/components/collections/collection.vue
@@ -3,7 +3,10 @@
+ v-on:hide-model='toggleModal'
+ v-bind:editing-folder="selectedFolder"
+ v-on:saved-folder="savedFolder"
+ >