tobago-example/tobago-example-demo/src/main/webapp/content/40-test/60000-manual/5000-messageLayout/MessageLayout.xhtml

<?xml version="1.0" encoding="UTF-8"?>

<!--
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You 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:composition template="/main.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:tc="http://myfaces.apache.org/tobago/component"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:f="http://xmlns.jcp.org/jsf/core">
  <ui:param name="title" value="messages"/>
  <tc:button label="Submit"/>

  <tc:section label="Severity">
    <tc:in label="Vergleich"/>
    <tc:in label="Fatal" value="fatal" validator="#{severityController.addFatal}"/>
    <tc:in label="Error" value="error" validator="#{severityController.addError}"/>
    <tc:in label="Warn" value="warn" validator="#{severityController.addWarn}"/>
    <tc:in label="Info" value="info" validator="#{severityController.addInfo}"/>
  </tc:section>
  <tc:section label="Multiple messages">
    <tc:in label="Two Errors" value="1">
      <f:validateLength minimum="2" maximum="4"/>
      <f:validateLongRange minimum="3" maximum="77"/>
    </tc:in>
  </tc:section>
  <tc:section label="&lt;tc:in>">
    <tc:in label="Label Right" required="true" labelLayout="flexRight"/>
    <tc:in label="Label Left" required="true"/>
    <tc:in required="true"/>
    <tc:in label="Suggest" required="true">
      <tc:suggest totalCount="10" query="#{suggestController.query}">
        <tc:selectItems value="#{suggestController.solarObjects}" var="name" itemValue="#{name}"/>
      </tc:suggest>
    </tc:in>
    <tc:in label="Input Group" required="true">
      <f:facet name="before">https://example.com/</f:facet>
      <f:facet name="after"><tc:button label="OK" omit="true"/></f:facet>
    </tc:in>
  </tc:section>
  <tc:section label="More Components">
    <tc:textarea label="Textarea" required="true"/>
    <tc:date label="Date" required="true">
      <f:convertDateTime pattern="dd.MM.yyyy"/>
    </tc:date>
    <tc:selectBooleanCheckbox label="Checkbox" required="true"/>
    <tc:selectBooleanToggle label="Toggle" required="true"/>
    <tc:selectOneChoice label="Dropdown" required="true" validator="#{severityController.addFatal}">
      <tc:selectItem itemLabel="Item One" itemValue="one"/>
      <tc:selectItem itemLabel="Item Two" itemValue="two"/>
    </tc:selectOneChoice>
    <tc:selectOneRadio label="Radio Group" required="true">
      <tc:selectItem itemLabel="Sun" itemValue="solis"/>
      <tc:selectItem itemLabel="Moon" itemValue="luna"/>
      <tc:selectItem itemLabel="Stars" itemValue="stella"/>
    </tc:selectOneRadio>
    <tc:selectOneListbox label="List" required="true">
      <tc:selectItem itemLabel="Alpha"/>
      <tc:selectItem itemLabel="Beta"/>
      <tc:selectItem itemLabel="Gamma"/>
    </tc:selectOneListbox>
    <tc:selectManyCheckbox label="Checkbox Group" labelLayout="top" required="true">
      <tc:selectItem itemLabel="Item One" itemValue="one"/>
      <tc:selectItem itemLabel="Item Two" itemValue="two"/>
    </tc:selectManyCheckbox>
    <tc:selectManyShuttle label="Shuttle" value="#{selectManyShuttleController.selectedPlanets}"
                          required="true">
      <tc:selectItems value="#{selectManyShuttleController.planets}"
                      var="planet" itemLabel="#{planet.name}" itemValue="#{planet}"/>
    </tc:selectManyShuttle>
    <tc:file label="File" required="true" validator="#{severityController.addFatal}"/>

    <tc:section label="Ouput Components">
      <tc:form id="outputComponents">
        <tc:button label="Add Messages" action="#{messageLayoutController.addInfo}"/>
        <tc:out id="out" label="Output" value="123" binding="#{messageLayoutController.component}"/>
      </tc:form>
    </tc:section>
  </tc:section>

  <tc:section label="Special Situations">
    <tc:segmentLayout large="6seg 6seg" medium="8seg 4seg" small="12seg" id="p2">
      <tc:box label="Box">
        <tc:panel>
          <tc:in label="Value"/>
          <tc:in label="Value" value="" required="true"/>
          <tc:in label="Value">
            <f:facet name="after">after</f:facet>
          </tc:in>
          <tc:in label="Value" required="true">
            <f:facet name="after">after</f:facet>
          </tc:in>
          <tc:date id="dateReq" label="Date" value="" required="true"/>
          <tc:date id="dateNotReq" label="Date"/>
        </tc:panel>
      </tc:box>
      <tc:panel/>
    </tc:segmentLayout>
  </tc:section>
</ui:composition>