download token: make a token page

- token page helps communicating a single link to multiple assets
- provide an extra layer in case of "miss click"
- ui: just link the page, not every asset of each download token.

html/ui/js/Downloads.js

@@ -27,16 +27,15 @@ export default {
             }[this.kind]
         },
         downloads() {
-            let ret = []
-            Object.entries(this.state.Downloads)
+            return Object.entries(this.state.Downloads)
               .filter(e => { let d=e[1]; return d.Kind == this.kind && d.Name == this.name })
-              .forEach(e => {
-                let token= e[0], d = e[1]
-                d.Assets.forEach(asset => {
-                    ret.push({name: asset, url: '/public/downloads/'+token+'/'+asset})
-                })
+              .map(e => {
+                const token= e[0];
+                return {
+                  text: token.substring(0, 5) + '...',
+                  url: '/public/downloads/'+token+"/",
+                }
               })
-          return ret
         },
         assets() {
             return this.availableAssets.filter(a => this.selectedAssets[a])
@@ -64,9 +63,9 @@ export default {
       {{" "}}
     </template>
   </p>
-  <p><button :disabled="createDisabled || assets.length==0" @click="createToken">Create links</button></p>
+  <p><button :disabled="createDisabled || assets.length==0" @click="createToken">Create link</button></p>
   <template v-if="downloads.length">
     <h4>Active links</h4>
-    <p class="download-links"><template v-for="d in downloads"><a :href="d.url" download>{{ d.name }}</a>{{" "}}</template></p>
+    <p class="download-links"><template v-for="d in downloads"><a :href="d.url" target="_blank">{{ d.text }}</a>{{" "}}</template></p>
   </template>`
 }