//------------------------------------------------------------------------------
// Copyright (c) 2005, 2006 IBM Corporation and others.
// All rights reserved. This program and the accompanying materials
// are made available under the terms of the Eclipse Public License v1.0
// which accompanies this distribution, and is available at
// http://www.eclipse.org/legal/epl-v10.html
//
// Contributors:
// IBM Corporation - initial implementation
//------------------------------------------------------------------------------
function ActivityTreeTable(/*ProcessElementPage*/parent) {
this.parent = parent;
this.tree_node_class = "treeNode"; // !!! don't translate this !!!
this.expandImage = null;
this.collapseImage = null;
this.shimImage = null;
this.wbsItemHtml = null;
this.imagePath = null;
this.NODE_COLLAPSED = 0;
this.NODE_EXPANDED = 1;
this.DEFAULT_EXPAND_LEVEL = 0; // 0 - collapse all, 1 - expand the first level, ..., 9999 - if you have this many
};
// Creates the collapsible tree table
// the expected format of the html source are as follows:
// each
col 1-1
col 1-2
col 1-1
col 2-2
col 1-1
col 2-2
col 2-1
col 2-2
*/
ATTR_ROW_DATA_INDEX = "dataIndex";
ATTR_CHILD_LOADED = "childLoaded";
ATTR_INDENT_SIZE = "indentSize";
ATTR_EXPANDED = "expanded";
ActivityTreeTable.prototype.initialize = function(imgPath)
{
this.imagePath = contentPage.resolveUrl(imgPath);
this.expandImage = this.imagePath + 'expand.gif';
this.collapseImage = this.imagePath + 'collapse.gif';
//expandAllImage = this.imagePath + 'expand_all.gif';
//collapseAllImage = this.imagePath + 'collapse_all.gif';
//backToTopImage = this.imagePath + 'back_to_top.gif';
this.shimImage = this.imagePath + 'indent.gif';
this.wbsItemHtml = new WBSItemHtml(this, this.imagePath);
};
ActivityTreeTable.prototype.createTree = function(tagName, classSelector) {
// create the tree table first
this.createTable();
};
ActivityTreeTable.prototype.createTable = function() {
var div = document.getElementById("treeContent");
if ( div == null ) return;
// create table
var table = document.createElement("TABLE");
table.id = "ActivityTreeTable";
table.title = this.data.title;
table.summary = this.data.summary;
table.cellspacing = "0px";
table.cellpadding = "0px";
table.border="0px";
table.width="100%";
table.bordercolor = "#999999";
table.className = "breakdownTable";
// create table head
//var tr = document.createElement("TR");
var tr = table.insertRow(table.rows.length);
tr.setAttribute("valign", "top");
var len = this.data.columns.length;
for ( i = 0; i < len; i++ ) {
var col = this.data.columns[i];
var id = BS_ID_PREFIX + col[0];
var abbr = col[1];
var th = document.createElement("TH");
th.id = id;
th.abbr = abbr;
th.innerHTML = "" + col[1] + "";
tr.appendChild(th);
}
//table.appendChild(tr);
div.appendChild(table);
// create the top rows
this.createToplevelRows();
// for IE need to reset to fresh the layout
//div.innerHTML = "" + div.innerHTML + "";
};
ActivityTreeTable.prototype.processTR = function(trElement) {
var indentSize = 0;
var parentId = trElement.getAttribute("parentId");
var parentTR = null;
if ( parentId != "")
{
// cache it to be faster
parentTR = document.getElementById(parentId);
//parentTR = createdNodes[parentId];
if ( parentTR != null && parentTR != undefined )
{
indentSize = parseInt(parentTR.getAttribute(ATTR_INDENT_SIZE)) + 1;
}
}
var expanded = this.getDefaultExpandState(indentSize);
trElement.setAttribute(ATTR_INDENT_SIZE, indentSize);
trElement.setAttribute(ATTR_EXPANDED, expanded);
//alert("createTreeNode for id, parentId, indent =" + trElement.id + ", " + parentId + ", indentSize=" + indentSize);
//createTreeNode(element, indentSize);
//save the created ones so we can referecne it
//createdNodes[trElement.id] = trElement;
if ( (parentTR != null) && this.isNodeSuppressed(parentTR) )
{
this.setNodeSuppressed(trElement, true);
//alert("parent suppressed");
}
if ( this.isNodeSuppressed(trElement) == true || (parentTR != null && parentTR.getAttribute(ATTR_EXPANDED) == this.NODE_COLLAPSED) )
{
trElement.style.display = 'none';
//alert("suppressed");
}
};
ActivityTreeTable.prototype.getTreeTable = function() {
return document.getElementById("ActivityTreeTable");
};
ActivityTreeTable.prototype.createToplevelRows = function() {
var table = this.getTreeTable();
if ( table == null ) return;
var rows = this.data.rows;
var len = rows.length;
var suppressedRows = new Array();
//var parentId = "";
for ( var i = 0; i < len; i++ ) {
var row = rows[i];
if ( row == null ) continue;
//parentId = "";
// don't create the row if the row is suppressed or if the parent is suppressed
if ( this.isRowSuppressed(row) ) {
//suppressedRows.push(row.id);
//parentId = row.id;
// clear the suppressed rows
rows[i] = null;
//alert("suppressed " + i);
continue;
}
/*
while ( (row.parentId != parentId) && (suppressedRows.length > 0) ) {
parentId = suppressedRows.pop();
}
if ( (row.parentId != "") && (row.parentId == parentId) ) {
suppressedRows.push(row.id);
// clear the suppressed rows
rows[i] = null;
//alert("suppressed " + i);
continue;
}
*/
if ( row.parentId == null || row.parentId == "") {
this.wbsItemHtml.parseRow(row);
var tr = table.insertRow(table.rows.length);
tr.setAttribute(ATTR_ROW_DATA_INDEX, i);
this.wbsItemHtml.loadRow(tr);
//table.appendChild(tr);
this.processTR(tr);
}
}
};
ActivityTreeTable.prototype.createChildRows = function(trElement) {
var loaded = trElement.getAttribute(ATTR_CHILD_LOADED);
if ( loaded == "true" ) {
return;
}
var table = this.getTreeTable();
//var insertBefore = trElement.getNextSibling;
var rowIndex = parseInt(trElement.rowIndex);
// make sure the value is a number otherwise Fire fox will treat it as a string
var dataIndex = parseInt(trElement.getAttribute(ATTR_ROW_DATA_INDEX));
for ( var i = dataIndex+1; i < this.data.rows.length; i++ ) {
var row = this.data.rows[i];
if ( row == null ) continue;
if ( row.parentId != trElement.id ) {
continue;
}
this.wbsItemHtml.parseRow(row);
rowIndex++;
var tr = table.insertRow(rowIndex);
tr.setAttribute(ATTR_ROW_DATA_INDEX, i);
this.wbsItemHtml.loadRow(tr);
this.processTR(tr);
}
trElement.setAttribute(ATTR_CHILD_LOADED, "true");
};
ActivityTreeTable.prototype.getDefaultExpandState = function(level)
{
if (level >= this.DEFAULT_EXPAND_LEVEL ) {
return this.NODE_COLLAPSED;
} else {
return this.NODE_EXPANDED;
}
};
ActivityTreeTable.prototype.getTreeNodeSrc = function(level)
{
if ( this.getDefaultExpandState(level) == this.NODE_COLLAPSED ) {
return this.expandImage;
}
else {
return this.collapseImage;
}
};
ActivityTreeTable.prototype.getIMG = function(trElement)
{
var e = trElement;
while ( e != null && e.tagName != "IMG")
{
e = e.firstChild;
//alert(e.tagName);
}
if(e.nextSibling!=null){
return e.nextSibling;
}
return e;
};
ActivityTreeTable.prototype.getTR = function(element)
{
// the heml structure is
//
//
col 1-1
col 2-2
//
var e = element;
while ( e != null && e.tagName != "TR" || e.className != this.tree_node_class)
{
e = e.parentNode;
//alert(e.tagName);
}
return e;
};
// Expands or collapses a section based on the received event.
ActivityTreeTable.prototype.expandCollapseTreeNode = function(evtElement) {
//alert(evtElement.tagName);
var trElement = this.getTR(evtElement);
// make sure the child rows are created
this.createChildRows(trElement);
// if there is no child, remove the tree node image
if ( !this._hasChildren(trElement) )
{
evtElement.src = this.shimImage;
evtElement.onclick = null;
evtElement.style.cursor = "default";
return false;
}
var expanded = trElement.getAttribute(ATTR_EXPANDED);
if (expanded == this.NODE_EXPANDED) {
this.hideChildren(trElement);
evtElement.src = this.expandImage;
expanded = this.NODE_COLLAPSED;
evtElement.alt = contentPage.res.expandText;
evtElement.title = contentPage.res.expandText;
}
else {
this.showHideChildren(trElement, true);
evtElement.src = this.collapseImage;
expanded = this.NODE_EXPANDED;
evtElement.alt = contentPage.res.collapseText;
evtElement.title = contentPage.res.collapseText;
}
trElement.setAttribute(ATTR_EXPANDED, expanded);
/*
if (evt && evt.preventDefault) {
evt.preventDefault();
}
*/
return false;
};
ActivityTreeTable.prototype.getFirstTreeNodeTR = function(table)
{
var e = table;
while ( e != null && e.tagName != "TR") {
e = e.firstChild;
}
while (e!=null&&e.className != this.tree_node_class) {
e = e.nextSibling;
}
return e;
};
ActivityTreeTable.prototype.expandAllTreeNode = function() {
var table = this.getTreeTable();
if ( table == null ) return;
var firstTreeNode=this.getFirstTreeNodeTR(table);
this.createChildRows(firstTreeNode);
this.showHideChildren(firstTreeNode,true);
var imgElement=this.getIMG(firstTreeNode);
if (this._hasChildren(firstTreeNode)) {
imgElement.src = this.collapseImage;
imgElement.alt = contentPage.res.collapseText;
imgElement.title = contentPage.res.collapseText;
firstTreeNode.setAttribute(ATTR_EXPANDED, this.NODE_EXPANDED);
}
else {
imgElement.src = this.shimImage;
}
var nextTR = this.getNextSibling(firstTreeNode);
while ( nextTR != null)
{
var imgElement = this.getIMG(nextTR)
if (this.isNodeSuppressed(nextTR) == false)
{
this.createChildRows(nextTR);
this.showHideChildren(nextTR,true);
if (this._hasChildren(nextTR)) {
imgElement.src = this.collapseImage;
imgElement.alt = contentPage.res.collapseText;
imgElement.title = contentPage.res.collapseText;
nextTR.setAttribute(ATTR_EXPANDED, this.NODE_EXPANDED);
}
else {
imgElement.src = this.shimImage;
}
}
nextTR = this.getNextSibling(nextTR);
}
};
ActivityTreeTable.prototype.collapseAllTreeNode = function() {
var table = this.getTreeTable();
if ( table == null ) return;
var firstTreeNode = this.getFirstTreeNodeTR(table);
this.createChildRows(firstTreeNode);
this.hideChildren(firstTreeNode);
var imgElement = this.getIMG(firstTreeNode);
if(this._hasChildren(firstTreeNode)) {
imgElement.src = this.expandImage;
imgElement.alt = contentPage.res.expandText;
imgElement.title = contentPage.res.expandText;
firstTreeNode.setAttribute(ATTR_EXPANDED, this.NODE_COLLAPSED);
}
else {
// alert("null");
imgElement.src = this.shimImage;
}
var nextTR = this.getNextSibling(firstTreeNode);
//alert("nextTR.getAttribute:"+nextTR.getAttribute("parentId"));
while ( nextTR != null)
{
if (this.isNodeSuppressed(nextTR) == false)
{
//this.hideChildren(nextTR);
this.createChildRows(nextTR);
this.hideChildren(nextTR);
var imgElement=this.getIMG(nextTR);
if (this._hasChildren(nextTR)) {
this.getIMG(nextTR).src = this.expandImage;
imgElement.alt = contentPage.res.expandText;
imgElement.title = contentPage.res.expandText;
nextTR.setAttribute(ATTR_EXPANDED, this.NODE_COLLAPSED);
}
else {
imgElement.src = this.shimImage;
}
}
nextTR = this.getNextSibling(nextTR);
//alert("nextTR.getAttribute:"+nextTR.getAttribute("parentId"));
}
};
ActivityTreeTable.prototype.hideChildren = function(parent)
{
// make sure it's the TR element
parent = this.getTR(parent);
//var parentId = parent.id;
var indentSize = parseInt(parent.getAttribute(ATTR_INDENT_SIZE));
var nextTR = parent;
while ( (nextTR=this.getNextSibling(nextTR)) != null && nextTR.getAttribute(ATTR_INDENT_SIZE) > indentSize )
{
nextTR.style.display = 'none';
}
};
ActivityTreeTable.prototype.showHideChildren = function(parent, show)
{
// make sure it's the TR element
parent = this.getTR(parent);
//var indentSize = parent.indentSize;
var nextTR = this.getNextSibling(parent);
while ( nextTR != null && nextTR.getAttribute("parentId") == parent.id )
{
if ( show && (this.isNodeSuppressed(nextTR) == false) )
{
nextTR.style.display = '';
}
else
{
nextTR.style.display = 'none';
}
nextTR = this.showHideChildren(nextTR, (show==true)&&(nextTR.getAttribute(ATTR_EXPANDED)==this.NODE_EXPANDED) );
}
return nextTR;
};
ActivityTreeTable.prototype._hasChildren = function(parent)
{
// make sure it's the TR element
parent = this.getTR(parent);
var nextTR = this.getNextSibling(parent);
//alert("parent.id=" + parent.id + ", nextTR.parentId=" + nextTR.getAttribute("parentId") + ", isSuppressed=" + isNodeSuppressed(nextTR));
if ( nextTR != null && nextTR.getAttribute("parentId") == parent.id)
{
if (this.isNodeSuppressed(nextTR) == false)
{
return true;
}
else
{
nextTR.nextSibling;
while (nextTR != null)
{
if (this.isNodeSuppressed(nextTR) == false)
{
return true;
}
nextTR = nextTR.nextSibling;
}
return false;
}
}
return false;
};
ActivityTreeTable.prototype.getNextSibling = function(element)
{
var nextElement = element.nextSibling;
while (nextElement != null && nextElement.tagName != element.tagName )
{
nextElement = nextElement.nextSibling;
}
return nextElement;
};
ActivityTreeTable.prototype.getFirstChild = function(trElement, tagName, className)
{
var e = trElement.firstChild;
while (e != null)
{
//alert(e.tagName);
if ( (tagName == null || e.tagName == tagName) && (className == null || e.className == className) )
{
return e;
}
e = e.nextSibling;
}
return null;
};
ActivityTreeTable.prototype.isNodeSuppressed = function(trElement)
{
// if isSupressed attribute is defined, always use it
// only browsign model set this attribute
// if not defined, it's in published site, look up the flag from the generated map
var attr_suppressed = trElement.getAttribute("isSupressed");
var relPath = trElement.getAttribute("relProcessPath");
var flag = this.isSuppressed(attr_suppressed, relPath);
if ( attr_suppressed == null || attr_suppressed == "" || attr_suppressed == undefined )
{
this.setNodeSuppressed(trElement, flag);
}
return flag;
};
ActivityTreeTable.prototype.isRowSuppressed = function(row)
{
if ( row == null ) return true;
return this.isSuppressed(row.isSuppressed, row.relPath);
};
ActivityTreeTable.prototype.isSuppressed = function(attr_suppressed, relPath)
{
// if isSupressed attribute is defined, always use it
// only browsign model set this attribute
// if not defined, it's in published site, look up the flag from the generated map
//alert(attr_suppressed + "=" + relPath);
var flag = false;
if ( attr_suppressed == null || attr_suppressed == "" || attr_suppressed == "undefined" )
{
// this method is defined in activitylayout.js
if ( relPath != null && relPath != "" && relPath != "undefined" )
{
flag = this.parent.isSuppressed(contentPage.processPage.par_proc, contentPage.processPage.par_path + relPath);
}
//alert("x1, flag=" + flag);
}
else
{
flag = (attr_suppressed == "true");
}
//alert(flag + " = " + attr_suppressed + relPath);
return flag;
};
ActivityTreeTable.prototype.setNodeSuppressed = function(trElement, flag)
{
trElement.setAttribute("isSupressed", flag ? "true" : "false");
};
// define the break down structure columns ids here
BS_COL_INDEX = "id";
BS_COL_NAME = "name";
BS_COL_PREFIX = "prefix";
BS_COL_PREDECESSORS = "predecessors";
BS_COL_IS_REPEATABLE = "is_repeatable";
BS_COL_IS_ONGOING = "is_ongoing";
BS_COL_IS_EVENT_DRIVEN = "is_event_driven";
BS_COL_ENTRY_STATE = "entry_state";
BS_COL_EXIT_STATE = "exit_state";
BS_COL_TEAMS = "teams";
BS_COL_TYPE = "type";
BS_COL_MODEL_INFO = "model_info";
BS_COL_PRESENTATION_NAME = "presentation_name";
BS_COL_STEPS = "steps";
BS_COL_DELIVERABLE = "deliverable";
BS_COL_IS_OPTIONAL = "is_optional";
BS_COL_IS_PLANNED = "is_planned";
BS_COL_HAS_MULTIPLE_OCCURRENCES = "has_multiple_occurrences";
// id prefix
BS_ID_PREFIX = "BS_COL_";
STEP_GROUP_SIZE = 5;
function WBSItemHtml(/*ActivityTreeTable*/parent)
{
this.parent = parent;
//this.imagePath = imgPath;
this.extendVariability = "extend"; // !!! don't translate this !!!
this.localContributionVariability = "localContribution"; // !!! don't translate this !!!
this.localReplacementVariability = "localReplacement"; // !!! don't translate this !!!
//this.source_html = new Array();
//this.columns = [];
this.fields = [];
this.indentSize = 0;
this.hasChildren = false;
this.id = "";
this.parentId = "";
this.relPath = null;
this.isSupressed = false;
this.url = "";
};
WBSItemHtml.prototype.getTreeNodeTableHtml = function(indentSize, hasChildren, title, url, relPath)
{
// test
// the url is passed in to a string to construct a string literal
// need to escape the quotes
url = url.replace(/(\'|\")/g, "\\$1");
url = contentPage.processPage.getActivityItemUrl(url, contentPage.processPage.par_proc, contentPage.processPage.par_path, relPath);
var src = [
"