<%-- 
 * 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.code8Title}"/></title>
            <link
              href="data/style.css"
              rel="stylesheet"
              type="text/css/>
            <meta
              content="no-cache"
              http-equiv="Cache-Control/>
            <meta
              content="no-cache"
              http-equiv="Pragma/>
            <meta http-equiv="Content-Typecontent="text/html; charset=UTF-8/>
          </head>
        
          <body bgcolor="white">
        
            <h1><h:outputText value="#{msg.code8H1}"/></h1>
        
            <p>
            <h:outputText value="#{msg.code8P1}"/>              
            </p>
            <p>
            <h:outputText value="#{msg.code8P2}"/>
            </p>              
      <ul>
        <li><h:outputText value="#{msg.code8li1}"/></li>
        <li>
        <h:outputText value="#{msg.code8li2}"/>
        </li>
        <li><h:outputText value="#{msg.code8li3}"/></li>
      </ul>
            <p><h:outputText value="#{msg.code8P3}"/></p>
            <p><h:outputText value="#{msg.code8P4}"/></p>
            <p><h:outputText value="#{msg.code8P5}"/></p>
            <p><h:outputText value="#{msg.code8P6}"/></p>
        
              <h:form id="form">
        
                <jvf:zoomInteractor id="zoom/>
                <jvf:panInteractor id="pan/>
        
                <h:panelGrid
                  columns="5"
                  bgcolor="E5E5E5">
        
                  <jv:imageButton
                    styleClass="buttonStyle"
                    onclick="diagrammer.setInteractor(zoom)"
                    image="images/zoomrect.gif"
                    selected="true"
                    buttonGroupId="interactors"
                    message="#{msg.code8zoom}/>
        
                  <jv:imageButton
                    styleClass="buttonStyle"
                    onclick="diagrammer.setInteractor(pan)"
                    image="images/pan.gif"
                    buttonGroupId="interactors"
                    message="#{msg.code8pan}/>
        
                  <jv:imageButton
                    styleClass="buttonStyle"
                    onclick="diagrammer.showAll(true)"
                    image="images/zoomfit.gif"
                    message="#{msg.code8showAll}/>
        
                  <jv:imageButton
                    styleClass="buttonStyle"
                    onclick="diagrammer.zoomIn(true)"
                    image="images/zoom.gif"
                    message="#{msg.code8zoomIn}/>
        
                  <jv:imageButton
                    styleClass="buttonStyle"
                    onclick="diagrammer.zoomOut(true)"
                    image="images/unzoom.gif"
                    message="#{msg.code8zoomOut}/>
        
                </h:panelGrid>
        
                <jvdf:diagrammerView
                  id="diagrammer"
                  style="width:600px;height:400px"
                  interactorId="zoom"
                  project="/data/molecule.idpr/>
        
              </h:form>
        
          </body>
        </html>
</f:view>