<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:s="http://jboss.org/schema/seam/taglib" xmlns:h="http://java.sun.com/jsf/html" xmlns:a4j="http://richfaces.org/a4j" xmlns:g="http://www.ihe.net/gazelle" xmlns:f="http://java.sun.com/jsf/core" xmlns:rich="http://richfaces.org/rich" xmlns:gdk="http://www.ihe.net/gazellecdk" xmlns="http://www.w3.org/1999/xhtml">
  <g:column sortBy="#{'timeStamp'}">
    <ui:define name="header">#{messages['net.ihe.gazelle.xdstar.TimeStamp']}</ui:define>
    <h:outputText value="#{currentMessage.timeStamp}">
      <s:convertDateTime dateStyle="full" type="both"/>
    </h:outputText>
  </g:column>
  <g:column sortBy="#{'transaction.keyword'}" filterBy="#{'transaction.keyword'}" filterEvent="onkeyup">
    <ui:define name="header">#{messages['net.ihe.gazelle.xdstar.Transaction_2']}</ui:define>
    <h:outputText value="#{currentMessage.transaction.keyword}"/>
  </g:column>
  <g:column sortBy="#{'affinityDomain.keyword'}" filterBy="#{'affinityDomain.keyword'}" filterEvent="onkeyup">
    <ui:define name="header">#{messages['net.ihe.gazelle.xdstar.AffinityDomain']}</ui:define>
    <h:outputText value="#{currentMessage.affinityDomain.labelToDisplay}"/>
  </g:column>
  <g:column sortBy="#{'messageType'}" filterBy="#{'messageType'}" filterEvent="onkeyup">
    <ui:define name="header">#{messages['net.ihe.gazelle.xdstar.MessageType_2']}</ui:define>
    <h:outputText value="#{currentMessage.messageType}"/>
  </g:column>
  <g:column sortBy="#{'receivedMessageContent.messageType'}">
    <ui:define name="header">#{messages['net.ihe.gazelle.xdstar.Request']}</ui:define>
    <s:div rendered="#{(currentMessage.receivedMessageContent != null)}">
      <h:panelGrid columns="4">
        <s:div rendered="#{currentMessage.receivedMessageContent.validationResult == null}">
          <h:graphicImage value="/img/skip.gif" width="20" height="20">
            <a4j:ajax event="click" oncomplete="#{rich:component('validationPanel')}.show();" execute="@this" render="validationPanel,#{tableId}" listener="#{messageManagerBean.selectAndValidate(currentMessage, 'Request')}"/>
          </h:graphicImage>
        </s:div>
        <s:div rendered="#{currentMessage.receivedMessageContent.validationResult != null}">
          <h:graphicImage value="/img/shutdown.gif" width="20" height="20" style="cursor:pointer;" rendered="#{!currentMessage.receivedMessageContent.validationResult}">
            <a4j:ajax event="click" oncomplete="#{rich:component('validationPanel')}.show();" execute="@this" render="validationPanel" listener="#{messageManagerBean.setSelectedMessageAndPanel(currentMessage, 'Request')}"/>
          </h:graphicImage>
          <h:graphicImage value="/img/true.png" width="20" height="20" style="cursor:pointer;" rendered="#{currentMessage.receivedMessageContent.validationResult}">
            <a4j:ajax event="click" oncomplete="#{rich:component('validationPanel')}.show();" execute="@this" render="validationPanel" listener="#{messageManagerBean.setSelectedMessageAndPanel(currentMessage, 'Request')}"/>
          </h:graphicImage>
        </s:div>
        <gdk:spacer width="5px"/>
        <h:outputText value="#{currentMessage.receivedMessageContent.messageType.value}"/>
      </h:panelGrid>
    </s:div>
  </g:column>
  <g:column sortBy="#{'sentMessageContent.messageType'}">
    <ui:define name="header">#{messages['net.ihe.gazelle.xdstar.Response']}</ui:define>
    <s:div rendered="#{(currentMessage.sentMessageContent != null)}">
      <h:panelGrid columns="4">
        <s:div rendered="#{currentMessage.sentMessageContent.validationResult == null}">
          <h:graphicImage value="/img/skip.gif" width="20" height="20">
            <a4j:ajax event="click" oncomplete="#{rich:component('validationPanel')}.show();" execute="@this" render="validationPanel,#{tableId}" listener="#{messageManagerBean.selectAndValidate(currentMessage, 'Response')}"/>
          </h:graphicImage>
        </s:div>
        <s:div rendered="#{currentMessage.sentMessageContent.validationResult != null}">
          <h:graphicImage value="/img/shutdown.gif" width="20" height="20" style="cursor:pointer;" rendered="#{!currentMessage.sentMessageContent.validationResult}">
            <a4j:ajax event="click" oncomplete="#{rich:component('validationPanel')}.show();" execute="@this" render="validationPanel" listener="#{messageManagerBean.setSelectedMessageAndPanel(currentMessage, 'Response')}"/>
          </h:graphicImage>
          <h:graphicImage value="/img/true.png" width="20" height="20" style="cursor:pointer;" rendered="#{currentMessage.sentMessageContent.validationResult}">
            <a4j:ajax event="click" oncomplete="#{rich:component('validationPanel')}.show();" execute="@this" render="validationPanel" listener="#{messageManagerBean.setSelectedMessageAndPanel(currentMessage, 'Response')}"/>
          </h:graphicImage>
        </s:div>
        <gdk:spacer width="5px"/>
        <h:outputText value="#{currentMessage.sentMessageContent.messageType.value}"/>
      </h:panelGrid>
    </s:div>
  </g:column>
  <g:column id="validate">
    <ui:define name="header">#{messages['net.ihe.gazelle.xdstar.Action']}</ui:define>
    <center>
      <h:panelGrid columns="3">
        <a4j:commandLink actionListener="#{messageManagerBean.selectMessageToDisplayAndInitPanel(currentMessage)}" oncomplete="#{rich:component('modalPanel')}.show();" onRowMouseOver="this.style.cursor='pointer'" execute="@this" render="modalPanel">
          <h:graphicImage id="viewActionImage" value="/img/icons64/kfind.gif" width="28" height="28" style="cursor:pointer;"/>
        </a4j:commandLink>
        <gdk:spacer width="5"/>
        <a4j:commandLink actionListener="#{messageManagerBean.selectAndValidate(currentMessage, 'Request')}" oncomplete="#{rich:component('validationPanel')}.show();" onRowMouseOver="this.style.cursor='pointer'" execute="@this" render="validationPanel,#{tableId}">
          <h:graphicImage id="validateActionImage" value="/img/launch_compil.png" title="#{messages['net.ihe.gazelle.xdstar.Validate']}" style="cursor:pointer;" width="28" height="28"/>
        </a4j:commandLink>
      </h:panelGrid>
    </center>
  </g:column>
  <f:facet name="footer">
    <s:div style="text-align: center;">
      <rich:dataScroller id="ds" maxPages="10" renderIfSinglePage="false" immediate="true"/>
    </s:div>
  </f:facet>
</ui:composition>