From 8b1b25505004d80b9d2fdb5c6db06f968fd79550 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Wed, 11 Sep 2024 13:22:49 +0200
Subject: [PATCH] Remove documents from memory after download

Implemented functionality to remove documents from browser memory 45 seconds after they are converted or downloaded. This ensures that clicking the download button again re-downloads the document. The reset state function was added to both ConvertButton.vue and DownloadButton.vue components.
---
 .changes/unreleased/Feature-20240911-132134.yaml    |  7 +++++++
 .../vuejs/StoredObjectButton/ConvertButton.vue      | 13 +++++++++++--
 .../vuejs/StoredObjectButton/DownloadButton.vue     |  8 ++++++++
 3 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 .changes/unreleased/Feature-20240911-132134.yaml

diff --git a/.changes/unreleased/Feature-20240911-132134.yaml b/.changes/unreleased/Feature-20240911-132134.yaml
new file mode 100644
index 000000000..1ee08e968
--- /dev/null
+++ b/.changes/unreleased/Feature-20240911-132134.yaml
@@ -0,0 +1,7 @@
+kind: Feature
+body: When a document is converted or downloaded in the browser, this document is
+  removed from the browser memory after 45s. Future click on the button re-download
+  the document.
+time: 2024-09-11T13:21:34.444838795+02:00
+custom:
+  Issue: "306"
diff --git a/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/ConvertButton.vue b/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/ConvertButton.vue
index 8dae4b452..b9e090f67 100644
--- a/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/ConvertButton.vue
+++ b/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/ConvertButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <a :class="props.classes" @click="download_and_open($event)">
+  <a :class="props.classes" @click="download_and_open($event)" ref="btn">
     <i class="fa fa-file-pdf-o"></i>
     Télécharger en pdf
   </a>
@@ -9,7 +9,7 @@
 
 import {build_convert_link, download_and_decrypt_doc, download_doc} from "./helpers";
 import mime from "mime";
-import {reactive} from "vue";
+import {reactive, ref} from "vue";
 import {StoredObject, StoredObjectCreated} from "../../types";
 
 interface ConvertButtonConfig {
@@ -24,6 +24,7 @@ interface DownloadButtonState {
 
 const props = defineProps<ConvertButtonConfig>();
 const state: DownloadButtonState = reactive({content: null});
+const btn = ref<HTMLAnchorElement | null>(null);
 
 async function download_and_open(event: Event): Promise<void> {
   const button = event.target as HTMLAnchorElement;
@@ -41,6 +42,14 @@ async function download_and_open(event: Event): Promise<void> {
   }
 
   button.click();
+  const reset_pending = setTimeout(reset_state, 45000);
+}
+
+function reset_state(): void {
+    state.content = null;
+    btn.value?.removeAttribute('download');
+    btn.value?.removeAttribute('href');
+    btn.value?.removeAttribute('type');
 }
 
 </script>
diff --git a/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/DownloadButton.vue b/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/DownloadButton.vue
index f3f251d80..0f1c78377 100644
--- a/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/DownloadButton.vue
+++ b/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/DownloadButton.vue
@@ -86,6 +86,14 @@ async function download_and_open(event: Event): Promise<void> {
     console.log('openbutton after next tick', open_button.value);
     open_button.value?.click();
     console.log('open button should have been clicked');
+
+    const timer = setTimeout(reset_state, 45000);
+}
+
+function reset_state(): void {
+    state.href_url = '#';
+    state.is_ready = false;
+    state.is_running = false;
 }
 </script>