From 448f4b8c2d2a4f1805b5c42e1ebfd51cf2641c1b Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Wed, 20 Feb 2019 22:52:04 +0100
Subject: [PATCH] Files uploaded in sessions will be appended to the end of the
 existing elements.

---
 src/components/form/FormElementUpload.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/form/FormElementUpload.vue b/src/components/form/FormElementUpload.vue
index 9eca938..21014cb 100644
--- a/src/components/form/FormElementUpload.vue
+++ b/src/components/form/FormElementUpload.vue
@@ -2,7 +2,7 @@
   <div class="form-item">
     <label class="title">last opp bilder</label>
 
-    <input id="file-upload" type="file" @change="processFile" multiple>
+    <input id="file-upload" type="file" @change="processFiles" multiple>
     <div class="previewWindow" v-if="files.length">
       <p class="previewWindow--title">{{ files.length }} bilder lagt til</p>
       <div class="previewWindow--image">
@@ -33,17 +33,22 @@ export default {
     setPopoverAlbumIndex: (index) => store.dispatch('setPopoverAlbumIndex', index),
     showPopover: () => store.dispatch('showPopover'),
 
-    processFile(event) {
+    processFiles(event) {
       const files = event.target.files;
-      let album = []
+      let mappedFiles = []
+      let album = this.files;
 
+      // Files is a object with index keys so we need to map to a list
       for (var i = files.length - 1; i >= 0; i--) {
-        album.push({
+        mappedFiles.push({
           url: URL.createObjectURL(files[i]),
           index: i,
         })
       }
-      album.reverse()
+
+      mappedFiles.reverse();
+      album = [...album, ...files]
+      console.log('Packed uploaded album:', album)
 
       this.setPopoverAlbum(album)
       this.files = album;