2012-06-30 02:26:21 -03:00
|
|
|
<%@page pageEncoding="UTF-8" %>
|
2023-07-28 22:46:38 -07:00
|
|
|
<%@include file="init.jsp" %>
|
2012-04-05 14:18:13 -03:00
|
|
|
|
2012-08-15 21:28:51 -03:00
|
|
|
<%--@elvariable id="mindmap" type="com.wisemapping.model.Mindmap"--%>
|
2012-04-05 14:18:13 -03:00
|
|
|
|
2012-06-30 02:26:21 -03:00
|
|
|
<!DOCTYPE HTML>
|
2011-10-18 09:29:29 -03:00
|
|
|
|
2022-11-20 00:01:16 -08:00
|
|
|
<html lang="${fn:substring(locale,0,2)}">
|
2009-06-07 18:59:43 +00:00
|
|
|
<head>
|
2023-08-06 20:02:30 -07:00
|
|
|
<base href="${requestScope['site.baseurl']}/static/mindplot/"/>
|
2022-07-04 22:10:30 +00:00
|
|
|
<meta name="viewport" content="initial-scale=1">
|
2021-12-25 22:55:22 -08:00
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
2022-09-11 14:20:58 -07:00
|
|
|
|
2022-11-20 07:38:36 -08:00
|
|
|
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;600&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin>
|
|
|
|
|
<link rel="preload" href="../../css/viewonly.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
2022-09-11 14:20:58 -07:00
|
|
|
|
2022-02-06 09:42:36 -08:00
|
|
|
<title>${mindmap.title} | <spring:message code="SITE.TITLE"/></title>
|
2023-07-28 22:46:38 -07:00
|
|
|
<%@ include file="pageHeaders.jsf" %>
|
2022-09-11 16:23:25 -07:00
|
|
|
|
2022-01-08 10:32:49 -08:00
|
|
|
<script type="text/javascript">
|
2021-12-25 22:55:22 -08:00
|
|
|
var mapId = '${mindmap.id}';
|
2022-01-27 19:06:51 -08:00
|
|
|
var historyId = '${hid}';
|
2021-12-25 22:55:22 -08:00
|
|
|
var userOptions = ${mindmap.properties};
|
|
|
|
|
var locale = '${locale}';
|
|
|
|
|
var isAuth = ${principal != null};
|
|
|
|
|
</script>
|
2022-09-11 16:23:25 -07:00
|
|
|
|
2022-05-29 21:47:44 -07:00
|
|
|
<c:if test="${requestScope['google.analytics.enabled']}">
|
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
2022-05-29 22:07:38 -07:00
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=${requestScope['google.analytics.account']}"></script>
|
2022-05-29 21:47:44 -07:00
|
|
|
<script>
|
|
|
|
|
window.dataLayer = window.dataLayer || [];
|
|
|
|
|
function gtag(){dataLayer.push(arguments);}
|
|
|
|
|
gtag('js', new Date());
|
|
|
|
|
gtag('config', '${requestScope['google.analytics.account']}',
|
|
|
|
|
{
|
2022-05-30 09:00:13 -07:00
|
|
|
'page_title' : 'Public View'
|
2022-05-29 21:47:44 -07:00
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</c:if>
|
|
|
|
|
|
2022-07-04 22:10:30 +00:00
|
|
|
<style>
|
|
|
|
|
body {
|
2022-07-15 01:00:34 +00:00
|
|
|
height: 100vh;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
min-width: 100vw;
|
|
|
|
|
min-height: 100vh;
|
2022-07-04 22:10:30 +00:00
|
|
|
margin: 0px;
|
|
|
|
|
}
|
2011-10-18 09:29:29 -03:00
|
|
|
|
2023-02-03 19:03:14 -08:00
|
|
|
.mindplot-div-container {
|
2022-07-04 22:10:30 +00:00
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
2012-04-05 14:18:13 -03:00
|
|
|
|
2022-07-04 22:10:30 +00:00
|
|
|
</style>
|
2011-10-18 09:29:29 -03:00
|
|
|
|
2022-07-04 22:10:30 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2023-02-03 03:36:51 -08:00
|
|
|
<div id="root" class="mindplot-div-container">
|
2022-11-14 20:18:34 -08:00
|
|
|
<mindplot-component id="mindmap-comp"/>
|
2022-11-19 11:36:09 -08:00
|
|
|
</div>
|
|
|
|
|
<div id="mindplot-tooltips" className="wise-editor"></div>
|
|
|
|
|
|
|
|
|
|
<a href="${requestScope['site.homepage']}" target="new" aria-label="WiseMapping Homepage">
|
|
|
|
|
<div id="footerLogo"></div>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<div id="mapDetails">
|
|
|
|
|
<span class="title"><spring:message code="CREATOR"/>:</span><span>${mindmap.creator.fullName}</span>
|
|
|
|
|
<span class="title"><spring:message code="DESCRIPTION"/>:</span><span>${mindmap.title}</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
2022-11-20 00:52:19 -08:00
|
|
|
<script type="text/javascript" src="${requestScope['site.static.js.url']}/mindplot/loader.js" crossorigin="anonymous" defer></script>
|
2022-11-19 11:36:09 -08:00
|
|
|
|
|
|
|
|
<div id="floating-panel">
|
|
|
|
|
<div id="zoom-button">
|
2022-11-20 00:01:16 -08:00
|
|
|
<button id="zoom-plus" title="<spring:message code="ZOOM_IN"/>" alt="<spring:message code="ZOOM_IN"/>">
|
|
|
|
|
<img src="../../images/add.svg" width="24" height="24" alt="<spring:message code="ZOOM_IN"/>"/>
|
2022-11-19 11:36:09 -08:00
|
|
|
</button>
|
2022-11-20 00:01:16 -08:00
|
|
|
<button id="zoom-minus" title="<spring:message code="ZOOM_OUT"/>" alt="<spring:message code="ZOOM_OUT"/>">
|
|
|
|
|
<img src="../../images/minus.svg" width="24" height="24" alt="<spring:message code="ZOOM_OUT"/>"/>
|
2022-11-19 11:36:09 -08:00
|
|
|
</button>
|
|
|
|
|
<div id="position">
|
2022-11-20 00:01:16 -08:00
|
|
|
<button id="position-button" title="<spring:message code="ZOOM_TO_FIT"/>" alt="<spring:message code="ZOOM_TO_FIT"/>">
|
|
|
|
|
<img src="../../images/center_focus.svg" width="24" height="24" alt="<spring:message code="ZOOM_TO_FIT"/>"/>
|
2022-11-19 11:36:09 -08:00
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-01-10 12:00:26 -08:00
|
|
|
|
2022-07-04 22:10:30 +00:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
// Hook zoom events ...
|
|
|
|
|
const zoomInButton = document.getElementById('zoom-plus');
|
|
|
|
|
if (zoomInButton) {
|
|
|
|
|
zoomInButton.addEventListener('click', () => {
|
|
|
|
|
designer.zoomIn();
|
|
|
|
|
});
|
|
|
|
|
}
|
2022-01-10 12:00:26 -08:00
|
|
|
|
2022-07-04 22:10:30 +00:00
|
|
|
const zoomOutButton = document.getElementById('zoom-minus');
|
|
|
|
|
if (zoomOutButton) {
|
|
|
|
|
zoomOutButton.addEventListener('click', () => {
|
|
|
|
|
designer.zoomOut();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const position = document.getElementById('position');
|
|
|
|
|
if (position) {
|
|
|
|
|
position.addEventListener('click', () => {
|
|
|
|
|
designer.zoomToFit();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2009-06-07 18:59:43 +00:00
|
|
|
</body>
|
2011-10-18 09:29:29 -03:00
|
|
|
</html>
|
