mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-08-20 12:30:44 +02:00
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:
parent
95aa9f18eb
commit
ae43a27dd2
@ -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() {
|
||||||
|
@ -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";
|
||||||
|
|
||||||
|
|
@ -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) {
|
||||||
|
@ -83,5 +83,5 @@ mindplot.NoteIcon = new Class({
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
mindplot.NoteIcon.IMAGE_URL = "../images/notes.png";
|
mindplot.NoteIcon.IMAGE_URL = "images/notes.png";
|
||||||
|
|
||||||
|
@ -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() {
|
||||||
|
@ -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,
|
||||||
|
@ -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;
|
||||||
|
|
||||||
|
@ -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 */
|
||||||
|
@ -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"><iframe src="embedded.html?confUrl=../html/container.json" width="800" height="600"></iframe></div>
|
<div id="code"><iframe src="embedded.html?confUrl=html/container.json" width="800" height="600"></iframe></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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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");
|
||||||
|
@ -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>
|
||||||
|
@ -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;
|
|
||||||
}
|
|
||||||
};
|
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user