end.jsp

<%--
/**
 * Copyright (c) 2000-2013 Liferay, Inc. All rights reserved.
 *
 * The contents of this file are subject to the terms of the Liferay Enterprise
 * Subscription License ("License"). You may not use this file except in
 * compliance with the License. You can obtain a copy of the License by
 * contacting Liferay, Inc. See the License for the specific language governing
 * permissions and limitations under the License, including but not limited to
 * distribution rights of the Software.
 *
 *
 *
 */
--%>

<%@ include file="/html/taglib/aui/nav_item/init.jsp" %>

<%@ page import="javax.servlet.jsp.tagext.BodyContent" %>

<%
BodyContent bodyContent = (BodyContent)request.getAttribute("aui:nav-item:bodyContent");

String bodyContentString = StringPool.BLANK;

if (bodyContent != null) {
	bodyContentString = bodyContent.getString();
}
%>

<c:if test="<%= !dropdown || Validator.isNotNull(bodyContentString.trim()) %>">
	<li class="<%= cssClass %><%= selected ? " active " : StringPool.SPACE %><%= state %>" id="<%= id %>" role="presentation" <%= AUIUtil.buildData(data) %> <%= InlineUtil.buildDynamicAttributes(dynamicAttributes) %>>
		<c:if test="<%= Validator.isNotNull(iconCssClass) || Validator.isNotNull(label) %>">
			<c:if test="<%= Validator.isNotNull(href) %>">
				<a <%= Validator.isNotNull(ariaLabel) ? "aria-label=\"" + ariaLabel + "\"" : StringPool.BLANK %> class="<%= anchorCssClass %>" <%= AUIUtil.buildData(anchorData) %> href="<%= href %>" id="<%= anchorId %>" role="<%= Validator.isNull(ariaRole) ? "menuitem" : ariaRole %>" title="<liferay-ui:message key="<%= title %>" />">

				<c:if test="<%= useDialog %>">
					<aui:script>
						Liferay.delegateClick('<%= anchorId %>', Liferay.Util.openInDialog);
					</aui:script>
				</c:if>
			</c:if>
					<c:if test="<%= Validator.isNotNull(iconCssClass) %>">
						<i class="<%= iconCssClass %>"></i>
					</c:if>

					<span class="nav-item-label">
						<liferay-ui:message key="<%= label %>" />
					</span>

					<c:if test="<%= dropdown %>">
						<i class="icon-caret-down"></i>
					</c:if>
			<c:if test="<%= Validator.isNotNull(href) %>">
				</a>
			</c:if>
		</c:if>

		<c:if test="<%= dropdown %>">
			<aui:script use="aui-base,event-move,event-outside,liferay-store">
				A.Event.defineOutside('touchend');

				var container = A.one('#<%= id %>');

				container.one('a').on(
					'gesturemovestart',
					function(event) {
						var currentTarget = event.currentTarget;

						currentTarget.once(
							'gesturemoveend',
							function(event) {
								container.toggleClass('open');

								var menuOpen = container.hasClass('open');

								<c:choose>
									<c:when test="<%= !toggle %>">
										var handle = Liferay.Data['<%= id %>Handle'];

										if (menuOpen && !handle) {
											var eventOutside = event._event.type;

											if (eventOutside === 'MSPointerUp') {
												eventOutside = 'mouseup';
											}

											eventOutside = eventOutside + 'outside';

											handle = currentTarget.on(
												eventOutside,
												function(event) {
													if (!event.target.ancestor('#<%= id %>')) {
														Liferay.Data['<%= id %>Handle'] = null;

														handle.detach();

														container.removeClass('open');
													}
												}
											);
										}
										else if (handle) {
											handle.detach();

											handle = null;
										}

										Liferay.Data['<%= id %>Handle'] = handle;
									</c:when>
									<c:otherwise>
										var data = {};

										data['<%= id %>'] = menuOpen ? 'open' : 'closed';

										Liferay.Store(data);
									</c:otherwise>
								</c:choose>
							}
						);
					}
				);
			</aui:script>

			<c:if test="<%= wrapDropDownMenu %>">
				<ul class='dropdown-menu <%= LanguageUtil.get(locale, "lang.dir").equals("rtl") ? "pull-right" : StringPool.BLANK %>'>
			</c:if>
		</c:if>

		<c:if test="<%= Validator.isNotNull(bodyContentString) %>">
			<%= bodyContentString %>
		</c:if>

		<c:if test="<%= dropdown && wrapDropDownMenu %>">
			</ul>
		</c:if>
	</li>
</c:if>