From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 24 Jan 2012 20:39:28 +0000 (+0100)
Subject: Made jQuery's tab menu actually usable
X-Git-Tag: 2.0.0_Beta_1~1400
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=f24f0823bceff2d9b8aceaf805650a08f8286b3c;p=GitHub%2FWoltLab%2FWCF.git

Made jQuery's tab menu actually usable
---

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index b78dbcf567..2bf0ee107a 100644
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -2100,18 +2100,25 @@ WCF.String = {
  * which will be filled with the currently selected tab.
  */
 WCF.TabMenu = {
+	/**
+	 * initialization state
+	 * @var	boolean
+	 */
+	didInit: false,
+	
 	/**
 	 * Initializes all TabMenus
 	 */
 	init: function() {
-		$('.tabMenuContainer').each(function(index, tabMenu) {
-			if (!$(tabMenu).attr('id')) {
-				var $randomID = WCF.getRandomID();
-				$(tabMenu).attr('id', $randomID);
+		var $containers = $('.tabMenuContainer');
+		$containers.each(function(index, tabMenu) {
+			var $tabMenu = $(tabMenu);
+			if (!$tabMenu.attr('id')) {
+				$tabMenu.wcfIdentify();
 			}
 			
 			// init jQuery UI TabMenu
-			$(tabMenu).wcfTabs({
+			$tabMenu.wcfTabs({
 				select: function(event, ui) {
 					var $panel = $(ui.panel);
 					var $container = $panel.closest('.tabMenuContainer');
@@ -2122,18 +2129,51 @@ WCF.TabMenu = {
 							$('#' + $container.data('store')).attr('value', $panel.attr('id'));
 						}
 					}
+					
+					// set panel id as location hash
+					if (WCF.TabMenu.didInit) {
+						location.hash = '#' + $panel.attr('id');
+					}
 				}
 			});
 			
 			// display active item on init
-			if ($(tabMenu).data('active')) {
-				$(tabMenu).find('.tabMenuContent').each(function(index, tabMenuItem) {
-					if ($(tabMenuItem).attr('id') == $(tabMenu).data('active')) {
-						$(tabMenu).wcfTabs('select', index);
+			if ($tabMenu.data('active')) {
+				$tabMenu.find('.tabMenuContent').each(function(innerIndex, tabMenuItem) {
+					var $tabMenuItem = $(tabMenuItem);
+					if ($tabMenuItem.attr('id') == $tabMenu.data('active')) {
+						$tabMenu.wcfTabs('select', innerIndex);
 					}
 				});
 			}
 		});
+		
+		// try to resolve location hash
+		if (!this.didInit && location.hash && /-/.test(location.hash)) {
+			var $hash = location.hash.substr(1).split('-');
+			if ($hash.length === 2) {
+				// find a container which matches the first part
+				$containers.each(function(index, tabMenu) {
+					var $tabMenu = $(tabMenu);
+					if ($tabMenu.wcfTabs('hasAnchor', $hash[0], false)) {
+						// try to find child tabMenu
+						var $childTabMenu = $tabMenu.find('#' + $hash[0] + '.tabMenuContainer');
+						if ($childTabMenu.length === 1) {
+							// validate match for second part
+							if ($childTabMenu.wcfTabs('hasAnchor', $hash[1], true)) {
+								$tabMenu.wcfTabs('select', $hash[0]);
+								$childTabMenu.wcfTabs('select', $hash[0] + '-' + $hash[1]);
+							}
+						}
+						
+						// break loop
+						return false;
+					}
+				});
+			}
+		}
+		
+		this.didInit = true;
 	}
 };
 
@@ -3510,7 +3550,7 @@ WCF.InlineEditor = Class.extend({
 	 */
 	_show: function(event) {
 		var $elementID = $(event.currentTarget).data('elementID');
-		console.debug(this);
+		
 		// build drop down
 		if (!this._dropdowns[$elementID]) {
 			var $trigger = this._getTriggerElement(this._elements[$elementID]).wrap('<span />');
@@ -4231,7 +4271,7 @@ $.widget('ui.wcfTabs', $.ui.tabs, {
 	_sanitizeSelector: function(hash) {
 		return hash.replace(/([:\.])/g, '\\$1');
 	},
-
+	
 	/**
 	 * @see	$.ui.tabs.prototype.select()
 	 */
@@ -4262,6 +4302,37 @@ $.widget('ui.wcfTabs', $.ui.tabs, {
 	 */
 	getCurrentIndex: function() {
 		return this.lis.index(this.lis.filter('.ui-tabs-selected'));
+	},
+	
+	/**
+	 * Returns true, if identifier is used by an anchor.
+	 * 
+	 * @param	string		identifier
+	 * @param	boolean		isChildren
+	 * @return	boolean
+	 */
+	hasAnchor: function(identifier, isChildren) {
+		var $matches = false;
+		
+		this.anchors.each(function(index, anchor) {
+			var $href = $(anchor).attr('href');
+			if (/#.+/.test($href)) {
+				// split by anchor
+				var $parts = $href.split('#', 2);
+				if (isChildren) {
+					$parts = $parts[1].split('-', 2);
+				}
+				
+				if ($parts[1] === identifier) {
+					$matches = true;
+					
+					// terminate loop
+					return false;
+				}
+			}
+		});
+		
+		return $matches;
 	}
 });