migration to new secrets nearly complete

html/ui/js/GetCopy.js

@@ -1,21 +1,32 @@
 export default {
     props: [ 'name', 'href', 'token' ],
     data() { return {showCopied: false} },
-    template: `<span class="notif"><div v-if="showCopied">copied!</div><a :href="href" @click="fetchAndCopy()">{{name}}<small>&nbsp;&#x1F5D0;</small></a></span>`,
+    template: `<span class="notif"><div v-if="showCopied">copied!</div><a :href="href" @click="fetchAndSave()">{{name}}</a>&nbsp;<a href="#" class="copy" @click="fetchAndCopy()">&#x1F5D0;</a></span>`,
     methods: {
-        fetchAndCopy() {
+        fetch() {
             event.preventDefault()
-
-            fetch(this.href, {
+            return fetch(this.href, {
                 method: 'GET',
                 headers: { 'Authorization': 'Bearer ' + this.token },
-            }).then((resp) => resp.headers.get("content-type") == "application/json" ? resp.json() : resp.text())
-              .then((value) => {
+            })
+        },
+        handleFetchError(e) {
+            console.log("failed to get value:", e)
+            alert('failed to get value')
+        },
+        fetchAndSave() {
+            this.fetch().then(resp => resp.blob()).then((value) => {
+                window.open(URL.createObjectURL(value), "_blank")
+            }).catch(this.handleFetchError)
+        },
+        fetchAndCopy() {
+            this.fetch()
+            .then((resp) => resp.headers.get("content-type") == "application/json" ? resp.json() : resp.text())
+            .then((value) => {
                 window.navigator.clipboard.writeText(value)
                 this.showCopied = true
                 setTimeout(() => { this.showCopied = false }, 1000)
-              })
-              .catch((e) => { console.log("failed to get value:", e); alert('failed to get value') })
+            }).catch(this.handleFetchError)
         },
     },
 }

html/ui/style.css

@@ -145,3 +145,5 @@ header .utils > * {
     background: black;
   }
 }
+
+.copy { font-size: small; }