<%-- 
 * Licensed Materials - Property of Perforce Software, Inc.
 * © Copyright Perforce Software, Inc. 2014, 2018
 * © Copyright IBM Corp. 2009, 2014
 * © Copyright ILOG 1996, 2009
 * All Rights Reserved.
 *
 * Note to U.S. Government Users Restricted Rights:
 * The Software and Documentation were developed at private expense and
 * are "Commercial Items" as that term is defined at 48 CFR 2.101,
 * consisting of "Commercial Computer Software" and
 * "Commercial Computer Software Documentation", as such terms are
 * used in 48 CFR 12.212 or 48 CFR 227.7202-1 through 227.7202-4,
 * as applicable.
 --%>
<%@ page contentType="text/html;charset=UTF-8pageEncoding="UTF-8"%>

<%@ 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="messagesvar="msg/>
        <html>
          <head>
            <title><h:outputText value="#{msg.code10Title}"/></title>
            <meta content="no-cachehttp-equiv="Cache-Control"/>
            <meta content="no-cachehttp-equiv="Pragma"/>
            <meta http-equiv="Content-Typecontent="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>