zhouxy108/wisemapping-open-source
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Revert "Remove unused resources."

Browse Source 
This reverts commit 006698341c.
This commit is contained in:
Paulo Gustavo Veiga
2022-01-07 09:21:34 -08:00
parent 006698341c
commit 0f9639fc73
39 changed files with 2377 additions and 400 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
wise-webapp/src/main/webapp/css/compatibility.less
View File

@@ -2,7 +2,29 @@ html {
overflow: hidden;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
@@ -12,33 +34,51 @@ table {
border-spacing: 0;
}
fieldset, img {
fieldset,
img {
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
ol, ul {
ol,
ul {
list-style: none;
}
caption, th {
caption,
th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
q:before,
q:after {
content: '';
}
abbr, acronym {
abbr,
acronym {
border: 0;
}
@@ -62,14 +102,17 @@ table {
/**
* 99% for safari; 100% is too large
*/
select, input, textarea {
select,
input,
textarea {
font: 99% arial, helvetica, clean, sans-serif;
}
/**
* Bump up !IE to get to 13px equivalent
*/
pre, code {
pre,
code {
font: 115% monospace;
font-size: 100%;
}
@@ -89,7 +132,7 @@ body * {
}
body {
// font: normal 80% "Helvetica Neue",Helvetica,Arial,sans-serif;
// font: normal 80% "Helvetica Neue",Helvetica,Arial,sans-serif;
background-color: #fff;
}
@@ -110,7 +153,8 @@ ul {
list-style-position: inside;
}
a:hover, a:active {
a:hover,
a:active {
font: bold 100%;
text-decoration: underline;
color: black;
@@ -129,7 +173,7 @@ h1 {
}
h3 {
/* use as subhead on main body */
/* use as subhead on main body */
clear: left;
font-style: normal;
font-size: 130%;
@@ -137,12 +181,11 @@ h3 {
}
h4 {
/* use as headers in footer */
/* use as headers in footer */
font-weight: bold;
font-size: 120%;
border-bottom: 1px solid #8e9181;
color: #e2e3dd;
padding-bottom: 10px;
width: 400px;
}
}

117
wise-webapp/src/main/webapp/css/editor.less
View File

@@ -4,7 +4,7 @@
/* Header & Toolbar Styles */
/********************************************************************************/
@import "header.less";
@import "bootstrap.min.css";
@import "../bootstrap/css/bootstrap.min.css";
body {
-webkit-touch-callout: none;
@@ -14,17 +14,21 @@ body {
-ms-user-select: none;
user-select: none;
overflow: hidden;
position: fixed
}
div#mindplot {
position: relative;
top: @header-toolbar-height;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
overflow: hidden;
opacity: 1;
background-color: #f2f2f2;
background-image: linear-gradient(#ebe9e7 1px, transparent 1px), linear-gradient(to right, #ebe9e7 1px, #f2f2f2 1px);
background-size: 50px 50px;
}
div#small_error_icon {
@@ -37,6 +41,8 @@ div#small_error_icon {
background-color: #dfcf3c;
padding: 5px 15px;
color: #666666;
/*font-weight: bold;*/
/*width: 100px;*/
font-size: 13px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
@@ -48,6 +54,8 @@ div#small_error_icon {
background-color: #dfcf3c;
padding: 5px 15px;
color: #666666;
/*font-weight: bold;*/
/*width: 100px;*/
font-size: 13px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
@@ -77,15 +85,6 @@ div.modalDialog {
border: 1px solid #999;
padding: 10px;
overflow: auto;
/* IE6-7 */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
@@ -121,43 +120,87 @@ div.shareModalDialog {
width: 550px;
}
#tutorialVideo{
background: url(../images/help.png) no-repeat left center;
padding-left: 19px;
}
#keyboardShortcuts{
background: url(../images/help.png) no-repeat left center;
padding-left: 19px;
}
.panelIcon {
width:16px;
height:16px;
margin-left: 4px;
margin-top: 3px;
cursor: pointer
width: 20px;
height: 20px;
margin-left: 4px;
margin-top: 3px;
cursor: pointer
}
.panelIcon:hover {
background-color: #efefef;
background-color: #efefef;
}
.popoverBlack {
background: black;
.popover {
max-width: none;
}
.popoverBlack.bottom .arrow:after{
border-bottom-color: black;
#floating-panel {
position: fixed;
display: flex;
flex-direction: column;
align-items: flex-end;
bottom: 20px;
right: 20px;
}
.popoverGray {
background: #e4e2d2;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
border: 3px double #bebebe;
div#bottom-logo {
position: fixed;
left: 20px;
bottom: 10px;
background: url(../../images/editor/logo-text-black.svg) no-repeat;
width: 90px;
height: 40px;
}
.popoverGray.bottom .arrow:after{
border-bottom-color: #e4e2d2;
#zoom-button {
width: 40px;
border: 0;
}
#zoom-plus,
#zoom-minus {
height: 40px;
width: 40px;
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: center;
cursor: pointer;
background-color: #FFF;
}
#zoom-plus {
border-radius: 8px 8px 0 0;
}
#zoom-minus {
border-radius: 0 0 8px 8px;
}
div#shotcuts > img{
margin: 20px 0;
width: 40px;
height: 40px;
}
#keyboardTable {
font-family: Arial, verdana, serif;
font-size: 13px;
width: 100%;
}
#keyboardTable td {
padding: 3px;
white-space: nowrap;
}
#keyboardTable th {
padding: 5px;
white-space: nowrap;
}
#keyboardTable th {
background-color: #000000;
color: #ffffff;
}

95
wise-webapp/src/main/webapp/css/embedded.less Normal file
View File

@@ -0,0 +1,95 @@
@import "editor.less";
/* Overwrite some styles */
body {
position: inherit;
}
div#headerInfo {
height: 0;
}
div#header {
height: 35px;
}
div#headerMapTitle,
#headerActions,
#headerLogo {
display: none;
}
/* Footer Styles */
div#footer {
position: absolute;
height: 0px;
width: 100%;
bottom: 0;
left: 0;
}
div#zoomIn {
background: url(../images/zoom-in.png) no-repeat left top;
margin-top: 10px;
margin-left: 10px;
}
#zoomOut {
background: url(../images/zoom-out.png) no-repeat left top;
margin-top: 10px;
margin-left: 5px;
}
.button {
width: 20px;
height: 20px;
float: left;
cursor: pointer;
white-space: nowrap;
margin: 1px;
}
.button:hover {
float: left;
cursor: pointer;
border: 1px solid black;
border-top-color: white;
border-left-color: white;
margin: 0;
}
div#mapDetails {
float: right;
padding-top: 10px;
margin-right: 130px;
}
div#mapDetails .title {
font-weight: bold;
margin-left: 10px;
margin-right: 3px;
}
div#infoPanel {
border: 2px black solid;
position: absolute;
background: gray;
width: 100px;
height: 300px;
z-index: 100;
padding: 5px;
border-radius: 8px;
top: 150px;
right: 10px;
text-align: center;
}
div#infoPanel .textNode {
background-color: #E0E5EF;
height: 20px;
width: 80px;
border: 3px #023BB9 solid;
padding: 4px;
cursor: move
}

