<%-- 
 * 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/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-chart-faces.tld" prefix="jvcf"%>

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

    <H1><h:outputText value="#{msg.code13H1}"/></H1>

    <p><h:outputText value="#{msg.code13P1}"/></p>
    <p>
    <h:outputText value="#{msg.code13P2}"/>      
      <ul>
        <li><h:outputText value="#{msg.code13li1}"/></li>
        <li><h:outputText value="#{msg.code13li2}"/></li>
      </ul>
    </p>

      <h:form>
        <jvcf:chartZoomInteractor id="zoomInteractor/>

        <jvcf:chartPanInteractor id="panInteractor/>

        <h:panelGrid
          columns="2"
          id="toolbar"
          style="background-color:#CCCCCC;padding:3px"
          cellspacing="0"
          cellpadding="0">

          <jv:imageButton
            id="zoomButton"
            style="height:22px;width:22px"
            image="data/images/zoom.gif"
            rolloverImage="data/images/zoom_roll.gif"
            selectedImage="data/images/zoom_sel.gif"
            buttonGroupId="interactor"
            onclick="viewID.setInteractor(zoomInteractor)" 
            message="#{msg.code13Zoom}"/>

          <jv:imageButton
            id="panButton"
           style="height:22px;width:22px"
            image="data/images/pan.gif"
            rolloverImage="data/images/pan_roll.gif"
            selectedImage="data/images/pan_sel.gif"
            buttonGroupId="interactor"
            onclick="viewID.setInteractor(panInteractor)" 
            message="#{msg.code13Pan}"/>

        </h:panelGrid>

        <jvcf:chartView
          id="viewID"
          style="width:500px;height:300px;"
          chart="#{chartBean.chart}">

          <jvcf:chartContextualMenu>

            <jv:menu label="root">

              <jv:menuItem
                label="#{msg.code13ZoomLabel}"
                onclick="zoomButton.doClick()"
                image="data/images/zoom.gif/>

              <jv:menuItem
                label="#{msg.code13PanLabel}"
                onclick="panButton.doClick()"
                image="data/images/pan.gif/>

              <jv:menuSeparator />

              <jv:menuItem
                label="#{msg.code13ZoomInLabel}"
                onclick="viewID.zoomInX()"
                image="data/images/zoom.gif/>

              <jv:menuItem
                label="#{msg.code13ZoomOutLabel}"
                onclick="viewID.zoomOutX()"
                image="data/images/unzoom.gif/>

              <jv:menuItem
                label="#{msg.code13ZoomToFitLabel}"
                onclick="viewID.zoomToFit()"
                image="data/images/zoomfit.gif/>

              <jv:menuSeparator />

              <jv:menuItem
                label="#{msg.code13SelectLabel}"
                actionListener="#{chartBean.pointSelected}"
                image="data/images/arrow.gif"
                invocationContext="IMAGE_SERVLET_CONTEXT/>

              </jv:menu>

          </jvcf:chartContextualMenu>

        </jvcf:chartView>
      </h:form>

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