mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-12-31 23:33:50 +01:00
Minor fix.
This commit is contained in:
Paulo Veiga
parent
c472b95b20
commit
52587c0eaa
@ -187,6 +187,7 @@
|
||||
<filelist dir="${basedir}/src/main/javascript/widget/" files="ToolbarItem.js"/>
|
||||
<filelist dir="${basedir}/src/main/javascript/widget/" files="ToolbarPaneItem.js"/>
|
||||
<filelist dir="${basedir}/src/main/javascript/widget/" files="NoteEditor.js"/>
|
||||
<filelist dir="${basedir}/src/main/javascript/widget/" files="LinkEditor.js"/>
|
||||
<filelist dir="${basedir}/src/main/javascript/widget/" files="FloatingTip.js"/>
|
||||
|
||||
<filelist dir="${basedir}/src/main/javascript/"
|
||||
|
||||
@ -660,66 +660,16 @@ mindplot.Designer = new Class({
|
||||
}
|
||||
},
|
||||
|
||||
addLink2Node : function(url) {
|
||||
var topicsIds = this.getModel().filterTopicsIds();
|
||||
if (topicsIds.length > 0) {
|
||||
this._actionDispatcher.addLinkToTopic(topicsIds[0], url);
|
||||
}
|
||||
},
|
||||
|
||||
addLink : function() {
|
||||
var selectedTopics = this.getModel().filterSelectedTopics();
|
||||
var topic = null;
|
||||
if (selectedTopics.length > 0) {
|
||||
topic = selectedTopics[0];
|
||||
if (!$defined(topic._hasLink)) {
|
||||
var msg = new Element('div');
|
||||
var urlText = new Element('div').inject(msg);
|
||||
urlText.innerHTML = "URL:";
|
||||
var formElem = new Element('form', {'action': 'none', 'id':'linkFormId'});
|
||||
var urlInput = new Element('input', {'type': 'text', 'size':30});
|
||||
urlInput.inject(formElem);
|
||||
formElem.inject(msg);
|
||||
|
||||
var okButtonId = "linkOkButtonId";
|
||||
formElem.addEvent('submit', function(e) {
|
||||
$(okButtonId).fireEvent('click', e);
|
||||
e = new Event(e);
|
||||
e.stop();
|
||||
});
|
||||
|
||||
|
||||
var okFunction = function() {
|
||||
var url = urlInput.value;
|
||||
var result = false;
|
||||
if ("" != url.trim()) {
|
||||
this.addLink2Node(url);
|
||||
result = true;
|
||||
}
|
||||
return result;
|
||||
}.bind(this);
|
||||
|
||||
var dialog = mindplot.LinkIcon.buildDialog(this, okFunction, okButtonId);
|
||||
dialog.adopt(msg).show();
|
||||
|
||||
// IE doesn't like too much this focus action...
|
||||
if (!Browser.ie) {
|
||||
urlInput.focus();
|
||||
}
|
||||
}
|
||||
} else {
|
||||
core.Monitor.getInstance().logMessage('At least one topic must be selected to execute this operation.');
|
||||
}
|
||||
var model = this.getModel();
|
||||
var topic = model.selectedTopic();
|
||||
topic.showLinkEditor();
|
||||
},
|
||||
|
||||
addNote : function() {
|
||||
var model = this.getModel();
|
||||
var topic = model.selectedTopic();
|
||||
if (topic != null) {
|
||||
topic.showNoteEditor();
|
||||
} else {
|
||||
core.Monitor.getInstance().logMessage('At least one topic must be selected to execute this operation.');
|
||||
}
|
||||
topic.showNoteEditor();
|
||||
},
|
||||
|
||||
goToNode : function(node) {
|
||||
|
||||
@ -41,6 +41,7 @@ mindplot.Note = new Class({
|
||||
// Content can also be a function of the target element!
|
||||
content: function() {
|
||||
var result = new Element('div');
|
||||
result.setStyles({padding:'5px'});
|
||||
|
||||
var title = new Element('div', {text:'Note'});
|
||||
title.setStyles({
|
||||
@ -63,9 +64,10 @@ mindplot.Note = new Class({
|
||||
return result;
|
||||
}.bind(this),
|
||||
html: true,
|
||||
position: 'bottom', // Bottom positioned
|
||||
center: true, // Place the tip aligned with target
|
||||
arrowSize: 6, // A bigger arrow! ); // Title attribute will be used as tip.
|
||||
position: 'bottom',
|
||||
arrowOffset : 10,
|
||||
center: true,
|
||||
arrowSize: 15,
|
||||
offset : {x:10,y:20}
|
||||
});
|
||||
},
|
||||
|
||||
@ -329,7 +329,7 @@ mindplot.Topic = new Class({
|
||||
model.addIcon(iconModel);
|
||||
|
||||
var imageIcon = new mindplot.ImageIcon(this, iconModel);
|
||||
iconGroup.addIcon(imageIcon,true);
|
||||
iconGroup.addIcon(imageIcon, true);
|
||||
this._adjustShapes();
|
||||
return imageIcon;
|
||||
},
|
||||
@ -753,6 +753,37 @@ mindplot.Topic = new Class({
|
||||
editor.show();
|
||||
},
|
||||
|
||||
showLinkEditor : function() {
|
||||
|
||||
var topicId = this.getId();
|
||||
var model = this.getModel();
|
||||
var editorModel = {
|
||||
getValue : function() {
|
||||
// var notes = model.getNotes();
|
||||
// var result;
|
||||
// if (notes.length > 0)
|
||||
// result = notes[0].getText();
|
||||
//
|
||||
// return result;
|
||||
},
|
||||
|
||||
setValue : function(value) {
|
||||
// var dispatcher = mindplot.ActionDispatcher.getInstance();
|
||||
// if (!$defined(value)) {
|
||||
// dispatcher.removeNoteFromTopic(topicId);
|
||||
// }
|
||||
// else {
|
||||
// dispatcher.changeNoteToTopic(topicId, value);
|
||||
// }
|
||||
}
|
||||
};
|
||||
|
||||
this.closeEditors();
|
||||
var editor = new mindplot.widget.LinkEditor(editorModel);
|
||||
editor.show();
|
||||
},
|
||||
|
||||
|
||||
closeEditors : function() {
|
||||
this._textEditor.close(true);
|
||||
},
|
||||
|
||||
124
mindplot/src/main/javascript/widget/LinkEditor.js
Normal file
124
mindplot/src/main/javascript/widget/LinkEditor.js
Normal file
@ -0,0 +1,124 @@
|
||||
/*
|
||||
* 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.
|
||||
*/
|
||||
|
||||
mindplot.widget.LinkEditor = new Class({
|
||||
Extends:MooDialog,
|
||||
initialize : function(model) {
|
||||
$assert(model, "model can not be null");
|
||||
var panel = this._buildPanel(model);
|
||||
this.parent({
|
||||
closeButton:true,
|
||||
destroyOnClose:true,
|
||||
title:'Link',
|
||||
onInitialize: function(wrapper) {
|
||||
wrapper.setStyle('opacity', 0);
|
||||
this.fx = new Fx.Morph(wrapper, {
|
||||
duration: 600,
|
||||
transition: Fx.Transitions.Bounce.easeOut
|
||||
});
|
||||
this.overlay = new Overlay(this.options.inject, {
|
||||
duration: this.options.duration
|
||||
});
|
||||
if (this.options.closeOnOverlayClick) this.overlay.addEvent('click', this.close.bind(this));
|
||||
},
|
||||
|
||||
onBeforeOpen: function() {
|
||||
this.overlay.open();
|
||||
this.fx.start({
|
||||
'margin-top': [-200, -100],
|
||||
opacity: [0, 1]
|
||||
}).chain(function() {
|
||||
this.fireEvent('show');
|
||||
}.bind(this));
|
||||
},
|
||||
|
||||
onBeforeClose: function() {
|
||||
this.fx.start({
|
||||
'margin-top': [-100, 0],
|
||||
opacity: 0
|
||||
}).chain(function() {
|
||||
this.fireEvent('hide');
|
||||
}.bind(this));
|
||||
this.overlay.close();
|
||||
}
|
||||
});
|
||||
this.setContent(panel);
|
||||
},
|
||||
|
||||
_buildPanel : function (model) {
|
||||
var result = new Element('div');
|
||||
var form = new Element('form', {'action': 'none', 'id':'linkFormId'});
|
||||
|
||||
// Add textarea ...
|
||||
var textArea = new Element('textarea', {placeholder: 'Write your note here ...'});
|
||||
if (model.getValue() != null)
|
||||
textArea.value = model.getValue();
|
||||
|
||||
textArea.setStyles({'width':'100%', 'height':80,resize: 'none'
|
||||
});
|
||||
textArea.inject(form);
|
||||
|
||||
// Add buttons ...
|
||||
var buttonContainer = new Element('div').setStyles({paddingTop:5, textAlign:'center'});
|
||||
|
||||
// Create accept button ...
|
||||
var okButton = new Element('input', {type:'button', value:'Accept','class':'btn-primary'});
|
||||
okButton.addClass('button');
|
||||
okButton.addEvent('click', function() {
|
||||
model.setValue(textArea.value);
|
||||
this.close();
|
||||
}.bind(this));
|
||||
okButton.inject(buttonContainer);
|
||||
|
||||
// Create remove button ...
|
||||
if ($defined(model.getValue())) {
|
||||
var rmButton = new Element('input', {type:'button', value:'Remove','class':'btn-primary'});
|
||||
rmButton.setStyle('margin', '5px');
|
||||
rmButton.addClass('button');
|
||||
rmButton.inject(buttonContainer);
|
||||
rmButton.addEvent('click', function() {
|
||||
model.setValue(null);
|
||||
this.close();
|
||||
}.bind(this));
|
||||
buttonContainer.inject(form);
|
||||
}
|
||||
|
||||
|
||||
// Create cancel button ...
|
||||
var cButton = new Element('input', {type:'button', value:'Cancel','class':'btn-primary'});
|
||||
cButton.setStyle('margin', '5px');
|
||||
cButton.addClass('button');
|
||||
cButton.inject(buttonContainer);
|
||||
cButton.addEvent('click', function() {
|
||||
this.close();
|
||||
}.bind(this));
|
||||
buttonContainer.inject(form);
|
||||
|
||||
result.addEvent('keydown', function(event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
form.inject(result);
|
||||
return result;
|
||||
},
|
||||
|
||||
show : function() {
|
||||
this.open();
|
||||
}
|
||||
|
||||
});
|
||||
@ -644,4 +644,5 @@ div.installCFG h2{
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
@ -593,13 +593,15 @@ div.installCFG h2 {
|
||||
top: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.floating-tip {
|
||||
background-color: #dfcf3c;
|
||||
padding: 5px 15px;
|
||||
color: #666666;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
/*font-weight: bold;*/
|
||||
/*width: 100px;*/
|
||||
font-size: 13px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user