Improvements

Former-commit-id: 75aaab2410d4e93a892f1c68d253ecf2c3def92b [formerly d9f37f49e3b705eb7a632b0f6e44cbabdfd296ac] [formerly 5ac5b5223ad348b589861a50f8ee41228a18d13f [formerly 7809b778bb]]
Former-commit-id: 30bac294d7bf5e875d4fb365321dc1fde16a50df [formerly df3d70ac1c0afcc4c7aed0a8e4ce2d2aa815ee0c]
Former-commit-id: f82ccdf36a7d088cbd2a4a3ada53876e823a64e2

_assets/src/components/RenamePrompt.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" autofocus>Rename</button>
+      <button @click="cancel" class="cancel">Cancel</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import page from '../page'
+import webdav from '../webdav'
+
+var $ = window.info
+
+export default {
+  name: 'rename-prompt',
+  data: function () {
+    return {
+      name: ''
+    }
+  },
+  methods: {
+    cancel: function (event) {
+      $.showRename = false
+      this.name = ''
+    },
+    oldName: function () {
+      if ($.req.kind !== 'listing') {
+        return $.req.data.name
+      }
+
+      if ($.listing.selected.length === 0 || $.listing.selected.length > 1) {
+        // This shouldn't happen.
+        return
+      }
+
+      return $.req.data.items[$.listing.selected[0]].name
+    },
+    submit: function (event) {
+      let oldLink = ''
+      let newLink = ''
+
+      if ($.req.kind !== 'listing') {
+        oldLink = $.req.data.url
+      } else {
+        oldLink = $.req.data.items[$.listing.selected[0]].url
+      }
+
+      newLink = page.removeLastDir(oldLink) + '/' + this.name
+
+      // buttons.setLoading('rename')
+
+      webdav.move(oldLink, newLink)
+        .then(() => {
+          // TODO: keep selected after reload?
+          page.reload()
+          // buttons.setDone('rename')
+        }).catch(error => {
+          // buttons.setDone('rename', false)
+          console.log(error)
+        })
+
+      this.name = ''
+      $.showRename = false
+      return
+    }
+  }
+}
+</script>