<%@ 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/html" prefix="h%> 
<%@ 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%>

<f:view>
<f:loadBundle basename="messagesvar="msg/>
<html>
  <head>
    <title><h:outputText value="#{msg.code6Title}"/></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>

    <h1><h:outputText value="#{msg.code6H1}"/></h1>

    <p><h:outputText value="#{msg.code6P1}"/></p>
    <p>
      <h:outputText value="#{msg.code6P2}"/>code6li1
    </p>
    <ul>
      <li><h:outputText value="#{msg.code6li1}"/></li>
      <li><h:outputText value="#{msg.code6li2}"/></li>
    </ul>


     
      <h:form id="form">


        <jvf:zoomInteractor id="zoom/>
        <jvf:panInteractor id="pan/>

        <h:panelGrid
          columns="5"
          bgcolor="E5E5E5">

          <jv:imageButton style="width:22px;height:22px"
            id="zoomButton"
            styleClass="buttonStyle"
            onclick="view.setInteractor(zoom)"
            image="/images/zoomrect.gif"
            rolloverImage="/images/zoomrecth.gif"
            selectedImage="/images/zoomrectd.gif"
            selected="true"
            buttonGroupId="interactors"
            message="#{msg.code6ZoomLabel}/>
          <jv:imageButton style="width:22px;height:22px"
            id="panButton"
            styleClass="buttonStyle"
            onclick="view.setInteractor(pan)"
            image="/images/pan.gif"
            rolloverImage="/images/panh.gif"
            selectedImage="/images/pand.gif"
            buttonGroupId="interactors"
            message="#{msg.code6PanLabel}/>
          <jv:imageButton style="width:22px;height:22px"
            styleClass="buttonStyle"
            onclick="view.showAll(true)"
            image="/images/zoomfit.gif"
            rolloverImage="/images/zoomfith.gif"
            selectedImage="/images/zoomfitd.gif"
            message="#{msg.code6ShowAllLabel}/>
          <jv:imageButton style="width:22px;height:22px"
            styleClass="buttonStyle"
            onclick="view.zoomIn(true)"
            image="/images/zoom.gif"
            message="#{msg.code6ZoomInLabel}/>
          <jv:imageButton style="width:22px;height:22px"
            styleClass="buttonStyle"
            onclick="view.zoomOut(true)"
            image="/images/unzoom.gif"
            rolloverImage="/images/unzoomh.gif"
            selectedImage="/images/unzoomd.gif"
            message="#{msg.code6ZoomOutLabel}/>

        </h:panelGrid>

        <jvf:view
            id="view"
            interactorId ="zoom"
            style="width:500px;height:300px"
            view="#{frameworkBean.view}>
          <jvf:contextualMenu>
            <jv:menu label="root">
              <jv:menuItem
                label="#{msg.code6ZoomMenu}"
                onclick="zoomButton.doClick()"
                image="images/zoomrect.gif/>
              <jv:menuItem
                label="#{msg.code6PanMenu}"
                onclick="panButton.doClick()"
                image="images/pan.gif/>
              <jv:menuSeparator />
              <jv:menuItem
                label="#{msg.code6ZoomInMenu}"
                onclick="view.zoomIn()"
                image="images/zoom.gif/>
              <jv:menuItem
                label="#{msg.code6ZoomOutMenu}"
                onclick="view.zoomOut()"
                image="images/unzoom.gif/>
              <jv:menuItem
                label="#{msg.code6ZoomtoFitMenu}"
                onclick="view.showAll()"
                image="images/zoomfit.gif/>
              <jv:menuSeparator />
              <jv:menuItem
                label="#{msg.code6SelectMenu}"
                image="images/arrow.gif"
                actionListener="#{frameworkBean.selectObject}"
                invocationContext="IMAGE_SERVLET_CONTEXT/>
            </jv:menu>
          </jvf:contextualMenu>
        </jvf:view>
      </h:form>

    

  </body>
</html>
</f:view>