Took out singular ('item' and 'folder') from getTreeRows().
Basic tree traversal in single-window mode.
This commit is contained in:
parent
6918757b8b
commit
cc195532c0
4 changed files with 253 additions and 11 deletions
|
@ -920,11 +920,9 @@ Scholar.Items = new function(){
|
|||
+ 'WHERE parentFolderID=' + parent;
|
||||
|
||||
switch (type){
|
||||
case 'folder':
|
||||
case 'folders':
|
||||
sql += ' AND isFolder=1';
|
||||
break;
|
||||
case 'item':
|
||||
case 'items':
|
||||
sql += ' AND isFolder=0';
|
||||
break;
|
||||
|
|
|
@ -1,4 +1,49 @@
|
|||
var foldersView;
|
||||
var itemsView;
|
||||
|
||||
function init()
|
||||
{
|
||||
//
|
||||
foldersView = new Scholar.TreeView(0); //pass params here?
|
||||
document.getElementById('folders-tree').view = foldersView;
|
||||
itemsView = new Scholar.TreeView(0);
|
||||
document.getElementById('items-tree').view = itemsView;
|
||||
|
||||
var addMenu = document.getElementById('tb-add').firstChild;
|
||||
var itemTypes = Scholar.ItemTypes.getTypes();
|
||||
for(var i = 0; i<itemTypes.length; i++)
|
||||
{
|
||||
var menuitem = document.createElement("menuitem");
|
||||
menuitem.setAttribute("label",Scholar.LocalizedStrings.getString("itemTypes."+itemTypes[i]['name']));
|
||||
menuitem.setAttribute("oncommand","newItem("+itemTypes[i]['id']+")");
|
||||
addMenu.appendChild(menuitem);
|
||||
}
|
||||
}
|
||||
|
||||
function newItem(typeID)
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
function newFolder()
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
function folderSelected()
|
||||
{
|
||||
if(foldersView.selection.count == 1 && foldersView.selection.currentIndex != -1)
|
||||
{
|
||||
itemsView = new Scholar.TreeView(foldersView._getItemAtRow(foldersView.selection.currentIndex).getID());
|
||||
document.getElementById('items-tree').view = itemsView;
|
||||
}
|
||||
else if(foldersView.selection.count == 0)
|
||||
{
|
||||
itemsView = new Scholar.TreeView(0);
|
||||
document.getElementById('items-tree').view = itemsView;
|
||||
}
|
||||
else
|
||||
{
|
||||
document.getElementById('items-tree').view = null;
|
||||
}
|
||||
|
||||
}
|
|
@ -8,30 +8,42 @@
|
|||
orient="vertical"
|
||||
width="800"
|
||||
height="600"
|
||||
onload="init()"
|
||||
onload="Scholar.init(); init();"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
|
||||
|
||||
<!-- Include these until we get a global XPCOM object: -->
|
||||
<script src="overlay.js"/>
|
||||
<script src="db.js"/>
|
||||
<script src="data_access.js"/>
|
||||
|
||||
<script src="scholar.js"/>
|
||||
<script src="treeView.js"/>
|
||||
|
||||
<stringbundle id="scholar-strings" src="chrome://scholar/locale/scholar.properties"/>
|
||||
|
||||
<toolbar>
|
||||
<toolbarbutton label="Add Folder..."/>
|
||||
<toolbarbutton label="New Folder..." oncommand="newFolder();"/>
|
||||
<spacer flex="1"/>
|
||||
<toolbarbutton label="New Item..." type="menu">
|
||||
<toolbarbutton id="tb-add" label="New Item..." type="menu">
|
||||
<menupopup>
|
||||
<menuitem label="Book"/>
|
||||
<menuitem label="Journal Article"/>
|
||||
</menupopup>
|
||||
</toolbarbutton>
|
||||
<spacer flex="1"/>
|
||||
<label control="tb-search" value="Search:"/><textbox id="tb-search" value=""/>
|
||||
</toolbar>
|
||||
<hbox flex="1">
|
||||
<vbox id="folders-pane" flex="1">
|
||||
<tree id="folders-tree" flex="1">
|
||||
<tree
|
||||
id="folders-tree"
|
||||
treeviewtype="folders"
|
||||
onselect="folderSelected();"
|
||||
flex="1">
|
||||
<treecols>
|
||||
<treecol
|
||||
id="name_column"
|
||||
label="Name"
|
||||
flex="1"/>
|
||||
flex="1"
|
||||
primary="true"/>
|
||||
</treecols>
|
||||
<treechildren/>
|
||||
</tree>
|
||||
|
@ -43,6 +55,7 @@
|
|||
<tree
|
||||
id="items-tree"
|
||||
enablecolumndrag="true"
|
||||
treeviewtype="items"
|
||||
flex="1">
|
||||
|
||||
<treecols>
|
||||
|
|
|
@ -0,0 +1,186 @@
|
|||
Scholar.TreeView = function(root)
|
||||
{
|
||||
this._treebox = null;
|
||||
this._dataItems = new Array();
|
||||
this.rowCount = 0;
|
||||
this._treeType;
|
||||
this._rootFolder = root;
|
||||
}
|
||||
|
||||
Scholar.TreeView.prototype.setTree = function(treebox)
|
||||
{
|
||||
if(this._treebox)
|
||||
return;
|
||||
this._treebox = treebox;
|
||||
this._treeType = treebox.element.getAttribute("treeviewtype");
|
||||
|
||||
var newRows = Scholar.Items.getTreeRows(this._rootFolder,this._treeType);
|
||||
for(var i = 0; i < newRows.length; i++)
|
||||
this._showItem(newRows[i], 0, i+1); //item ref, isContainerOpen, level
|
||||
|
||||
this._refreshHashMap();
|
||||
}
|
||||
|
||||
Scholar.TreeView.prototype.getCellText = function(row, column)
|
||||
{
|
||||
var obj = this._getItemAtRow(row);
|
||||
|
||||
if(obj.isFolder())
|
||||
{
|
||||
if(column.id == "name_column")
|
||||
return obj.getName();
|
||||
else
|
||||
return "";
|
||||
}
|
||||
else
|
||||
{
|
||||
if(column.id == "title_column")
|
||||
return obj.getField("title");
|
||||
else if(column.id == "creator_column")
|
||||
return obj.getField("firstCreator");
|
||||
else if(column.id == "source_column")
|
||||
return obj.getField("source");
|
||||
else
|
||||
return "";
|
||||
}
|
||||
}
|
||||
|
||||
Scholar.TreeView.prototype.isContainer = function(row) { return this._getItemAtRow(row).isFolder(); }
|
||||
Scholar.TreeView.prototype.isContainerOpen = function(row) { return this._dataItems[row][1]; }
|
||||
Scholar.TreeView.prototype.isContainerEmpty = function(row)
|
||||
{
|
||||
if(this._treeType == 'folders')
|
||||
return !this._getItemAtRow(row).hasChildFolders();
|
||||
else
|
||||
return (this.isContainer(row) && this._getItemAtRow(row).isEmpty());
|
||||
}
|
||||
|
||||
Scholar.TreeView.prototype.getLevel = function(row) { return this._dataItems[row][2]; }
|
||||
|
||||
Scholar.TreeView.prototype.getParentIndex = function(row)
|
||||
{
|
||||
var thisLevel = this.getLevel(row);
|
||||
if(thisLevel == 0) return -1;
|
||||
for(var i = row - 1; i >= 0; i--)
|
||||
if(this.getLevel(i) < thisLevel)
|
||||
return i;
|
||||
return -1;
|
||||
}
|
||||
|
||||
Scholar.TreeView.prototype.hasNextSibling = function(row, afterIndex)
|
||||
{
|
||||
var thisLevel = this.getLevel(row);
|
||||
for(var i = afterIndex + 1; i < this.rowCount; i++)
|
||||
{
|
||||
var nextLevel = this.getLevel(i);
|
||||
if(nextLevel == thisLevel) return true;
|
||||
else if(nextLevel < thisLevel) return false;
|
||||
}
|
||||
}
|
||||
|
||||
Scholar.TreeView.prototype.toggleOpenState = function(row)
|
||||
{
|
||||
var count = 0; //used to tell the tree how many rows were added/removed
|
||||
var thisLevel = this.getLevel(row);
|
||||
|
||||
this._treebox.beginUpdateBatch();
|
||||
if(this.isContainerOpen(row))
|
||||
{
|
||||
while((row + 1 < this._dataItems.length) && (this.getLevel(row + 1) > thisLevel))
|
||||
{
|
||||
this._hideItem(row+1);
|
||||
count--; //count is negative when closing a container because we are removing rows
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
var newRows = Scholar.Items.getTreeRows(this._getItemAtRow(row).getID(),this._treeType); //Get children
|
||||
|
||||
for(var i = 0; i < newRows.length; i++)
|
||||
{
|
||||
count++;
|
||||
this._showItem(newRows[i], thisLevel+1, row+i+1); //insert new row
|
||||
}
|
||||
}
|
||||
this._dataItems[row][1] = !this._dataItems[row][1]; //toggle container open value
|
||||
|
||||
this._treebox.rowCountChanged(row+1, count); //tell treebox to repaint these
|
||||
this._treebox.invalidateRow(row);
|
||||
this._treebox.endUpdateBatch();
|
||||
this._refreshHashMap();
|
||||
}
|
||||
|
||||
Scholar.TreeView.prototype._showItem = function(item, level, beforeRow) { this._dataItems.splice(beforeRow, 0, [item, false, level]); this.rowCount++; }
|
||||
|
||||
Scholar.TreeView.prototype._hideItem = function(row) { this._dataItems.splice(row,1); this.rowCount--; }
|
||||
|
||||
Scholar.TreeView.prototype._getItemAtRow = function(row) { return this._dataItems[row][0]; }
|
||||
Scholar.TreeView.prototype.isSorted = function() { return false; }
|
||||
Scholar.TreeView.prototype.isSeparator = function(row) { return false; }
|
||||
Scholar.TreeView.prototype.isEditable = function(row, idx) { return false; }
|
||||
Scholar.TreeView.prototype.getRowProperties = function(row, prop) { }
|
||||
Scholar.TreeView.prototype.getColumnProperties = function(col, prop) { }
|
||||
Scholar.TreeView.prototype.getCellProperties = function(row, col, prop) { }
|
||||
Scholar.TreeView.prototype.getImageSrc = function(row, col) { }
|
||||
Scholar.TreeView.prototype.performAction = function(action) { }
|
||||
Scholar.TreeView.prototype.performActionOnCell = function(action, row, col) { }
|
||||
Scholar.TreeView.prototype.getProgressMode = function(row, col) { }
|
||||
|
||||
Scholar.TreeView.prototype.deleteSelection = function()
|
||||
{
|
||||
if(this.selection.count == 0)
|
||||
return;
|
||||
|
||||
if(!confirm("Are you sure you want to delete the selected item"+(this.selection.count > 1 ? "s" : "")+"?"))
|
||||
return;
|
||||
|
||||
//collapse open folders
|
||||
for(var i=0; i<this.rowCount; i++)
|
||||
if(this.selection.isSelected(i) && this.isContainer(i) && this.isContainerOpen(i))
|
||||
this.toggleOpenState(i);
|
||||
|
||||
//create an array of selected items/folders
|
||||
var rows = new Array();
|
||||
var start = new Object();
|
||||
var end = new Object();
|
||||
for (var i=0, len=this.selection.getRangeCount(); i<len; i++)
|
||||
{
|
||||
this.selection.getRangeAt(i,start,end);
|
||||
for (var j=start.value; j<=end.value; j++)
|
||||
rows.push(j);
|
||||
}
|
||||
|
||||
//iterate and erase...
|
||||
this._treebox.beginUpdateBatch();
|
||||
for (var i=0; i<rows.length; i++)
|
||||
{
|
||||
//erase item/folder from DB:
|
||||
this._getItemAtRow(rows[i]-i).erase();
|
||||
|
||||
//remove row from tree:
|
||||
this._hideItem(rows[i]-i);
|
||||
this._treebox.rowCountChanged(rows[i]-i, -1);
|
||||
}
|
||||
this._treebox.endUpdateBatch();
|
||||
|
||||
this._refreshHashMap();
|
||||
}
|
||||
|
||||
Scholar.TreeView.prototype._refreshHashMap = function()
|
||||
{
|
||||
// Create hash map of folder and object ids to row indexes
|
||||
|
||||
this._itemRowMap = new Array();
|
||||
this._folderRowMap = new Array();
|
||||
for(var i=0; i < this.rowCount; i++){
|
||||
if (this.isContainer(i)){
|
||||
this._folderRowMap[this._getItemAtRow(i).getID()] = i;
|
||||
}
|
||||
else {
|
||||
this._itemRowMap[this._getItemAtRow(i).getID()] = i;
|
||||
}
|
||||
}
|
||||
//Scholar.debug(Scholar.varDump(this.folderRowMap));
|
||||
//Scholar.debug(Scholar.varDump(this.objectRowMap));
|
||||
|
||||
}
|
Loading…
Reference in a new issue