116
wise-webapp/src/main/webapp/css/header.less
View File

@@ -1,5 +1,5 @@
@header-height : 75px;
@header-toolbar-height : 35px;
@header-height : 0px;
@header-toolbar-height : 50px;
@header-info-height : @header-height - @header-toolbar-height;
div#header {
@@ -11,30 +11,6 @@ div#header {
top: 0;
}
div#headerLogo {
background: url(../images/logo-icon.svg) no-repeat center top;
height: 40px;
width: 80px;
float: left;
padding-left: 20px;
}
div#headerInfo {
width: 100%;
height: @header-info-height;
color: white;
padding: 0px 0px
}
div#headerActions {
text-align: right;
margin-top: 13px;
padding-right: 10px;
color: white;
float: right;
}
div#headerActions span {
border-bottom: 3px solid rgb(247, 201, 49);
}
@@ -44,42 +20,62 @@ div#headerActions a {
text-decoration: none;
}
div#headerMapTitle {
min-width: 200px;
height:@header-info-height - 13;
text-align: left;
padding-top: 13px;
padding-left: 50px;
color: white;
float: left;
font-style: italic;
}
div#headerMapTitle span {
padding: 4px 50px;
border: 1px solid rgb(90, 90, 90);
background-color: rgb(45, 45, 45);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
white-space:nowrap;
}
div#headerNotifier {
border: 1px solid rgb(241,163,39);
background-color: rgb(252,235,192);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid rgb(241, 163, 39);
background-color: rgb(252, 235, 192);
border-radius: 3px;
position: absolute;
position: fixed;
padding: 5px 9px;
color:back;
white-space:nowrap;
margin-top:5px;
/*margin-top:-34px;*/
display:none;
/*right: 5px;*/
color: back;
white-space: nowrap;
margin-top: 5px;
display: none;
bottom: 10px;
}
@import "toolbar.less";
div#toolbarRight {
float: right;
white-space: nowrap;
vertical-align: middle;
justify-content: center;
margin: 6px 10px;
height: 100%;
}
#account {
float: right;
display: inline;
}
#account >img {
width: 36x;
height: 36px;
}
#share {
margin: 0 30px;
}
.actionButton {
float: right;
cursor: pointer;
margin: 0px 10px;
font-family: Arial, Helvetica, sans-serif;
user-select: none;
vertical-align: middle;
justify-content: center;
padding: 10px 25px;
font-size: 15px;
min-width: 64px;
box-sizing: border-box;
font-weight: 600;
border-radius: 9px;
color: white;
background-color: #ffa800;
}
.actionButton:hover {
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
@import "toolbar.less";

60
wise-webapp/src/main/webapp/css/toolbar.less
View File

@@ -1,23 +1,46 @@
div#toolbar {
width: 100%;
height: @header-toolbar-height;
background-color: rgb(229, 227, 209);
border-bottom: 3px double rgb(190, 190, 190);
border-top: 1px solid rgb(190, 190, 190);
padding: 0px 15px;
height: 50px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
// TODO: make toolbar responsive
min-width: 900px;
overflow: hidden;
}
div#toolbar .buttonContainer {
height: @header-toolbar-height;
padding-top: 8px;
padding-right: 10px;
padding-left: 10px;
float: left;
margin-left: 5px;
border-left: 1px solid lightgray;
}
div#mapName >span {
border-radius: 4px;
float: left;
padding: 8px;
min-width: 30px;
font-weight: bold;
}
div#back {
background: url(../../images/editor/back-icon.svg) no-repeat center center;
height: 40px;
width: 80px;
float: left;
margin: 6px 0px;
}
/******************************************************************************************/
/* Buttons*/
/******************************************************************************************/
div#toolbar .buttonOn, div#toolbar .buttonOff, div#toolbar .buttonActive, div#toolbar .buttonOn:hover {
div#toolbar .buttonOn,
div#toolbar .buttonOff,
div#toolbar .buttonActive,
div#toolbar .buttonOn:hover {
width: 28px;
height: 28px;
float: left;
@@ -32,17 +55,16 @@ div#toolbar .buttonOn, div#toolbar .buttonOff, div#toolbar .buttonActive, div#to
div#toolbar .buttonOn:hover {
cursor: pointer;
opacity: 1;
background: url(../images/editor/btn-bg-hover.png) no-repeat center top;
// background: url(../images/btn-bg-hover.png) no-repeat center top;
}
div#toolbar .buttonOn {
opacity: 0.8;
background: url(../images/editor/btn-bg-normal.png) no-repeat center top;
// background: url(../images/btn-bg-normal.png) no-repeat center top;
}
div#toolbar .buttonOff {
opacity: 0.4;
background: url(../images/editor/btn-bg-normal.png) no-repeat center top;
}
div#exportAnchor {
@@ -53,7 +75,10 @@ div#exportAnchor {
left: 0;
}
div#toolbar .buttonExtOn, div#toolbar .buttonExtOff, div#toolbar .buttonExtActive, div#toolbar .buttonExtOn:hover {
div#toolbar .buttonExtOn,
div#toolbar .buttonExtOff,
div#toolbar .buttonExtActive,
div#toolbar .buttonExtOn:hover {
width: 40px;
height: 28px;
float: left;
@@ -67,24 +92,19 @@ div#toolbar .buttonExtOn, div#toolbar .buttonExtOff, div#toolbar .buttonExtActiv
div#toolbar .buttonExtOn:hover {
opacity: 1;
background: url(../images/editor/btne-bg-hover.png) no-repeat center top;
}
div#toolbar .buttonExtActive {
opacity: 1;
background: url(../images/editor/btne-bg-selected.png) no-repeat center top;
}
div#toolbar .buttonExtOn {
opacity: 0.8;
background: url(../images/editor/btne-bg-normal.png) no-repeat center top;
cursor: pointer
}
div#toolbar .buttonExtOff {
opacity: 0.4;
background: url(../images/editor/tne-bg-normal.png) no-repeat center top;
}
div#exportAnchor {
@@ -116,7 +136,8 @@ div#colorPalette {
top: 89px;
}
div.toolbarPanelLink, div.toolbarPanelLinkSelectedLink {
div.toolbarPanelLink,
div.toolbarPanelLinkSelectedLink {
cursor: pointer;
color: black;
margin: 1px;
@@ -126,7 +147,8 @@ div.toolbarPanelLink, div.toolbarPanelLinkSelectedLink {
font-weight: bold;
}
div.toolbarPanelLink:hover, div.toolbarPanelLinkSelectedLink {
div.toolbarPanelLink:hover,
div.toolbarPanelLinkSelectedLink {
cursor: pointer;
background-color: #efefef;
}

3
wise-webapp/src/main/webapp/images/editor/account.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" style="color: black;">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 382 B

1
wise-webapp/src/main/webapp/images/editor/add.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 173 B

1
wise-webapp/src/main/webapp/images/editor/back-icon.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 189 B

BIN
wise-webapp/src/main/webapp/images/editor/btn-bg-hover.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 571 B

BIN
wise-webapp/src/main/webapp/images/editor/btn-bg-normal.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 553 B

BIN
wise-webapp/src/main/webapp/images/editor/btne-bg-hover.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

BIN
wise-webapp/src/main/webapp/images/editor/btne-bg-normal.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

BIN
wise-webapp/src/main/webapp/images/editor/btne-bg-selected.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

2
wise-webapp/src/main/webapp/images/editor/discard.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 390 B

After

Width:  |  Height:  |  Size: 258 B

BIN
wise-webapp/src/main/webapp/images/editor/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
wise-webapp/src/main/webapp/images/editor/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

1
wise-webapp/src/main/webapp/images/editor/keyboard.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="36" viewBox="0 0 24 24" width="36"><path d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/><path d="M0 0h24v24H0zm0 0h24v24H0z" fill="none"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 391 B

3
wise-webapp/src/main/webapp/images/editor/logo-text-black.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

1
wise-webapp/src/main/webapp/images/editor/minus.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 155 B

1
wise-webapp/src/main/webapp/images/editor/public.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 457 B

5
wise-webapp/src/main/webapp/images/editor/pwrdby-white.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

1
wise-webapp/src/main/webapp/images/editor/share.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 516 B

1
wise-webapp/src/main/webapp/images/editor/zoom-in.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 438 B

1
wise-webapp/src/main/webapp/images/editor/zoom-out.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 404 B

1
wise-webapp/src/main/webapp/images/editor/zoom_in.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 438 B

1
wise-webapp/src/main/webapp/images/editor/zoom_out.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 404 B

50
wise-webapp/src/main/webapp/jsp/mindmapEditor.jsp
View File

@@ -14,6 +14,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<base href="${requestScope['site.baseurl']}/static/mindplot/">
<title><spring:message code="SITE.TITLE"/> - <c:out value="${mindmap.title}"/></title>
<link rel="stylesheet/less" type="text/css" href="../../css/bootstrap.min.css"/>
<link rel="stylesheet/less" type="text/css" href="../../css/editor.less"/>
<script type='text/javascript' src="../../js/less.js"/></script>
<%@ include file="/jsp/commonPageHeader.jsf" %>
@@ -35,43 +36,28 @@
<body>
<div id="actionsContainer"></div>
<div id="header">
<div id="headerInfo">
<div id="headerActions">
<c:if test="${!memoryPersistence}">
<spring:message code="WELCOME"/>, ${principal.firstname} |
<span><a href="../../c/maps/"><spring:message code="MY_WISEMAPS"/></a></span> |
<span><a href="../../c/keyboard" id="keyboardShortcuts"><spring:message code="SHORTCUTS"/></a></span> |
<span><a href="../../c/logout" title="<spring:message code="LOGOUT"/>"><spring:message
code="LOGOUT"/></a></span>
</c:if>
<%-- This is the try page toolbar --%>
<c:if test="${memoryPersistence}">
<span><a href="../../c/keyboard" id="tutorialVideo"><spring:message code="TUTORIAL_VIDEO"/></a></span> |
<span><a href="#" id="keyboardShortcuts"><spring:message code="SHORTCUTS"/></a></span> |
<span><a href="../../c/user/registration" title="<spring:message code="REGISTER"/>"><spring:message
code="REGISTER"/></a></span>
</c:if>
</div>
<a href="${requestScope['site.homepage']}">
<div id="headerLogo"></div>
</a>
<div id="headerMapTitle"><spring:message code="NAME"/>: <span><c:out value="${mindmap.title}"/></span></div>
</div>
<%@ include file="/jsp/mindmapEditorToolbar.jsf" %>
</div>
<div id='load' class="modal fade">
<div class="modal-dialog">
<div style="height: 120px; text-align: center; border: 2px solid orange" class="modal-content">
<img style='margin-top:25px; text-align: center' src="../../images/editor/ajax-loader.gif">
</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>
<div id="mindplot" onselectstart="return false;"></div>
<div id="bottom-logo"></div>
<div id="headerNotifier"></div>
<script src="loader.js"></script>
</body>
</html>

135
wise-webapp/src/main/webapp/jsp/mindmapEditorKeyboard.jsp
View File

@@ -1,135 +0,0 @@
<%@page pageEncoding="UTF-8" %>
<%@ include file="/jsp/init.jsp" %>
<!DOCTYPE HTML>
<p><spring:message code="KEYBOARD_SHORTCUTS_MSG"/></p>
<style type="text/css">
#keyboardTable {
font-family: Arial, verdana, serif;
font-size: 13px;
}
#keyboardTable td {
padding: 3px;
white-space: nowrap;
}
#keyboardTable th {
padding: 5px;
white-space: nowrap;
}
#keyboardTable th {
background-color: #000000;
color: #ffffff;
}
</style>
<script>
function submitDialogForm() {}
</script>
<div id="keyboardTable">
<table>
<colgroup>
<col width="40%"/>
<col width="30%"/>
<col width="30%"/>
</colgroup>
<thead>
<tr>
<th><spring:message code="ACTION"/></th>
<th>Windows - Linux</th>
<th>Mac OS X</th>
</tr>
</thead>
<tbody>
<tr>
<td><spring:message code="SAVE_CHANGES"/></td>
<td>Ctrl + s</td>
<td>⌘ + s</td>
</tr>
<tr>
<td><spring:message code="CREATE_SIBLING_TOPIC"/></td>
<td>Enter</td>
<td>Enter</td>
</tr>
<tr>
<td><spring:message code="CREATE_CHILD_TOPIC"/></td>
<td>Insert / Tab</td>
<td>⌘ + Enter / Tab</td>
</tr>
<tr>
<td><spring:message code="DELETE_TOPIC"/></td>
<td>Delete</td>
<td>Delete</td>
</tr>
<tr>
<td><spring:message code="EDIT_TOPIC_TEXT"/></td>
<td><spring:message code="JUST_START_TYPING"/> | F2</td>
<td><spring:message code="JUST_START_TYPING"/> | F2</td>
</tr>
<tr>
<td><spring:message code="MULTIPLE_LINES"/></td>
<td>Ctrl + Enter</td>
<td>⌘ + Enter</td>
</tr>
<tr>
<td><spring:message code="COPY_AND_PASTE_TOPICS"/></td>
<td>Ctrl + c/Ctrl + v</td>
<td>⌘ + c/⌘ + v</td>
</tr>
<tr>
<td><spring:message code="COLLAPSE_CHILDREN"/></td>
<td>Space bar</td>
<td>Space bar</td>
</tr>
<tr>
<td><spring:message code="TOPIC_NAVIGATION"/></td>
<td><spring:message code="ARROW_KEYS"/></td>
<td><spring:message code="ARROW_KEYS"/></td>
</tr>
<tr>
<td><spring:message code="SELECT_MULTIPLE_NODES"/></td>
<td>Ctrl + Mouse Click</td>
<td>Ctrl + Mouse Click</td>
</tr>
<tr>
<td><spring:message code="UNDO_EDITION"/></td>
<td>Ctrl + z</td>
<td>⌘ + z</td>
</tr>
<tr>
<td><spring:message code="REDO_EDITION"/></td>
<td>Ctrl + Shift + z</td>
<td>⌘ + Shift + z</td>
</tr>
<tr>
<td><spring:message code="SELECT_ALL_TOPIC"/></td>
<td>Ctrl + a</td>
<td>⌘ + a</td>
</tr>
<tr>
<td><spring:message code="CANCEL_TEXT_CHANGES"/></td>
<td>Esc</td>
<td>Esc</td>
</tr>
<tr>
<td><spring:message code="DESELECT_ALL_TOPIC"/></td>
<td>Ctrl + Shift + a</td>
<td>⌘ + Shift + a</td>
</tr>
<tr>
<td><spring:message code="CHANGE_TEXT_ITALIC"/></td>
<td>Ctrl + i</td>
<td>⌘ + i</td>
</tr>
<tr>
<td><spring:message code="CHANGE_TEXT_BOLD"/></td>
<td>Ctrl + b</td>
<td>⌘ + b</td>
</tr>
</tbody>
</table>
</div>

