<%@ page contentType="text/html;charset=UTF-8pageEncoding="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="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>