API Add action tabsets as a interface idiom.

Introduces the concept of action tabsets - usage of TabSet and Tabs
in between the action buttons to allow richer set of capabilities that
can be offered to the user.

Goes along with c8d0cdec99c95dbed3b58ebcc098cc9d22c58206 that implements
a change to the CMS actions.

admin/javascript/LeftAndMain.Content.js

@@ -15,9 +15,8 @@
 
 				// Force initialization of certain UI elements to avoid layout glitches
 				this.find('.cms-tabset').redrawTabs();
-				this.find('.ss-ui-tabs-nav').redraw();
-
 				this._super();
+
 			},
 
 			redraw: function() {

admin/javascript/LeftAndMain.EditForm.js

@@ -205,14 +205,18 @@
 		});
 
 		/**
-		 * Hide tabs when only one is available
+		 * Hide tabs when only one is available.
+		 * Special case is actiontabs - tabs between buttons, where we want to have
+		 * extra options hidden within a tab (even if only one) by default.
 		 */
 		$('.cms-edit-form .ss-tabset').entwine({
 			onmatch: function() {
-				var tabs = this.find("> ul:first");
+				if (!this.hasClass('ss-ui-action-tabset')) {
+					var tabs = this.find("> ul:first");
 
-				if(tabs.children("li").length == 1) {
-					tabs.hide().parent().addClass("ss-tabset-tabshidden");
+					if(tabs.children("li").length == 1) {
+						tabs.hide().parent().addClass("ss-tabset-tabshidden");
+					}
 				}
 
 				this._super();

admin/javascript/LeftAndMain.js

@@ -440,7 +440,7 @@ jQuery.noConflict();
 			 * Can be hooked into an ajax 'success' callback.
 			 */
 			handleAjaxResponse: function(data, status, xhr) {
-				var self = this, url, activeTabs, guessFragment;
+				var self = this, url, selectedTabs, guessFragment;
 
 				// Pseudo-redirects via X-ControllerURL might return empty data, in which
 				// case we'll ignore the response
@@ -571,19 +571,19 @@ jQuery.noConflict();
 			saveTabState: function() {
 				if(typeof(window.sessionStorage)=="undefined" || window.sessionStorage == null) return;
 
-				var activeTabs = [], url = this._tabStateUrl();
+				var selectedTabs = [], url = this._tabStateUrl();
 				this.find('.cms-tabset,.ss-tabset').each(function(i, el) {
 					var id = $(el).attr('id');
 					if(!id) return; // we need a unique reference
 					if(!$(el).data('tabs')) return; // don't act on uninit'ed controls
 					if($(el).data('ignoreTabState')) return; // allow opt-out
-					activeTabs.push({id:id, active:$(el).tabs('option', 'active')});
+					selectedTabs.push({id:id, selected:$(el).tabs('option', 'selected')});
 				});
 
-				if(activeTabs) {
+				if(selectedTabs) {
 					var tabsUrl = 'tabs-' + url;
 					try {
-						window.sessionStorage.setItem(tabsUrl, JSON.stringify(activeTabs));
+						window.sessionStorage.setItem(tabsUrl, JSON.stringify(selectedTabs));
 					} catch(err) {
 						if (err.code === DOMException.QUOTA_EXCEEDED_ERR && window.sessionStorage.length === 0) {
 							// If this fails we ignore the error as the only issue is that it 
@@ -606,12 +606,12 @@ jQuery.noConflict();
 
 				var self = this, url = this._tabStateUrl(),
 					data = window.sessionStorage.getItem('tabs-' + url),
-					activeTabs = data ? JSON.parse(data) : false;
-				if(activeTabs) {
-					$.each(activeTabs, function(i, activeTab) {
-						var el = self.find('#' + activeTab.id);
+					selectedTabs = data ? JSON.parse(data) : false;
+				if(selectedTabs) {
+					$.each(selectedTabs, function(i, selectedTab) {
+						var el = self.find('#' + selectedTab.id);
 						if(!el.data('tabs')) return; // don't act on uninit'ed controls
-						el.tabs('option', 'active', activeTab.active);
+						el.tabs('select', selectedTab.selected);
 					});
 				}
 			},
@@ -1012,7 +1012,7 @@ jQuery.noConflict();
 			},
 			redrawTabs: function() {
 				this.rewriteHashlinks();
-
+				
 				var id = this.attr('id'), activeTab = this.find('ul:first .ui-tabs-active');
 
 				if(!this.data('uiTabs')) this.tabs({
@@ -1025,7 +1025,7 @@ jQuery.noConflict();
 					activate: function(e, ui) {
 						// Usability: Hide actions for "readonly" tabs (which don't contain any editable fields)
 						var actions = $(this).closest('form').find('.Actions');
-						if($(ui.tab).closest('li').hasClass('readonly')) {
+						if($(ui.newTab).closest('li').hasClass('readonly')) {
 							actions.fadeOut();
 						} else {
 							actions.show();

admin/javascript/ssui.core.js

@@ -83,17 +83,17 @@
 			}
 
 			// Create missing elements.
-			if (this.options.alternate.text) {
-				this.buttonElement.append(
-					"<span class='ui-button-text-alternate ui-button-text'>" + this.options.alternate.text + "</span>"
-				);
-			}
 			if (this.options.alternate.icon) {
 				this.buttonElement.append(
 					"<span class='ui-button-icon-alternate ui-button-icon-primary ui-icon btn-icon-" 
 					+ this.options.alternate.icon + "'></span>"
 				);
 			}
+			if (this.options.alternate.text) {
+				this.buttonElement.append(
+					"<span class='ui-button-text-alternate ui-button-text'>" + this.options.alternate.text + "</span>"
+				);
+			}
 
 			this._refreshAlternate();
 		},