<!--
  ~ Copyright 2004-2012 ICEsoft Technologies Canada Corp.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the
  ~ License. You may obtain a copy of the License at
  ~
  ~ http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing,
  ~ software distributed under the License is distributed on an "AS
  ~ IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
  ~ express or implied. See the License for the specific language
  ~ governing permissions and limitations under the License.
  -->

<ui:fragment xmlns="http://www.w3.org/1999/xhtml"
             xmlns:h="http://java.sun.com/jsf/html"
             xmlns:f="http://java.sun.com/jsf/core"
             xmlns:ui="http://java.sun.com/jsf/facelets"
             xmlns:mobi="http://www.icesoft.com/icefaces/mobile/component">
    <!-- display device links. -->
    <h:form>
        <mobi:outputList inset="false" style="">
            <!-- output media components  example links. -->
            <mobi:outputListItem
                    group="true">#{mmsgs[layoutAndNavigationMenu.title]}</mobi:outputListItem>
            <ui:repeat value="#{layoutAndNavigationMenu.menuLinks}"
                       var="menuLinks">
                <mobi:outputListItem>
                    <h:commandLink
                            value="#{mmsgs[menuLinks.title]}"
                            action="#{navigationModel.navigateToParam}">
<f:param name="panelID" value="#{menuLinks.examplePanelId}" />
<f:param name="beanName" value="#{menuLinks.exampleBeanName}" />

                    </h:commandLink>
                </mobi:outputListItem>
            </ui:repeat>

            <!-- input and selection components example links. -->
            <mobi:outputListItem
                    group="true">#{mmsgs[inputAndSelectionMenu.title]}</mobi:outputListItem>
            <ui:repeat value="#{inputAndSelectionMenu.menuLinks}"
                       var="menuLinks">
                <mobi:outputListItem>
                    <h:commandLink
                            value="#{mmsgs[menuLinks.title]}"
                            action="#{navigationModel.navigateToParam}">
<f:param name="panelID" value="#{menuLinks.examplePanelId}" />
<f:param name="beanName" value="#{menuLinks.exampleBeanName}" />
                    </h:commandLink>
                </mobi:outputListItem>
            </ui:repeat>

            <!-- output media components  example links. -->
            <mobi:outputListItem
                    group="true">#{mmsgs[mediaPlaybackMenu.title]}</mobi:outputListItem>
            <ui:repeat value="#{mediaPlaybackMenu.menuLinks}" var="menuLinks">
                <mobi:outputListItem>
                    <h:commandLink
                            value="#{mmsgs[menuLinks.title]}"
                            action="#{navigationModel.navigateToParam}">
<f:param name="panelID" value="#{menuLinks.examplePanelId}" />
<f:param name="beanName" value="#{menuLinks.exampleBeanName}" />
                    </h:commandLink>
                </mobi:outputListItem>
            </ui:repeat>

            <!-- native components menu links. -->
            <mobi:outputListItem
                    group="true">#{mmsgs[nativeCompsMenu.title]}</mobi:outputListItem>
            <ui:repeat value="#{nativeCompsMenu.menuLinks}" var="menuLinks">
                <mobi:outputListItem>
                    <h:commandLink
                            value="#{mmsgs[menuLinks.title]}"
                            action="#{navigationModel.navigateToParam}">
<f:param name="panelID" value="#{menuLinks.examplePanelId}" />
<f:param name="beanName" value="#{menuLinks.exampleBeanName}" />
                    </h:commandLink>
                </mobi:outputListItem>
            </ui:repeat>

        </mobi:outputList>
    </h:form>
</ui:fragment>