From 9be78c9384d51dd57fcca42a2c2b4c044c585d95 Mon Sep 17 00:00:00 2001
From: Nuno Alexandre <nunnomalex@gmail.com>
Date: Mon, 4 Nov 2019 22:27:07 +0000
Subject: [PATCH] fix the remove item

---
 .idea/workspace.xml | 11 ++---------
 demo/script.js      | 34 +++-------------------------------
 src/Item.vue        |  2 +-
 3 files changed, 6 insertions(+), 41 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 5adf5f3..ece886a 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,14 +2,7 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="a76110c2-481f-4672-b366-5b10b7bcfacc" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/demo/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/demo/package-lock.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/demo/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/demo/package.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/demo/script.js" beforeDir="false" afterPath="$PROJECT_DIR$/demo/script.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/demo/upload.php" beforeDir="false" afterPath="$PROJECT_DIR$/demo/upload.php" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/demo/yarn.lock" beforeDir="false" afterPath="$PROJECT_DIR$/demo/yarn.lock" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/Attachments.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/Attachments.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/yarn.lock" beforeDir="false" afterPath="$PROJECT_DIR$/yarn.lock" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/Item.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/Item.vue" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -54,7 +47,7 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1572905183353</updated>
-      <workItem from="1572905186185" duration="1123000" />
+      <workItem from="1572905186185" duration="1200000" />
     </task>
     <servers />
   </component>
diff --git a/demo/script.js b/demo/script.js
index c016a12..384ff93 100644
--- a/demo/script.js
+++ b/demo/script.js
@@ -2271,35 +2271,7 @@ __webpack_require__.r(__webpack_exports__);
         _this.$emit('error', err);
 
         _this.sending = false;
-      }); // fetch(this.endpoint, {
-      //         method: 'POST',
-      //         body: formData
-      //     }
-      // )
-      // .then(
-      //     fetchProgress({
-      //     onProgress(progress) {
-      //         console.log( progress );
-      //     },
-      //     onError(err) {
-      //         console.log(err);
-      //             this.$emit('error', err);
-      //             this.sending = false;
-      //     },
-      //     })
-      // ).then(response => response.json() )
-      // .then(data => {
-      // });
-      // .then(data => {
-      //     this.attachments.push(data);
-      //     this.$emit('input', this.attachments);
-      //     this.$emit('success', data);
-      //     this.sending = false;
-      // }).catch(err => {
-      //     console.log(err);
-      //     this.$emit('error', err);
-      //     this.sending = false;
-      // });
+      });
     },
     remove: function remove(index) {
       var file = this.attachments[index];
@@ -3712,7 +3684,7 @@ var render = function() {
         attrs: { type: "button" },
         on: {
           click: function($event) {
-            return _vm.remove(_vm.index)
+            return _vm.$emit("remove")
           }
         }
       },
@@ -3772,7 +3744,7 @@ var render = function() {
     {
       staticClass: "uploader",
       class: { "is-loading": _vm.sending },
-      attrs: { type: "button" },
+      attrs: { type: "button", disabled: _vm.sending },
       on: {
         click: function($event) {
           return _vm.$emit("click")
diff --git a/src/Item.vue b/src/Item.vue
index e9b779e..24a4020 100644
--- a/src/Item.vue
+++ b/src/Item.vue
@@ -1,7 +1,7 @@
 <template>
     <li class="file-item">
         <a :href="'/' + attachment" target="_blank">{{ attachment.split('/').reverse()[0] }}</a>
-        <button class="btn remove" @click="remove(index)" type="button">
+        <button class="btn remove" @click="$emit('remove')" type="button">
             <svg enable-background="new 0 0 515.556 515.556" viewBox="0 0 515.556 515.556" xmlns="http://www.w3.org/2000/svg"><path d="m64.444 451.111c0 35.526 28.902 64.444 64.444 64.444h257.778c35.542 0 64.444-28.918 64.444-64.444v-322.222h-386.666z"/><path d="m322.222 32.222v-32.222h-128.889v32.222h-161.111v64.444h451.111v-64.444z"/></svg>
         </button>
     </li>