mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-09-12 07:10:07 +02:00
update link editor
This commit is contained in:
parent
f22c0de2ad
commit
a11d50909d
@ -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();
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user