office-dynamixs-ai/dynamixs-ai-app/docker/deployments/dynamixs-ai.war/layout/template_print.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
	xmlns:fn="http://xmlns.jcp.org/jsp/jstl/functions" xmlns:marty="http://xmlns.jcp.org/jsf/composite/marty"
	xmlns:i="http://xmlns.jcp.org/jsf/composite/imixs">

<h:head>
	<meta name="viewport" content="width=device-width" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta content="text/javascript" http-equiv="Content-Script-Type" />
	<meta content="text/css" http-equiv="Content-Style-Type" />
	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
	<meta content="Imixs Workflow" name="keywords" />
	<meta name="robots" content="noindex" />


	<title>
		<ui:param name="title" value="#{propertyController.getProperty('application.title')}"></ui:param>
		<h:outputText rendered="#{empty title}" value="#{resourceBundleHandler.findMessage('application_title')}" />
		<h:outputText rendered="#{!empty title}" value="#{title}" />
		- #{workflowController.workitem.item['$uniqueid']}
	</title>

	<!-- imixs-css -->
	<link href="#{request.contextPath}/layout/css/imixs-basic.css" charset="UTF-8" type="text/css" rel="stylesheet" />
	<link href="#{request.contextPath}/layout/css/imixs-layout.css" charset="UTF-8" type="text/css" rel="stylesheet" />


	<!-- #### Customize TinyMCE  Start -->
	<!--  tinymce disable can be set back to true if new defaulttinymce is supported -->
	<i:imixsHeader disablecss="false" disabletinymce="true" dateformat="#{message.datePatternShort}"
		theme="#{request.contextPath}/layout/themes/#{app.application_theme}" />
	<!-- #### Customize TinyMCE  END -->




	<link href="#{request.contextPath}/marty/imixs-marty.css" charset="UTF-8" type="text/css" rel="stylesheet" />

	<link href="#{request.contextPath}/layout/css/fonts/typicons.css?build=#{app.application_build_timestamp}"
		charset="UTF-8" type="text/css" rel="stylesheet" />
	<link href="#{request.contextPath}/layout/css/office-theme.css" charset="UTF-8" type="text/css" rel="stylesheet" />

	<link href="#{request.contextPath}/layout/css/office-theme-print.css" charset="UTF-8" type="text/css"
		rel="stylesheet" />

	<link href="#{request.contextPath}/layout/css/custom.css" charset="UTF-8" type="text/css" rel="stylesheet" />
	<link href="#{request.contextPath}/layout/css/custom-print.css" charset="UTF-8" type="text/css" rel="stylesheet" />

	<!-- IE 7 support -->
	<h:outputText
		value="&lt;!--[if IE 7]&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;#{request.contextPath}/layout/css/ie-support.css&quot; /&gt;&lt;![endif]--&gt;"
		escape="false" />
	<!-- IE 8 support -->
	<h:outputText
		value="&lt;!--[if IE 8]&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;#{request.contextPath}/layout/css/ie-support.css&quot; /&gt;&lt;![endif]--&gt;"
		escape="false" />
	<!-- IE 9 support -->
	<h:outputText
		value="&lt;!--[if IE 9]&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;#{request.contextPath}/layout/css/ie-support.css&quot; /&gt;&lt;![endif]--&gt;"
		escape="false" />
	<!-- IE 10 support -->
	<h:outputText
		value="&lt;!--[if IE 10]&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;#{request.contextPath}/layout/css/ie-support.css&quot; /&gt;&lt;![endif]--&gt;"
		escape="false" />


	<!-- *** SCRIPTS *** -->

	<!-- tinyMCE -->
	<script type="text/javascript"
		src="#{request.contextPath}/js/tinymce/tinymce.min.js?build=#{app.application_build_timestamp}"></script>

	<!-- datepicker regional -->
	<script type="text/javascript"
		src="#{request.contextPath}/js/#{message['jquey.datepicker.regional']}?build=#{app.application_build_timestamp}"></script>

	<!-- Load the marty component script -->
	<script type="text/javascript"
		src="#{request.contextPath}/marty/imixs-marty.js?build=#{app.application_build_timestamp}"></script>

	<!-- Load DataTablePlugin  -->
	<script type="text/javascript"
		src="#{request.contextPath}/js/jquery.dataTables.min.js?build=#{app.application_build_timestamp}"></script>

	<!-- Chart.js -->
	<script type="text/javascript"
		src="#{request.contextPath}/js/chartjs/Chart.bundle.min.js?build=#{app.application_build_timestamp}"></script>

	<!-- Imixs-Office-Workflow  -->
	<script type="text/javascript"
		src="#{request.contextPath}/js/imixs-core.js?build=#{app.application_build_timestamp}"></script>
	<script type="text/javascript"
		src="#{request.contextPath}/js/imixs-office.main.js?build=#{app.application_build_timestamp}"></script>
	<script type="text/javascript"
		src="#{request.contextPath}/js/imixs-office.main.custom.js?build=#{app.application_build_timestamp}"></script>

	<script type="text/javascript">
		/*<![CDATA[*/

		// define script name spaces
		var imixs = IMIXS.org.imixs.core
		var imixsOfficeWorkflow = IMIXS.org.imixs.workflow.office;

		// define variables for office scripts loaded from resource bundles....
		imixsOfficeMain.contextPath = "#{facesContext.externalContext.requestContextPath}";
		imixsOfficeMain.error_message_mce_image_size = "#{message.error_message_mce_image_size}";
		imixsOfficeMain.imixs_date_showWeek = ("true" === "#{app['jquey.datepicker.showWeek']}");
		/*]]>*/
	</script>
	<ui:insert name="header">
	</ui:insert>


