Plantillas Primefaces JSF
  • Introduction
  • Proyecto JEE
    • Introduccion
    • POSEIDON
    • Descomprimir template
    • Proyecto JEE
    • Dependencias
    • Sources
    • Ejecutar proyecto
    • TEMPLATE RESPONSIVE
    • Plantilla Bootfaces
      • Introduction
      • Plantilla
        • Clonar Template
        • Proyecto EJB
        • Proyecto Web
        • template base
        • top
        • footer.xhtml
        • Properties
        • Roles
        • Util
        • template base
        • page
  • Capitulo II. Crear EJB
    • MongoDB
    • Proyecto EJB
    • Dependencias
    • Paquetes
    • Provider
    • Entity
    • Repository
    • Converter
    • Services
    • Datamodel
  • Capitulo III. Configuracion
    • Paquetes
    • Util
    • Properties
    • Template
    • Footer
    • Logo
    • Componentes
  • Capitulo IV. Login
    • Dependencias ejb
    • Roles
    • ApplicationMenu
    • RolAdministrador
    • ValidadorRoles
    • LoginController
    • Login.xhtml
  • Capitulo V. Menu
    • Menu
  • Capitulo VI Controller
    • Controller Simple
    • Implementar IController
    • Colapsar Codigo
    • Atributos
    • GetPages
    • Init
    • Reset
    • Prepare
    • ShowAll
    • IsNew
    • Save
    • Edit
    • Delete
    • Print
    • handleSelected
    • Paginacion
    • Codigo Completo
  • Capitulo VII Formularios
    • Carpetas
    • list.xhtml
    • new
    • view
  • Capitulo X Referenciados y Embebidos
    • Referenciados
  • Plantilla Bootfaces
    • Untitled
Powered by GitBook
On this page

Was this helpful?

  1. Capitulo V. Menu

Menu

PreviousLogin.xhtmlNextController Simple

Last updated 6 years ago

Was this helpful?

