<?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="<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="<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>