Add account information render

This commit is contained in:
Paulo Gustavo Veiga 2022-01-07 17:47:53 -08:00
parent 965c65e793
commit 761b2e5ee0
3 changed files with 83 additions and 83 deletions

View File

@ -25,12 +25,11 @@ div#mapName >span {
font-weight: bold; font-weight: bold;
} }
div#back { div#backToList {
background: url(../../images/editor/back-icon.svg) no-repeat center center; height: 24px;
height: 40px; width: 24px;
width: 80px;
float: left; float: left;
margin: 6px 0px; margin: 13px 20px;
} }
/******************************************************************************************/ /******************************************************************************************/

View File

@ -30,6 +30,8 @@
var mindmapLockedMsg = '<spring:message code="MINDMAP_LOCKED" arguments="${lockInfo.user.fullName},${lockInfo.user.email}"/>'; var mindmapLockedMsg = '<spring:message code="MINDMAP_LOCKED" arguments="${lockInfo.user.fullName},${lockInfo.user.email}"/>';
var userOptions = ${mindmap.properties}; var userOptions = ${mindmap.properties};
var isAuth = ${principal != null}; var isAuth = ${principal != null};
var accountName = '${principal.fullName}';
var accountEmail = '${principal.email}';
</script> </script>
<%@ include file="/jsp/googleAnalytics.jsf" %> <%@ include file="/jsp/googleAnalytics.jsf" %>
</head> </head>

View File

@ -1,91 +1,90 @@
<%--@elvariable id="mindmap" type="com.wisemapping.model.Mindmap"--%> <%--@elvariable id="mindmap" type="com.wisemapping.model.Mindmap"--%>
<div id="toolbar"> <div id="toolbar">
<a href="/c/maps/"><div id="back"></div></a> <div id="backToList">
<div id="editTab" class="tabContent"> <img src="../../images/editor/back-icon.svg" />
<div id="persist" class="buttonContainer"> </div> <div id="editTab" class="tabContent">
<c:if test="${!readOnlyMode}"> <div id="persist" class="buttonContainer">
<div id="save" class="buttonOn">
<img src="../../images/editor/save.svg"/>
</div>
</c:if>
</div>
<c:if test="${!readOnlyMode}"> <c:if test="${!readOnlyMode}">
<div id="edit" class="buttonContainer"> <div id="save" class="buttonOn">
<div id="undoEdition" class="buttonOn"> <img src="../../images/editor/save.svg"/>
<img src="../../images/editor/undo.svg"/>
</div>
<div id="redoEdition" class="buttonOn">
<img src="../../images/editor/redo.svg"/>
</div>
</div> </div>
</c:if> </c:if>
<c:if test="${!readOnlyMode}">
<div id="nodeStyle" class="buttonContainer">
<div id="addTopic" class="buttonOn">
<img src="../../images/editor/topic-add.svg"/>
</div>
<div id="deleteTopic" class="buttonOn">
<img src="../../images/editor/topic-delete.svg"/>
</div>
<div id="topicBorder" class="buttonExtOn">
<img src="../../images/editor/topic-border.svg"/>
</div>
<div id="topicColor" class="buttonExtOn">
<img src="../../images/editor/topic-color.svg"/>
</div>
<div id="topicShape" class="buttonExtOn">
<img src="../../images/editor/topic-shape.svg"/>
</div>
</div>
<div id="font" class="buttonContainer">
<div id="fontFamily" class="buttonOn">
<img src="../../images/editor/font-type.svg"/>
</div>
<div id="fontSize" class="buttonExtOn">
<img src="../../images/editor/font-size.svg"/>
</div>
<div id="fontBold" class="buttonOn">
<img src="../../images/editor/font-bold.svg"/>
</div>
<div id="fontItalic" class="buttonOn">
<img src="../../images/editor/font-italic.svg"/>
</div>
<div id="fontColor" class="buttonExtOn">
<img src="../../images/editor/font-color.svg"/>
</div>
</div>
<div id="nodeContent" class="buttonContainer">
<div id="topicIcon" class="buttonExtOn">
<img src="../../images/editor/topic-icon.svg"/>
</div>
<div id="topicNote" class="buttonOn" >
<img src="../../images/editor/topic-note.svg"/>
</div>
<div id="topicLink" class="buttonOn">
<img src="../../images/editor/topic-link.svg"/>
</div>
<div id="topicRelation" class="buttonOn">
<img src="../../images/editor/topic-relation.svg"/>
</div>
</div>
<div id="separator" class="buttonContainer"></div>
</c:if>
</div> </div>
<div id="toolbarRight"> <c:if test="${!readOnlyMode}">
<div id="account"> <div id="edit" class="buttonContainer">
<img src="../../images/editor/account.svg"/> <div id="undoEdition" class="buttonOn">
<img src="../../images/editor/undo.svg"/>
</div>
<div id="redoEdition" class="buttonOn">
<img src="../../images/editor/redo.svg"/>
</div>
</div> </div>
<div id="share" class="actionButton">Share</div> </c:if>
<div id="export" class="buttonOn"> <c:if test="${!readOnlyMode}">
<img src="../../images/editor/export.svg" /> <div id="nodeStyle" class="buttonContainer">
<div id="addTopic" class="buttonOn">
<img src="../../images/editor/topic-add.svg"/>
</div>
<div id="deleteTopic" class="buttonOn">
<img src="../../images/editor/topic-delete.svg"/>
</div>
<div id="topicBorder" class="buttonExtOn">
<img src="../../images/editor/topic-border.svg"/>
</div>
<div id="topicColor" class="buttonExtOn">
<img src="../../images/editor/topic-color.svg"/>
</div>
<div id="topicShape" class="buttonExtOn">
<img src="../../images/editor/topic-shape.svg"/>
</div>
</div> </div>
<div id="print" class="buttonOn"> <div id="font" class="buttonContainer">
<img src="../../images/editor/print.svg" /> <div id="fontFamily" class="buttonOn">
<img src="../../images/editor/font-type.svg"/>
</div>
<div id="fontSize" class="buttonExtOn">
<img src="../../images/editor/font-size.svg"/>
</div>
<div id="fontBold" class="buttonOn">
<img src="../../images/editor/font-bold.svg"/>
</div>
<div id="fontItalic" class="buttonOn">
<img src="../../images/editor/font-italic.svg"/>
</div>
<div id="fontColor" class="buttonExtOn">
<img src="../../images/editor/font-color.svg"/>
</div>
</div> </div>
<div id="history" class="buttonOn"> <div id="nodeContent" class="buttonContainer">
<img src="../../images/editor/history.svg" /> <div id="topicIcon" class="buttonExtOn">
<img src="../../images/editor/topic-icon.svg"/>
</div>
<div id="topicNote" class="buttonOn" >
<img src="../../images/editor/topic-note.svg"/>
</div>
<div id="topicLink" class="buttonOn">
<img src="../../images/editor/topic-link.svg"/>
</div>
<div id="topicRelation" class="buttonOn">
<img src="../../images/editor/topic-relation.svg"/>
</div>
</div> </div>
<div id="separator" class="buttonContainer"></div>
</c:if>
</div>
<div id="toolbarRight">
<div id="share" class="actionButton">Share</div>
<div id="export" class="buttonOn">
<img src="../../images/editor/export.svg" />
</div>
<div id="print" class="buttonOn">
<img src="../../images/editor/print.svg" />
</div>
<div id="history" class="buttonOn">
<img src="../../images/editor/history.svg" />
</div>
<div id="account">
<img src="../../images/editor/account.svg"/>
</div> </div>
</div> </div>