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/Rename.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="prompt">
+    <h3>Rename</h3>
+    <p>Insert a new name for <code>{{ oldName() }}</code>:</p>
+    <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
+    <div>
+      <button @click="submit" type="submit">Rename</button>
+      <button @click="cancel" class="cancel">Cancel</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import url from '@/utils/url'
+import api from '@/utils/api'
+
+export default {
+  name: 'rename',
+  data: function () {
+    return {
+      name: ''
+    }
+  },
+  computed: mapState(['req', 'selected', 'selectedCount']),
+  methods: {
+    cancel: function (event) {
+      this.$store.commit('closeHovers')
+    },
+    oldName: function () {
+      if (this.req.kind !== 'listing') {
+        return this.req.name
+      }
+
+      if (this.selectedCount === 0 || this.selectedCount > 1) {
+        // This shouldn't happen.
+        return
+      }
+
+      return this.req.items[this.selected[0]].name
+    },
+    submit: function (event) {
+      let oldLink = ''
+      let newLink = ''
+
+      if (this.req.kind !== 'listing') {
+        oldLink = this.req.url
+      } else {
+        oldLink = this.req.items[this.selected[0]].url
+      }
+
+      this.name = encodeURIComponent(this.name)
+      newLink = url.removeLastDir(oldLink) + '/' + this.name
+
+      api.move(oldLink, newLink)
+        .then(() => {
+          if (this.req.kind !== 'listing') {
+            this.$router.push({ path: newLink })
+            return
+          }
+          // TODO: keep selected after reload?
+          this.$store.commit('setReload', true)
+        }).catch(error => {
+          // TODO: show error message
+          console.log(error)
+        })
+
+      this.$store.commit('closeHovers')
+      return
+    }
+  }
+}
+</script>