<?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core" xmlns:jvd="http://www.ilog.com/jviews/tlds/custom.tld"
xmlns:jv="http://www.ilog.com/jviews/tlds/jviews-faces.tld"
xmlns:jvgf="http://www.ilog.com/jviews/tlds/jviews-gantt-faces.tld">
<f:view>
<f:loadBundle basename="messages" var="msg" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><h:outputText value="#{msg.ganttTitle}"/></title>
<style>
.menuItem {
background: #ece9d8;
color: black;
font-family: sans-serif;
font-size: 12px;
}
.menuItemHighlighted {
background: #316ac5;
color: white;
}
.menuItemDisabled {
background: #ece9d8;
font-style: italic;
color: #aca899;
}
.psheet {
font-size: 8pt;
font-family: sans-serif;
border-collapse: collapse;
border: 1px solid #3b619c;
}
.psheet-cell {
background-color: #ECE9D8;
border: 1px solid #7a8a99;
padding: 5px;
width: 70px;
}
.psheet-cell-title {
background-color: #ECE9D8;
border: 1px solid #7a8a99;
padding: 5px;
width: 250px;
}
.psheet-cell-value {
background-color: white;
border: 1px solid #7a8a99;
padding: 5px;
cursor: text;
width: 80px;
}
.psheet-cell-selected {
background-color: #bcd7ff;
border: 1px solid #7a8a99;
padding: 5px;
width: 70px;
}
.psheet-text {
font-size: 8pt;
font-family: sans-serif;
}
</style>
</head>
<body>
<h:commandLink id="methodCall"/>
<script type="text/javascript">
<!-- Work around to call method from within facelets -->
function insertActivity(){
gantt.performJSFAction("#{methodCall.action}", "\#\{ganttBean.insertActivity\}", true);
}
function deleteSelectedActivity(){
gantt.performJSFAction("#{methodCall.action}", "\#\{ganttBean.deleteSelectedActivity\}", true);
}
</script>
<h:form id="form">
<!-- interactors -->
<jvgf:rowExpandCollapseInteractor id="tableExpand" />
<jvgf:rowExpandCollapseInteractor id="sheetExpand" />
<jvgf:sheetScrollInteractor id="sheetScroll" />
<jvgf:tableScrollInteractor id="tableScroll" />
<jvgf:selectInteractor id="sheetSelect" />
<jvgf:selectInteractor id="tableSelect" />
<!-- first panel grid : the toolbar -->
<h:panelGrid cellpadding="0" cellspacing="0" border="0" columnClasses="padding-bottom">
<h:panelGrid columns="40" cellpadding="2" cellspacing="0" rowClasses="tdc">
<jv:imageButton id="selectButton" style="width:22px;height:22px"
onclick='gantt.setInteractors(tableSelect, sheetSelect)' selected="true"
buttonGroupId="interactors" image="/images/arrow.gif" rolloverImage="/images/arrowh.gif"
selectedImage="/images/arrowd.gif" message="#{msg.selectButtonMsg}" messageBoxId="messages" />
<jv:imageButton id="expandButton" style="width:22px;height:22px"
onclick='gantt.setInteractors(tableExpand, sheetExpand)' image="/images/arrowpm.gif"
buttonGroupId="interactors" rolloverImage="/images/arrowpmh.gif"
selectedImage="/images/arrowpmd.gif" message="#{msg.expandOrCollapseRowMsg}"
messageBoxId="messages" />
<jv:imageButton style="width:22px;height:22px" id="scrollButton"
onclick='gantt.setInteractors(tableScroll, sheetScroll)' image="/images/pan.gif"
buttonGroupId="interactors" rolloverImage="/images/panh.gif"
selectedImage="/images/pand.gif" message="#{msg.panMsg}" messageBoxId="messages" />
<jv:imageButton style="width:22px;height:22px" onclick='gantt.zoomToFit()'
image="/images/zoomfit.gif" rolloverImage="/images/zoomfith.gif"
selectedImage="/images/zoomfitd.gif" message="#{msg.showAllMsg}" messageBoxId="messages" />
<jv:imageButton style="width:22px;height:22px" onclick='gantt.zoomIn()'
image="/images/zoom.gif" rolloverImage="/images/zoomh.gif" selectedImage="/images/zoomd.gif"
message="#{msg.zoomInMsg}" messageBoxId="messages" />
<jv:imageButton style="width:22px;height:22px" onclick='gantt.zoomOut()'
image="/images/unzoom.gif" rolloverImage="/images/unzoomh.gif"
selectedImage="/images/unzoomd.gif" message="#{msg.zoomOutMsg}" messageBoxId="messages" />
<jv:imageButton style="width:22px;height:22px" onclick='insertActivity()'
image="/images/insertrow.gif" rolloverImage="/images/insertrowh.gif"
selectedImage="/images/insertrowd.gif" message="#{msg.insertActivityMsg}" messageBoxId="messages" />
<jv:imageButton style="width:22px;height:22px" onclick='deleteSelectedActivity()'
image="/images/delete.gif" rolloverImage="/images/deleteh.gif"
selectedImage="/images/deleted.gif" message="#{msg.deleteActivityMsg}"
messageBoxId="messages" />
<h:outputText value=" | " escape="false" />
</h:panelGrid>
<!-- Second panel grid: the gantt view, messages and property sheet -->
<h:panelGrid columns="2" bgcolor="#ffffff" cellpadding="0" cellspacing="0"
columnClasses="padding-right">
<h:panelGrid bgcolor="#C4DAFA" columns="1">
<jvgf:ganttView id="gantt" project="/data/gantt.igpr" style="width:800px;height:400px"
imageFormat="PNG" tableInteractorId="tableSelect" sheetInteractorId="sheetSelect"
messageBoxId="messages" waitingImage="/images/wait.gif" resizable="true" editable="true">
<f:facet name="tableSelectionManager">
<jvgf:selectionManager imageMode="false" lineColor="#FF0000" lineWidth="1" fillOn="true"
forceUpdateProperties="false" />
</f:facet>
<f:facet name="sheetSelectionManager">
<jvgf:selectionManager propertyAccessor="#{ganttBean.propertyAccessor}"
imageMode="false" lineColor="#FF0000" lineWidth="1" fillOn="true"
forceUpdateProperties="true" />
</f:facet>
</jvgf:ganttView>
<jv:messageBox id="messages" style="width:600px;height:20px" />
</h:panelGrid>
<jvd:propertySheet viewId="gantt" component="sheet" />
</h:panelGrid>
<h:panelGrid columns="1" columnClasses="tcd">
<h:outputText value="#{msg.feedback}" />
<h:panelGrid columns="2" bgcolor="#FFFFFF">
<h:selectBooleanCheckbox
onclick="gantt.getTableView().getSelectionManager().setImageMode(this.checked);gantt.getSheetView().getSelectionManager().setImageMode(this.checked)" />
<h:outputText value="#{msg.imageModeMsg}" />
</h:panelGrid>
</h:panelGrid>
</h:panelGrid>
</h:form>
</body>
</f:view>
</html>