ui rework

ui/js/Downloads.js

@@ -1,7 +1,7 @@
 const Downloads = {
     props: [ 'kind', 'name', 'token', 'state' ],
     data() {
-        return { createDisabled: false, selectedAssets: {} }
+        return { createDisabled: false, selectedAssets: {}, msg: null }
     },
     computed: {
         availableAssets() {
@@ -50,11 +50,12 @@ const Downloads = {
                 headers: { 'Authorization': 'Bearer ' + this.token, 'Content-Type': 'application/json' },
             }).then((resp) => resp.json())
               .then((token) => { this.selectedAssets = {}; this.createDisabled = false })
-              .catch((e) => { alert('failed to create link'); this.createDisabled = false })
+              .catch((e) => { this.msg = 'failed to create link'; this.createDisabled = false })
         },
     },
     template: `
   <h4>Available assets</h4>
+  <p class="error" v-if="msg">{{ msg }} <button class="btn-close" @click="msg=null">&times;</button></p>
   <p class="downloads">
     <template v-for="asset in availableAssets">
       <label :class="{selected: selectedAssets[asset]}"><input type="checkbox" v-model="selectedAssets[asset]" />&nbsp;{{ asset }}</label>