<%@ 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://java.sun.com/jsf/html" prefix="h" %>
<%@ 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" %>
<f:view>
<f:loadBundle basename="messages" var="msg" />
<html>
<head>
<title><h:outputText value="#{msg.code10Title}"/></title>
<meta content="no-cache" http-equiv="Cache-Control"/>
<meta content="no-cache" http-equiv="Pragma"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body bgcolor="white">
<h1><h:outputText value="#{msg.code10H1}"/></h1>
<p><h:outputText value="#{msg.code10P1}"/></p>
<p>
<h:outputText value="#{msg.code10P2}"/>
</p>
<ul>
<li><h:outputText value="#{msg.code10li1}"/></li>
<li><h:outputText value="#{msg.code10li2}"/></li>
</ul>
<h:form id="form">
<jvf:zoomInteractor id="zoom" />
<jvf:panInteractor id="pan" />
<h:panelGrid
columns="5"
bgcolor="E5E5E5">
<jv:imageButton
id="zoomButton"
styleClass="buttonStyle"
onclick="diagrammer.setInteractor(zoom)"
image="images/zoomrect.gif"
selected="true"
buttonGroupId="interactors"
message="#{msg.code10zoom}" />
<jv:imageButton
id="panButton"
styleClass="buttonStyle"
onclick="diagrammer.setInteractor(pan)"
image="images/pan.gif"
buttonGroupId="interactors"
message="#{msg.code10pan}" />
<jv:imageButton
styleClass="buttonStyle"
onclick="diagrammer.showAll(true)"
image="images/zoomfit.gif"
message="#{msg.code10showAll}" />
<jv:imageButton
styleClass="buttonStyle"
onclick="diagrammer.zoomIn(true)"
image="images/zoom.gif"
message="#{msg.code10zoomIn}" />
<jv:imageButton
styleClass="buttonStyle"
onclick="diagrammer.zoomOut(true)"
image="images/unzoom.gif"
message="#{msg.code10zoomOut}" />
</h:panelGrid>
<jvdf:diagrammerView
id="diagrammer"
diagrammer="#{diagrammerBean.diagrammer}"
style="width:600px;height:400px"
interactorId="zoom"
project="/data/molecule.idpr">
<jvf:contextualMenu>
<jv:menu label="root">
<jv:menuItem
label="#{msg.code10zoomLabel}"
onclick="zoomButton.doClick()"
image="images/zoomrect.gif" />
<jv:menuItem
label="#{msg.code10panLabel}"
onclick="panButton.doClick()"
image="images/pan.gif" />
<jv:menuSeparator />
<jv:menuItem
label="#{msg.code10ZoomInLabel}"
onclick="diagrammer.zoomIn()"
image="images/zoom.gif" />
<jv:menuItem
label="#{msg.code10ZoomOutLabel}"
onclick="diagrammer.zoomOut()"
image="images/unzoom.gif" />
<jv:menuItem
label="#{msg.code10ZoomToFitLabel}"
onclick="diagrammer.showAll()"
image="images/zoomfit.gif" />
<jv:menuSeparator />
<jv:menuItem
label="#{msg.code10SelectLabel}"
image="images/arrow.gif"
actionListener="#{diagrammerBean.onSelectNodeOrLink}"
invocationContext="IMAGE_SERVLET_CONTEXT" />
</jv:menu>
</jvf:contextualMenu>
</jvdf:diagrammerView>
</h:form>
</body>
</html>
</f:view>