remove event

src/ui/tab_manager.js

@@ -2,16 +2,16 @@
  * @param options.autohideTabBar
  *            Whether to autohide the tab bar when only 1 tab showing
  */
-morpheus.TabManager = function(options) {
+morpheus.TabManager = function (options) {
 	this.options = $.extend({}, {
-		autohideTabBar : false
+		autohideTabBar: false
 	}, options);
 	var _this = this;
 	this.activeTabObject = null;
 	this.activeTabId = null;
 	this.idToTabObject = new morpheus.Map();
 	this.$nav = $('<ul class="nav nav-tabs"></ul>');
-	this.$nav.on('click', 'li > a', function(e) {
+	this.$nav.on('click', 'li > a', function (e) {
 		var tabId = $(this).attr('href');
 		e.preventDefault();
 		if (_this.activeTabId !== tabId) {
@@ -23,14 +23,14 @@ morpheus.TabManager = function(options) {
 
 		var builder = new morpheus.FormBuilder();
 		builder.append({
-			name : 'name',
-			type : 'text',
-			value : $.trim($a.contents().first().text())
+			name: 'name',
+			type: 'text',
+			value: $.trim($a.contents().first().text())
 		});
 		morpheus.FormBuilder.showOkCancel({
-			title : 'Rename Tab',
-			content : builder.$form,
-			okCallback : function() {
+			title: 'Rename Tab',
+			content: builder.$form,
+			okCallback: function () {
 				var name = $.trim(builder.getValue('name'));
 				if (name !== '') {
 					_this.activeTabObject.setName(name);
@@ -40,27 +40,28 @@ morpheus.TabManager = function(options) {
 		});
 		// edit tab name
 	}
+
 	// rename
 
-	this.$nav.on('dblclick', 'li > a', function(e) {
+	this.$nav.on('dblclick', 'li > a', function (e) {
 		e.preventDefault();
 		if ($(this).data('morpheus-rename')) {
 			rename($(this));
 		}
 
 	});
-	this.$nav.on('contextmenu.morpheus', 'li > a', function(e) {
+	this.$nav.on('contextmenu.morpheus', 'li > a', function (e) {
 		e.preventDefault();
 		e.stopPropagation();
 		e.stopImmediatePropagation();
 		var $a = $(this);
 		if ($a.data('morpheus-rename')) {
-			morpheus.Popup.showPopup([ {
-				name : 'Rename'
-			} ], {
-				x : e.pageX,
-				y : e.pageY
-			}, e.target, function(event, item) {
+			morpheus.Popup.showPopup([{
+				name: 'Rename'
+			}], {
+				x: e.pageX,
+				y: e.pageY
+			}, e.target, function (event, item) {
 				rename($a);
 			});
 		}
@@ -68,7 +69,7 @@ morpheus.TabManager = function(options) {
 
 	});
 
-	this.$nav.on('click', 'button', function(e) { // close a tab
+	this.$nav.on('click', 'button', function (e) { // close a tab
 		// remove the link and tab content
 		e.preventDefault();
 		var target = $(this).attr('data-target');
@@ -76,7 +77,7 @@ morpheus.TabManager = function(options) {
 	});
 
 	this.$tabContent = $('<div class="tab-content"></div>');
-	this.$nav.on('shown.bs.tab', 'a[data-toggle="tab"]', function(e) {
+	this.$nav.on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
 		if (_this.adding) {
 			return;
 		}
@@ -85,14 +86,14 @@ morpheus.TabManager = function(options) {
 		_this.activeTabId = $(e.target).attr('href');
 		_this.activeTabObject = _this.idToTabObject.get(_this.activeTabId);
 		_this.trigger('change', {
-			tab : _this.activeTabObject,
-			previous : previous
+			tab: _this.activeTabObject,
+			previous: previous
 		});
 	});
 
 };
 morpheus.TabManager.prototype = {
-	setTabText : function(id, text) {
+	setTabText: function (id, text) {
 		this.$nav.find('a').filter('[href=' + id + ']').contents().first()
 		.replaceWith(text + '&nbsp;');
 		this.idToTabObject.get(id).setName(name);
@@ -107,7 +108,7 @@ morpheus.TabManager.prototype = {
 	 * @param task.tabId
 	 *            Tab id for task
 	 */
-	addTask : function(task) {
+	addTask: function (task) {
 		var $a = this.$nav.find('a[href=' + task.tabId + ']');
 		if ($a.length === 0) {
 			throw new Error(task.tabId + ' not found.');
@@ -125,13 +126,13 @@ morpheus.TabManager.prototype = {
 		.addClass('animated flash')
 		.one(
 			'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',
-						function() {
+			function () {
 				$(this).removeClass('animated flash');
 			});
 
 		$i.addClass('fa fa-spinner fa-spin');
 	},
-	removeTask : function(task) {
+	removeTask: function (task) {
 		var $a = this.$nav.find('a[href=' + task.tabId + ']');
 		var $i = $a.find('i');
 		var tasks = $i.data('tasks');
@@ -146,7 +147,7 @@ morpheus.TabManager.prototype = {
 			}
 		}
 		if (index === -1) {
-			throw new Error(task.id + ' not found in ' + tasks.map(function(t) {
+			throw new Error(task.id + ' not found in ' + tasks.map(function (t) {
 					return t.id;
 				}));
 		}
@@ -156,13 +157,13 @@ morpheus.TabManager.prototype = {
 			$i.removeClass('fa fa-spinner fa-spin');
 		}
 	},
-	getWidth : function() {
+	getWidth: function () {
 		return this.$nav.outerWidth() || $(window).width();
 	},
-	getActiveTab : function() {
+	getActiveTab: function () {
 		return this.activeTabObject;
 	},
-	getActiveTabId : function() {
+	getActiveTabId: function () {
 		return this.activeTabId;
 	},
 
@@ -184,7 +185,7 @@ morpheus.TabManager.prototype = {
 	 *            Whether new tab is enabled
 	 *
 	 */
-	add : function(options) {
+	add: function (options) {
 		this.adding = true;
 		var id = _.uniqueId('tab');
 		this.idToTabObject.set('#' + id, options.object);
@@ -225,11 +226,11 @@ morpheus.TabManager.prototype = {
 				: 'none');
 		}
 		return {
-			$panel : $panel,
-			id : '#' + id
+			$panel: $panel,
+			id: '#' + id
 		};
 	},
-	remove : function(target) {
+	remove: function (target) {
 		if (target === undefined) {
 			target = this.activeTabId;
 		}
@@ -249,12 +250,15 @@ morpheus.TabManager.prototype = {
 			this.$nav.css('display', this.idToTabObject.size() > 1 ? ''
 				: 'none');
 		}
+		this.trigger('remove', {
+			tab: target
+		});
 	},
-	setActiveTab : function(id) {
+	setActiveTab: function (id) {
 		if (id === this.activeTabId) {
 			this.trigger('change', {
-				tab : this.activeTabObject,
-				previous : null
+				tab: this.activeTabObject,
+				previous: null
 			});
 		}
 		var $a = this.$nav.find('[href=' + id + ']');
@@ -271,10 +275,10 @@ morpheus.TabManager.prototype = {
 	 * @param title
 	 *            The title (used to show tooltip)
 	 */
-	setTabTitle : function(id, title) {
+	setTabTitle: function (id, title) {
 		this.$nav.find('a').filter('[href=' + id + ']').attr('title', title);
 	},
-	setTabEnabled : function(id, enabled) {
+	setTabEnabled: function (id, enabled) {
 		var $a = this.$nav.find('a').filter('[href=' + id + ']');
 		if (enabled) {
 			$a.parent().removeClass('disabled');