Fix Try action support

wise-webapp/src/main/resources/messages_en.properties

@@ -386,13 +386,13 @@ EARPHONE=Earphone
 PHONE-ALT=Phone
 TOWER=Tower
 STATS=Stats
-COPYRIGTH-MARK=Copyright
 REGISTRATION-MARK=Registration Mark
 
 
 # Confirmed
 RESET_PASSWORD_INVALID_EMAIL=The email provided is not a valid user account. Please, try again with an valid email.   
-
+TRY_WELCOME=This edition space showcases some of the mindmap editor capabilities !.
+TRY_WELCOME_DESC=Sign Up to start creating, sharing and publishing unlimited number of mindmaps for free.
 
 
 

wise-webapp/src/main/webapp/css/editor.less

@@ -142,7 +142,7 @@ div#bottom-logo {
     position: fixed;
     left: 20px;
     bottom: 10px;
-    background: url(../images/logo-text-black.svg) no-repeat;
+    background: url(../../images/editor/logo-text-black.svg) no-repeat;
     width: 90px;
     height: 40px;
 }
@@ -213,4 +213,24 @@ div#shotcuts > img{
 #keyboardTable th {
     background-color: #000000;
     color: #ffffff;
+}
+
+div#tryInfoPanel {
+    position: absolute;
+    margin: auto;
+    text-align: center;
+    top: 80px;
+    right: 20px;
+    width: 200px;
+    height: 300px;
+    padding: 20px;
+    font-size: 15px;
+    border-radius: 9px;
+    background-color: white;
+    border: solid 2px #ffa800;
+}
+
+#tryInfoPanel > p {
+    justify-content: center;
+    padding-bottom: 20px;
 }

wise-webapp/src/main/webapp/css/header.less

@@ -39,6 +39,7 @@ div#toolbarRight {
     margin: 6px 10px;
     height: 100%;
 }
+
 #account {
     float: right;
     display: inline;
@@ -55,12 +56,11 @@ div#toolbarRight {
 
 #share {
     margin: 0 30px;
+    float: right;
 }
 
 .actionButton {
-    float: right;
     cursor: pointer;
-    margin: 0px 10px;
     font-family: Arial, Helvetica, sans-serif;
     user-select: none;
     vertical-align: middle;

wise-webapp/src/main/webapp/css/toolbar.less

@@ -127,8 +127,6 @@ div#exportAnchor {
     background-color: #000000;
     padding: 5px 5px;
     color: #f5f5f5;
-    /*font-weight: bold;*/
-    /*width: 100px;*/
     font-size: 11px;
 }
 
@@ -162,11 +160,7 @@ div.toolbarPanelLinkSelectedLink {
     background-color: rgb(228, 226, 210);
     padding: 5px 5px;
     color: #f5f5f5;
-    /*font-weight: bold;*/
-    /*width: 100px;*/
     font-size: 11px;
-    -moz-border-radius: 60px;
-    -webkit-border-radius: 6px;
     border-radius: 6px;
     box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
     border: 3px double rgb(190, 190, 190);

wise-webapp/src/main/webapp/css/viewonly.less

@@ -28,3 +28,8 @@ div#mapDetails .title {
     margin-right: 3px;
 }
 
+
+div#mindplot {
+    top: 0;
+}
+

wise-webapp/src/main/webapp/jsp/mindmapEditor.jsp

@@ -61,8 +61,17 @@
         </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 src="loader.js"></script>
 

wise-webapp/src/main/webapp/jsp/mindmapEditorToolbar.jsf

@@ -3,14 +3,14 @@
 <div id="toolbar">
     <div id="backToList">
         <img src="../../images/editor/back-icon.svg" />
-    </div>    <div id="editTab" class="tabContent">
+    </div>
-    <div id="persist" class="buttonContainer">
+    <c:if test="${!memoryPersistence}">
-        <c:if test="${!readOnlyMode}">
+        <div id="persist" class="buttonContainer">
             <div id="save" class="buttonOn">
                 <img src="../../images/editor/save.svg"/>
             </div>
-        </c:if>
+        </div>
-    </div>
+    </c:if>
     <c:if test="${!readOnlyMode}">
         <div id="edit" class="buttonContainer">
             <div id="undoEdition" class="buttonOn">
@@ -20,8 +20,6 @@
                 <img src="../../images/editor/redo.svg"/>
             </div>
         </div>
-    </c:if>
-    <c:if test="${!readOnlyMode}">
         <div id="nodeStyle" class="buttonContainer">
             <div id="addTopic" class="buttonOn">
                 <img src="../../images/editor/topic-add.svg"/>
@@ -73,25 +71,25 @@
         <div id="separator" class="buttonContainer"></div>
     </c:if>
 </div>
-<div id="toolbarRight">
+<c:if test="${!memoryPersistence}">
-    <div id="export" class="buttonOn">
+    <div id="toolbarRight">
-        <img src="../../images/editor/export.svg" />
+        <div id="export" class="buttonOn">
+            <img src="../../images/editor/export.svg" />
+        </div>
+        <div id="publishIt" class="buttonOn">
+            <img src="../../images/editor/public.svg" />
+        </div>
+        <div id="history" class="buttonOn">
+            <img src="../../images/editor/history.svg" />
+        </div>
+        <div id="print" class="buttonOn">
+            <img src="../../images/editor/print.svg" />
+        </div>
+        <div id="account">
+            <img src="../../images/editor/account.svg"/>
+        </div>
+        <div id="share" class="actionButton">
+            <spring:message code="SHARE"/>
+        </div>
     </div>
-
+</c:if>
-    <div id="publishIt" class="buttonOn">
-        <img src="../../images/editor/public.svg" />
-    </div>
-    <div id="history" class="buttonOn">
-        <img src="../../images/editor/history.svg" />
-    </div>
-    <div id="print" class="buttonOn">
-        <img src="../../images/editor/print.svg" />
-    </div>
-    <div id="account">
-        <img src="../../images/editor/account.svg"/>
-    </div>
-    <div id="share" class="actionButton">
-        Share
-    </div>
-</div>
-</div>