Integrate webapp to mindmap editor with toolbar actions

This commit is contained in:
Matias Arriola 2022-01-26 22:34:00 +00:00 committed by Paulo Veiga
parent a0b8bdb924
commit 5bea640a83
2 changed files with 31 additions and 43 deletions

View File

@ -6,6 +6,11 @@
@import "header.css"; @import "header.css";
@import "../bootstrap/css/bootstrap.min.css"; @import "../bootstrap/css/bootstrap.min.css";
html {
/* avoid bootstrap overriding font-size and breaking Mui */
font-size: initial;
}
body { body {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
@ -126,6 +131,7 @@ div.shareModalDialog {
} }
.popover { .popover {
font-size: 13px;
max-width: none; max-width: none;
} }

View File

@ -8,15 +8,30 @@
<%--@elvariable id="editorTryMode" type="java.lang.String"--%> <%--@elvariable id="editorTryMode" type="java.lang.String"--%>
<%--@elvariable id="lockInfo" type="com.wisemapping.service.LockInfo"--%> <%--@elvariable id="lockInfo" type="com.wisemapping.service.LockInfo"--%>
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<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/"> <meta charset="utf-8" />
<title><spring:message code="SITE.TITLE"/> - <c:out value="${mindmap.title}"/></title> <base href="${requestScope['site.baseurl']}/static/webapp/">
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="../../css/editor.css"/> <link rel="stylesheet" href="../../css/editor.css"/>
<%@ include file="/jsp/pageHeaders.jsf" %> <%@ include file="/jsp/pageHeaders.jsf" %>
<title>Loading | WiseMapping</title>
<script>
window.serverconfig = {
apiBaseUrl: '',
analyticsAccount: '${requestScope['google.analytics.account']}',
clientType: 'rest',
recaptcha2Enabled: ${requestScope['google.recaptcha2.enabled']},
recaptcha2SiteKey: '${requestScope['google.recaptcha2.siteKey']}'
};
</script>
<script type="text/javascript"> <script type="text/javascript">
var mapId = '${mindmap.id}'; var mapId = '${mindmap.id}';
var memoryPersistence = ${memoryPersistence}; var memoryPersistence = ${memoryPersistence};
@ -35,45 +50,12 @@
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<div id="header"> <script type="text/javascript" src="<c:out value="${requestScope['site.static.js.url']}"/>/webapp/vendors.bundle.js"></script>
<%@ include file="/jsp/mindmapEditorToolbar.jsf" %> <script type="text/javascript" src="<c:out value="${requestScope['site.static.js.url']}"/>/webapp/app.bundle.js"></script>
</div>
<div id="mindplot" onselectstart="return false;"></div>
<div id="floating-panel">
<div id="keyboardShortcuts" class="buttonExtOn">
<img src="../../images/editor/keyboard.svg"/>
</div>
<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>
<div id="position">
<button id="position-button">
<img src="../../images/editor/center_focus.svg" />
</button>
</div>
</div>
<div id="bottom-logo"></div>
<div id="headerNotifier"></div>
<%-- Try message dialog --%>
<c:if test="${memoryPersistence}">
<div id="tryInfoPanel">
<p><spring:message code="TRY_WELCOME"/></p>
<p><b><spring:message code="TRY_WELCOME_DESC"/></b></p>
<a href="/c/registration"><div class="actionButton"><spring:message code="SIGN_UP"/></div></a>
</div>
</c:if>
<script type="text/javascript" src="${requestScope['site.static.js.url']}/mindplot/loader.js"></script>
</body> </body>
</html> </html>