<?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core" xmlns:c="http://java.sun.com/jstl/core"
xmlns:jv="http://www.ilog.com/jviews/tlds/jviews-faces.tld"
xmlns:jvf="http://www.ilog.com/jviews/tlds/jviews-framework-faces.tld"
xmlns:jvdf="http://www.ilog.com/jviews/tlds/jviews-diagrammer-faces.tld">
<f:view>
<f:loadBundle basename="messages" var="msg" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><h:outputText value="#{msg.diagrammerTitle}"/></title>
<style>
.menuItem {
background: #ece9d8;
color: black;
font-family: sans-serif;
font-size: 12px;
}
.menuItemHighlighted {
background: #316ac5;
color: white;
}
.menuItemDisabled {
background: #ece9d8;
font-style: italic;
color: #aca899;
}
</style>
</head>
<body>
<h:form id="form">
<jvf:zoomInteractor id="zoomInteractor" />
<jvdf:nodeOrLinkSelectInteractor id="nodeSelectInteractorIMG"
valueChangeListener="#{editingBean.selectNodeOrLink}" invocationContext="IMAGE_SERVLET_CONTEXT" />
<jvdf:nodeOrLinkSelectInteractor id="nodeSelectInteractorJSF"
valueChangeListener="#{editingBean.selectNodeOrLink}" invocationContext="JSF_CONTEXT" />
<jvf:panInteractor id="panInteractor" />
<jvf:highlightInteractor id="hightlight" />
<jvf:tooltipInteractor id="tooltip"/>
<jv:cursorChangeInteractor id="cursorChangeInteractor" />
<jvdf:selectInteractor id="selectInteractor" deletionAllowed="true" />
<jv:interactorGroup id="interGroup" interactors="selectInteractor panInteractor hightlight tooltip cursorChangeInteractor"/>
<table>
<tr>
<td><jvf:zoomTool style="width: 100px; height: 350px" viewId="diagrammer" /></td>
<td><jvdf:diagrammerView id="diagrammer" style="width: 600px; height: 350px"
interactorId="interGroup" data="/data/diagrammer.idpr" editable="true" imageFormat="PNG"
maxZoomLevel="3" minZoomLevel="0.5" constrainedOnContents="false" resizable="true"
waitingImage="/images/empty.gif">
<f:facet name="selectionManager">
<jvdf:selectionManager id="selectionManager" imageMode="false" lineColor="#FF0000"
lineWidth="2" forceUpdateProperties="true" />
</f:facet>
<!-- for a dynamic menu, use : factoryClass="#{editingBean.menuFactory}" -->
<jvf:contextualMenu value="#{editingBean.menu}" objectSelectedFinder="#{editingBean.finder}"
itemStyleClass="menuItem" itemHighlightedStyleClass="menuItemHighlighted"
itemDisabledStyleClass="menuItemDisabled" />
</jvdf:diagrammerView></td>
<td>
<table>
<tr>
<td colspan="2"><jvf:overview style="width: 250px; height: 100px" viewId="diagrammer" /></td>
</tr>
<tr>
<td colspan="2"><jvf:panTool style="width: 75px; height: 75px" viewId="diagrammer" /></td>
</tr>
<tr>
<td><jv:imageButton id="selectButton" style="width:22px;height:22px"
title="#{msg.selectInteractorTitile}"
onclick="diagrammer.setInteractor(interGroup)" image="/images/arrow.gif"
buttonGroupId="interactors" rolloverImage="/images/arrowh.gif"
selectedImage="/images/arrowd.gif" /></td>
<td><h:outputText value="#{msg.selectInteractor}"/></td>
</tr>
<tr>
<td><jv:imageButton id="nodeSelectButtonIMG" style="width:22px;height:22px"
title="#{msg.nodeSelectInteractorIMGTitle}"
onclick="diagrammer.setInteractor(nodeSelectInteractorIMG)" image="/images/arrow.gif"
buttonGroupId="interactors" rolloverImage="/images/arrowh.gif"
selectedImage="/images/arrowd.gif" /></td>
<td><h:outputText value="#{msg.nodeSelectInteractorIMG}"/></td>
</tr>
<tr>
<td><jv:imageButton id="nodeSelectButtonJSF" style="width:22px;height:22px"
title="#{msg.nodeSelectInteractorJSFTitle}"
onclick="diagrammer.setInteractor(nodeSelectInteractorJSF)" image="/images/arrow.gif"
buttonGroupId="interactors" rolloverImage="/images/arrowh.gif"
selectedImage="/images/arrowd.gif" /></td>
<td><h:outputText value="#{msg.nodeSelectInteractorJSF}"/></td>
</tr>
<tr>
<td><jv:imageButton id="zoomButton" style="width:22px;height:22px"
title="#{msg.zoomInteractorTitle}"
onclick="diagrammer.setInteractor(zoomInteractor)" image="/images/zoom.gif"
buttonGroupId="interactors" rolloverImage="/images/zoomh.gif"
selectedImage="/images/zoomd.gif" /></td>
<td><h:outputText value="#{msg.zoomInteractor}"/></td>
</tr>
<tr>
<td><jv:imageButton id="endButton" style="width:22px;height:22px"
title="#{msg.clickedTitle}"
image="/images/identity.gif" type="submit" actionListener="#{editingBean.endAction}"
rolloverImage="/images/identityh.gif" selectedImage="/images/identityd.gif" /></td>
<td><h:outputText value="#{msg.clicked}"/>: #{editingBean.clicked}</td>
</tr>
</table>
</td>
</tr>
</table>
</h:form>
</body>
</f:view>
</html>