models.xhtml

openacs source for CPE wan management

    <ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich">
    
    <h:form>
        <rich:toolBar>
            <a4j:commandLink submitMode="ajax" value="New" action="#{HardwareModelsBean.prepareNew}" 
                           oncomplete="javascript:Richfaces.showModalPanel('modelEdit');" reRender="modelEdit"/>
            <a4j:commandLink submitMode="ajax" value="Edit" action="#{HardwareModelsBean.prepareEdit}" 
                           oncomplete="javascript:Richfaces.showModalPanel('modelEdit');" reRender="modelEdit" />
            <a4j:commandLink submitMode="ajax" value="Delete" action="#{HardwareModelsBean.deleteItem}" reRender="modelsList" /> 
        </rich:toolBar>
        
        <rich:spacer height="10" />
        <rich:scrollableDataTable rowKeyVar="mdl_rkv" height="400px" 
                                  width="700px" id="modelsList" rows="40" columnClasses="col"
                                  value="#{HardwareModelsBean.all}" var="model" sortMode="single" 
                                  selection="#{HardwareModelsBean.selection}">
            
            <rich:column>
                <f:facet name="header"><h:outputText styleClass="headerText" value="Display Name" /></f:facet>
                <h:outputText value="#{model.displayName}" />
            </rich:column>
            <rich:column>
                <f:facet name="header"><h:outputText styleClass="headerText" value="OUI" /></f:facet>
                <h:outputText value="#{model.oui}" />
            </rich:column>
            <rich:column>
                <f:facet name="header"><h:outputText styleClass="headerText" value="Class" /></f:facet>
                <h:outputText value="#{model.hclass}" />
            </rich:column>
            <rich:column>
                <f:facet name="header"><h:outputText styleClass="headerText" value="Version" /></f:facet>
                <h:outputText value="#{model.version}" />
            </rich:column>
        </rich:scrollableDataTable>
    </h:form>
    <h:form>
        <rich:modalPanel id="modelEdit" resizeable="false" autosized="true">
            <f:facet name="header">
                <h:outputText value="#{HardwareModelsBean.edit?'Edit model':'New model'}"/>
            </f:facet>
            <f:facet name="controls">
                <span style="cursor:pointer" onclick="javascript:Richfaces.hideModalPanel('modelEdit')">X</span>
            </f:facet>
            <h:panelGrid columns="2"> 
                <h:outputText value="Display name:" />
                <h:inputText value="#{HardwareModelsBean.dname}" />
                <h:outputText value="OUI:" />
                <h:inputText value="#{HardwareModelsBean.oui}"/>
                <h:outputText value="Class:" />
                <h:inputText value="#{HardwareModelsBean.hclass}"/>
                <h:outputText value="Version:" />
                <h:inputText value="#{HardwareModelsBean.version}"/>
            </h:panelGrid> 
            
            <a4j:commandButton value="OK" reRender="modelsList" 
                               onclick="javascript:Richfaces.hideModalPanel('modelEdit')"
                               action="#{HardwareModelsBean.editItem}" />
            <a4j:commandButton value="Cancel" onclick="javascript:Richfaces.hideModalPanel('modelEdit')" />
        </rich:modalPanel>
    </h:form>
</ui:composition>