Updates and more features

Former-commit-id: 9f1f09311813203910d5b323ba80712553ee2741 [formerly 0be00be1de305d786affc6bf0886aed9b20fbc51] [formerly 04597463117e94830b24b87faaaccf3d35284427 [formerly 3f2dc3f1c56a7a636a836d36b94c052f55f32d93]]
Former-commit-id: 8d26cc1d96faed73c7974ea7e5e78bf268af3ad9 [formerly a083ac8f68c90a636843c3565bd349657c0ec383]
Former-commit-id: ef10f3b3c388d65ceac40785b45dbac190a6cc99

_assets/src/components/DownloadPrompt.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="prompt" id="download">
+    <h3>Download files</h3>
+    <p>Choose the format you want to download.</p>
+    <button @click="download('zip')" autofocus>zip</button>
+    <button @click="download('tar')" autofocus>tar</button>
+    <button @click="download('targz')" autofocus>tar.gz</button>
+    <button @click="download('tarbz2')" autofocus>tar.bz2</button>
+    <button @click="download('tarxz')" autofocus>tar.xz</button>
+  </div>
+</template>
+
+<script>
+import {mapGetters, mapState} from 'vuex'
+
+export default {
+  name: 'download-prompt',
+  computed: {
+    ...mapState(['selected', 'req']),
+    ...mapGetters(['selectedCount'])
+  },
+  methods: {
+    download: function (format) {
+      let uri = `${window.location.pathname}?download=${format}`
+
+      if (this.selectedCount > 0) {
+        let files = ''
+
+        for (let i of this.selected) {
+          files += this.req.data.items[i].url.replace(window.location.pathname, '') + ','
+        }
+
+        files = files.substring(0, files.length - 1)
+        files = encodeURIComponent(files)
+        uri += `&files=${files}`
+      }
+
+      window.open(uri)
+    }
+  }
+}
+</script>