mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Edit tools are now in sidebar. alpha release.

Browse source
This commit is contained in:
David Norton 2006-05-17 18:47:47 +00:00
parent 44d4c5dee8
commit 6ee2459997
2 changed files with 133 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

148
chrome/chromeFiles/content/scholar/sidebar.js
View file

@ -1,5 +1,6 @@
var ScholarLocalizedStrings; var ScholarLocalizedStrings;
var myTreeView; var myTreeView;
var dynamicBox;
Scholar.TreeView = function() Scholar.TreeView = function()
{ {
@ -10,11 +11,13 @@ Scholar.TreeView = function()
Scholar.TreeView.prototype.setTree = function(treebox) Scholar.TreeView.prototype.setTree = function(treebox)
{ {
if(this._treebox)
return;
this._treebox = treebox; this._treebox = treebox;
var newRows = Scholar.Objects.getTreeRows(); var newRows = Scholar.Objects.getTreeRows();
for(var i = 0; i < newRows.length; i++) for(var i = 0; i < newRows.length; i++)
this._dataObjects.push( [ newRows[i], false, 0 ] ); //object ref, isContainerOpen, level this._insertItem(newRows[i], 0, i+1); //object ref, isContainerOpen, level
this.rowCount = this._dataObjects.length; this.rowCount = this._dataObjects.length;
} }
@ -56,7 +59,6 @@ Scholar.TreeView.prototype.getParentIndex = function(row)
return -1; return -1;
} }
Scholar.TreeView.prototype.hasNextSibling = function(row, afterIndex) Scholar.TreeView.prototype.hasNextSibling = function(row, afterIndex)
{ {
var thisLevel = this.getLevel(row); var thisLevel = this.getLevel(row);
@ -68,18 +70,17 @@ Scholar.TreeView.prototype.hasNextSibling = function(row, afterIndex)
} }
} }
Scholar.TreeView.prototype.toggleOpenState = function(row) Scholar.TreeView.prototype.toggleOpenState = function(row)
{ {
var count = 0; var count = 0; //used to tell the tree how many rows were added/removed
var thisLevel = this.getLevel(row); var thisLevel = this.getLevel(row);
if(this.isContainerOpen(row)) if(this.isContainerOpen(row))
{ {
while((row + 1 < this._dataObjects.length) && (this.getLevel(row + 1) > thisLevel)) while((row + 1 < this._dataObjects.length) && (this.getLevel(row + 1) > thisLevel))
{ {
this._dataObjects.splice(row+1,1); this._deleteItem(row+1);
count--; count--; //count is negative when closing a container because we are removing rows
} }
} }
else else
@ -89,11 +90,11 @@ Scholar.TreeView.prototype.toggleOpenState = function(row)
for(var i = 0; i < newRows.length; i++) for(var i = 0; i < newRows.length; i++)
{ {
count++; count++;
this._dataObjects.splice(row+i+1,0,[ newRows[i], false, thisLevel+1 ]); //insert new row this._insertItem(newRows[i], thisLevel+1, row+i+1); //insert new row
} }
} }
this._dataObjects[row][1] = !this._dataObjects[row][1]; this._dataObjects[row][1] = !this._dataObjects[row][1]; //toggle container open value
this.rowCount = this._dataObjects.length; this.rowCount = this._dataObjects.length;
this._treebox.rowCountChanged(row, count); //tell treebox to repaint these this._treebox.rowCountChanged(row, count); //tell treebox to repaint these
@ -104,38 +105,24 @@ Scholar.TreeView.prototype.selectionChanged = function()
if(this.selection.count == 1 && !this.isContainer(this.selection.currentIndex)) if(this.selection.count == 1 && !this.isContainer(this.selection.currentIndex))
{ {
populateObjectPane(this._getObjectAtRow(this.selection.currentIndex)); populateObjectPane(this._getObjectAtRow(this.selection.currentIndex));
setObjectPaneVisibility(true); document.getElementById('scholar-sidebar-object-pane').hidden = false;
} }
else else
{ {
setObjectPaneVisibility(false); document.getElementById('scholar-sidebar-object-pane').hidden = true;
} }
} }
/*
Scholar.TreeView.prototype._insertRow = function(item, beforeRow)
{
return false;
}
Scholar.TreeView.prototype._deleteRow = function(row) Scholar.TreeView.prototype._insertItem = function(item, level, beforeRow) { this._dataObjects.splice(beforeRow, 0, [item, false, level]); }
{
return false; Scholar.TreeView.prototype._deleteItem = function(row) { this._dataObjects.splice(row,1);; }
}
*/
Scholar.TreeView.prototype._getObjectAtRow = function(row) { return this._dataObjects[row][0]; } Scholar.TreeView.prototype._getObjectAtRow = function(row) { return this._dataObjects[row][0]; }
/*
DRAG AND DROP (IMPLEMENT LATER)
Scholar.TreeView.prototype.canDrop = function(row, orient) { return !orient; }
Scholar.TreeView.prototype.drop = function(row, orient) { }
*/
Scholar.TreeView.prototype.isSorted = function() { return false; } Scholar.TreeView.prototype.isSorted = function() { return false; }
Scholar.TreeView.prototype.isSeparator = function(row) { return false; } Scholar.TreeView.prototype.isSeparator = function(row) { return false; }
Scholar.TreeView.prototype.isEditable = function(row, idx) { return false; } Scholar.TreeView.prototype.isEditable = function(row, idx) { return false; }
Scholar.TreeView.prototype.getRowProperties = function(row, prop) { } Scholar.TreeView.prototype.getRowProperties = function(row, prop) { }
Scholar.TreeView.prototype.getColumnProperties = function(col, prop) { } Scholar.TreeView.prototype.getColumnProperties = function(col, prop) { }
Scholar.TreeView.prototype.getCellProperties = function(row, col, prop) { } Scholar.TreeView.prototype.getCellProperties = function(row, col, prop) { }
@ -144,31 +131,27 @@ Scholar.TreeView.prototype.performAction = function(action) { }
Scholar.TreeView.prototype.performActionOnCell = function(action, row, col) { } Scholar.TreeView.prototype.performActionOnCell = function(action, row, col) { }
Scholar.TreeView.prototype.getProgressMode = function(row, col) { } Scholar.TreeView.prototype.getProgressMode = function(row, col) { }
function setObjectPaneVisibility(vis) /*
{ DRAG AND DROP (IMPLEMENT LATER)
document.getElementById('scholar-sidebar-object-pane').hidden = !vis; Scholar.TreeView.prototype.canDrop = function(row, orient) { return !orient; }
} Scholar.TreeView.prototype.drop = function(row, orient) { }
*/
function populateObjectPane(objectRow) function populateObjectPane(thisRow)
{ {
var dynamicBox = document.getElementById('scholar-sidebar-object-pane-dynamic-fields'); removeDynamicRows();
while(dynamicBox.hasChildNodes())
dynamicBox.removeChild(dynamicBox.firstChild);
var fields = Scholar.ObjectFields.getObjectTypeFields(objectRow.getField("objectTypeID")); var fieldNames = getFullFieldList(thisRow);
var fieldNames = new Array("title","dateAdded","dateModified","source","rights");
for(var i = 0; i<fields.length; i++)
fieldNames.push(Scholar.ObjectFields.getName(fields[i]));
for(var i = 0; i<fieldNames.length; i++) for(var i = 0; i<fieldNames.length; i++)
{ {
if(objectRow.getField(fieldNames[i]) != "") if(thisRow.getField(fieldNames[i]) != "")
{ {
var label = document.createElement("label"); var label = document.createElement("label");
label.setAttribute("value",ScholarLocalizedStrings.getString("objectFields."+fieldNames[i])+":"); label.setAttribute("value",ScholarLocalizedStrings.getString("objectFields."+fieldNames[i])+":");
var valueElement = document.createElement("description"); var valueElement = document.createElement("description");
valueElement.appendChild(document.createTextNode(objectRow.getField(fieldNames[i]))); valueElement.appendChild(document.createTextNode(thisRow.getField(fieldNames[i])));
var row = document.createElement("row"); var row = document.createElement("row");
row.appendChild(label); row.appendChild(label);
@ -179,12 +162,11 @@ function populateObjectPane(objectRow)
} }
} }
var beforeField = document.getElementById('dynamic-title'); var beforeField = dynamicBox.firstChild.nextSibling;
beforeField = beforeField.nextSibling;
for (var i=0,len=objectRow.numCreators(); i<len; i++) for (var i=0,len=thisRow.numCreators(); i<len; i++)
{ {
var creator = objectRow.getCreator(i); var creator = thisRow.getCreator(i);
var label = document.createElement("label"); var label = document.createElement("label");
label.setAttribute("value","Creator:"); label.setAttribute("value","Creator:");
@ -203,17 +185,89 @@ function populateObjectPane(objectRow)
function editSelectedRow() function editSelectedRow()
{ {
document.getElementById('view-pane').hidden = true;
document.getElementById('edit-button').hidden = true;
document.getElementById('edit-pane').hidden = false;
var thisRow = myTreeView._getObjectAtRow(myTreeView.selection.currentIndex); var thisRow = myTreeView._getObjectAtRow(myTreeView.selection.currentIndex);
window.openDialog('chrome://scholar/content/editDialog.xul','editDialog','modal,dialog,chrome',thisRow);
removeDynamicRows();
var fieldNames = getFullFieldList(thisRow);
for(var i = 0; i<fieldNames.length; i++)
{
var label = document.createElement("label");
label.setAttribute("value",ScholarLocalizedStrings.getString("objectFields."+fieldNames[i])+":");
label.setAttribute("control","dynamic-field-"+i);
var valueElement = document.createElement("textbox");
valueElement.setAttribute("value",thisRow.getField(fieldNames[i]));
valueElement.setAttribute("id","dynamic-field-"+i);
//valueElement.setAttribute("fieldName",fieldNames[i])
var row = document.createElement("row");
row.appendChild(label);
row.appendChild(valueElement);
dynamicBox.appendChild(row);
}
var beforeField = dynamicBox.firstChild;
beforeField = beforeField.nextSibling;
for (var i=0,len=thisRow.numCreators(); i<len; i++)
{
var creator = thisRow.getCreator(i);
var label = document.createElement("label");
label.setAttribute("value","Creator:");
label.setAttribute("control","dynamic-creator-"+i);
var valueElement = document.createElement("textbox");
valueElement.setAttribute("value",creator.lastName+", "+creator.firstName);
valueElement.setAttribute("id","dynamic-field-"+i);
var row = document.createElement("row");
row.appendChild(label);
row.appendChild(valueElement);
dynamicBox.insertBefore(row, beforeField);
}
} }
function removeDynamicRows()
{
while(dynamicBox.hasChildNodes())
dynamicBox.removeChild(dynamicBox.firstChild);
}
function getFullFieldList(item)
{
var fields = Scholar.ObjectFields.getObjectTypeFields(item.getField("objectTypeID"));
var fieldNames = new Array("title","dateAdded","dateModified","source","rights");
for(var i = 0; i<fields.length; i++)
fieldNames.push(Scholar.ObjectFields.getName(fields[i]));
return fieldNames;
}
function returnToTree()
{
document.getElementById('view-pane').hidden = false;
document.getElementById('edit-button').hidden = false;
document.getElementById('edit-pane').hidden = true;
populateObjectPane(myTreeView._getObjectAtRow(myTreeView.selection.currentIndex));
}
function setView() function setView()
{ {
myTreeView = new Scholar.TreeView(); myTreeView = new Scholar.TreeView();
ScholarLocalizedStrings = document.getElementById('scholar-strings'); ScholarLocalizedStrings = document.getElementById('scholar-strings');
dynamicBox = document.getElementById('dynamic-fields');
document.getElementById('scholar-sidebar-items').view=myTreeView; document.getElementById('scholar-sidebar-items').view=myTreeView;
} }

66
chrome/chromeFiles/content/scholar/sidebar.xul
View file

@ -12,49 +12,47 @@
<script src="sidebar.js"/> <script src="sidebar.js"/>
<stringbundle id="scholar-strings" src="chrome://scholar/locale/scholar.properties"/> <stringbundle id="scholar-strings" src="chrome://scholar/locale/scholar.properties"/>
<vbox id="view-pane" flex="1">
<tree <tree
id="scholar-sidebar-items" id="scholar-sidebar-items"
onselect="this.view.selectionChanged()" onselect="this.view.selectionChanged()"
enableColumnDrag="true" enableColumnDrag="true"
seltype="multiple" seltype="multiple" flex="1">
flex="1">
<treecols>
<treecols> <treecol
<treecol id="title_column"
id="title_column" label="&sidebar.items.title_column;"
label="&sidebar.items.title_column;" flex="2"
flex="2" primary="true"/>
primary="true"/> <splitter class="tree-splitter"/>
<splitter class="tree-splitter"/> <treecol
<treecol id="creator_column"
id="creator_column" label="&sidebar.items.creator_column;"
label="&sidebar.items.creator_column;" flex="1"/>
flex="1"/> </treecols>
</treecols> <treechildren/>
<treechildren/> </tree>
</tree> </vbox>
<vbox id="scholar-sidebar-object-pane" hidden="true"> <vbox id="scholar-sidebar-object-pane" hidden="true">
<sidebarheader> <sidebarheader id="edit-button">
<spacer flex="1" /> <spacer flex="1" />
<toolbarbutton label="Edit" oncommand="editSelectedRow();" /> <button id="tb-edit" label="Edit" oncommand="editSelectedRow();" />
</sidebarheader> </sidebarheader>
<grid> <grid>
<columns> <columns>
<column/> <column/>
<column flex="1"/> <column flex="1"/>
</columns> </columns>
<rows id="scholar-sidebar-object-pane-dynamic-fields"> <rows id="dynamic-fields">
</rows> </rows>
</grid> </grid>
</vbox> </vbox>
<!--
<textbox id="test1"/> <hbox id="edit-pane" hidden="true">
<label control="test2" value="Test2:"/> <button label="Cancel" oncommand="returnToTree()"/>
<textbox id="test2"/> <button label="Save" oncommand="returnToTree()"/>
<label control="test3" value="Test3:"/> </hbox>
<textbox id="test3"/>
-->
</page> </page>