mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-11-25 15:37:56 +01:00
Fix Firefox issue that causes that the map is not centered.
This commit is contained in:
Paulo Gustavo Veiga
parent
15b8c05cce
commit
65de7403d7
@ -5,7 +5,7 @@
|
||||
The following products must be installed:
|
||||
|
||||
* Java Development Kit 6 or higher (http://java.sun.com/javase/downloads/index.jsp)
|
||||
* Maven 2.2.1 or higher (http://maven.apache.org/)
|
||||
* Maven 3.x or higher (http://maven.apache.org/)
|
||||
|
||||
## Compiling
|
||||
|
||||
@ -14,13 +14,14 @@ WiseMapping uses Maven as packaging and project management. The project is compo
|
||||
* core-js: Utilities JavaScript libraries
|
||||
* web2d: JavaScript 2D VML/SVG abstraction library used by the mind map editor
|
||||
* mindplot: JavaScript mind map designer core
|
||||
* wise-editor: Mindmap Editor standalone distribution
|
||||
* wise-webapp: J2EE web application
|
||||
|
||||
Full compilation of the project can be done executing within <project-dir>:
|
||||
|
||||
`mvn install`
|
||||
`mvn package`
|
||||
|
||||
Once this command is execute, the file <project-dir>/wise-webapp/target/wisemapping.war will be generated.
|
||||
Once this command is execute, the file <project-dir>/wise-webapp/target/wisemapping*.war will be generated.
|
||||
|
||||
## Testing
|
||||
The previously generated war can be deployed locally executing within the directory <project-dir>/wise-webapp the following command:
|
||||
@ -30,5 +31,4 @@ The previously generated war can be deployed locally executing within the direct
|
||||
This will start the application on the URL: http://localhost:8080/wise-webapp/. Additionally, a file based database is automatically populated with a test user.
|
||||
|
||||
User: test@wisemapping.org
|
||||
|
||||
Password: test
|
||||
@ -66,7 +66,7 @@ web2d.Workspace = new Class({
|
||||
_createDivContainer : function(domElement) {
|
||||
var container = window.document.createElement("div");
|
||||
container.id = "workspaceContainer";
|
||||
container.style.overflow = "hidden";
|
||||
// container.style.overflow = "hidden";
|
||||
container.style.position = "relative";
|
||||
container.style.top = "0px";
|
||||
container.style.left = "0px";
|
||||
|
||||
@ -1,91 +1,21 @@
|
||||
@import "compatibility.less";
|
||||
@import "../css/libraries/moodialog/css/MooDialog.css";
|
||||
|
||||
|
||||
/**********************************************************/
|
||||
/* Error Dialog ... */
|
||||
/**********************************************************/
|
||||
|
||||
#waitDialog {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
#waitingContainer, #errorContainer {
|
||||
position: relative;
|
||||
top: 80px;
|
||||
height: 120px; /*background: whitesmoke;*/
|
||||
background: #FEFEFE;
|
||||
opacity: .99;
|
||||
padding: 15px;
|
||||
width: 100%;
|
||||
border: 1px solid;
|
||||
border-color: #a9a9a9;
|
||||
|
||||
}
|
||||
|
||||
#errorContainer {
|
||||
width: 400px;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
#waitingContainer .loadingText {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
margin-top: -35px;
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
vertical-align: text-bottom;
|
||||
height: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#errorContainer .loadingText {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
margin-top: -80px;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
vertical-align: text-bottom;
|
||||
height: 30px;
|
||||
float: right;
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
#waitingContainer .loadingIcon {
|
||||
position: relative;
|
||||
background: url(../images/rebota.gif) no-repeat;
|
||||
top: 50%;
|
||||
margin-top: -65px;
|
||||
height: 100px;
|
||||
width: 121px;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#errorContainer .loadingIcon {
|
||||
position: relative;
|
||||
background: url(../images/errorIcon.png) no-repeat;
|
||||
top: 50%;
|
||||
margin-top: -65px;
|
||||
height: 100px;
|
||||
width: 121px;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/********************************************************************************/
|
||||
/* Header & Toolbar Styles */
|
||||
/********************************************************************************/
|
||||
@import "header.less";
|
||||
|
||||
body {
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
div#mindplot {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height:100%;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
@ -90,6 +90,7 @@ function loadDesignerOptions(jsonConf) {
|
||||
};
|
||||
result = {readOnly:false,zoom:0.85,saveOnLoad:true,size:containerSize,viewPort:viewPort,container:'mindplot'};
|
||||
}
|
||||
console.log("result:" + JSON.encode(result));
|
||||
return result;
|
||||
}
|
||||
|
||||
@ -161,11 +162,14 @@ editor.WaitDialog = new Class({
|
||||
});
|
||||
|
||||
editor.Help = {
|
||||
buildHelp:function(panel){
|
||||
buildHelp:function(panel) {
|
||||
var container = new Element('div');
|
||||
container.setStyles({width:'100%', textAlign:'center'});
|
||||
var content1 = Help.buildContentIcon('../images/black-keyboard.png', 'Keyboard Shortcuts', function(){MOOdalBox.open('keyboard.htm','KeyBoard Shortcuts', '500px 400px', false);panel.hidePanel();});
|
||||
var content2 = Help.buildContentIcon('../images/firstSteps.png', 'Editor First Steps', function(){
|
||||
var content1 = Help.buildContentIcon('../images/black-keyboard.png', 'Keyboard Shortcuts', function() {
|
||||
MOOdalBox.open('keyboard.htm', 'KeyBoard Shortcuts', '500px 400px', false);
|
||||
panel.hidePanel();
|
||||
});
|
||||
var content2 = Help.buildContentIcon('../images/firstSteps.png', 'Editor First Steps', function() {
|
||||
var wOpen;
|
||||
var sOptions;
|
||||
|
||||
@ -176,17 +180,19 @@ editor.Help = {
|
||||
|
||||
wOpen = window.open("firststeps.htm", "WiseMapping", "width=100px, height=100px");
|
||||
wOpen.focus();
|
||||
wOpen.moveTo( 0, 0 );
|
||||
wOpen.resizeTo( screen.availWidth, screen.availHeight );
|
||||
wOpen.moveTo(0, 0);
|
||||
wOpen.resizeTo(screen.availWidth, screen.availHeight);
|
||||
panel.hidePanel();
|
||||
});
|
||||
|
||||
container.addEvent('show', function(){
|
||||
content1.effect('opacity',{duration:800}).start(0,100);
|
||||
var eff = function(){content2.effect('opacity',{duration:800}).start(0,100);};
|
||||
container.addEvent('show', function() {
|
||||
content1.effect('opacity', {duration:800}).start(0, 100);
|
||||
var eff = function() {
|
||||
content2.effect('opacity', {duration:800}).start(0, 100);
|
||||
};
|
||||
eff.delay(150);
|
||||
});
|
||||
container.addEvent('hide', function(){
|
||||
container.addEvent('hide', function() {
|
||||
content1.effect('opacity').set(0);
|
||||
content2.effect('opacity').set(0)
|
||||
});
|
||||
@ -194,25 +200,25 @@ editor.Help = {
|
||||
content2.inject(container);
|
||||
return container;
|
||||
},
|
||||
buildContentIcon:function(image, text, onClickFn){
|
||||
buildContentIcon:function(image, text, onClickFn) {
|
||||
var container = new Element('div').setStyles({margin:'15px 0px 0px 0px', opacity:0, padding:'5px 0px', border: '1px solid transparent', cursor:'pointer'});
|
||||
|
||||
var icon = new Element('div');
|
||||
icon.addEvent('click',onClickFn);
|
||||
icon.addEvent('click', onClickFn);
|
||||
var img = new Element('img');
|
||||
img.setProperty('src',image);
|
||||
img.setProperty('src', image);
|
||||
img.inject(icon);
|
||||
icon.inject(container);
|
||||
|
||||
var textContainer = new Element('div').setStyles({width:'100%', color:'white'});
|
||||
textContainer.innerHTML=text;
|
||||
textContainer.innerHTML = text;
|
||||
textContainer.inject(container);
|
||||
|
||||
container.addEvent('mouseover', function(event){
|
||||
container.addEvent('mouseover', function() {
|
||||
$(this).setStyle('border-top', '1px solid #BBB4D6');
|
||||
$(this).setStyle('border-bottom', '1px solid #BBB4D6');
|
||||
}.bindWithEvent(container));
|
||||
container.addEvent('mouseout', function(event){
|
||||
container.addEvent('mouseout', function() {
|
||||
$(this).setStyle('border-top', '1px solid transparent');
|
||||
$(this).setStyle('border-bottom', '1px solid transparent');
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user