Added new submenu system.

Added elgg_http_url_is_identical().
Moved canvas_header/submenu* to navigation/submenu*.
Added UI test for submenu.



git-svn-id: http://code.elgg.org/elgg/trunk@5982 36083f99-b078-4883-b0ff-0f9b5a30f544

3 files changed, 114 insertions, 0 deletions

diff --git a/views/default/navigation/submenu_group.php b/views/default/navigation/submenu_group.php
new file mode 100644
index 000000000..08e417494
--- /dev/null
+++ b/views/default/navigation/submenu_group.php
@@ -0,0 +1,42 @@
+<?php
+/**
+ * Elgg submenu group.  Writes the <ul> for a submenu and passes items one by one
+ * to navigation/submenu_item
+ *
+ * @uses $vars['group_name']
+ * @uses $vars['items']
+ * @package Elgg
+ * @subpackage Core
+ * @author Curverider Ltd
+ * @link http://elgg.org/
+ */
+
+$group = (isset($vars['group'])) ? $vars['group'] : 'default';
+$items = (isset($vars['items'])) ? $vars['items'] : array();
+$hidden = (isset($vars['hidden']) && $vars['hidden']) ? 'hidden' : '';
+$child = (isset($vars['child']) && $vars['child']) ? 'child' : '';
+
+echo "<ul class='submenu $group $hidden $child'>\n";
+
+foreach ($items as $item) {
+	$item_vars = array('item' => $item, 'group' => $group);
+	if (isset($item->vars) && is_array($item->vars)) {
+		$item_vars = array_merge($item->vars, $item_vars);
+	}
+
+	if (isset($item->children)) {
+		$child_vars = array(
+			'group' => $group,
+			'items' => $item->children,
+			// if this menu item is selected, make sure to display the full tree
+			// ie, don't hide it.
+			'hidden' => !$item->selected,
+			'child' => TRUE
+		);
+		$item_vars['children_html'] = elgg_view('navigation/submenu_group', $child_vars);
+	}
+
+	echo elgg_view('navigation/submenu_item', $item_vars);
+}
+
+echo "</ul>\n";
\ No newline at end of file
diff --git a/views/default/navigation/submenu_item.php b/views/default/navigation/submenu_item.php
new file mode 100644
index 000000000..c64f8a679
--- /dev/null
+++ b/views/default/navigation/submenu_item.php
@@ -0,0 +1,41 @@
+<?php
+/**
+ * Elgg submenu item.  Displays the <li> part of a submenu.
+ *
+ * @uses $vars['group']
+ * @uses $vars['item']
+ * @uses $vars['children_html']
+ * @package Elgg
+ * @subpackage Core
+ * @author Curverider Ltd
+ * @link http://elgg.org/
+ */
+
+$group = (isset($vars['group'])) ? $vars['group'] : 'default';
+$item = (isset($vars['item'])) ? $vars['item'] : FALSE;
+$children_html = (isset($vars['children_html'])) ? $vars['children_html'] : FALSE;
+
+
+if ($item) {
+	$has_children = (isset($item->children) && $item->children) ? TRUE : FALSE;
+	$selected = (isset($item->selected) && $item->selected == TRUE) ? 'class="selected"' : '';
+	$js = (isset($vars['js'])) ? $vars['js'] : '';
+
+	$child_indicator = '';
+	if ($has_children) {
+		if ($selected) {
+			$child_indicator = '<span class="close_child">-</span>';
+			$child_indicator .= '<span class="hidden open_child">+</span>';
+		} else {
+			$child_indicator = '<span class="hidden close_child">-</span>';
+			$child_indicator .= '<span class="open_child">+</span>';
+		}
+
+		$child_indicator = "<span class=\"child_indicator\">$child_indicator </span>";
+	}
+
+	$url = htmlentities($item->url);
+	$text = $child_indicator . htmlentities($item->text);
+}
+?>
+<li <?php echo $selected; ?>><a href="<?php echo $url; ?>" <?php echo $js; ?>><?php echo $text; ?></a><?php echo $children_html; ?></li>
diff --git a/views/default/navigation/submenu_js.php b/views/default/navigation/submenu_js.php
new file mode 100644
index 000000000..0f0c88888
--- /dev/null
+++ b/views/default/navigation/submenu_js.php
@@ -0,0 +1,31 @@
+<?php
+/**
+ * Javascript to expand submenu items.
+ *
+ * @package Elgg
+ * @subpackage Core
+ * @author Curverider Ltd
+ * @link http://elgg.org/
+ */
+?>
+
+<script type="text/javascript">
+$(document).ready(function() {
+	$('.submenu span.child_indicator').click(function() {
+		var submenu = $(this).parent().parent().find('ul.submenu.child:first');
+		var closeChild = $($(this).find('.close_child'));
+		var openChild = $($(this).find('.open_child'));
+
+		if (submenu.is(':visible')) {
+			closeChild.addClass('hidden');
+			openChild.removeClass('hidden');
+		} else {
+			closeChild.removeClass('hidden');
+			openChild.addClass('hidden');
+		}
+
+		submenu.slideToggle();
+		return false;
+	});
+});
+</script>
\ No newline at end of file