From 5a992f1785e54ce091242a831737ba028d22271f Mon Sep 17 00:00:00 2001
From: Henrique Dias <hacdias@gmail.com>
Date: Mon, 3 Jul 2017 21:33:21 +0100
Subject: [PATCH] Download centralized on api.js

Former-commit-id: 58fd027bfbc32198c39d87fe7e575229d33a65c8 [formerly 17779d3221cb765d4ce3a5aeccb551ddbfc56f19] [formerly 2f28a4e0bb119490a69968e3c6df29aa3779cc11 [formerly c6348931e0dcbc77e6cfea3d393a5a9c4c5bb1c7]]
Former-commit-id: 70b4148b16b7c8ac43dc6cb3f38fe5e7062c2af8 [formerly fa369137715c436e5f110b931386f4f6556e9733]
Former-commit-id: 760257fd5ce7b37f48c3848042fe33a4fdd7a905
---
 _assets/src/components/Sidebar.vue            |  5 ++--
 .../src/components/buttons/DownloadButton.vue | 13 +++++----
 _assets/src/components/prompts/Download.vue   | 19 +++++-------
 _assets/src/css/base.css                      |  5 ++++
 _assets/src/utils/api.js                      | 29 ++++++++++++++++++-
 5 files changed, 51 insertions(+), 20 deletions(-)

diff --git a/_assets/src/components/Sidebar.vue b/_assets/src/components/Sidebar.vue
index 1db4c1ee..37bc4000 100644
--- a/_assets/src/components/Sidebar.vue
+++ b/_assets/src/components/Sidebar.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav>
+  <nav :class="{active}">
     <router-link class="action" to="/files/" aria-label="My Files" title="My Files">
       <i class="material-icons">folder</i>
       <span>My Files</span>
@@ -48,7 +48,8 @@ export default {
   name: 'sidebar',
   data: () => {
     return {
-      plugins: []
+      plugins: [],
+      active: false
     }
   },
   computed: mapState(['user']),
diff --git a/_assets/src/components/buttons/DownloadButton.vue b/_assets/src/components/buttons/DownloadButton.vue
index 4ccc1b25..ed89401b 100644
--- a/_assets/src/components/buttons/DownloadButton.vue
+++ b/_assets/src/components/buttons/DownloadButton.vue
@@ -8,20 +8,23 @@
 
 <script>
 import {mapGetters, mapState} from 'vuex'
+import api from '@/utils/api'
 
 export default {
   name: 'download-button',
   computed: {
-    ...mapState(['req']),
+    ...mapState(['req', 'selected']),
     ...mapGetters(['selectedCount'])
   },
   methods: {
     download: function (event) {
       if (this.req.kind !== 'listing') {
-        let url = this.$route.params[0]
-        url = this.$store.state.baseURL + '/api/download/' + url
-        url += '?token=' + this.$store.state.jwt
-        window.open(url)
+        api.download(null, this.$route.path)
+        return
+      }
+
+      if (this.selectedCount === 1) {
+        api.download(null, this.req.items[this.selected[0]].url)
         return
       }
 
diff --git a/_assets/src/components/prompts/Download.vue b/_assets/src/components/prompts/Download.vue
index 59d56b5a..76809b40 100644
--- a/_assets/src/components/prompts/Download.vue
+++ b/_assets/src/components/prompts/Download.vue
@@ -12,6 +12,7 @@
 
 <script>
 import {mapGetters, mapState} from 'vuex'
+import api from '@/utils/api'
 
 export default {
   name: 'download',
@@ -21,24 +22,18 @@ export default {
   },
   methods: {
     download: function (format) {
-      let uri = this.$route.params[0]
-      uri = this.$store.state.baseURL + '/api/download/' + uri
-      uri += `?token=${this.$store.state.jwt}`
-      uri += `&format=${format}`
-
-      if (this.selectedCount > 0) {
-        let files = ''
+      if (this.selectedCount === 0) {
+        api.download(format, this.$route.path)
+      } else {
+        let files = []
 
         for (let i of this.selected) {
-          files += this.req.items[i].url.replace(window.location.pathname, '') + ','
+          files.push(this.req.items[i].url)
         }
 
-        files = files.substring(0, files.length - 1)
-        files = encodeURIComponent(files)
-        uri += `&files=${files}`
+        api.download(format, ...files)
       }
 
-      window.open(uri)
       this.$store.commit('closePrompts')
     }
   }
diff --git a/_assets/src/css/base.css b/_assets/src/css/base.css
index c6929242..c1add425 100644
--- a/_assets/src/css/base.css
+++ b/_assets/src/css/base.css
@@ -122,6 +122,11 @@ main {
         border-top: 1px solid rgba(0, 0, 0, 0.075);
         border-right: 1px solid rgba(0, 0, 0, 0.075);
         box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
+        transition: .2s ease left;
+        left: -16em;
+    }
+    nav.active {
+        left: 0;
     }
     main {
         width: 100%;
diff --git a/_assets/src/utils/api.js b/_assets/src/utils/api.js
index 48bfd4e6..deec2751 100644
--- a/_assets/src/utils/api.js
+++ b/_assets/src/utils/api.js
@@ -141,6 +141,32 @@ function search (url, search, onmessage, onclose) {
   conn.onclose = onclose
 }
 
+function download (format, ...files) {
+  let url = `${store.state.baseURL}/api/download`
+
+  if (files.length === 1) {
+    url += removePrefix(files[0]) + '?'
+  } else {
+    let arg = ''
+
+    for (let file of files) {
+      arg += removePrefix(file) + ','
+    }
+
+    arg = arg.substring(0, arg.length - 1)
+    arg = encodeURIComponent(arg)
+    url += `/?files=${arg}&`
+  }
+
+  url += `token=${store.state.jwt}`
+
+  if (format !== null) {
+    url += `&format=${format}`
+  }
+
+  window.open(url)
+}
+
 export default {
   delete: rm,
   fetch,
@@ -148,5 +174,6 @@ export default {
   move,
   put,
   command,
-  search
+  search,
+  download
 }