<%@ page session="false" buffer="none" %> 
<%@ page trimDirectiveWhitespaces="true" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="/WEB-INF/tld/portal-internal.tld" prefix="portal-internal" %>
<%@ include file="../includePortalTaglibs.jspf" %>
<%@ include file="../helper.jspf" %>
<portal-core:constants/><portal-core:defineObjects/>
<%-- Renders links for Login/Logout and Help that are shown in the banner --%>

<%-- The following variables are defined in bootstrap.jspf for performance reasons and reused here:
    * selectionPath
    * deviceClass
    * isMobile --%>
<c:if test="${isMobile}"><div class="wpthemeMobile"></c:if>
<ul class="wpthemeCommonActions wpthemeRight">
    <portal-logic:if loggedIn="yes">
    <%-- Username is used as a link to 'Edit My Profile' --%>
    <c:if test="${!isMobile}">
    <li id="wpthemeActionsMenu">
    <%--
    This creates the Actions context menu for page actions.  We use the
    &#36; HTML entity to encode the $ character so that it won't be interpreted
    as a JSP expression here and will show up as literals.
    --%>
        <c:if test="${!wpthemeWAI}" >
      <span tabindex="0" aria-labelledby="wpContextMenu" role="button" aria-haspopup="true" class="wpthemeMenuAnchor wpthemeMenuFocus wpthemeActionDisabled"
          onclick="javascript:if (typeof wptheme != 'undefined') wptheme.contextMenu.init(this, 'pageAction', {'navID':ibmCfg.portalConfig.currentPageOID});"
          onmousemove="javascript:if (typeof i$ != 'undefined' && typeof wptheme != 'undefined') { i$.removeClass(this,'wpthemeActionDisabled'); this.onmousemove = null; }"
          onkeydown="javascript:if (typeof i$ != 'undefined' && typeof wptheme != 'undefined') {if (event.keyCode ==13) {wptheme.contextMenu.init(this, 'pageAction', {'navID':ibmCfg.portalConfig.currentPageOID});}}">
          <span class="wpthemeUnderlineText" id="wpContextMenu"><portal-fmt:text key='theme_actions' bundle='nls8.Theme'/></span>
          <span class="wpthemeMenuRight">
              <div class="wpthemeMenuBorder">
                  <div class="wpthemeMenuNotchBorder"></div>
                  <!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
                  <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
                      <li class="&#36;{css-class}" role="menuitem" tabindex="-1"  ><span class="wpthemeMenuText" >&#36;{title}</span></li>
                  </ul>
              </div>
              <!-- Template for loading -->
              <div class="wpthemeMenuLoading wpthemeTemplateLoading"><portal-fmt:text key='shelf_loading' bundle='nls8.Shelf'/></div>
              <!-- Template for submenu -->
              <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
                  <div class="wpthemeMenuBorder wpthemeMenuSubmenu">
                      <ul id="&#36;{submenu-id}" class="wpthemeMenuDropDown" role="menu"><li role="menuitem" tabindex="-1"></li></ul>
                  </div>
              </div>
          </span>
      </span>  
        </c:if>
    </li>
    </c:if>
    </portal-logic:if>
    <%--  Top Nav Toggle --%>
    <c:if test="${deviceClass == 'tablet'}">
    <li id="wpthemeTopNavToggle">
    <a role="button" class="wpthemeTopNavToggleBtn" aria-label="<portal-fmt:text key="theme.display.nav" bundle="nls.commonUI"/>" title="<portal-fmt:text key="theme.display.nav" bundle="nls.commonUI"/>" href="javascript:;" onclick="wptheme.toggleMobileTopNav('<portal-fmt:text key="theme.display.nav" bundle="nls.commonUI"/>','<portal-fmt:text key="theme.hide.nav" bundle="nls.commonUI"/>');" id="wpthemeTopNavToggleBtn">
    &nbsp;<img alt="" src="${wp.themeConfig['resources.modules.ibm.contextRoot']}/themes/html/dynamicSpots/icons/blank.gif">
    <span class="wpthemeAltText" id="wpthemeTopNavToggleBtnAccess"><portal-fmt:text key="theme.display.nav" bundle="nls.commonUI"/></span>
    </a>
    </li>
    </c:if>
</ul>
<c:if test="${isMobile}"></div></c:if>