Editar la pagina menu.xhtml

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    xmlns:pp="http://primefaces.org/poseidon">

    <h:form id="menuform"> 
        <div class="layout-menu-container">
            <div class="nano">
                <div class="nano-content menu-scroll-content">
                    <div class="search-input">
                        <input type="text" placeholder="Search"/>
                        <i class="fa fa-search"></i>
                    </div>
                    <pp:menu widgetVar="me">
                        <p:menuitem id="menubar_dashboard" value="Dashboard" icon="fa fa-fw fa-home" outcome="/dashboard"/>


                        <p:submenu id="menubar_registros" rendered="#{applicationMenu.menuBarRegistros}"  label="#{msg['menubar.registros']}" icon="fa fa-fw fa-sitemap">


                            <p:menuitem id="menu_bodega"  rendered="#{applicationMenu.bodega.menu}" value="#{msg['menu.bodega']}" icon="fa fa-fw fa-list-alt" outcome="/pages/bodega/list" />

                        </p:submenu>

                        <p:submenu id="om_default" label="Template Pages" icon="fa fa-fw fa-life-saver">
                            <p:menuitem id="om_empty" value="Empty Page" icon="fa fa-fw fa-square-o" outcome="/empty" />
                            <p:menuitem id="om_login" value="Login Page" icon="fa fa-fw fa-sign-in" outcome="/login" />
                            <p:menuitem id="om_error" value="Error Page" icon="fa fa-fw fa-exclamation-circle" outcome="/error" />
                            <p:menuitem id="om_404" value="404 Page" icon="fa fa-fw fa-times" outcome="/404" />
                            <p:menuitem id="om_access" value="Access Denied Page" icon="fa fa-fw fa-exclamation-triangle" outcome="/access" />

                            <p:menuitem id="om_sample" value="Sample Page" icon="fa fa-fw fa-columns" outcome="/sample" />
                            <p:menuitem id="om_forms" value="Forms" icon="fa fa-fw fa-code" outcome="/forms" />
                            <p:menuitem id="om_data" value="Data" icon="fa fa-fw fa-table" outcome="/data" />
                            <p:menuitem id="om_panels" value="Panels" icon="fa fa-fw fa-list-alt" outcome="/panel" />
                            <p:menuitem id="om_overlays" value="Overlays" icon="fa fa-fw fa-square" outcome="/overlay" />
                            <p:menuitem id="om_menus" value="Menus" icon="fa fa-fw fa-minus-square-o" outcome="/menu" />
                            <p:menuitem id="om_messages" value="Messages" icon="fa fa-fw fa-circle-o-notch" outcome="/messages" />
                            <p:menuitem id="om_charts" value="Charts" icon="fa fa-fw fa-area-chart" outcome="/charts" />
                            <p:menuitem id="om_file" value="File" icon="fa fa-fw fa-arrow-circle-o-up" outcome="/file" />
                            <p:menuitem id="om_misc" value="Misc" icon="fa fa-fw fa-user-secret" outcome="/misc" />
                        </p:submenu>

                        <p:submenu id="menubar_inventario" rendered="#{applicationMenu.menuBarInventario}" label="#{msg['menubar.inventario']}" icon="fa fa-fw fa-gg">
                            <p:menuitem id="menu_articulo"  rendered="#{applicationMenu.articulo.menu}" value="#{msg['menu.articulo']}" icon="fa fa-fw fa-list-alt" outcome="/pages/articulo/list" />
                        </p:submenu>

                        <p:submenu id="menubar_orden" rendered="#{applicationMenu.menuBarOrdenes}" label="#{msg['menubar.ordenes']}" icon="fa fa-fw fa-gg">
                        </p:submenu>

                        <p:submenu id="menubar_facturacion" rendered="#{applicationMenu.menuBarFacturacion}" label="#{msg['menubar.facturacion']}" icon="fa fa-fw fa-gg">
                        </p:submenu>

                        <p:submenu id="menubar_planilla" rendered="#{applicationMenu.menuBarPlanilla}" label="#{msg['menubar.planilla']}" icon="fa fa-fw fa-gg">
                        </p:submenu>

                        <p:submenu id="menubar_asistencia" rendered="#{applicationMenu.menuBarAsistencia}" label="#{msg['menubar.asistencia']}" icon="fa fa-fw fa-gg">
                        </p:submenu>

                        <p:submenu id="menubar_contabilidad" rendered="#{applicationMenu.menuBarContabilidad}" label="#{msg['menubar.contabilidad']}" icon="fa fa-fw fa-gg">
                        </p:submenu>

                        <p:submenu id="menubar_administracion" 
                                   rendered="#{applicationMenu.menuBarAdministracion}" label="#{msg['menubar.administracion']}" icon="fa fa-fw fa-life-saver">
                            <p:submenu id="om_sm1" label="#{msg['menubar.registros']}" icon="fa fa-fw fa-sign-in">
                                <p:submenu id="om_sm11" label="#{msg['menu.bodega']}" icon="fa fa-fw fa-sign-in">
                                     <p:menuitem id="om_bodega_list" value="#{msg['menu.bodega']}" icon="fa fa-fw fa-sign-in" outcome="/pages/bodega/list" />


                                </p:submenu>
                                <p:submenu id="om_sm12" label="Submenu 1.2" icon="fa fa-fw fa-sign-in">
                                    <p:menuitem id="om_lnk121" value="Link 1.2.1" icon="fa fa-fw fa-sign-in" url="#" />
                                </p:submenu>
                            </p:submenu>
                            <p:submenu id="om_sm2" label="Submenu 2" icon="fa fa-fw fa-sign-in">
                                <p:submenu id="om_sm21" label="Submenu 2.1" icon="fa fa-fw fa-sign-in">
                                    <p:menuitem id="om_lnk211" value="Link 2.1.1" icon="fa fa-fw fa-sign-in" url="#" />
                                    <p:menuitem id="om_lnk212" value="Link 2.1.2" icon="fa fa-fw fa-sign-in" url="#" />
                                </p:submenu>
                                <p:submenu id="om_sm22" label="Submenu 2.2" icon="fa fa-fw fa-sign-in">
                                    <p:menuitem id="om_lnk221" value="Link 2.2.1" icon="fa fa-fw fa-sign-in" url="#" />
                                </p:submenu>
                            </p:submenu>
                        </p:submenu>

                    </pp:menu>

                    <div class="layout-menu-footer">
                        <span class="layout-menu-footer-title">Tasks Overview</span>

                        <p:progressBar value="50" labelTemplate="" displayOnly="true"/>
                        Today

                        <p:progressBar value="80" labelTemplate=""  displayOnly="true"/>
                        Overall
                    </div>

                </div>
            </div>
        </div>
    </h:form>
</ui:composition>