From 801898c7c584de8c83ee7210256d1b70090c47d8 Mon Sep 17 00:00:00 2001
From: yelinz <yelin.zhang@adfinis.com>
Date: Tue, 20 Feb 2024 18:32:26 +0100
Subject: [PATCH] feat: add button to convert to pdf

Integrates backend endpoint to convert docx, odt to pdf
---
 README.md                                    |  7 ++++
 addon/components/document-view.hbs           |  7 ++--
 addon/components/document-view.js            |  3 +-
 addon/components/documents-side-panel.hbs    |  5 ++-
 addon/components/single-document-details.hbs | 14 +++++++-
 addon/components/single-document-details.js  | 34 ++++++++++++++++++--
 addon/models/file.js                         |  3 +-
 addon/services/alexandria-config.js          |  6 ++++
 translations/en.yaml                         |  3 ++
 9 files changed, 73 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 075ed166f..e6818a3a4 100644
--- a/README.md
+++ b/README.md
@@ -199,6 +199,13 @@ module.exports = function () {
 };
 ```
 
+### Others
+
+- `enablePDFConversion`: Set to `true` to enable docx/odt to pdf conversion. Make sure the backend is enabled aswell.
+- `namespace`: Set to API namespace
+- `zipDownloadHost`: Set if the ZIP download is different
+- `zipDownloadNamespace`: Set if the ZIP download is namespaced
+
 ## Contributing
 
 See the [Contributing](CONTRIBUTING.md) guide for details.
diff --git a/addon/components/document-view.hbs b/addon/components/document-view.hbs
index 077cde6af..b7a2be1c6 100644
--- a/addon/components/document-view.hbs
+++ b/addon/components/document-view.hbs
@@ -8,7 +8,7 @@
     <div class="uk-flex uk-flex-middle uk-padding-small">
       <DocumentUploadButton
         @category={{@filters.category}}
-        @afterUpload={{this.afterUpload}}
+        @afterUpload={{this.refreshDocumentList}}
         data-test-upload
       />
 
@@ -86,7 +86,10 @@
       {{/if}}
     </div>
   </div>
-  <DocumentsSidePanel @selectedDocuments={{this.documents.selectedDocuments}} />
+  <DocumentsSidePanel
+    @selectedDocuments={{this.documents.selectedDocuments}}
+    @refreshDocumentList={{this.refreshDocumentList}}
+  />
 </div>
 
 <div
diff --git a/addon/components/document-view.js b/addon/components/document-view.js
index 9ed281526..4366de1a0 100644
--- a/addon/components/document-view.js
+++ b/addon/components/document-view.js
@@ -54,6 +54,7 @@ export default class DocumentViewComponent extends Component {
     });
   }
 
+  // should this be extracted to a service or somewhere for easier state management through child components?
   fetchedDocuments = trackedTask(this, this.fetchDocuments, () => [
     this.sort,
     this.sortDirection,
@@ -210,7 +211,7 @@ export default class DocumentViewComponent extends Component {
   }
 
   @action
-  afterUpload() {
+  refreshDocumentList() {
     this.uploadedDocuments++;
   }
 
diff --git a/addon/components/documents-side-panel.hbs b/addon/components/documents-side-panel.hbs
index a08a36f33..fd7b294f2 100644
--- a/addon/components/documents-side-panel.hbs
+++ b/addon/components/documents-side-panel.hbs
@@ -8,7 +8,10 @@
     <div class="uk-overflow-auto">
       <div class="uk-padding-small">
         {{#if (eq @selectedDocuments.length 1)}}
-          <SingleDocumentDetails @document={{object-at 0 @selectedDocuments}} />
+          <SingleDocumentDetails
+            @document={{object-at 0 @selectedDocuments}}
+            @refreshDocumentList={{@refreshDocumentList}}
+          />
         {{else}}
           <MultiDocumentDetails
             @selectedDocuments={{@selectedDocuments}}
diff --git a/addon/components/single-document-details.hbs b/addon/components/single-document-details.hbs
index d1516bd27..9c2f97f21 100644
--- a/addon/components/single-document-details.hbs
+++ b/addon/components/single-document-details.hbs
@@ -164,7 +164,19 @@
     </ul>
   </div>
 
-  <div class="uk-grid-small uk-child-width-1-2" uk-grid>
+  <div class="uk-grid uk-grid-small {{if this.displayConvertButton 'uk-child-width-1-3' 'uk-child-width-1-2'}}" uk-grid>
+    {{#if this.displayConvertButton}}
+      <div>
+        <UkButton
+          @size="small"
+          class="uk-width-1"
+          @onClick={{perform this.convertDocument}}
+        >
+          {{t "alexandria.document-details.convert"}}
+        </UkButton>
+      </div>
+    {{/if}}
+
     <div uk-form-custom>
       <input
         data-test-replace
diff --git a/addon/components/single-document-details.js b/addon/components/single-document-details.js
index d00820a66..7b7d89480 100644
--- a/addon/components/single-document-details.js
+++ b/addon/components/single-document-details.js
@@ -11,11 +11,12 @@ import { ErrorHandler } from "ember-alexandria/helpers/error-handler";
 // TODO: This should be refactored and the SingleDocumentDetailsComponent should NOT
 // be inheriting from DocumentCard
 export default class SingleDocumentDetailsComponent extends DocumentCard {
-  @service router;
   @service("alexandria-documents") documents;
-  @service("alexandria-tags") tags;
-  @service("alexandria-side-panel") sidePanel;
+  @service("alexandria-config") config;
+  @service router;
   @service intl;
+  @service store;
+  @service fetch;
 
   @tracked editTitle = false;
   @tracked editDescription = false;
@@ -30,6 +31,16 @@ export default class SingleDocumentDetailsComponent extends DocumentCard {
     return formats[language] ?? defaultFormat;
   }
 
+  get displayConvertButton() {
+    return (
+      this.config.enablePDFConversion &&
+      [
+        "application/vnd.oasis.opendocument.text",
+        "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+      ].includes(this.args.document.latestFile.value?.mimeType)
+    );
+  }
+
   @action updateDocumentTitle({ target: { value: title } }) {
     this.validTitle = Boolean(title);
     this.args.document.title = title;
@@ -86,4 +97,21 @@ export default class SingleDocumentDetailsComponent extends DocumentCard {
       );
     }
   }
+
+  @dropTask
+  *convertDocument(event) {
+    event?.preventDefault();
+    try {
+      const modelName = "document";
+      const adapter = this.store.adapterFor(modelName);
+      const url = adapter.buildURL(modelName, this.args.document.id);
+      yield this.fetch.fetch(`${url}/convert`);
+
+      this.args.refreshDocumentList();
+
+      this.notification.success(this.intl.t("alexandria.success.covert-pdf"));
+    } catch (error) {
+      new ErrorHandler(this, error).notify("alexandria.errors.convert-pdf");
+    }
+  }
 }
diff --git a/addon/models/file.js b/addon/models/file.js
index b6f31e481..2f95651a8 100644
--- a/addon/models/file.js
+++ b/addon/models/file.js
@@ -5,7 +5,8 @@ export default class FileModel extends Model {
   @attr name;
   @attr downloadUrl;
   @attr metainfo;
-  @attr content;
+  @attr content; // needed for upload
+  @attr mimeType;
   @attr checksum;
 
   @attr createdAt;
diff --git a/addon/services/alexandria-config.js b/addon/services/alexandria-config.js
index 8a86f0c8a..1debe7c8a 100644
--- a/addon/services/alexandria-config.js
+++ b/addon/services/alexandria-config.js
@@ -2,6 +2,12 @@ import Service from "@ember/service";
 import { tracked } from "@glimmer/tracking";
 
 export default class AlexandriaConfigService extends Service {
+  namespace = undefined;
+  zipDownloadHost = undefined;
+  zipDownloadNamespace = undefined;
+
+  enablePDFConversion = false;
+
   markIcons = {};
 
   @tracked alexandriaQueryParams = {};
diff --git a/translations/en.yaml b/translations/en.yaml
index 04db38970..13ca824c2 100644
--- a/translations/en.yaml
+++ b/translations/en.yaml
@@ -20,6 +20,7 @@ alexandria:
     update: "Your changes chould'nt be saved. Please try again."
     no-permission: "You don't have permission to perform this action."
     move-document: "While moving {count, plural, one {the document} other {# documents}}, an error occured. Please try again."
+    covert-pdf: "While converting, an error occured. Please try again."
 
   success:
     delete-document: "Document deleted successfully"
@@ -30,6 +31,7 @@ alexandria:
       } uploaded successfully.
     update: "Changes saved."
     move-document: "{count, plural, one {Document} other {# documents}} moved successfully"
+    covert-pdf: "Document converted successfully."
 
   category-nav:
     all-files: "All documents"
@@ -70,6 +72,7 @@ alexandria:
     created-by-user: "Created by user"
     created-by-group: "Created by group"
     replace: "Replace"
+    convert: "To PDF"
     tags:
       title: "Tags"
       add: "Add"