Editing metadata works.

The metadata and notes panes are aligned along the right side of view.
The CSS and XUL for view.xul are now better structured.
This commit is contained in:
David Norton 2006-05-31 21:06:16 +00:00
parent 22cd938ecc
commit 7f1d3edf69
5 changed files with 26 additions and 32 deletions

View file

@ -194,4 +194,4 @@ MetadataPane = new function()
}
}
window.addEventListener("load", function(e) { MetadataPane.init(e); }, false);
document.addEventListener("load", function(e) { MetadataPane.init(e); }, false);

View file

@ -5,7 +5,7 @@
<script src="metadataPane.js"/>
<vbox id="metadata-pane">
<vbox id="metadata">
<grid>
<columns>
<column/>

View file

@ -5,6 +5,7 @@ function init()
thisItem = Scholar.Items.get(getArgument("id"));
document.getElementById('view').setAttribute('src','http://www.google.com/search?q='+encodeURIComponent('"'+thisItem.getField("title")+'"')+'&btnI');
MetadataPane.viewItem(thisItem);
}
function toggle(id)

View file

@ -6,6 +6,7 @@
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script src="view.js"/>
<script src="include.js"/>
<?xul-overlay href="metadataPane.xul" ?>
<toolbar id="view-toolbar">
<toolbarbutton class="toggler" id="tb-view" label="View" checked="true" oncommand="toggle('view')"/>
@ -14,21 +15,11 @@
</toolbar>
<stack flex="1">
<browser id="view" flex="1"/>
<vbox>
<stack id="metadata">
<vbox id="metadata-pane">
<textbox value="Title"/>
<textbox value="Rights"/>
<textbox value="Etc."/>
<textbox value="Etc."/>
<textbox value="Etc."/>
</vbox>
</stack>
<stack id="notes">
<vbox id="notes-pane">
<textbox value="Notes.... lorem ispum delorum..." multiline="true" flex="1"/>
</vbox>
</stack>
<vbox align="end">
<vbox id="metadata" class="floater"/>
<vbox id="notes" class="floater">
<textbox value="Notes.... lorem ispum delorum..." multiline="true" flex="1"/>
</vbox>
</vbox>
</stack>
</page>

View file

@ -1,6 +1,6 @@
#view-toolbar
{
background: #f5f5f5;
}
#view-toolbar .toggler
@ -13,27 +13,29 @@
width: 400px;
}
#metadata-pane
.floater
{
position: relative;
margin-top: 10px;
left: 10px;
width: 400px;
height: 100px;
overflow: auto;
margin-right: 30px;
padding: 5px;
font-size: 11px;
font-size: 12px;
background: #f5f5f5;
width: 400px;
}
#notes-pane
#metadata
{
}
#notes
{
position: relative;
margin-top: 10px;
left: 10px;
width: 400px;
height: 100px;
padding: 5px;
font-size: 11px;
background: #f5f5f5;
}
#metadata toolbar
{
border-bottom: none;
}