Fix listing icons and more

Former-commit-id: 9406455a67d31ba221f4d770c27e6b019531317a [formerly 8b09c630bb53a1402aeceb5a6aa925c30935a796] [formerly 12b8050b5f3950fbd08238b431fa2f80c7a7cf6b [formerly 338e73a8b208b8bcb09568e1b309809c4c6f45fe]]
Former-commit-id: 5e065778adf3521aea2da98d4dd2054cf29f28bd [formerly c00e9fec37dd8004bb6f5cdbb41adf4f6a460e7a]
Former-commit-id: 532f25d150440d2eb1254fc0d77270f8144e0e0c

assets/src/components/ListingItem.vue

@@ -6,9 +6,9 @@
   @drop="drop"
   @click="click"
   @dblclick="open"
-  :aria-selected="isSelected()">
+  :aria-selected="isSelected">
     <div>
-      <i class="material-icons">{{ icon() }}</i>
+      <i class="material-icons">{{ icon }}</i>
     </div>
 
     <div>
@@ -35,20 +35,20 @@ export default {
   props: ['name', 'isDir', 'url', 'type', 'size', 'modified', 'index'],
   computed: {
     ...mapState(['selected', 'req']),
-    ...mapGetters(['selectedCount'])
-  },
-  methods: {
-    ...mapMutations(['addSelected', 'removeSelected', 'resetSelected']),
-    isSelected: function () {
+    ...mapGetters(['selectedCount']),
+    isSelected () {
       return (this.selected.indexOf(this.index) !== -1)
     },
-    icon: function () {
+    icon () {
       if (this.isDir) return 'folder'
       if (this.type === 'image') return 'insert_photo'
       if (this.type === 'audio') return 'volume_up'
       if (this.type === 'video') return 'movie'
       return 'insert_drive_file'
-    },
+    }
+  },
+  methods: {
+    ...mapMutations(['addSelected', 'removeSelected', 'resetSelected']),
     humanSize: function () {
       return filesize(this.size)
     },
@@ -58,6 +58,12 @@ export default {
     dragStart: function (event) {
       if (this.selectedCount === 0) {
         this.addSelected(this.index)
+        return
+      }
+
+      if (!this.isSelected) {
+        this.resetSelected()
+        this.addSelected(this.index)
       }
     },
     dragOver: function (event) {