Prevent image list dupes

christopherwk210 · Apr 15, 2018 · 82173f8 · 82173f8
1 parent 17fb6c5
commit 82173f8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/assets/scripts/image-item.class.js b/src/assets/scripts/image-item.class.js
@@ -1,7 +1,7 @@
 import { ipcRenderer } from 'electron';
 import path from 'path';
 
-const Status = {
+export const Status = {
   DONE: 'done',
   LOADING: 'loading',
   ERROR: 'error'

diff --git a/src/assets/scripts/main.js b/src/assets/scripts/main.js
@@ -15,7 +15,7 @@ if (env === 'production') {
 }
 
 // Local imports
-import { ImageItem } from './image-item.class';
+import { ImageItem, Status } from './image-item.class';
 import SettingsComponent from '../../components/settings/settings.component';
 
 // Prevent zooming on mac
@@ -54,6 +54,19 @@ let app = new Vue({
      * @param {number} size File size
      */
     addImage: function(path, size) {
+      let skip = false;
+      this.imageList.some(img => {
+        if (img.path === path) {
+          if (img.status !== Status.LOADING) {
+            img.status = Status.LOADING;
+            img.beginUpload();
+          }
+
+          skip = true;
+          return true;
+        }
+      });
+
       let img = new ImageItem(path, size);
       img.beginUpload();
       this.imageList.push(img);