update link and note editor

This commit is contained in:
Mariela Michalek 2014-04-02 15:57:32 -03:00
parent 52fa7679b9
commit 0348662bf6
2 changed files with 41 additions and 22 deletions

View File

@ -61,24 +61,27 @@ mindplot.widget.LinkEditor = new Class({
// this.overlay.destroy();
// }
// });
this.appendToContent(panel);
this.setContent(panel);
},
_buildPanel:function (model) {
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',
'id':'linkFormId'
});
var text = $('<p></p>').text("Paste your url here:");
text.css('margin','0px 0px 10px');
form.append(text);
// Add Input
var input = $('<input>').attr(
'placeholder','http://www.example.com/').attr(
'type','url').attr(
'required','true').attr(
'autofocus','autofocus'
);
var input = $('<input>').attr({
'placeholder':'http://www.example.com/',
'type':'url',
'required':'true',
'autofocus':'autofocus'
});
input.css('width','70%').css('margin','0px 20px');
if (model.getValue() != null){
@ -86,9 +89,10 @@ mindplot.widget.LinkEditor = new Class({
// type:Browser.ie ? 'text' : 'url', // IE workaround
// Open Button
var open = $('<input/>').attr(
'type','button').attr(
'value',$msg('OPEN_LINK'));
var open = $('<input/>').attr({
'type':'button',
'value':$msg('OPEN_LINK')
});
open.click(function(){
alert('clicked!');

View File

@ -62,20 +62,27 @@ mindplot.widget.NoteEditor = new Class({
// }
// });
// this.setContent(panel);
this.appendToContent(panel);
this.setContent(panel);
},
_buildPanel:function (model) {
var result = $('<div></div>').css("padding-top", "5px");
var form = $('<form></form>').attr('action','none').attr('id','noteFormId');
var form = $('<form></form>').attr({
'action':'none',
'id':'noteFormId'
});
// Add textarea
var textArea = $('<textarea></textarea>').attr(
'placeholder',$msg('WRITE_YOUR_TEXT_HERE')).attr(
'required','true').attr(
'autofocus','autofocus');
textArea.css( 'width','100%').css('height',80).css('resize','none');
var textArea = $('<textarea></textarea>').attr({
'placeholder':$msg('WRITE_YOUR_TEXT_HERE'),
'required':'true',
'autofocus':'autofocus'
});
textArea.css({
'width':'100%',
'height':80,
'resize':'none'
});
form.append(textArea);
// var textArea = new Element('textarea',
@ -114,8 +121,10 @@ mindplot.widget.NoteEditor = new Class({
// Add buttons ...
var buttonContainer = $('<div></div>');
buttonContainer.css('paddingTop','5').css('textAlign','center');
// var buttonContainer = new Element('div').setStyles({paddingTop:5, textAlign:'right'});
buttonContainer.css({
'paddingTop':'5',
'textAlign':'center'
});
// Create accept button ...
var okButton = $('<input>');
@ -147,7 +156,13 @@ mindplot.widget.NoteEditor = new Class({
'value',$msg('CANCEL')).attr(
'class','btn-secondary');
cancelButton.css('margin','5px');
cancelButton.click(function () {this.close();});
// cancelButton.on('click','input', function (e) {
// console.log('this is the click');
// e.preventDefault();
// });
$(document).on('click', "input.btn-secondary", function () {
$(modal-dialog).hide();
});
buttonContainer.append(cancelButton);
form.append(buttonContainer);