Bug Do not fail on empty url. This should not append on modern browsers.

This commit is contained in:
Paulo Gustavo Veiga 2012-08-28 00:33:27 -03:00
parent 80deb4922b
commit ed71bbc775

View File

@ -18,24 +18,24 @@
mindplot.widget.LinkEditor = new Class({ mindplot.widget.LinkEditor = new Class({
Extends:MooDialog, Extends:MooDialog,
initialize : function(model) { initialize:function (model) {
$assert(model, "model can not be null"); $assert(model, "model can not be null");
var panel = this._buildPanel(model); var panel = this._buildPanel(model);
this.parent({ this.parent({
closeButton:true, closeButton:true,
destroyOnClose:true, destroyOnClose:true,
title:'Link', title:'Link',
onInitialize: function(wrapper) { onInitialize:function (wrapper) {
wrapper.setStyle('opacity', 0); wrapper.setStyle('opacity', 0);
this.fx = new Fx.Morph(wrapper, { this.fx = new Fx.Morph(wrapper, {
duration: 600, duration:600,
transition: Fx.Transitions.Bounce.easeOut transition:Fx.Transitions.Bounce.easeOut
}); });
}, },
onBeforeOpen: function() { onBeforeOpen:function () {
this.overlay = new Overlay(this.options.inject, { this.overlay = new Overlay(this.options.inject, {
duration: this.options.duration duration:this.options.duration
}); });
if (this.options.closeOnOverlayClick) if (this.options.closeOnOverlayClick)
this.overlay.addEvent('click', this.close.bind(this)); this.overlay.addEvent('click', this.close.bind(this));
@ -43,18 +43,18 @@ mindplot.widget.LinkEditor = new Class({
this.overlay.open(); this.overlay.open();
this.fx.start({ this.fx.start({
'margin-top': [-200, -100], 'margin-top':[-200, -100],
opacity: [0, 1] opacity:[0, 1]
}).chain(function() { }).chain(function () {
this.fireEvent('show'); this.fireEvent('show');
}.bind(this)); }.bind(this));
}, },
onBeforeClose: function() { onBeforeClose:function () {
this.fx.start({ this.fx.start({
'margin-top': [-100, 0], 'margin-top':[-100, 0],
opacity: 0 opacity:0
}).chain(function() { }).chain(function () {
this.fireEvent('hide'); this.fireEvent('hide');
}.bind(this)); }.bind(this));
this.overlay.destroy(); this.overlay.destroy();
@ -63,20 +63,20 @@ mindplot.widget.LinkEditor = new Class({
this.setContent(panel); this.setContent(panel);
}, },
_buildPanel : function (model) { _buildPanel:function (model) {
var result = new Element('div'); var result = new Element('div');
var form = new Element('form', {'action': 'none', 'id':'linkFormId'}); var form = new Element('form', {'action':'none', 'id':'linkFormId'});
// Add combo ... // Add combo ...
var select = new Element('select'); var select = new Element('select');
select.setStyles({margin: '5px'}); select.setStyles({margin:'5px'});
new Element('option', {text:'URL'}).inject(select); new Element('option', {text:'URL'}).inject(select);
// new Element('option', {text:'Mail'}).inject(select); // new Element('option', {text:'Mail'}).inject(select);
select.inject(form); select.inject(form);
// Add Input ... // Add Input ...
var input = new Element('input', { var input = new Element('input', {
placeholder: 'http://www.example.com/', placeholder:'http://www.example.com/',
type:Browser.ie ? 'text' : 'url', // IE workaround type:Browser.ie ? 'text' : 'url', // IE workaround
required:true, required:true,
autofocus:'autofocus' autofocus:'autofocus'
@ -88,11 +88,13 @@ mindplot.widget.LinkEditor = new Class({
input.inject(form); input.inject(form);
// 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() != "") {
model.setValue(input.value); model.setValue(input.value);
}
this.close(); this.close();
}.bind(this)); }.bind(this));
@ -100,17 +102,17 @@ mindplot.widget.LinkEditor = new Class({
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:'Accept','class':'btn-primary'}); var okButton = new Element('input', {type:'submit', value:'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:'Remove','class':'btn-primary'}); var rmButton = new Element('input', {type:'button', value:'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();
@ -119,16 +121,16 @@ mindplot.widget.LinkEditor = new Class({
} }
// Create cancel button ... // Create cancel button ...
var cButton = new Element('input', {type:'button', value:'Cancel','class':'btn-secondary'}); var cButton = new Element('input', {type:'button', value:'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();
}); });
@ -136,8 +138,7 @@ mindplot.widget.LinkEditor = new Class({
return result; return result;
}, },
show : function() { show:function () {
this.open(); this.open();
} }
}); });