rename _assets to assets

Former-commit-id: 3bb6cc662da9e9255bd61fef42430c271002fd49 [formerly eaf1785c4f85522e4eb66d00a6ae9dd9ecc4fcb4] [formerly addd3ffe1396e6df84cdc3e8787d57ffb2be3dc6 [formerly 800693ad49e76c880230eb8cd1bc4a95e8c39fff]]
Former-commit-id: 6c24d30f26529457202f470620a0ea1d31772b13 [formerly 384d2af17fe100b9db91462eb41337f9dff855f4]
Former-commit-id: 94f4933e12f97ee7468c884f041612498e07ba32

assets/src/components/prompts/Move.vue

@@ -0,0 +1,150 @@
+<template>
+  <div class="prompt">
+    <h3>Move</h3>
+    <p>Choose new house for your file(s)/folder(s):</p>
+
+    <ul class="file-list">
+      <li @click="select" @dblclick="next" :key="item.name" v-for="item in items" :data-url="item.url">{{ item.name }}</li>
+    </ul>
+
+    <p>Currently navigating on: <code>{{ current }}</code>.</p>
+
+    <div>
+      <button class="ok" @click="move">Move</button>
+      <button class="cancel" @click="$store.commit('closeHovers')">Cancel</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import url from '@/utils/url'
+import api from '@/utils/api'
+import buttons from '@/utils/buttons'
+
+export default {
+  name: 'move',
+  data: function () {
+    return {
+      items: [],
+      current: window.location.pathname
+    }
+  },
+  computed: mapState(['req', 'selected', 'baseURL']),
+  mounted: function () {
+    if (this.$route.path !== '/files/') {
+      this.items.push({
+        name: '..',
+        url: url.removeLastDir(this.$route.path) + '/'
+      })
+    }
+
+    if (this.req.kind === 'listing') {
+      for (let item of this.req.items) {
+        if (!item.isDir) continue
+
+        this.items.push({
+          name: item.name,
+          url: item.url
+        })
+      }
+
+      return
+    }
+  },
+  methods: {
+    move: function (event) {
+      event.preventDefault()
+
+      let el = event.currentTarget
+      let promises = []
+      let dest = this.current
+      buttons.loading('move')
+
+      let selected = el.querySelector('li[aria-selected=true]')
+      if (selected !== null) {
+        dest = selected.dataset.url
+      }
+
+      for (let item of this.selected) {
+        let from = this.req.items[item].url
+        let to = dest + '/' + encodeURIComponent(this.req.items[item].name)
+        to = to.replace('//', '/')
+
+        promises.push(api.move(from, to))
+      }
+
+      this.$store.commit('showMove', false)
+
+      Promise.all(promises)
+        .then(() => {
+          buttons.done('move')
+          this.$router.push({page: dest})
+        })
+        .catch(e => {
+          buttons.done('move')
+          // TODO: show error in prompt
+          console.log(e)
+        })
+    },
+    next: function (event) {
+      let uri = event.currentTarget.dataset.url
+      this.json(uri)
+        .then((data) => {
+          this.current = uri
+          this.items = []
+
+          if (uri !== this.baseURL + '/') {
+            this.items.push({
+              name: '..',
+              url: url.removeLastDir(uri) + '/'
+            })
+          }
+
+          let req = JSON.parse(data)
+          for (let item of req.items) {
+            if (!item.isDir) continue
+
+            this.items.push({
+              name: item.name,
+              url: item.uri
+            })
+          }
+        })
+        .catch(e => console.log(e))
+    },
+    json: function (url) {
+      return new Promise((resolve, reject) => {
+        let request = new XMLHttpRequest()
+        request.open('GET', url)
+        request.setRequestHeader('Accept', 'application/json')
+        request.onload = () => {
+          if (request.status === 200) {
+            resolve(request.responseText)
+          } else {
+            reject(request.statusText)
+          }
+        }
+        request.onerror = () => reject(request.statusText)
+        request.send()
+      })
+    },
+    select: function (event) {
+      let el = event.currentTarget
+
+      if (el.getAttribute('aria-selected') === 'true') {
+        el.setAttribute('aria-selected', false)
+        return
+      }
+
+      let el2 = this.$el.querySelector('li[aria-selected=true]')
+      if (el2) {
+        el2.setAttribute('aria-selected', false)
+      }
+
+      el.setAttribute('aria-selected', true)
+      return
+    }
+  }
+}
+</script>