Merge pull request #1304 from axonivy-market/document/IVYPORTAL-18073…

…-Create-file-preview-for-PDF-.log-and-PNG-10

IVYPORTAL-18073 Create file preview for PDF .log and PNG

Documentation/portal-guide/source/portal-developer-guide/installation/index.rst

@@ -472,6 +472,12 @@ Release notes
 This part lists all relevant changes since the last official product
 releases of |ivy|.
 
+Changes in 10.0.25
+------------------
+- Introduced the document preview feature for the task and case detail. You can preview images(png or jpeg), plain text(txt or log) and pdf documents.
+- Introduced the Portal Setting ``Portal.Document.EnablePreview`` to control visibility of the preview document icon in Portal.
+
+
 Changes in 10.0.13
 ------------------
 

Documentation/portal-guide/source/portal-user-guide/full-case-list/index.rst

@@ -72,7 +72,7 @@ The case details are separated into four different sections:
    |case-details-histories|
 
 #. Documents: Here, documents attached to the case are listed. You
-   may add or delete documents as described in the HowTo’s below.
+   may add, delete or preview documents as described in the HowTo’s below.
 
    |case-details-documents|
 
@@ -209,6 +209,26 @@ HowTo: Attach a Document to the Case
 
 .. _howto-remove-an-attachment-from-the-case-1:
 
+HowTo: Preview a document of a case
+------------------------------------
+
+#. Open the case details
+
+#. Click on the |preview-icon| button next to the
+   attachment you want to preview
+
+#. A preview dialog is opened
+
+#. Click the button :guilabel:`Close` to close the dialog
+
+|how-to-preview-document|
+
+.. note::
+
+   Portal can preview images, plain text(txt and log) and pdf documents.
+
+   Change :ref:`Portal settings <update-portal-settings>` :bdg-ref-warning:`Portal.Document.EnablePreview` to true to enable this feature.
+
 HowTo: Remove an Attachment from the Case
 -----------------------------------------
 
@@ -427,3 +447,4 @@ HowTo: Share Case Details
 .. |how-to-reset-to-default| image:: ../../screenshots/case-detail/how-to-reset-to-default.png
 .. |portal-process-viewer| image:: ../../screenshots/case/portal-process-viewer.png
 .. |how-to-share-case-details| image:: ../../screenshots/case-detail/share-page-button.png
+.. |how-to-preview-document| image:: ../../screenshots/case-detail/how-to-preview-document.png

Documentation/portal-guide/source/portal-user-guide/full-task-list/index.rst

@@ -94,7 +94,7 @@ The task details are separated into 3 different sections:
    |detailed-task-information-note|
 
 #. Documents, these documents once attached to the case are
-   available on all tasks. You may add or delete documents 
+   available on all tasks. You may add, delete or preview documents 
    described in the HowTo’s below.
 
    |detailed-task-information-documents|
@@ -225,6 +225,27 @@ HowTo: Move and Resize Widgets in Task Details
    |how-to-reset-to-default|
 
 
+
+HowTo: Preview a document of a case
+------------------------------------
+
+#. Open the task details of a task
+
+#. Click on the |preview-icon| button next to the
+   attachment you want to preview
+
+#. A preview dialog is opened
+
+#. Click the button :guilabel:`Close` to close the dialog
+
+|how-to-preview-document|
+
+.. note::
+
+   Portal can preview images, plain text(txt and log) and pdf documents.
+
+   Change :ref:`Portal settings <update-portal-settings>` :bdg-ref-warning:`Portal.Document.EnablePreview` to true to enable this feature.
+
 HowTo: Attach a document to the case
 ------------------------------------
 
@@ -335,6 +356,7 @@ HowTo: Share Task Details
 
 |how-to-share-task-details|
 
+
 .. note::
 
    Grant permission :bdg-ref-warning:`🔑ShareTaskDetailsLink <ShareTaskDetailsLink>` to allow a user to share task details.
@@ -361,3 +383,4 @@ HowTo: Share Task Details
 .. |how-to-switch-to-edit-mode| image:: ../../screenshots/task-detail/how-to-switch-to-edit-mode.png
 .. |how-to-reset-to-default| image:: ../../screenshots/task-detail/how-to-reset-to-default.png
 .. |how-to-share-task-details| image:: ../../screenshots/task-detail/share-page-button.png
+.. |how-to-preview-document| image:: ../../screenshots/case-detail/how-to-preview-document.png

Documentation/portal-guide/source/portal-user-guide/includes/_common-icon.rst

@@ -51,4 +51,6 @@
 .. |import-icon| image:: ../includes/images/import-json.svg
    :width: 15px
 .. |share-icon| image:: ../includes/images/share.svg
+   :width: 15px
+.. |preview-icon| image:: ../includes/images/view-1.svg
    :width: 15px