All the resources of the editor asume that the resources css,js and images are relative to /. The base parameter could be used to change the default location.

This commit is contained in:
Paulo Gustavo Veiga 2012-02-20 11:32:37 -03:00
parent 95aa9f18eb
commit ae43a27dd2
17 changed files with 102 additions and 187 deletions

View File

@ -53,7 +53,7 @@ mindplot.ImageIcon = new Class({
}, },
_getImageUrl : function(iconId) { _getImageUrl : function(iconId) {
return "../icons/" + iconId + ".png"; return "icons/" + iconId + ".png";
}, },
getModel : function() { getModel : function() {

View File

@ -52,6 +52,6 @@ mindplot.LinkIcon = new Class({
actionDispatcher.removeLinkFromTopic(this._topic.getId()); actionDispatcher.removeLinkFromTopic(this._topic.getId());
} }
}); });
mindplot.LinkIcon.IMAGE_URL = "../images/links.png"; mindplot.LinkIcon.IMAGE_URL = "images/links.png";

View File

@ -32,7 +32,7 @@ mindplot.LocalStorageManager = new Class({
if (xml == null) { if (xml == null) {
// Let's try to open one from the local directory ... // Let's try to open one from the local directory ...
var xmlRequest = new Request({ var xmlRequest = new Request({
url: '../samples/' + mapId + '.xml', url: 'samples/' + mapId + '.xml',
method: 'get', method: 'get',
async: false, async: false,
onSuccess: function(responseText) { onSuccess: function(responseText) {

View File

@ -83,5 +83,5 @@ mindplot.NoteIcon = new Class({
} }
}); });
mindplot.NoteIcon.IMAGE_URL = "../images/notes.png"; mindplot.NoteIcon.IMAGE_URL = "images/notes.png";

View File

@ -22,7 +22,7 @@ mindplot.widget.ColorPalettePanel = new Class({
initialize : function(buttonId, model, baseUrl) { initialize : function(buttonId, model, baseUrl) {
this._baseUrl = baseUrl; this._baseUrl = baseUrl;
this.parent(buttonId, model); this.parent(buttonId, model);
$assert(baseUrl, "baseUrl can not be null"); $assert($defined(baseUrl), "baseUrl can not be null");
}, },
_load : function() { _load : function() {

View File

@ -22,7 +22,7 @@ mindplot.widget.Menu = new Class({
initialize : function(designer, containerId, mapId, readOnly, baseUrl) { initialize : function(designer, containerId, mapId, readOnly, baseUrl) {
this.parent(designer, containerId, mapId); this.parent(designer, containerId, mapId);
baseUrl = !$defined(baseUrl) ? "../" : baseUrl; baseUrl = !$defined(baseUrl) ? "" : baseUrl;
var widgetsBaseUrl = baseUrl + "css/widget"; var widgetsBaseUrl = baseUrl + "css/widget";
// Stop event propagation ... // Stop event propagation ...
@ -178,7 +178,7 @@ mindplot.widget.Menu = new Class({
this._toolbarElems.push(new mindplot.widget.ColorPalettePanel('fontColor', fontColorModel, baseUrl)); this._toolbarElems.push(new mindplot.widget.ColorPalettePanel('fontColor', fontColorModel, baseUrl));
this._addButton('export', false, false, function() { this._addButton('export', false, false, function() {
var reqDialog = new MooDialog.Request('../c/export.htm?mapId=' + mapId, null, var reqDialog = new MooDialog.Request('c/export.htm?mapId=' + mapId, null,
{'class': 'exportModalDialog', {'class': 'exportModalDialog',
closeButton:true, closeButton:true,
destroyOnClose:true, destroyOnClose:true,
@ -280,7 +280,7 @@ mindplot.widget.Menu = new Class({
var tagElem = $('tagIt'); var tagElem = $('tagIt');
if (tagElem) { if (tagElem) {
this._addButton('tagIt', false, false, function() { this._addButton('tagIt', false, false, function() {
var reqDialog = new MooDialog.Request('../c/tags.htm?mapId=' + mapId, null, var reqDialog = new MooDialog.Request('c/tags.htm?mapId=' + mapId, null,
{'class': 'tagItModalDialog', {'class': 'tagItModalDialog',
closeButton:true, closeButton:true,
destroyOnClose:true, destroyOnClose:true,
@ -297,7 +297,7 @@ mindplot.widget.Menu = new Class({
var shareElem = $('shareIt'); var shareElem = $('shareIt');
if (shareElem) { if (shareElem) {
this._addButton('shareIt', false, false, function() { this._addButton('shareIt', false, false, function() {
var reqDialog = new MooDialog.Request('../c/mymaps.htm?action=collaborator&userEmail=paulo%40pveiga.com.ar&mapId=' + mapId, null, var reqDialog = new MooDialog.Request('c/mymaps.htm?action=collaborator&mapId=' + mapId, null,
{'class': 'shareItModalDialog', {'class': 'shareItModalDialog',
closeButton:true, closeButton:true,
destroyOnClose:true, destroyOnClose:true,
@ -315,7 +315,7 @@ mindplot.widget.Menu = new Class({
var publishElem = $('publishIt'); var publishElem = $('publishIt');
if (publishElem) { if (publishElem) {
this._addButton('publishIt', false, false, function() { this._addButton('publishIt', false, false, function() {
var reqDialog = new MooDialog.Request('../c/publish.htm?mapId=' + mapId, null, var reqDialog = new MooDialog.Request('c/publish.htm?mapId=' + mapId, null,
{'class': 'publishModalDialog', {'class': 'publishModalDialog',
closeButton:true, closeButton:true,
destroyOnClose:true, destroyOnClose:true,
@ -334,7 +334,7 @@ mindplot.widget.Menu = new Class({
if (historyElem) { if (historyElem) {
this._addButton('history', false, false, function() { this._addButton('history', false, false, function() {
var reqDialog = new MooDialog.Request('../c/history.htm?action=list&goToMindmapList&mapId=' + mapId, null, var reqDialog = new MooDialog.Request('c/history.htm?action=list&goToMindmapList&mapId=' + mapId, null,
{'class': 'historyModalDialog', {'class': 'historyModalDialog',
closeButton:true, closeButton:true,
destroyOnClose:true, destroyOnClose:true,

View File

@ -26,10 +26,10 @@ mindplot.widget.TopicShapePanel = new Class({
var content = new Element("div", {'class':'toolbarPanel','id':'topicShapePanel'}); var content = new Element("div", {'class':'toolbarPanel','id':'topicShapePanel'});
content.innerHTML = '' + content.innerHTML = '' +
'<div id="rectagle" model="rectagle"><img src="../images/shape-rectangle.png" alt="Rectangle"></div>' + '<div id="rectagle" model="rectagle"><img src="images/shape-rectangle.png" alt="Rectangle"></div>' +
'<div id="rounded_rectagle" model="rounded rectagle" ><img src="../images/shape-rectangle-round.png" alt="Rounded Rectangle"></div>' + '<div id="rounded_rectagle" model="rounded rectagle" ><img src="images/shape-rectangle-round.png" alt="Rounded Rectangle"></div>' +
'<div id="line" model="line"><img src="../images/shape-line.png" alt="Line"></div>' + '<div id="line" model="line"><img src="images/shape-line.png" alt="Line"></div>' +
'<div id="elipse" model="elipse"><img src="../images/shape-circle.png"></div>'; '<div id="elipse" model="elipse"><img src="images/shape-circle.png"></div>';
return content; return content;

View File

@ -1,5 +1,5 @@
@import "compatibility.less"; @import "compatibility.less";
@import "../css/libraries/moodialog/css/MooDialog.css"; @import "css/libraries/moodialog/css/MooDialog.css";
/********************************************************************************/ /********************************************************************************/
/* Header & Toolbar Styles */ /* Header & Toolbar Styles */

View File

@ -41,7 +41,7 @@
This is a simple example of how WiseMapping can be embedded in a page. This is a simple example of how WiseMapping can be embedded in a page.
Embedding WiseMapping editor is such simple as copying this line in your page: Embedding WiseMapping editor is such simple as copying this line in your page:
</p> </p>
<div id="code">&lt;iframe src="embedded.html?confUrl=../html/container.json" width="800" height="600"&gt;&lt;/iframe&gt;</div> <div id="code">&lt;iframe src="embedded.html?confUrl=html/container.json" width="800" height="600"&gt;&lt;/iframe&gt;</div>
<p> <p>
The container.json file contains a set of properties that must be configured. Properties: The container.json file contains a set of properties that must be configured. Properties:
</p> </p>
@ -61,7 +61,7 @@
</div> </div>
<div id="editor"> <div id="editor">
<iframe src="embedded.html?confUrl=../html/container.json" width="800" height="400"></iframe> <iframe src="embedded.html?confUrl=html/container.json" width="800" height="400"></iframe>
</div> </div>
</div> </div>
</body> </body>

View File

@ -2,20 +2,22 @@
<html> <html>
<head> <head>
<base href="../">
<title>WiseMapping - Editor </title> <title>WiseMapping - Editor </title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA-Compatible" content="chrome=1">
<![endif]--> <![endif]-->
<link rel="stylesheet/less" type="text/css" href="../css/editor.less"/> <link rel="stylesheet/less" type="text/css" href="css/editor.less"/>
<script type='text/javascript' src='../js/mootools-core.js'></script> <script type='text/javascript' src='js/mootools-core.js'></script>
<script type='text/javascript' src='../js/mootools-more.js'></script> <script type='text/javascript' src='js/mootools-more.js'></script>
<script type='text/javascript' src='../js/core.js'></script> <script type='text/javascript' src='js/core.js'></script>
<script type='text/javascript' src='../js/less.js'></script> <script type='text/javascript' src='js/less.js'></script>
<link rel="icon" href="../images/favicon.ico" type="image/x-icon"> <link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<script type="text/javascript"> <script type="text/javascript">
@ -52,75 +54,75 @@
<div id="editTab" class="tabContent"> <div id="editTab" class="tabContent">
<div id="persist" class="buttonContainer"> <div id="persist" class="buttonContainer">
<div id="save" class="buttonOn" title="Save"> <div id="save" class="buttonOn" title="Save">
<img src="../images/save.png"/> <img src="images/save.png"/>
</div> </div>
<div id="discard" class="buttonOn" title="Discard"> <div id="discard" class="buttonOn" title="Discard">
<img src="../images/discard.png"/> <img src="images/discard.png"/>
</div> </div>
<div id="export" class="buttonOn" title="Export"> <div id="export" class="buttonOn" title="Export">
<img src="../images/export.png"/> <img src="images/export.png"/>
</div> </div>
</div> </div>
<div id="edit" class="buttonContainer"> <div id="edit" class="buttonContainer">
<div id="undoEdition" class="buttonOn" title="Undo Edition"> <div id="undoEdition" class="buttonOn" title="Undo Edition">
<img src="../images/undo.png"/> <img src="images/undo.png"/>
</div> </div>
<div id="redoEdition" class="buttonOn" title="Redo Edition"> <div id="redoEdition" class="buttonOn" title="Redo Edition">
<img src="../images/redo.png"/> <img src="images/redo.png"/>
</div> </div>
</div> </div>
<div id="zoom" class="buttonContainer"> <div id="zoom" class="buttonContainer">
<div id="zoomIn" class="buttonOn" title="Zoom In"> <div id="zoomIn" class="buttonOn" title="Zoom In">
<img src="../images/zoom-in.png"/> <img src="images/zoom-in.png"/>
</div> </div>
<div id="zoomOut" class="buttonOn" title="Zoom Out"> <div id="zoomOut" class="buttonOn" title="Zoom Out">
<img src="../images/zoom-out.png"/> <img src="images/zoom-out.png"/>
</div> </div>
</div> </div>
<div id="node" class="buttonContainer"> <div id="node" class="buttonContainer">
<div id="topicShape" class="buttonExtOn" title="Topic Shape"> <div id="topicShape" class="buttonExtOn" title="Topic Shape">
<img src="../images/topic-shape.png"/> <img src="images/topic-shape.png"/>
</div> </div>
<div id="addTopic" class="buttonOn" title="Add Topic"> <div id="addTopic" class="buttonOn" title="Add Topic">
<img src="../images/topic-add.png"/> <img src="images/topic-add.png"/>
</div> </div>
<div id="deleteTopic" class="buttonOn" title="Delete"> <div id="deleteTopic" class="buttonOn" title="Delete">
<img src="../images/topic-delete.png"/> <img src="images/topic-delete.png"/>
</div> </div>
<div id="topicBorder" class="buttonExtOn" title="Border Color"> <div id="topicBorder" class="buttonExtOn" title="Border Color">
<img src="../images/topic-border.png"/> <img src="images/topic-border.png"/>
</div> </div>
<div id="topicColor" class="buttonExtOn" title="Background Color"> <div id="topicColor" class="buttonExtOn" title="Background Color">
<img src="../images/topic-color.png"/> <img src="images/topic-color.png"/>
</div> </div>
<div id="topicIcon" class="buttonExtOn" title="Add Icon"> <div id="topicIcon" class="buttonExtOn" title="Add Icon">
<img src="../images/topic-icon.png"/> <img src="images/topic-icon.png"/>
</div> </div>
<div id="topicNote" class="buttonOn" title="Add Note"> <div id="topicNote" class="buttonOn" title="Add Note">
<img src="../images/topic-note.png"/> <img src="images/topic-note.png"/>
</div> </div>
<div id="topicLink" class="buttonOn" title="Add Link"> <div id="topicLink" class="buttonOn" title="Add Link">
<img src="../images/topic-link.png"/> <img src="images/topic-link.png"/>
</div> </div>
<div id="topicRelation" class="buttonOn" title="Add Relationship"> <div id="topicRelation" class="buttonOn" title="Add Relationship">
<img src="../images/topic-relation.png"/> <img src="images/topic-relation.png"/>
</div> </div>
</div> </div>
<div id="font" class="buttonContainer"> <div id="font" class="buttonContainer">
<div id="fontFamily" class="buttonExtOn" title="Font Style"> <div id="fontFamily" class="buttonExtOn" title="Font Style">
<img src="../images/font-type.png"/> <img src="images/font-type.png"/>
</div> </div>
<div id="fontSize" class="buttonExtOn" title="Font Size"> <div id="fontSize" class="buttonExtOn" title="Font Size">
<img src="../images/font-size.png"/> <img src="images/font-size.png"/>
</div> </div>
<div id="fontBold" class="buttonOn" title="Bold Style"> <div id="fontBold" class="buttonOn" title="Bold Style">
<img src="../images/font-bold.png"/> <img src="images/font-bold.png"/>
</div> </div>
<div id="fontItalic" class="buttonOn" title="Italic Style"> <div id="fontItalic" class="buttonOn" title="Italic Style">
<img src="../images/font-italic.png"/> <img src="images/font-italic.png"/>
</div> </div>
<div id="fontColor" class="buttonExtOn" title="Fond Color" style="padding-top:4px"> <div id="fontColor" class="buttonExtOn" title="Fond Color" style="padding-top:4px">
<img src="../images/font-color.png"/> <img src="images/font-color.png"/>
</div> </div>
</div> </div>
</div> </div>
@ -132,6 +134,6 @@
</div> </div>
<div id="mindplot"></div> <div id="mindplot"></div>
<script type="text/javascript" src="../js/editor.js"></script> <script type="text/javascript" src="js/editor.js"></script>
</body> </body>
</html> </html>

View File

@ -2,20 +2,21 @@
<html> <html>
<head> <head>
<base href="../">
<title>WiseMapping - Editor </title> <title>WiseMapping - Editor </title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA-Compatible" content="chrome=1">
<![endif]--> <![endif]-->
<link rel="stylesheet/less" type="text/css" href="../css/embedded.less"/> <link rel="stylesheet/less" type="text/css" href="css/embedded.less"/>
<script type='text/javascript' src='../js/mootools-core.js'></script> <script type='text/javascript' src='js/mootools-core.js'></script>
<script type='text/javascript' src='../js/mootools-more.js'></script> <script type='text/javascript' src='js/mootools-more.js'></script>
<script type='text/javascript' src='../js/core.js'></script> <script type='text/javascript' src='js/core.js'></script>
<script type='text/javascript' src='../js/less.js'></script> <script type='text/javascript' src='js/less.js'></script>
<link rel="icon" href="../images/favicon.ico" type="image/x-icon"> <link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<script type="text/javascript"> <script type="text/javascript">
@ -57,72 +58,72 @@
<div id="editTab" class="tabContent"> <div id="editTab" class="tabContent">
<div id="persist" class="buttonContainer"> <div id="persist" class="buttonContainer">
<div id="save" class="buttonOn" title="Save"> <div id="save" class="buttonOn" title="Save">
<img src="../images/save.png"/> <img src="images/save.png"/>
</div> </div>
<div id="discard" class="buttonOn" title="Discard"> <div id="discard" class="buttonOn" title="Discard">
<img src="../images/discard.png"/> <img src="images/discard.png"/>
</div> </div>
</div> </div>
<div id="edit" class="buttonContainer"> <div id="edit" class="buttonContainer">
<div id="undoEdition" class="buttonOn" title="Undo Edition"> <div id="undoEdition" class="buttonOn" title="Undo Edition">
<img src="../images/undo.png"/> <img src="images/undo.png"/>
</div> </div>
<div id="redoEdition" class="buttonOn" title="Redo Edition"> <div id="redoEdition" class="buttonOn" title="Redo Edition">
<img src="../images/redo.png"/> <img src="images/redo.png"/>
</div> </div>
</div> </div>
<div id="zoom" class="buttonContainer"> <div id="zoom" class="buttonContainer">
<div id="zoomIn" class="buttonOn" title="Zoom In"> <div id="zoomIn" class="buttonOn" title="Zoom In">
<img src="../images/zoom-in.png"/> <img src="images/zoom-in.png"/>
</div> </div>
<div id="zoomOut" class="buttonOn" title="Zoom Out"> <div id="zoomOut" class="buttonOn" title="Zoom Out">
<img src="../images/zoom-out.png"/> <img src="images/zoom-out.png"/>
</div> </div>
</div> </div>
<div id="node" class="buttonContainer"> <div id="node" class="buttonContainer">
<div id="topicShape" class="buttonExtOn" title="Topic Shape"> <div id="topicShape" class="buttonExtOn" title="Topic Shape">
<img src="../images/topic-shape.png"/> <img src="images/topic-shape.png"/>
</div> </div>
<div id="addTopic" class="buttonOn" title="Add Topic"> <div id="addTopic" class="buttonOn" title="Add Topic">
<img src="../images/topic-add.png"/> <img src="images/topic-add.png"/>
</div> </div>
<div id="deleteTopic" class="buttonOn" title="Delete"> <div id="deleteTopic" class="buttonOn" title="Delete">
<img src="../images/topic-delete.png"/> <img src="images/topic-delete.png"/>
</div> </div>
<div id="topicBorder" class="buttonOn" title="Border Color"> <div id="topicBorder" class="buttonOn" title="Border Color">
<img src="../images/topic-border.png"/> <img src="images/topic-border.png"/>
</div> </div>
<div id="topicColor" class="buttonExtOn" title="Background Color"> <div id="topicColor" class="buttonExtOn" title="Background Color">
<img src="../images/topic-color.png"/> <img src="images/topic-color.png"/>
</div> </div>
<div id="topicIcon" class="buttonExtOn" title="Add Icon"> <div id="topicIcon" class="buttonExtOn" title="Add Icon">
<img src="../images/topic-icon.png"/> <img src="images/topic-icon.png"/>
</div> </div>
<div id="topicNote" class="buttonOn" title="Add Note"> <div id="topicNote" class="buttonOn" title="Add Note">
<img src="../images/topic-note.png"/> <img src="images/topic-note.png"/>
</div> </div>
<div id="topicLink" class="buttonOn" title="Add Link"> <div id="topicLink" class="buttonOn" title="Add Link">
<img src="../images/topic-link.png"/> <img src="images/topic-link.png"/>
</div> </div>
<div id="topicRelation" class="buttonOn" title="Add Relationship"> <div id="topicRelation" class="buttonOn" title="Add Relationship">
<img src="../images/topic-relation.png"/> <img src="images/topic-relation.png"/>
</div> </div>
</div> </div>
<div id="font" class="buttonContainer"> <div id="font" class="buttonContainer">
<div id="fontFamily" class="buttonOn" title="Font Style"> <div id="fontFamily" class="buttonOn" title="Font Style">
<img src="../images/font-type.png"/> <img src="images/font-type.png"/>
</div> </div>
<div id="fontSize" class="buttonExtOn" title="Font Size"> <div id="fontSize" class="buttonExtOn" title="Font Size">
<img src="../images/font-size.png"/> <img src="images/font-size.png"/>
</div> </div>
<div id="fontBold" class="buttonOn" title="Bold Style"> <div id="fontBold" class="buttonOn" title="Bold Style">
<img src="../images/font-bold.png"/> <img src="images/font-bold.png"/>
</div> </div>
<div id="fontItalic" class="buttonOn" title="Italic Style"> <div id="fontItalic" class="buttonOn" title="Italic Style">
<img src="../images/font-italic.png"/> <img src="images/font-italic.png"/>
</div> </div>
<div id="fontColor" class="buttonExtOn" title="Fond Color" style="padding-top:4px"> <div id="fontColor" class="buttonExtOn" title="Fond Color" style="padding-top:4px">
<img src="../images/font-color.png"/> <img src="images/font-color.png"/>
</div> </div>
</div> </div>
@ -135,6 +136,6 @@
</div> </div>
<div id="mindplot"></div> <div id="mindplot"></div>
<script type="text/javascript" src="../js/editor.js"></script> <script type="text/javascript" src="js/editor.js"></script>
</body> </body>
</html> </html>

View File

@ -2,20 +2,21 @@
<html> <html>
<head> <head>
<base href="../">
<title>WiseMapping - Editor </title> <title>WiseMapping - Editor </title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA-Compatible" content="chrome=1">
<![endif]--> <![endif]-->
<link rel="stylesheet/less" type="text/css" href="../css/embedded.less"/> <link rel="stylesheet/less" type="text/css" href="css/embedded.less"/>
<script type='text/javascript' src='../js/mootools-core.js'></script> <script type='text/javascript' src='js/mootools-core.js'></script>
<script type='text/javascript' src='../js/mootools-more.js'></script> <script type='text/javascript' src='js/mootools-more.js'></script>
<script type='text/javascript' src='../js/core.js'></script> <script type='text/javascript' src='js/core.js'></script>
<script type='text/javascript' src='../js/less.js'></script> <script type='text/javascript' src='js/less.js'></script>
<link rel="icon" href="../images/favicon.ico" type="image/x-icon"> <link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<script type="text/javascript"> <script type="text/javascript">
@ -51,6 +52,6 @@
</div> </div>
<div id="mindplot"></div> <div id="mindplot"></div>
<script type="text/javascript" src="../js/editor.js"></script> <script type="text/javascript" src="js/editor.js"></script>
</body> </body>
</html> </html>

View File

@ -49,7 +49,7 @@ function buildDesigner(options) {
// Register toolbar event ... // Register toolbar event ...
if ($('toolbar')) { if ($('toolbar')) {
var menu = new mindplot.widget.Menu(designer, 'toolbar'); var menu = new mindplot.widget.Menu(designer, 'toolbar',"");
// If a node has focus, focus can be move to another node using the keys. // If a node has focus, focus can be move to another node using the keys.
designer._cleanScreen = function() { designer._cleanScreen = function() {
@ -150,7 +150,7 @@ editor.WaitDialog = new Class({
'text-align':'center', 'text-align':'center',
width: '400px' width: '400px'
}); });
var img = new Element('img', {'src': '../images/ajax-loader.gif'}); var img = new Element('img', {'src': 'images/ajax-loader.gif'});
img.inject(result); img.inject(result);
return result; return result;
}, },
@ -165,11 +165,11 @@ editor.Help = {
buildHelp:function(panel) { buildHelp:function(panel) {
var container = new Element('div'); var container = new Element('div');
container.setStyles({width:'100%', textAlign:'center'}); container.setStyles({width:'100%', textAlign:'center'});
var content1 = Help.buildContentIcon('../images/black-keyboard.png', 'Keyboard Shortcuts', function() { var content1 = Help.buildContentIcon('images/black-keyboard.png', 'Keyboard Shortcuts', function() {
MOOdalBox.open('keyboard.htm', 'KeyBoard Shortcuts', '500px 400px', false); MOOdalBox.open('keyboard.htm', 'KeyBoard Shortcuts', '500px 400px', false);
panel.hidePanel(); panel.hidePanel();
}); });
var content2 = Help.buildContentIcon('../images/firstSteps.png', 'Editor First Steps', function() { var content2 = Help.buildContentIcon('images/firstSteps.png', 'Editor First Steps', function() {
var wOpen; var wOpen;
var sOptions; var sOptions;
@ -233,4 +233,4 @@ waitDialog = new editor.WaitDialog();
waitDialog.show(); waitDialog.show();
// Loading libraries ... // Loading libraries ...
Asset.javascript("../js/mindplot-min.js"); Asset.javascript("js/mindplot-min.js");

View File

@ -16,7 +16,7 @@
<value>/c/userRegistration.htm</value> <value>/c/userRegistration.htm</value>
<value>/c/captcha.htm</value> <value>/c/captcha.htm</value>
<value>/c/publicView.htm</value> <value>/c/publicView.htm</value>
<value>/c/export.htm</value> <value>/service/*</value>
<value>/c/search.htm</value> <value>/c/search.htm</value>
<value>/c/keyboard.htm</value> <value>/c/keyboard.htm</value>
<value>/c/renameMap.htm</value> <value>/c/renameMap.htm</value>

View File

@ -1,78 +0,0 @@
/*
* Copyright [2011] [wisemapping]
*
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
* It is basically the Apache License, Version 2.0 (the "License") plus the
* "powered by wisemapping" text requirement on every single page;
* you may not use this file except in compliance with the License.
* You may obtain a copy of the license at
*
* http://www.wisemapping.org/license
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var Help = {
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 wOpen;
var sOptions;
sOptions = 'status=yes,menubar=yes,scrollbars=yes,resizable=yes,toolbar=yes';
sOptions = sOptions + ',width=' + (screen.availWidth - 10).toString();
sOptions = sOptions + ',height=' + (screen.availHeight - 122).toString();
sOptions = sOptions + ',screenX=0,screenY=0,left=0,top=0';
wOpen = window.open("firststeps.htm", "WiseMapping", "width=100px, height=100px");
wOpen.focus();
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);};
eff.delay(150);
});
container.addEvent('hide', function(){
content1.effect('opacity').set(0);
content2.effect('opacity').set(0)
});
content1.inject(container);
content2.inject(container);
return container;
},
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);
var img = new Element('img');
img.setProperty('src',image);
img.inject(icon);
icon.inject(container);
var textContainer = new Element('div').setStyles({width:'100%', color:'white'});
textContainer.innerHTML=text;
textContainer.inject(container);
container.addEvent('mouseover', function(event){
$(this).setStyle('border-top', '1px solid #BBB4D6');
$(this).setStyle('border-bottom', '1px solid #BBB4D6');
}.bindWithEvent(container));
container.addEvent('mouseout', function(event){
$(this).setStyle('border-top', '1px solid transparent');
$(this).setStyle('border-bottom', '1px solid transparent');
}.bindWithEvent(container));
return container;
}
};

View File

@ -10,19 +10,20 @@
</c:url> </c:url>
<html> <html>
<head> <head>
<base href="../"/>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA-Compatible" content="chrome=1">
<![endif]--> <![endif]-->
<title><spring:message code="SITE.TITLE"/> - ${mindmap.title} </title> <title><spring:message code="SITE.TITLE"/> - ${mindmap.title} </title>
<link rel="stylesheet/less" type="text/css" href="../css/editor.less"/> <link rel="stylesheet/less" type="text/css" href="css/editor.less"/>
<script type='text/javascript' src='../js/mootools-core.js'></script> <script type='text/javascript' src='js/mootools-core.js'></script>
<script type='text/javascript' src='../js/mootools-more.js'></script> <script type='text/javascript' src='js/mootools-more.js'></script>
<script type='text/javascript' src='../js/core.js'></script> <script type='text/javascript' src='js/core.js'></script>
<script type='text/javascript' src='../js/less.js'></script> <script type='text/javascript' src='js/less.js'></script>
<link rel="icon" href="../images/favicon.ico" type="image/x-icon"> <link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<script type="text/javascript"> <script type="text/javascript">
@ -45,22 +46,10 @@
var mindmap = persistence.loadFromDom(mapId, domDocument); var mindmap = persistence.loadFromDom(mapId, domDocument);
designer.loadMap(mindmap); designer.loadMap(mindmap);
}); });
function printMap() {
document.printForm.mapSvg.value = $("workspaceContainer").innerHTML;
document.printForm.submit();
}
</script> </script>
</head> </head>
<body> <body>
<form method="post" id="printForm" name="printForm" action='<c:url value="export.htm"/>' style="height:100%;"
target="${mindmap.title}">
<input type="hidden" name="action" value="print">
<input type="hidden" name="mapId" value="${mindmap.id}">
<input type="hidden" name="mapSvg" value="">
</form>
<div id="actionsContainer"></div> <div id="actionsContainer"></div>
<div> <div>
<c:url value="mymaps.htm" var="shareMap"> <c:url value="mymaps.htm" var="shareMap">
@ -91,6 +80,6 @@
</div> </div>
<div id="mindplot"></div> <div id="mindplot"></div>
<script type="text/javascript" src="../js/editor.js"></script> <script type="text/javascript" src="js/editor.js"></script>
</body> </body>
</html> </html>