mirror of
https://github.com/wisemapping/wisemapping-open-source.git
synced 2025-04-19 02:05:32 +08:00
81 lines
2.4 KiB
Plaintext
81 lines
2.4 KiB
Plaintext
<%@page pageEncoding="UTF-8" %>
|
|
<%@include file="/jsp/init.jsp" %>
|
|
|
|
<%--@elvariable id="mindmap" type="com.wisemapping.model.Mindmap"--%>
|
|
|
|
<!DOCTYPE HTML>
|
|
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<base href="${requestScope['site.baseurl']}/static/mindplot/">
|
|
<title><spring:message code="SITE.TITLE"/> | ${mindmap.title} </title>
|
|
<link rel="stylesheet/less" type="text/css" href="../../css/viewonly.less"/>
|
|
<script type='text/javascript' src="../../js/less.js"/></script>
|
|
<%@ include file="/jsp/pageHeaders.jsf" %>
|
|
<script type="text/javascript">
|
|
var mapId = '${mindmap.id}';
|
|
var memoryPersistence = true;
|
|
var readOnly = true;
|
|
var userOptions = ${mindmap.properties};
|
|
var locale = '${locale}';
|
|
var isAuth = ${principal != null};
|
|
</script>
|
|
<%@ include file="/jsp/googleAnalytics.jsf" %>
|
|
</head>
|
|
<body>
|
|
<div id="mindplot"></div>
|
|
|
|
<a href="${requestScope['site.homepage']}" target="new">
|
|
<div id="footerLogo"></div>
|
|
</a>
|
|
|
|
<div id="mapDetails">
|
|
<span class="title"><spring:message code="CREATOR"/>:</span><span><c:out value="${mindmap.creator.fullName}"/></span>
|
|
<span class="title"><spring:message code="DESCRIPTION"/>:</span><span><c:out value="${mindmap.title}"/></span>
|
|
</div>
|
|
|
|
<script src="loader.js"></script>
|
|
|
|
<div id="floating-panel">
|
|
<div id="zoom-button">
|
|
<button id="zoom-plus">
|
|
<img src="../../images/editor/add.svg" />
|
|
</button>
|
|
<button id="zoom-minus">
|
|
<img src="../../images/editor/minus.svg" />
|
|
</button>
|
|
<div id="position">
|
|
<button id="position-button">
|
|
<img src="../../images/editor/center_focus.svg" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
// Hock zoom events ...
|
|
const zoomInButton = document.getElementById('zoom-plus');
|
|
if (zoomInButton) {
|
|
zoomInButton.addEventListener('click', () => {
|
|
designer.zoomIn();
|
|
});
|
|
}
|
|
|
|
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>
|
|
</body>
|
|
</html>
|