vmario/wisemapping-open-source
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-open-source.git synced 2024-11-26 15:54:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

update linkEditor

Browse Source
This commit is contained in:
Mariela Michalek 2014-03-29 17:13:31 -03:00
parent 32edaef745
commit 0480735330
1 changed files with 89 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

175
mindplot/src/main/javascript/widget/LinkEditor.js
View File

@ -17,11 +17,11 @@
*/ */
mindplot.widget.LinkEditor = new Class({ mindplot.widget.LinkEditor = new Class({
// Extends:MooDialog, Extends:BootstrapDialog,
initialize:function (model) { initialize:function (model) {
$assert(model, "model can not be null"); $assert(model, "model can not be null");
this.parent();
var panel = this._buildPanel(model); var panel = this._buildPanel(model);
console.error("Re-impl required ....");
// this.parent({ // this.parent({
// closeButton:true, // closeButton:true,
// destroyOnClose:true, // destroyOnClose:true,
@ -61,101 +61,104 @@ mindplot.widget.LinkEditor = new Class({
// this.overlay.destroy(); // this.overlay.destroy();
// } // }
// }); // });
this.setContent(panel); this.appendToContent(panel);
}, },
_buildPanel:function (model) { _buildPanel:function (model) {
var result = new Element('div'); var result = $('<div></div>').css("padding-top", "15px");
result.setStyle("padding-top", "15px"); var form = $('<form></form>').attr('action','none').attr('id','linkFormId');
var form = new Element('form', {'action':'none', 'id':'linkFormId'}); var text = $('<p></p>').text("URL:");
// Add combo ...
var select = new Element('select');
select.setStyles({margin:'5px'});
new Element('option', {text:'URL'}).inject(select);
// new Element('option', {text:'Mail'}).inject(select);
select.inject(form);
form.append(text);
// Add Input ... // Add Input ...
var input = new Element('input', { var input = $('<input></input>').attr(
placeholder:'http://www.example.com/', 'placeholder','http://www.example.com/').attr(
type:Browser.ie ? 'text' : 'url', // IE workaround 'type','url').attr(
required:true, 'required','true').attr(
autofocus:'autofocus' 'autofocus','autofocus'
}); );
form.append(input);
result.append(form);
// var input = new Element('input', {
// placeholder:'http://www.example.com/',
// type:Browser.ie ? 'text' : 'url', // IE workaround
// required:true,
// autofocus:'autofocus'
// });
if (model.getValue() != null) if (model.getValue() != null)
input.value = model.getValue(); input.value = model.getValue();
input.setStyles({ // input.setStyles({
width:'55%', // width:'55%',
margin:"0px 10px" // margin:"0px 10px"
//
}); // });
input.inject(form); // input.inject(form);
//
// Open Button // // Open Button
var openButton = new Element('input', { // var openButton = new Element('input', {
type:"button", // type:"button",
value:$msg('OPEN_LINK') // value:$msg('OPEN_LINK')
}); // });
openButton.inject(form); // openButton.inject(form);
openButton.addEvent('click',function(){ // openButton.addEvent('click',function(){
window.open(input.value,"_blank", "status=1,width=700,height=450,resizable=1"); // window.open(input.value,"_blank", "status=1,width=700,height=450,resizable=1");
}); // });
//
//
// Register submit event ... // // Register submit event ...
form.addEvent('submit', function (event) { // form.addEvent('submit', function (event) {
event.stopPropagation(); // event.stopPropagation();
event.preventDefault(); // event.preventDefault();
//
if (input.value != null && input.value.trim() != "") { // if (input.value != null && input.value.trim() != "") {
model.setValue(input.value); // model.setValue(input.value);
} // }
this.close(); // this.close();
}.bind(this)); // }.bind(this));
//
// Add buttons ... // // Add buttons ...
var buttonContainer = new Element('div').setStyles({paddingTop:5, textAlign:'center'}); // var buttonContainer = new Element('div').setStyles({paddingTop:5, textAlign:'center'});
//
// Create accept button ... // // Create accept button ...
var okButton = new Element('input', {type:'submit', value:$msg('ACCEPT'), 'class':'btn-primary'}); // var okButton = new Element('input', {type:'submit', value:$msg('ACCEPT'), 'class':'btn-primary'});
okButton.addClass('button'); // okButton.addClass('button');
okButton.inject(buttonContainer); // okButton.inject(buttonContainer);
//
// Create remove button ... // // Create remove button ...
if ($defined(model.getValue())) { // if ($defined(model.getValue())) {
var rmButton = new Element('input', {type:'button', value:$msg('REMOVE'), 'class':'btn-primary'}); // var rmButton = new Element('input', {type:'button', value:$msg('REMOVE'), 'class':'btn-primary'});
rmButton.setStyle('margin', '5px'); // rmButton.setStyle('margin', '5px');
rmButton.addClass('button'); // rmButton.addClass('button');
rmButton.inject(buttonContainer); // rmButton.inject(buttonContainer);
rmButton.addEvent('click', function (event) { // rmButton.addEvent('click', function (event) {
model.setValue(null); // model.setValue(null);
event.stopPropagation(); // event.stopPropagation();
this.close(); // this.close();
}.bind(this)); // }.bind(this));
buttonContainer.inject(form); // buttonContainer.inject(form);
} // }
//
// Create cancel button ... // // Create cancel button ...
var cButton = new Element('input', {type:'button', value:$msg('CANCEL'), 'class':'btn-secondary'}); // var cButton = new Element('input', {type:'button', value:$msg('CANCEL'), 'class':'btn-secondary'});
cButton.setStyle('margin', '5px'); // cButton.setStyle('margin', '5px');
cButton.addClass('button'); // cButton.addClass('button');
cButton.inject(buttonContainer); // cButton.inject(buttonContainer);
cButton.addEvent('click', function () { // cButton.addEvent('click', function () {
this.close(); // this.close();
}.bind(this)); // }.bind(this));
buttonContainer.inject(form); // buttonContainer.inject(form);
//
result.addEvent('keydown', function (event) { // result.addEvent('keydown', function (event) {
event.stopPropagation(); // event.stopPropagation();
}); // });
//
form.inject(result); // form.inject(result);
return result; return result;
}, },
show:function () { show:function () {
this.open(); this.parent("Link");
// this.open();
} }
}); });