<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%--
* Copyright (c) Rogue Wave Software, Inc. 1997, 2015
* All rights reserved.
*
* This source code is an addition to the Rogue Wave JViews Reference Manual
* delivered with the Rogue Wave JViews library.
* It is supplied as an example to show you how to code with Rogue Wave JViews Charts Faces.
* Feel free to use, copy, or modify it within the framework of your
* Rogue Wave JViews license agreement.
--%>
<%-- JSF Tag libraries --%>
<%@ 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"%>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-maps-faces.tld"
prefix="jvmf"%>
<%@ taglib uri="data/sampletags.tld" prefix="jvs"%>
<%-- JSF Page content --%>
<f:view locale="#{localeBean.locale}">
<%-- Internationalisation options --%>
<f:loadBundle basename="demo.messages" var="msg" />
<html>
<head>
<title>JViews Maps Faces Sample</title>
<%-- Note:title is overwritten later --%>
<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-Type" content="text/html; charset=UTF-8" />
</head>
<body bgcolor="white">
<%-- internationalisation of javascript generated elements --%>
<jvs:javaScriptVariable var="property_i18n_label"
value="#{msg.property_message}" />
<jvs:javaScriptVariable var="value_i18n_label"
value="#{msg.value_message}" />
<jvs:javaScriptVariable var="commit_i18n_label"
value="#{msg.commit_message}" />
<jvs:javaScriptVariable var="cancel_i18n_label"
value="#{msg.cancel_message}" />
<jvs:javaScriptVariable var="title_i18n_label"
value="#{msg.page_title}" />
<jvs:javaScriptVariable var="none_i18n_label"
value="#{msg.no_selection}" />
<jvs:javaScriptVariable var="selection_i18n_label"
value="#{msg.selection_label}" />
<script type="text/javascript" src="data/scripts.js"></script>
<%-- Input page options --%>
<h:form id="up_form">
<h:panelGrid columns="20" rowClasses="tdc">
<%-- Locale selection --%>
<h:outputText value="#{msg.locale_choice}" styleClass="text" />
<h:selectOneMenu
onchange="document.getElementById('up_form:submit').click();"
immediate="true" value="#{localeBean.locale}"
styleClass="little-text">
<f:selectItem itemValue="en_US" itemLabel="English" />
<f:selectItem itemValue="ja_JP" itemLabel="Japanese" />
</h:selectOneMenu>
<h:outputText value="#{msg.project_choice}" styleClass="text" />
<%-- Project selection --%>
<h:selectOneMenu id="proj" onchange="submit()"
value="#{projectBean.project}" styleClass="little-text">
<f:selectItem itemValue="/data/weather.idpr" itemLabel="#{msg.map1}" />
<f:selectItem itemValue="/data/usa.idpr" itemLabel="#{msg.map2}" />
<f:selectItem itemValue="/data/usa.ivl" itemLabel="#{msg.map3}" />
<f:selectItem itemValue="null" itemLabel="#{msg.map4}" />
</h:selectOneMenu>
<%-- View Size Selection --%>
<h:outputText value="#{msg.size_choice}" styleClass="text" />
<h:selectOneMenu onchange="submit()"
value="#{viewConfigurationBean.size}" styleClass="little-text">
<f:selectItem itemValue="400x200"
itemLabel="#{msg.small_size_label}" />
<f:selectItem itemValue="800x400"
itemLabel="#{msg.medium_size_label}" />
<f:selectItem itemValue="1600x800" itemLabel="#{msg.big_size_label}" />
</h:selectOneMenu>
<%-- Tiling setting --%>
<h:outputText value="#{msg.tiling_choice}" styleClass="text" />
<h:selectBooleanCheckbox id="checkbox"
value="#{viewConfigurationBean.tiling}" onchange="submit()" />
<h:commandButton id="submit" value="OK" action="show"
styleClass="little-text" />
</h:panelGrid>
</h:form>
<HR />
<%-- Main page --%>
<h:form>
<%-- View Interactors Definitions --%>
<jvf:zoomInteractor id="zoomInteractor" lineColor="#D00000" />
<jvf:panInteractor id="panInteractor" />
<jvdf:selectInteractor id="selectInteractor" />
<jvf:tooltipInteractor id="tooltipInteractor"
template="tooltipCallback" />
<jvf:highlightInteractor id="hightlight" color="yellow"></jvf:highlightInteractor>
<jv:interactorGroup id="selectHighlight"
interactors="selectInteractor tooltipInteractor panInteractor hightlight"></jv:interactorGroup>
<%-- Page content --%>
<h:panelGrid columns="3">
<%-- Button toolbar --%>
<h:panelGrid styleClass="border" cellpadding="0" cellspacing="0">
<h:panelGrid>
<jv:imageButton id="selectButton" styleClass="button"
buttonGroupId="interactors"
onclick="setInteractor(selectHighlight)" selected="true"
image="images/arrow.gif" rolloverImage="images/arrowh.gif"
selectedImage="images/arrowd.gif" title="#{msg.select_tooltip}"
message="#{msg.select_message}" messageBoxId="messages" />
<f:verbatim>
<HR />
</f:verbatim>
<jv:imageButton id="zoomInButton" styleClass="button"
selected="false" onclick="mapID.zoomIn()" image="images/zoom.gif"
rolloverImage="images/zoomh.gif" selectedImage="images/zoomd.gif"
title="#{msg.zoomin_tooltip}" message="#{msg.zoomin_message}"
messageBoxId="messages" />
<jv:imageButton id="zoomOutButton" styleClass="button"
selected="false" onclick="mapID.zoomOut()"
image="images/unzoom.gif" rolloverImage="images/unzoomh.gif"
selectedImage="images/unzoomd.gif" title="#{msg.zoomout_tooltip}"
message="#{msg.zoomout_message}" messageBoxId="messages" />
<jv:imageButton id="zoomRectButton" styleClass="button"
selected="false" onclick="setInteractor(zoomInteractor)"
buttonGroupId="interactors" image="images/zoomrect.gif"
rolloverImage="images/zoomrecth.gif"
selectedImage="images/zoomrectd.gif"
title="#{msg.zoomarea_tooltip}" message="#{msg.zoomarea_message}"
messageBoxId="messages" />
<jv:imageButton id="showAllButton" styleClass="button"
selected="false" onclick="mapID.showAll()"
image="images/zoomfit.gif" rolloverImage="images/zoomfith.gif"
selectedImage="images/zoomfitd.gif" title="#{msg.showall_tooltip}"
message="#{msg.showall_message}" messageBoxId="messages" />
<f:verbatim>
<HR />
</f:verbatim>
<jv:imageButton styleClass="button" selected="false"
onclick="setCreateNodeInteractor()" buttonGroupId="interactors"
image="images/add.gif" rolloverImage="images/addh.gif"
selectedImage="images/addd.gif" title="#{msg.add_tooltip}"
message="#{msg.add_message}" messageBoxId="messages"
enabled="#{projectBean.editable}" />
<jv:imageButton id="deleteButton" styleClass="button"
selected="false" onclick="deleteIt()" image="images/delete.gif"
rolloverImage="images/deleteh.gif"
selectedImage="images/deleted.gif" title="#{msg.delete_tooltip}"
message="#{msg.delete_message}" messageBoxId="messages" />
<f:verbatim>
<HR />
</f:verbatim>
<jv:imageButton id="startButton" styleClass="button"
selected="false" onclick="startStopTimer()"
image="images/start.gif" rolloverImage="images/starth.gif"
title="#{msg.animate_tooltip}" message="#{msg.animate_message}"
messageBoxId="messages" enabled="#{projectBean.editable}" />
</h:panelGrid>
</h:panelGrid>
<h:panelGrid cellpadding="0" cellspacing="0">
<h:panelGrid columns="1" cellpadding="0" cellspacing="0"
styleClass="border">
<%-- Main view --%>
<jvs:panel style="#{viewConfigurationBean.panelStyle}">
<jvmf:mapView id="mapID"
style="position:absolute;left:0px;top:0px"
interactorId="selectHighlight"
width="#{viewConfigurationBean.width}"
height="#{viewConfigurationBean.height}" editable="true"
data="#{projectBean.project}" servlet="demo.UpdatingServlet"
waitingImage="images/wait.gif"
tileSize="#{viewConfigurationBean.tileSize}"
tileManager="#{projectBean.tileManager}"
hitmapLayers="Symbols" zoomLevels="1,2,8,16,64,256,1024"
onImageLoaded="updateZoomMenuItems(view)"
accessible="true">
<%-- Selection management --%>
<f:facet name="selectionManager">
<jvdf:selectionManager imageMode="false"
propertyAccessor="#{selectionProviderBean.propertyAccessor}"
forceUpdateProperties="true"
onSelectionChanged="displaySelection()" lineColor="#498CEE"
lineWidth="2" />
</f:facet>
<%-- Pop-up menu --%>
<jvf:contextualMenu>
<jv:menu label="root">
<!--
<jv:menuItem label="#{msg.pan_message}" image="images/pan.gif" onclick="panButton.doClick()" />
-->
<jv:menuItem label="#{msg.zoomin_message}"
image="images/zoom.gif" onclick="mapID.zoomIn(true)" />
<jv:menuItem label="#{msg.zoomout_message}"
image="images/unzoom.gif" onclick="mapID.zoomOut(true)" />
<jv:menuItem label="#{msg.edit_message}"
image="images/edit.gif" onclick="editSelection()"
invocationContext="IMAGE_SERVLET_CONTEXT" />
</jv:menu>
</jvf:contextualMenu>
</jvmf:mapView>
<jvf:overview id="overview" viewId="mapID"
style="#{viewConfigurationBean.overviewStyle}"
messageBoxId="messages" />
<%-- Interactive panning tool --%>
<jvf:panTool id="panTool" viewId="mapID"
style="#{viewConfigurationBean.panToolStyle}"
messageBoxId="messages" />
</jvs:panel>
</h:panelGrid>
<%-- Status information --%>
<jv:messageBox id="messages" styleClass="text" style="height:20px"
width="#{viewConfigurationBean.width}" />
</h:panelGrid>
<h:panelGrid cellpadding="0" cellspacing="0"
columnClasses="padding-bottom">
<%-- Overview
--%>
<%-- Layer visibility control --%>
<jvmf:layerTool id="layerTool"
title="#{msg.layer_selection_tooltip}"
message="#{msg.layer_selection_message}"
styleClass="layerToolStyle" viewId="mapID" messageBoxId="messages"
enabled="true" />
<%-- Selection Properties table --%>
<f:verbatim>
<span id="tableId"> </span>
</f:verbatim>
<f:verbatim>
<span id="spanId"> </span>
</f:verbatim>
<%-- Main view --%>
<h:commandButton id="clearCacheButton"
actionListener="#{projectBean.clearServerCache}"
value="#{msg.clearcache_message}" title="#{msg.clearcache_tooltip}"
disabled="#{projectBean.noProjectLoaded}" />
</h:panelGrid>
</h:panelGrid>
</h:form>
</body>
</html>
</f:view>