update link editor

This commit is contained in:
Mariela Michalek 2014-04-01 07:24:36 -03:00
parent 690b653092
commit b911e4d916

View File

@ -65,48 +65,54 @@ mindplot.widget.LinkEditor = new Class({
}, },
_buildPanel:function (model) { _buildPanel:function (model) {
var result = $('<div></div>').css("padding-top", "15px"); var result = $('<div></div>').css("padding-top", "5px");
var form = $('<form></form>').attr('action','none').attr('id','linkFormId'); var form = $('<form></form>').attr('action','none').attr('id','linkFormId');
var text = $('<p></p>').text("URL:"); var text = $('<p></p>').text("Paste your url here:");
text.css('margin','0px 0px 10px');
form.append(text); form.append(text);
// Add Input ...
var input = $('<input></input>').attr( // Add Input
var input = $('<input>').attr(
'placeholder','http://www.example.com/').attr( 'placeholder','http://www.example.com/').attr(
'type','url').attr( 'type','url').attr(
'required','true').attr( 'required','true').attr(
'autofocus','autofocus' 'autofocus','autofocus'
); );
form.append(input); input.css('width','70%').css('margin','0px 20px');
result.append(form);
// var input = new Element('input', { if (model.getValue() != null){
// placeholder:'http://www.example.com/', input.value = model.getValue();}
// type:Browser.ie ? 'text' : 'url', // IE workaround // type:Browser.ie ? 'text' : 'url', // IE workaround
// required:true,
// autofocus:'autofocus' // Open Button
// }); var open = $('<input/>').attr(
if (model.getValue() != null) 'type','button').attr(
input.value = model.getValue(); 'value',$msg('OPEN_LINK'));
open.click(function(){
alert('clicked!');
});
form.append(input);
form.append(open);
// input.setStyles({
// width:'55%',
// margin:"0px 10px"
//
// });
// input.inject(form);
//
// // Open Button
// var openButton = new Element('input', {
// type:"button",
// value:$msg('OPEN_LINK')
// });
// 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.submit(function (event) {
// event.stopPropagation();
event.preventDefault();
if (input.value != null && input.value.trim() != "") {
model.setValue(input.value);
}
this.close();
}.bind(this));
// form.addEvent('submit', function (event) { // form.addEvent('submit', function (event) {
// event.stopPropagation(); // event.stopPropagation();
// event.preventDefault(); // event.preventDefault();
@ -116,16 +122,27 @@ mindplot.widget.LinkEditor = new Class({
// } // }
// this.close(); // this.close();
// }.bind(this)); // }.bind(this));
//
// // Add buttons ...
// Add buttons ...
var buttonContainer = $('<div></div>');
buttonContainer.css('paddingTop','5').css('textAlign','center');
// 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 = $('<input>');
okButton.attr('type','submit').attr(
'value',$msg('ACCEPT')).attr(
'class','btn-primary');
buttonContainer.append(okButton);
// 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);
// //
// // 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');
@ -138,27 +155,35 @@ mindplot.widget.LinkEditor = new Class({
// }.bind(this)); // }.bind(this));
// buttonContainer.inject(form); // buttonContainer.inject(form);
// } // }
//
// // Create cancel button ... // Create cancel button ...
var cancelButton = $('<input>');
cancelButton.attr('id','cancel').attr('type','button').attr(
'value',$msg('CANCEL')).attr(
'class','btn-secondary');
cancelButton.css('margin','5px');
cancelButton.click(function () {this.close();});
buttonContainer.append(cancelButton);
form.append(buttonContainer);
// 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.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);
result.append(form);
return result; return result;
}, },
show:function () { show:function () {
this.parent("Link"); this.parent("Link");
// this.open();
} }
}); });