ZhouXY108
/
wisemapping-open-source
mirror of https://github.com/wisemapping/wisemapping-open-source.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merged in ray-develop (pull request #14) 

PR ray-develop -> develop

* fix view and public mode, initial scale and body size


Approved-by: Paulo Veiga
main
Gustavo Fuhr 2022-07-04 22:10:30 +00:00 committed by Paulo Veiga
parent 0920dab922
commit a49b870f03
1 changed files with 71 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
wise-webapp/src/main/webapp/jsp/mindmapViewonly.jsp
View File

@ -7,6 +7,7 @@
<html> <html>
<head> <head>
<meta name="viewport" content="initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<base href="${requestScope['site.baseurl']}/static/mindplot/"> <base href="${requestScope['site.baseurl']}/static/mindplot/">
<title>${mindmap.title} | <spring:message code="SITE.TITLE"/></title> <title>${mindmap.title} | <spring:message code="SITE.TITLE"/></title>
@ -33,63 +34,79 @@
</script> </script>
</c:if> </c:if>
<style>
body {
height: 100vh;
width: 100vw;
min-width: 100vw;
min-height: 100vh;
margin: 0px;
}
#root {
height: 100%;
width: 100%;
}
</style>
</head> </head>
<body> <body>
<div id="root">
<div id="mindplot" style={mindplotStyle} className="wise-editor"></div>
<div id="mindplot-tooltips" className="wise-editor"></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>${mindmap.creator.fullName}</span>
<span class="title"><spring:message code="DESCRIPTION"/>:</span><span>${mindmap.title}</span>
</div>
<script type="text/javascript" src="${requestScope['site.static.js.url']}/mindplot/loader.js" crossorigin="anonymous"></script>
<div id="floating-panel">
<div id="zoom-button">
<button id="zoom-plus">
<img src="../../images/add.svg" />
</button>
<button id="zoom-minus">
<img src="../../images/minus.svg" />
</button>
<div id="position">
<button id="position-button">
<img src="../../images/center_focus.svg" />
</button>
</div>
</div>
</div>
</div>
<div id="mindplot" style={mindplotStyle} className="wise-editor"></div> <script type="text/javascript">
<div id="mindplot-tooltips" className="wise-editor"></div> // Hook zoom events ...
const zoomInButton = document.getElementById('zoom-plus');
if (zoomInButton) {
zoomInButton.addEventListener('click', () => {
designer.zoomIn();
});
}
const zoomOutButton = document.getElementById('zoom-minus');
<a href="${requestScope['site.homepage']}" target="new"> if (zoomOutButton) {
<div id="footerLogo"></div> zoomOutButton.addEventListener('click', () => {
</a> designer.zoomOut();
});
<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> const position = document.getElementById('position');
</div> if (position) {
position.addEventListener('click', () => {
<script type="text/javascript" src="${requestScope['site.static.js.url']}/mindplot/loader.js" crossorigin="anonymous"></script> designer.zoomToFit();
});
<div id="floating-panel"> }
<div id="zoom-button"> </script>
<button id="zoom-plus">
<img src="../../images/add.svg" />
</button>
<button id="zoom-minus">
<img src="../../images/minus.svg" />
</button>
<div id="position">
<button id="position-button">
<img src="../../images/center_focus.svg" />
</button>
</div>
</div>
</div>
<script type="text/javascript">
// Hook 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> </body>
</html> </html>