From d2ce326386c607823f5330520731acc31f3f1ec6 Mon Sep 17 00:00:00 2001
From: jb-alvarado <jb@pixelcrusher.de>
Date: Mon, 29 Apr 2024 10:48:51 +0200
Subject: [PATCH] log download

---
 lang/de-DE.js     |  3 +++
 lang/en-US.js     |  3 +++
 lang/pt-BR.js     |  3 +++
 pages/logging.vue | 32 ++++++++++++++++++++++++++++++--
 4 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/lang/de-DE.js b/lang/de-DE.js
index 4fe92b58..5dce94a1 100644
--- a/lang/de-DE.js
+++ b/lang/de-DE.js
@@ -126,6 +126,9 @@ export default {
         send: 'Senden',
         name: 'Name',
     },
+    log: {
+        download: 'Protokoll herunterladen',
+    },
     config: {
         channel: 'Kanal',
         user: 'Benutzer',
diff --git a/lang/en-US.js b/lang/en-US.js
index 92f623eb..81dbcc9b 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -126,6 +126,9 @@ export default {
         send: 'Send',
         name: 'Name',
     },
+    log: {
+        download: 'Download log file',
+    },
     config: {
         channel: 'Channel',
         user: 'User',
diff --git a/lang/pt-BR.js b/lang/pt-BR.js
index 41676b79..fd35c4a3 100644
--- a/lang/pt-BR.js
+++ b/lang/pt-BR.js
@@ -126,6 +126,9 @@ export default {
         send: 'Enviar',
         name: 'Nome',
     },
+    log: {
+        download: 'Baixar arquivo de registro',
+    },
     config: {
         channel: 'Canal',
         user: 'Usuários',
diff --git a/pages/logging.vue b/pages/logging.vue
index a20fae42..fe8695df 100644
--- a/pages/logging.vue
+++ b/pages/logging.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="w-full flex flex-col">
         <div class="flex justify-end p-3 h-14">
-            <div>
+            <div class="join">
                 <VueDatePicker
                     v-model="listDate"
                     :clearable="false"
@@ -12,9 +12,16 @@
                     auto-apply
                     :locale="locale"
                     :dark="colorMode.value === 'dark'"
-                    input-class-name="input input-sm !input-bordered !w-[300px] text-right !pe-3"
+                    input-class-name="join-item input input-sm !input-bordered !w-[300px] text-right !pe-3"
                     required
                 />
+                <button
+                    class="btn btn-sm btn-primary join-item"
+                    :title="$t('log.download')"
+                    @click="downloadLog"
+                >
+                    <i class="bi-download" />
+                </button>
             </div>
         </div>
         <div class="px-3 inline-block h-[calc(100vh-140px)] text-[13px]">
@@ -73,6 +80,27 @@ async function getLog() {
             currentLog.value = ''
         })
 }
+
+function downloadLog() {
+    const file = new File(
+        [formatLog(currentLog.value).replace(/<\/?[^>]+(>|$)/g, '')],
+        `playout_${listDate.value}.log`,
+        {
+            type: 'text/plain',
+        }
+    )
+
+    const link = document.createElement('a')
+    const url = URL.createObjectURL(file)
+
+    link.href = url
+    link.download = file.name
+    document.body.appendChild(link)
+    link.click()
+
+    document.body.removeChild(link)
+    window.URL.revokeObjectURL(url)
+}
 </script>
 
 <style>