impl

Issue #585
imixs · Jun 7, 2024 · 8209c11 · 8209c11
1 parent 33da29d
commit 8209c11
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 0 deletions.
diff --git a/imixs-office-workflow-app/src/main/webapp/js/marked.min.js b/imixs-office-workflow-app/src/main/webapp/js/marked.min.js
diff --git a/imixs-office-workflow-app/src/main/webapp/layout/css/office-theme.css b/imixs-office-workflow-app/src/main/webapp/layout/css/office-theme.css
@@ -1528,6 +1528,31 @@ th {
 	text-align: right;
 }
 
+/* Markdown part */
+.imixs-markdown-output {
+	padding: 10px;
+}
+
+.imixs-markdown-output p strong {
+	font-size: 1.1rem;
+}
+
+.imixs-markdown-output table {
+	margin: 20px 0;
+}
+
+.imixs-markdown-output table thead tr th {
+	font-weight: bold;
+	color: #333;
+	border-bottom: 1px solid #333;
+	text-align: left;
+}
+
+.imixs-markdown-output table tbody tr td {
+	padding: 8px;
+	border-bottom: 1px solid #ccc;
+}
+
 /* Minutes*/
 .minute-number {
 	float: left;

diff --git a/imixs-office-workflow-app/src/main/webapp/layout/template.xhtml b/imixs-office-workflow-app/src/main/webapp/layout/template.xhtml
@@ -125,6 +125,10 @@
 	<script type="text/javascript"
 		src="#{facesContext.externalContext.requestContextPath}/js/jquery.dataTables.min.js?build=#{app.application_build_timestamp}"></script>
 
+	<!-- Load showdown (markup to html)  -->
+	<script type="text/javascript"
+		src="#{facesContext.externalContext.requestContextPath}/js/marked.min.js?build=#{app.application_build_timestamp}"></script>
+
 
 	<!-- Imixs-Office-Workflow  -->
 	<script type="text/javascript"

diff --git a/imixs-office-workflow-app/src/main/webapp/pages/workitems/parts/markdown.xhtml b/imixs-office-workflow-app/src/main/webapp/pages/workitems/parts/markdown.xhtml
@@ -0,0 +1,28 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+	xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
+	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" xmlns:h="http://xmlns.jcp.org/jsf/html">
+
+
+
+	<ui:fragment rendered="#{!readonly}">
+		<h:inputTextarea value="#{workitem.item[item.name]}" pt:data-item="#{item.name}"
+			required="#{item.required?validationController.required:false}" rendered="#{!item.readonly}"
+			disabled="#{item.disabled}" />
+
+	</ui:fragment>
+	<ui:fragment rendered="#{readonly}">
+		<h:inputHidden pt:data-id="markdown_hidden_input" value="#{workitem.item[item.name]}" />
+		<script type="text/javascript">
+			/*<![CDATA[*/
+			$(document).ready(function () {
+				var elements = document.querySelectorAll('[data-id="markdown_hidden_input"]');
+				var mdHtml = marked.parse(elements[0].value);
+				const divElement = document.querySelector('.imixs-markdown-output');
+				divElement.innerHTML = mdHtml;
+			});
+			/*]]>*/
+		</script>
+		<div class="imixs-markdown-output"></div>
+	</ui:fragment>
+
+</ui:composition>