tobago-example/tobago-example-demo/src/main/webapp/content/40-test/6000-event/Event.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://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core">
  <ui:param name="title" value="&lt;tc:event>"/>
  <tc:style file="#{request.contextPath}/style/tobago.css"/>

  <tc:box id="metrics" label="Metrics">
    <f:facet name="bar">
      <tc:button label="Reset" action="#{eventController.reset}"/>
    </f:facet>
    <tc:in id="inAction" label="Action" value="#{eventController.actionCount}" readonly="true" focus="true"/>
    <tc:in id="inActionListener" label="ActionListener" value="#{eventController.actionListenerCount}"
           readonly="true"/>
    <tc:in id="inAjaxListener" label="AjaxListener" value="#{eventController.ajaxListenerCount}" readonly="true"/>
    <tc:in id="inValueChangeListener" label="ValueChange-Listener" value="#{eventController.valueChangeListenerCount}"
           readonly="true"/>
    <tc:in id="inTimestamp" label="Timestamp" value="#{eventController.currentTimestamp}" readonly="true"/>
  </tc:box>

  <tc:box id="compTestBox" label="Test Box" rendered="#{eventController.selectedComponent != null}">
    <tc:out id="outComponent" label="Component" value="&lt;tc:#{eventController.selectedComponent.tagName}>"/>
    <tc:out id="outEventName" label="Event Name" value="#{eventController.eventName}"/>
    <tc:segmentLayout extraSmall="6seg 6seg">
      <tc:box label="Event">
        <ui:include src="x-event-#{eventController.selectedComponent.tagName}.xhtml">
          <ui:param name="tag" value="#{eventController.selectedComponent.tagName}"/>
          <ui:param name="eventName" value="#{eventController.eventName}"/>
          <ui:param name="eventType" value="event"/>
        </ui:include>
      </tc:box>
      <tc:box label="Ajax">
        <ui:include src="x-event-#{eventController.selectedComponent.tagName}.xhtml">
          <ui:param name="tag" value="#{eventController.selectedComponent.tagName}"/>
          <ui:param name="eventName" value="#{eventController.eventName}"/>
          <ui:param name="eventType" value="ajax"/>
        </ui:include>
      </tc:box>
    </tc:segmentLayout>
  </tc:box>

  <tc:sheet id="componentTable" value="#{eventController.eventsOnComponents}" var="comp" markup="small">
    <tc:column label="Tag Name">
      <tc:out value="#{comp.tagName}" labelLayout="skip"/>
    </tc:column>
    <tc:column label="change" align="center" markup="#{comp.hasChangeEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="changeBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasChangeEvent()}">
        <f:attribute name="eventName" value="change"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasChangeEvent()}"/>
    </tc:column>
    <tc:column label="click" align="center" markup="#{comp.hasClickEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="clickBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasClickEvent()}">
        <f:attribute name="eventName" value="click"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasClickEvent()}"/>
    </tc:column>
    <tc:column label="dblclick" align="center" markup="#{comp.hasDblclickEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="dblclickBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasDblclickEvent()}">
        <f:attribute name="eventName" value="dblclick"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasDblclickEvent()}"/>
    </tc:column>
    <tc:column label="focus" align="center" markup="#{comp.hasFocusEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="focusBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasFocusEvent()}">
        <f:attribute name="eventName" value="focus"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasFocusEvent()}"/>
    </tc:column>
    <tc:column label="blur" align="center" markup="#{comp.hasBlurEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="blurBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasBlurEvent()}">
        <f:attribute name="eventName" value="blur"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasBlurEvent()}"/>
    </tc:column>
    <tc:column label="key down" align="center" markup="#{comp.hasKeydownEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="keydownBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasKeydownEvent()}">
        <f:attribute name="eventName" value="keydown"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasKeydownEvent()}"/>
    </tc:column>
    <tc:column label="key press" align="center" markup="#{comp.hasKeypressEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="keypressBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasKeypressEvent()}">
        <f:attribute name="eventName" value="keypress"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasKeypressEvent()}"/>
    </tc:column>
    <tc:column label="key up" align="center" markup="#{comp.hasKeyupEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="keyupBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasKeyupEvent()}">
        <f:attribute name="eventName" value="keyup"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasKeyupEvent()}"/>
    </tc:column>
    <tc:column label="mouse down" align="center" markup="#{comp.hasMousedownEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="mousedownBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasMousedownEvent()}">
        <f:attribute name="eventName" value="mousedown"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasMousedownEvent()}"/>
    </tc:column>
    <tc:column label="mouse move" align="center" markup="#{comp.hasMousemoveEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="mousemoveBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasMousemoveEvent()}">
        <f:attribute name="eventName" value="mousemove"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasMousemoveEvent()}"/>
    </tc:column>
    <tc:column label="mouse out" align="center" markup="#{comp.hasMouseoutEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="mouseoutBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasMouseoutEvent()}">
        <f:attribute name="eventName" value="mouseout"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasMouseoutEvent()}"/>
    </tc:column>
    <tc:column label="mouse over" align="center" markup="#{comp.hasMouseoverEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="mouseoverBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasMouseoverEvent()}">
        <f:attribute name="eventName" value="mouseover"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasMouseoverEvent()}"/>
    </tc:column>
    <tc:column label="mouse up" align="center" markup="#{comp.hasMouseupEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="mouseupBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasMouseupEvent()}">
        <f:attribute name="eventName" value="mouseup"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasMouseupEvent()}"/>
    </tc:column>
    <tc:column label="select" align="center" markup="#{comp.hasSelectEvent() ? 'lightgreen' : 'lightred'}">
      <tc:button id="selectBehavior" label="X"
                 actionListener="#{eventController.selectComponent}" rendered="#{comp.hasSelectEvent()}">
        <f:attribute name="eventName" value="select"/>
      </tc:button>
      <tc:out value="-" labelLayout="skip" rendered="#{!comp.hasSelectEvent()}"/>
    </tc:column>
    <tc:column label="special events">
      <tc:out value="#{comp.specialEvents}" labelLayout="skip"/>
    </tc:column>
  </tc:sheet>
</ui:composition>