<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<!--
* Copyright (c) Rogue Wave Software, Inc. 1997, 2015
* All rights reserved.
-->
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-faces.tld" prefix="jv" %>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-framework-faces.tld" prefix="jvf" %>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-diagrammer-faces.tld" prefix="jvdf" %>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice" %>
<f:view>
<f:loadBundle basename="messages" var="msg" />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="StyleSheet" type="text/css" media="screen" href="../doc.css"/>
<title><ice:outputText value="#{msg.diagrammerTitle}"/></title>
</head>
<body>
<h1><ice:outputText value="#{msg.diagrammerH1}"/></h1>
<p><ice:outputText value="#{msg.diagrammerp1}"/></p>
<ice:form id="form">
<jvdf:selectInteractor id="selectInteractor" deletionAllowed="true" />
<jvdf:nodeOrLinkSelectInteractor id="nodeSelectInteractorJSF"
valueChangeListener="#{diagrammerBean.selectNodeOrLink}" invocationContext="JSF_CONTEXT" />
<jvf:zoomInteractor id="zoomInteractor" />
<jvf:panInteractor id="panInteractor" />
<jv:interactorGroup id="selectPan" interactors="selectInteractor panInteractor"/>
<ice:panelGrid>
<ice:panelGrid columns="2" style="width:auto">
<jv:imageButton style="width:22px;height:22px"
onclick="diagrammer.setInteractor(selectPan);"
image="/images/arrow.gif" selected="true"
buttonGroupId="interactors" rolloverImage="/images/arrowh.gif"
selectedImage="/images/arrowd.gif" title="#{msg.selectTitle}"/>
<ice:outputText value="#{msg.selectOutput}"/>
<jv:imageButton id="nodeSelectButtonJSF" style="width:22px;height:22px"
onclick="diagrammer.setInteractor(nodeSelectInteractorJSF)" image="/images/arrowclick.gif"
buttonGroupId="interactors" rolloverImage="/images/arrowclickh.gif"
selectedImage="/images/arrowclickd.gif" title="#{msg.nodeInfoTitle}"/>
<ice:outputText value="#{msg.nodeInfoOutput}"/>
<jv:imageButton style="width:22px;height:22px"
onclick="diagrammer.setInteractor(zoomInteractor);"
image="/images/zoomrect.gif" buttonGroupId="interactors"
rolloverImage="/images/zoomrecth.gif"
selectedImage="/images/zoomrectd.gif" title="#{msg.zoomTitle}"/>
<ice:outputText value="#{msg.zoomOutput}"/>
<jv:imageButton style="width:22px;height:22px"
onclick="diagrammer.showAll();" image="/images/zoomfit.gif"
rolloverImage="/images/zoomfith.gif"
selectedImage="/images/zoomfitd.gif" title="#{msg.fitViewTitle}"/>
<ice:outputText value="#{msg.fitViewOutput}"/>
<jv:imageButton style="width:22px;height:22px"
onclick="diagrammer.zoomIn();" image="/images/zoom.gif"
rolloverImage="/images/zoomh.gif"
selectedImage="/images/zoomd.gif" title="#{msg.zoomInTitle}" />
<ice:outputText value="#{msg.zoomInOutput}"/>
<jv:imageButton style="width:22px;height:22px"
onclick="diagrammer.zoomOut();" image="/images/unzoom.gif"
rolloverImage="/images/unzoomh.gif"
selectedImage="/images/unzoomd.gif" title="#{msg.zoomOutTitle}"/>
<ice:outputText value="#{msg.zoomOutTitle}"/>
</ice:panelGrid>
<ice:panelGrid>
<jvdf:diagrammerView binding="#{diagrammerBean.diagrammerView}"
id="diagrammer" style="width: 750px; height: 350px"
interactorId="selectPan" 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="true" lineColor="#FF0000"
lineWidth="2" forceUpdateProperties="true" />
</f:facet>
</jvdf:diagrammerView>
</ice:panelGrid>
</ice:panelGrid>
<ice:outputFormat value="#{msg.currentNodeInfo}">
<f:param id="nodeId" value="#{diagrammerBean.nodeID}"/>
<f:param id="nodeTag" value="#{diagrammerBean.nodeTag}"/>
</ice:outputFormat>
</ice:form>
<ice:form id="form-button">
<ice:commandButton id="centerSelection" partialSubmit="true"
value="#{msg.formCommandBtn}"
actionListener="#{diagrammerBean.centerSelection}" />
</ice:form>
</body>
</html>
</f:view