Organisation and reworking stuff

Former-commit-id: 01621444e51316cc9f125e4d541caf9d6c9d37a1 [formerly 733a976b594348754cb34b27c594c485fd5b0df4] [formerly 36a2f39b0e471ee231343ebaed474ae247764b37 [formerly 8d891f0d513d21282adfd9e1b9f206b69f4b17c7]]
Former-commit-id: 505c381e3135c0e0607e984a37e908672e8100a3 [formerly a6e70288608c6ee1edc380af76ee3e82ff62861a]
Former-commit-id: d946069b4f8ad1b19da7ee087901762b3f4b7936

_assets/src/components/Files.vue

@@ -1,9 +0,0 @@
-<template>
-  <div>Files</div>
-</template>
-
-<script>
-export default {
-  name: 'files'
-}
-</script>

_assets/src/components/Listing.vue

@@ -69,8 +69,8 @@
 <script>
 import {mapState} from 'vuex'
 import Item from './ListingItem'
-import webdav from '../utils/webdav'
-import page from '../utils/page'
+import webdav from '@/utils/webdav'
+import page from '@/utils/page'
 
 export default {
   name: 'listing',

_assets/src/components/ListingItem.vue

@@ -28,8 +28,8 @@
 import { mapMutations, mapGetters, mapState } from 'vuex'
 import filesize from 'filesize'
 import moment from 'moment'
-import webdav from '../utils/webdav.js'
-import page from '../utils/page.js'
+import webdav from '@/utils/webdav.js'
+import page from '@/utils/page.js'
 
 export default {
   name: 'item',
@@ -107,7 +107,7 @@ export default {
       return false
     },
     open: function (event) {
-      page.open(this.url)
+      this.$router.push({path: this.url})
     }
   }
 }

_assets/src/components/Main.vue

@@ -77,20 +77,20 @@ import Help from './Help'
 import Preview from './Preview'
 import Listing from './Listing'
 import Editor from './Editor'
-import InfoButton from './InfoButton'
-import InfoPrompt from './InfoPrompt'
-import DeleteButton from './DeleteButton'
-import DeletePrompt from './DeletePrompt'
-import RenameButton from './RenameButton'
-import RenamePrompt from './RenamePrompt'
-import UploadButton from './UploadButton'
-import DownloadButton from './DownloadButton'
-import DownloadPrompt from './DownloadPrompt'
-import SwitchButton from './SwitchViewButton'
-import MoveButton from './MoveButton'
-import MovePrompt from './MovePrompt'
-import NewFilePrompt from './NewFilePrompt'
-import NewDirPrompt from './NewDirPrompt'
+import InfoButton from './buttons/InfoButton'
+import InfoPrompt from './prompts/InfoPrompt'
+import DeleteButton from './buttons/DeleteButton'
+import DeletePrompt from './prompts/DeletePrompt'
+import RenameButton from './buttons/RenameButton'
+import RenamePrompt from './prompts/RenamePrompt'
+import UploadButton from './buttons/UploadButton'
+import DownloadButton from './buttons/DownloadButton'
+import DownloadPrompt from './prompts/DownloadPrompt'
+import SwitchButton from './buttons/SwitchViewButton'
+import MoveButton from './buttons/MoveButton'
+import MovePrompt from './prompts/MovePrompt'
+import NewFilePrompt from './prompts/NewFilePrompt'
+import NewDirPrompt from './prompts/NewDirPrompt'
 import css from '@/utils/css'
 import auth from '@/utils/auth'
 import api from '@/utils/api'
@@ -162,7 +162,18 @@ export default {
     })
   },
   beforeRouteUpdate (to, from, next) {
-    console.log('hey')
+    this.$store.commit('resetSelected')
+    this.$store.commit('multiple', false)
+
+    api.fetch(to.params[0])
+    .then(() => {
+      next()
+    })
+    .catch(error => {
+      // TODO: 404, 403 and 500!
+      console.log(error)
+      window.alert('Something went wrong. Please reload.')
+    })
   },
   mounted () {
     updateColumnSizes()

_assets/src/components/Preview.vue

@@ -31,10 +31,10 @@
 <script>
 import { mapState } from 'vuex'
 import page from '../utils/page'
-import InfoButton from './InfoButton'
-import DeleteButton from './DeleteButton'
-import RenameButton from './RenameButton'
-import DownloadButton from './DownloadButton'
+import InfoButton from './buttons/InfoButton'
+import DeleteButton from './buttons/DeleteButton'
+import RenameButton from './buttons/RenameButton'
+import DownloadButton from './buttons/DownloadButton'
 
 export default {
   name: 'preview',

_assets/src/components/prompts/DeletePrompt.vue

@@ -12,8 +12,8 @@
 
 <script>
 import {mapGetters, mapMutations, mapState} from 'vuex'
-import webdav from '../utils/webdav'
-import page from '../utils/page'
+import webdav from '@/utils/webdav'
+import page from '@/utils/page'
 
 export default {
   name: 'delete-prompt',

_assets/src/components/prompts/MovePrompt.vue

@@ -18,8 +18,8 @@
 
 <script>
 import { mapState } from 'vuex'
-import page from '../utils/page'
-import webdav from '../utils/webdav'
+import page from '@/utils/page'
+import webdav from '@/utils/webdav'
 
 export default {
   name: 'move-prompt',

_assets/src/components/prompts/NewDirPrompt.vue

@@ -11,8 +11,8 @@
 </template>
 
 <script>
-import page from '../utils/page'
-import webdav from '../utils/webdav'
+import page from '@/utils/page'
+import webdav from '@/utils/webdav'
 
 export default {
   name: 'new-dir-prompt',

_assets/src/components/prompts/NewFilePrompt.vue

@@ -11,8 +11,8 @@
 </template>
 
 <script>
-import page from '../utils/page'
-import webdav from '../utils/webdav'
+import page from '@/utils/page'
+import webdav from '@/utils/webdav'
 
 export default {
   name: 'new-file-prompt',

_assets/src/components/prompts/RenamePrompt.vue

@@ -12,8 +12,8 @@
 
 <script>
 import { mapState } from 'vuex'
-import page from '../utils/page'
-import webdav from '../utils/webdav'
+import page from '@/utils/page'
+import webdav from '@/utils/webdav'
 
 export default {
   name: 'rename-prompt',