fade in remove button

This commit is contained in:
Mariela Michalek 2014-04-18 17:12:36 -03:00
parent f401410e81
commit e5b5e28843

View File

@ -4,12 +4,13 @@ var BootstrapDialog = new Class({
options: { options: {
cancelButton: false, cancelButton: false,
closeButton: false, closeButton: false,
acceptButton: true acceptButton: true,
removeButton:false
}, },
initialize: function (title, options) { initialize: function (title, options) {
this.setOptions(options); this.setOptions(options);
this._native = $('<div class="modal fade"></div>').append('<div class="modal-dialog"></div>'); this._native = $('<div class="modal fade"></div>').append('<div class="modal-dialog" style="margin:150px auto"></div>');
var content = $('<div class="modal-content"></div>'); var content = $('<div class="modal-content"></div>');
var header = this._buildHeader(title); var header = this._buildHeader(title);
if (header) { if (header) {
@ -26,14 +27,20 @@ var BootstrapDialog = new Class({
_buildFooter: function() { _buildFooter: function() {
var footer = null; var footer = null;
if (this.options.acceptButton || this.options.cancelButton) { if (this.options.acceptButton || this.options.removeButton || this.options.cancelButton) {
footer = $('<div class="modal-footer">'); footer = $('<div class="modal-footer" style="paddingTop:5;textAlign:center">');
} }
if (this.options.acceptButton) { //falta agregar $msg('ACCEPT') if (this.options.acceptButton) {
this.acceptButton = $('<button type="button" class="btn btn-primary" id="acceptBtn" data-dismiss="modal">'+ $msg('ACCEPT') + '</button>'); this.acceptButton = $('<button type="button" class="btn btn-primary" id="acceptBtn" data-dismiss="modal">'+ $msg('ACCEPT') + '</button>');
footer.append(this.acceptButton); footer.append(this.acceptButton);
this.acceptButton.on('click', this.onAcceptClick) this.acceptButton.on('click', this.onAcceptClick)
} }
if (this.options.removeButton) {
this.removeButton = $('<button type="button" class="btn btn-secondary" id="removeBtn" data-dismiss="modal">'+ $msg('REMOVE') +'</button>');
footer.append(this.removeButton);
this.removeButton.on('click', {data:'hola'}, this.onRemoveClick);
this.removeButton.hide();
}
if (this.options.cancelButton) { if (this.options.cancelButton) {
footer.append('<button type="button" class="btn btn-secondary" data-dismiss="modal">'+ $msg('CANCEL') +'</button>'); footer.append('<button type="button" class="btn btn-secondary" data-dismiss="modal">'+ $msg('CANCEL') +'</button>');
} }
@ -60,6 +67,11 @@ var BootstrapDialog = new Class({
//this method should be abstract //this method should be abstract
}, },
onRemoveClick: function(event) {
//this method should be abstract
},
show: function () { show: function () {
this._native.modal(); this._native.modal();
}, },
@ -71,5 +83,9 @@ var BootstrapDialog = new Class({
close: function() { close: function() {
this._native.modal('hide'); this._native.modal('hide');
},
showRemoveButton: function(){
this.removeButton.show();
} }
}); });