From e5b5e288436b29c3a799b3d4fb99e9361dd669c4 Mon Sep 17 00:00:00 2001
From: Mariela Michalek <mariela.michalek@gmail.com>
Date: Fri, 18 Apr 2014 17:12:36 -0300
Subject: [PATCH] fade in remove button

---
 .../libraries/bootstrap/BootstrapDialog.js    | 26 +++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/mindplot/src/main/javascript/libraries/bootstrap/BootstrapDialog.js b/mindplot/src/main/javascript/libraries/bootstrap/BootstrapDialog.js
index dedc9d32..38ab504c 100644
--- a/mindplot/src/main/javascript/libraries/bootstrap/BootstrapDialog.js
+++ b/mindplot/src/main/javascript/libraries/bootstrap/BootstrapDialog.js
@@ -4,12 +4,13 @@ var BootstrapDialog = new Class({
     options: {
         cancelButton: false,
         closeButton: false,
-        acceptButton: true
+        acceptButton: true,
+        removeButton:false
     },
 
     initialize: function (title, 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 header = this._buildHeader(title);
         if (header) {
@@ -26,14 +27,20 @@ var BootstrapDialog = new Class({
 
     _buildFooter: function() {
         var footer = null;
-        if (this.options.acceptButton || this.options.cancelButton) {
-            footer = $('<div class="modal-footer">');
+        if (this.options.acceptButton || this.options.removeButton || this.options.cancelButton) {
+            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>');
             footer.append(this.acceptButton);
             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) {
             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
     },
 
+
+    onRemoveClick: function(event) {
+        //this method should be abstract
+    },
+
     show: function () {
         this._native.modal();
     },
@@ -71,5 +83,9 @@ var BootstrapDialog = new Class({
 
     close: function() {
         this._native.modal('hide');
+    },
+
+    showRemoveButton: function(){
+      this.removeButton.show();
     }
 });