</h:head>


<h:body>
	<f:view locale="#{userController.locale}">

		<div id="imixs-container">

			<div id="imixs-wrapper">

				<!-- Branding -->
				<div class="branding">
					<h1>
						<ui:param name="title" value="#{propertyController.getProperty('application.title')}">
						</ui:param>
						<h:outputText rendered="#{empty title}"
							value="#{resourceBundleHandler.findMessage('application_title')}" />
						<h:outputText rendered="#{!empty title}" value="#{title}" />
					</h1>
					<p style="float:right"><span id="printtime"></span></p>
				</div>
				<hr />

				<div id="imixs-content">
					<ui:insert name="content">
						<h1>Default Content</h1>
					</ui:insert>
				</div>

			</div>

			<!-- END container -->

			<div id="footer">
				<div id="footer1">
					<ui:insert name="extra">
						<ui:include src="/layout/extra.xhtml" />
					</ui:insert>
				</div>
				<div id="footer2">
					<ui:insert name="footer">
						<ui:include src="/layout/footer.xhtml" />
					</ui:insert>
				</div>
			</div>
			<!-- END footer -->


		</div>
	</f:view>

	<!-- Load the marty component script -->
	<script type="text/javascript" src="#{request.contextPath}/marty/imixs-marty.js"></script>
	<!-- Imixs-Office-Workflow  -->
	<script type="text/javascript"
		src="#{request.contextPath}/js/imixs-core.js?build=#{app.application_build_timestamp}"></script>
	<script type="text/javascript"
		src="#{request.contextPath}/js/imixs-office-workflow.js?build=#{app.application_build_timestamp}"></script>

	<script type="text/javascript">
		/*<![CDATA[*/

		/* Init Script */
		var imixs = IMIXS.org.imixs.core,
			imixsOfficeWorkflow = IMIXS.org.imixs.workflow.office;

		imixsOfficeMain.contextPath = "#{facesContext.externalContext.requestContextPath}";

		$(document).ready(function () {
			imixsOfficeMain.initLayout();

			/* Print current time into header */
			var jetzt = new Date();
			var stunden = jetzt.getHours();
			var minuten = jetzt.getMinutes();
			var sekunden = jetzt.getSeconds();
			var tag = jetzt.getDate();
			var monat = jetzt.getMonth() + 1; // Month starts with 0
			var jahr = jetzt.getFullYear();
			// add leading 0
			minuten = minuten < 10 ? '0' + minuten : minuten;
			sekunden = sekunden < 10 ? '0' + sekunden : sekunden;
			monat = monat < 10 ? '0' + monat : monat;
			tag = tag < 10 ? '0' + tag : tag;
			var datetimeString = tag + '.' + monat + '.' + jahr + ' ' + stunden + ':' + minuten + ':' + sekunden;
			document.getElementById('printtime').innerText = datetimeString;


			/* This script replaces input fields with their values
			 * we skip radio inputs and checkboxes.
			 * if a input field is inside a parent element with the class named '.imixs-custom-print' 
			 * then the input will be printed as it is  
			 * 
			 */
			$(".imixs-body input[type=text], .imixs-body textarea").each(function (index) {
				var hauptding = $(this).closest(".imixs-custom-print");
				if (hauptding.length == 0) {
					var content = $(this).val();
					$(this).after("<span style=\"white-space: pre-line;\">" + content + "</span>").hide();
				}
			});

			$(".imixs-body input[type=radio]").each(function (index) {
				var content = $(this).val();
				var label = $(this).next().next().text();
			});


			$(".imixs-body select").each(function (index) {
				$("option:selected", this).each(function () {
					var content = $(this).text();
					$(this).parent().after("<span style=\"white-space: pre-line;\">" + content + "</span>");
				});
				$(this).hide();
			});

			// hide buttons
			$(".imixs-body input[type=submit], .imixs-body input[type=rest], .imixs-body input[type=button], .imixs-body :button").hide();

			// autoprint 
			window.print();
		});


		/*]]>*/
	</script>
</h:body>

</html>