164
wise-webapp/src/main/webapp/jsp/mindmapEditorToolbar.jsf
View File

@@ -1,101 +1,91 @@
<%--@elvariable id="mindmap" type="com.wisemapping.model.Mindmap"--%>
<div id="toolbar">
<div id="persist" class="buttonContainer">
<a href="/c/maps/"><div id="back"></div></a>
<div id="editTab" class="tabContent">
<div id="persist" class="buttonContainer">
<c:if test="${!readOnlyMode}">
<div id="save" class="buttonOn">
<img src="../../images/editor/save.svg"/>
</div>
</c:if>
</div>
<c:if test="${!readOnlyMode}">
<div id="save" class="buttonOn">
<img src="../../images/editor/save.svg"/>
<div id="edit" class="buttonContainer">
<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>
</c:if>
<c:if test="${!memoryPersistence}">
<div id="print" class="buttonOn">
<img src="../../images/editor/print.svg"/>
<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>
<c:if test="${!readOnlyMode}">
<div id="edit" class="buttonContainer">
<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 id="toolbarRight">
<div id="account">
<img src="../../images/editor/account.svg"/>
</div>
</c:if>
<div id="zoom" class="buttonContainer">
<div id="zoomOut" class="buttonOn">
<img src="../../images/editor/zoom-out.svg"/>
</div>
<div id="zoomIn" class="buttonOn">
<img src="../../images/editor/zoom-in.svg"/>
</div>
</div>
<c:if test="${!readOnlyMode}">
<div id="node" class="buttonContainer">
<div id="topicShape" class="buttonExtOn">
<img src="../../images/editor/topic-shape.svg"/>
</div>
<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="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="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>
</c:if>
<div id="collaboration" class="buttonContainer">
<c:if test="${mindmap.owner && !readOnlyMode}">
<div id="shareIt" class="buttonOn">
<img src="../../images/editor/share.svg"/>
</div>
<div id="publishIt" class="buttonOn">
<img src="../../images/editor/public.svg"/>
</div>
</c:if>
<div id="share" class="actionButton">Share</div>
<div id="export" class="buttonOn">
<img src="../../images/editor/export.svg"/>
<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>
<c:if test="${!readOnlyMode && !memoryPersistence}">
<div id="history" class="buttonOn">
<img src="../../images/editor/history.svg"/>
</div>
</c:if>
</div>
<div id="headerNotifier"></div>
</div>