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
This commit is contained in:
Gustavo Fuhr 2022-07-04 22:10:30 +00:00 committed by Paulo Veiga
parent 0920dab922
commit a49b870f03

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" style={mindplotStyle} className="wise-editor"></div>
<div id="mindplot-tooltips" className="wise-editor"></div> <div id="mindplot-tooltips" className="wise-editor"></div>
<a href="${requestScope['site.homepage']}" target="new"> <a href="${requestScope['site.homepage']}" target="new">
<div id="footerLogo"></div> <div id="footerLogo"></div>
</a> </a>
<div id="mapDetails"> <div id="mapDetails">
<span class="title"><spring:message code="CREATOR"/>:</span><span>${mindmap.creator.fullName}</span> <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> <span class="title"><spring:message code="DESCRIPTION"/>:</span><span>${mindmap.title}</span>
</div> </div>
<script type="text/javascript" src="${requestScope['site.static.js.url']}/mindplot/loader.js" crossorigin="anonymous"></script> <script type="text/javascript" src="${requestScope['site.static.js.url']}/mindplot/loader.js" crossorigin="anonymous"></script>
<div id="floating-panel"> <div id="floating-panel">
<div id="zoom-button"> <div id="zoom-button">
<button id="zoom-plus"> <button id="zoom-plus">
<img src="../../images/add.svg" /> <img src="../../images/add.svg" />
</button> </button>
<button id="zoom-minus"> <button id="zoom-minus">
<img src="../../images/minus.svg" /> <img src="../../images/minus.svg" />
</button> </button>
<div id="position"> <div id="position">
<button id="position-button"> <button id="position-button">
<img src="../../images/center_focus.svg" /> <img src="../../images/center_focus.svg" />
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div>
<script type="text/javascript"> <script type="text/javascript">
// Hook zoom events ... // Hook zoom events ...
const zoomInButton = document.getElementById('zoom-plus'); const zoomInButton = document.getElementById('zoom-plus');
if (zoomInButton) { if (zoomInButton) {
zoomInButton.addEventListener('click', () => { zoomInButton.addEventListener('click', () => {
designer.zoomIn(); designer.zoomIn();
}); });
} }
const zoomOutButton = document.getElementById('zoom-minus'); const zoomOutButton = document.getElementById('zoom-minus');
if (zoomOutButton) { if (zoomOutButton) {
zoomOutButton.addEventListener('click', () => { zoomOutButton.addEventListener('click', () => {
designer.zoomOut(); designer.zoomOut();
}); });
} }
const position = document.getElementById('position'); const position = document.getElementById('position');
if (position) { if (position) {
position.addEventListener('click', () => { position.addEventListener('click', () => {
designer.zoomToFit(); designer.zoomToFit();
}); });
} }
</script>
</script>
</body> </body>
</html> </html>