From 7eaba5ee31a1fccad15b70d7c1b22012d5438c99 Mon Sep 17 00:00:00 2001
From: Jens Pelzetter <jens@jp-digital.de>
Date: Sat, 31 Jul 2021 10:47:38 +0200
Subject: [PATCH] Info modals for related info

---
 .../documents/relatedinfo.xhtml               | 42 +++++++++++++++++++
 .../ui/DefaultAuthoringStepsBundle.properties |  4 ++
 .../DefaultAuthoringStepsBundle_de.properties |  4 ++
 3 files changed, 50 insertions(+)

diff --git a/ccm-cms/src/main/resources/WEB-INF/views/org/librecms/ui/contentsection/documents/relatedinfo.xhtml b/ccm-cms/src/main/resources/WEB-INF/views/org/librecms/ui/contentsection/documents/relatedinfo.xhtml
index 5d317dab7..77f92ef45 100644
--- a/ccm-cms/src/main/resources/WEB-INF/views/org/librecms/ui/contentsection/documents/relatedinfo.xhtml
+++ b/ccm-cms/src/main/resources/WEB-INF/views/org/librecms/ui/contentsection/documents/relatedinfo.xhtml
@@ -216,10 +216,52 @@
                                             <span class="sr-only">#{CmsDefaultStepsMessageBundle['relatedinfo.attachments.move.button']}"</span>
                                         </button>
                                         <button class="btn btn-secondary mx-2"
+                                                data-toggle="modal"
+                                                data-target="#attachment-#{attachment.uuid}-info-dialog"
                                                 type="button">
                                             <bootstrap:svgIcon icon="info-circle" />
                                             <span class="sr-only">#{CmsDefaultStepsMessageBundle['relatedinfo.attachments.info.button']}"</span>
                                         </button>
+                                        <div aria-hidden="true" 
+                                             aria-labelledby="attachment-#{attachment.uuid}-info-dialog-title"
+                                             class="modal fade"
+                                             id="attachment-#{attachment.uuid}-info-dialog"
+                                             tabindex="-1"
+                                             >
+                                            <div class="modal-dialog">
+                                                <div class="modal-content">
+                                                    <div class="modal-header">
+                                                        <h3 class="modal-title"
+                                                            id="attachment-#{attachment.uuid}-info-dialog-title">
+                                                            #{CmsDefaultStepsMessageBundle.getMessage('relatedinfo.attachments.info.dialog.title', [list.name, attachment.title])}
+
+                                                        </h3>
+                                                        <button 
+                                                            aria-label="#{CmsDefaultStepsMessageBundle['relatedinfo.attachments.info.dialog.close']}"
+                                                            class="close"
+                                                            data-dismiss="modal"
+                                                            type="button">
+                                                            <bootstrap:svgIcon icon="x" />
+                                                        </button>
+                                                    </div>
+                                                    <div class="modal-body">
+                                                        <dl>
+                                                            <dt>#{CmsDefaultStepsMessageBundle['relatedinfo.attachments.info.dialog.title.label']}</dt>
+                                                            <dd>#{attachment.title}</dd>
+                                                            <dt>#{CmsDefaultStepsMessageBundle['relatedinfo.attachments.info.dialog.type.label']}</dt>
+                                                            <dd>#{attachment.assetTypeLabel}</dd>
+                                                        </dl>
+                                                    </div>
+                                                    <div class="modal-footer">
+                                                        <button class="btn btn-secondary"
+                                                                data-dismiss="modal"
+                                                                type="button">
+                                                            #{CmsDefaultStepsMessageBundle['relatedinfo.attachments.info.dialog.close']}
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
                                         <c:if test="#{attachment.assetType.equals(CmsRelatedInfoStep.relatedLinkType)}">
                                             <a class="btn btn-primary mx-2"
                                                href="#{mvc.basePath}/#{ContentSectionModel.sectionName}/documents/#{CmsSelectedDocumentModel.itemPath}/@relatedinfo/attachmentlists/#{list.name}/links/#{attachment.assetUuid}/@details"
diff --git a/ccm-cms/src/main/resources/org/librecms/ui/DefaultAuthoringStepsBundle.properties b/ccm-cms/src/main/resources/org/librecms/ui/DefaultAuthoringStepsBundle.properties
index 2def31f98..cb8d26dbd 100644
--- a/ccm-cms/src/main/resources/org/librecms/ui/DefaultAuthoringStepsBundle.properties
+++ b/ccm-cms/src/main/resources/org/librecms/ui/DefaultAuthoringStepsBundle.properties
@@ -234,3 +234,7 @@ relatedinfo.attachment.remove.cancel=Cancel
 relatedinfo.attachment.remove.confirm=Remove
 relatedinfo.attachment.remove.title=Confirm removal of attachment
 relatedinfo.attachment.remove.message=Are your sure to remove the attachment {1} from attachment list {0}?
+relatedinfo.attachments.info.dialog.title=Attachment {1} of list {0}
+relatedinfo.attachments.info.dialog.close=Close
+relatedinfo.attachments.info.dialog.title.label=Title
+relatedinfo.attachments.info.dialog.type.label=Type
diff --git a/ccm-cms/src/main/resources/org/librecms/ui/DefaultAuthoringStepsBundle_de.properties b/ccm-cms/src/main/resources/org/librecms/ui/DefaultAuthoringStepsBundle_de.properties
index bb2155ca5..a811bd788 100644
--- a/ccm-cms/src/main/resources/org/librecms/ui/DefaultAuthoringStepsBundle_de.properties
+++ b/ccm-cms/src/main/resources/org/librecms/ui/DefaultAuthoringStepsBundle_de.properties
@@ -234,3 +234,7 @@ relatedinfo.attachment.remove.cancel=Abbrechen
 relatedinfo.attachment.remove.confirm=Entfernen
 relatedinfo.attachment.remove.title=Confirm removal of attachment
 relatedinfo.attachment.remove.message=Sind Sie sicher, dass Sie die weiterf\u00fchrende Information {1} aus der Anhangliste {0} entfernen wollen?
+relatedinfo.attachments.info.dialog.title=Anhang {1} der List {0}
+relatedinfo.attachments.info.dialog.close=Schlie\u00dfen
+relatedinfo.attachments.info.dialog.title.label=Titel
+relatedinfo.attachments.info.dialog.type.label=Typ