<%@ 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.
--%>
<%@ 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" %>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-diagrammer-faces.tld" prefix="jvdf" %>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-tgo-faces.tld" prefix="jvtf" %>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice" %>
<f:view>
<f:loadBundle basename="messages" var="msg" />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><ice:outputText value="#{msg.dynamicTitle}"/></title>
<style>
body { font-family: sans-serif; }
</style>
<style>
.titleStyle {
font-weight: bold;
}
.buttonStyle {
width: 22px;
height: 22px;
}
.operationsStyle {
border: double;
width: 175px;
}
.overviewStyle {
border: double;
width: 175px;
}
.messageBoxStyle {
border: double;
width: 175px;
}
.mainComponentStyle {
border: groove;
width: 900px;
}
.overviewComponentStyle {
width: 155px;
height: 100px;
}
.menuItem {
background: #e5e5e5;
font-family: sans-serif;
font-size: 12px;
color: black;
}
.menuItemHighlighted {
background: #fefdfe;
}
.menuItemDisabled {
color: #b19999;
}
.overviewClass{
vertical-align: top;
}
</style>
</head>
<body>
<h1><ice:outputText value="#{msg.dynamicH1}"/></h1>
<p><ice:outputText value="#{msg.dynamicP1}" escape="false"/></p>
<ice:form id="form">
<ice:panelTabSet id="tab">
<jvtf:clientSelectInteractor id="_put_me_here_to_forcing_TGO_JS_files_to_be_loaded_before_tabs"/>
<ice:panelTab label="#{msg.dynamicEmpty_TAB}">
<p><ice:outputText value="#{msg.dynamicP2}"/></p>
</ice:panelTab>
<ice:panelTab label="#{msg.dynamicNetworks}">
<!-- Declare the predefined interactors -->
<jvf:zoomInteractor id="zoomInteractor" menuModelId="#{popupMenuFactory.zoomMenuModelId}" />
<jvf:panInteractor id="panInteractor" menuModelId="#{popupMenuFactory.panMenuModelId}" />
<jvtf:clientSelectInteractor id="selectInteractor"
menuModelId="#{popupMenuFactory.selectMenuModelId}" />
<ice:panelGrid columns="2" columnClasses="overviewClass overviewClass">
<!-- Declare the network JSF component -->
<jvtf:networkView id="networkView" context="#{sampleContext.context}" width="700"
height="400" network="#{sampleContext.network}" imageFormat="PNG">
<f:facet name="selectionManager">
<jvtf:selectionManager id="selectionManager" imageMode="false" lineColor="#D0D0D0"
lineWidth="2" forceUpdateProperties="true" />
</f:facet>
<!-- Declare the contextual menu with given pop-up menu factory -->
<jvf:contextualMenu factory="#{popupMenuFactory}" itemStyleClass="menuItem"
itemHighlightedStyleClass="menuItemHighlighted"
itemDisabledStyleClass="menuItemDisabled" />
</jvtf:networkView>
<ice:panelGrid columns="1" cellpadding="0" cellspacing="0" columnClasses="overviewClass">
<jvf:overview id="overview" viewId="networkView" styleClass="overviewComponentStyle" />
<ice:panelGrid columns="6">
<jv:imageButton id="selectButton" styleClass="buttonStyle"
onclick="networkView.setInteractor(selectInteractor)"
image="/resources/images/toolbar/arrow.gif" buttonGroupId="interactors"
rolloverImage="/resources/images/toolbar/arrowh.gif"
selectedImage="/resources/images/toolbar/arrowd.gif" messageBoxId="messages"
title="#{msg.SelectInteractorTitle}" message="#{msg.SelectInteractorMsg}" />
<jv:imageButton id="panButton" styleClass="buttonStyle"
onclick="networkView.setInteractor(panInteractor)"
image="/resources/images/toolbar/pan.gif" buttonGroupId="interactors"
rolloverImage="/resources/images/toolbar/panh.gif"
selectedImage="/resources/images/toolbar/pand.gif" messageBoxId="messages"
title="#{msg.PanInteractorTitle}" message="#{msg.PanInteractorMsg}" />
<jv:imageButton id="zoomButton" styleClass="buttonStyle"
onclick="networkView.setInteractor(zoomInteractor)"
image="/resources/images/toolbar/zoomrect.gif" buttonGroupId="interactors"
rolloverImage="/resources/images/toolbar/zoomrecth.gif"
selectedImage="/resources/images/toolbar/zoomrectd.gif" messageBoxId="messages"
title="#{msg.ZoomInteractorTitle}" message="#{msg.ZoomInteractorMsg}" />
<jv:imageButton id="showAllButton" styleClass="buttonStyle"
onclick="networkView.showAll(true)" image="/resources/images/toolbar/zoomfit.gif"
rolloverImage="/resources/images/toolbar/zoomfith.gif"
selectedImage="/resources/images/toolbar/zoomfitd.gif" messageBoxId="messages"
title="#{msg.ShowAllTitle}" message="#{msg.ShowAllMsg}" />
<jv:imageButton id="zoomInButton" styleClass="buttonStyle"
onclick="networkView.zoomIn(true)" image="/resources/images/toolbar/zoom.gif"
rolloverImage="/resources/images/toolbar/zoomh.gif"
selectedImage="/resources/images/toolbar/zoomd.gif" messageBoxId="messages"
title="#{msg.ZoomInTitle}" message="#{msg.ZoomInMsg}" />
<jv:imageButton id="zoomOutButton" styleClass="buttonStyle"
onclick="networkView.zoomOut(true)" image="/resources/images/toolbar/unzoom.gif"
rolloverImage="/resources/images/toolbar/unzoomh.gif"
selectedImage="/resources/images/toolbar/unzoomd.gif" messageBoxId="messages"
title="#{msg.ZoomOutTitle}" message="#{msg.ZoomOutMsg}" />
</ice:panelGrid>
<jv:messageBox height="22" width="100" id="messages" styleClass="text" />
</ice:panelGrid>
</ice:panelGrid>
</ice:panelTab>
</ice:panelTabSet>
</ice:form>
</body>
</html>
</f:view>