Another iteration. Add everything to a box.

git-svn-id: svn://10.0.0.236/trunk@31443 18797224-902f-48f8-a5cc-f745e15eee43
This commit is contained in:
slamm%netscape.com
1999-05-13 20:33:40 +00:00
parent b72bbde6e5
commit 03d464ef4f
3 changed files with 103 additions and 58 deletions

View File

@@ -1,25 +1,55 @@
iframe {
width: 100%;
height: 100;
border: 0px;
height: 100;
border: 0px;
}
box.maintitle {
background-color: #505888;
box.sidebartitle {
background-color: #505888;
padding-left : 2px;
padding-right : 2px;
padding-top : 3px;
padding-bottom: 3px;
border: 0px;
margin: 0px;
font: 10pt sans-serif;
}
box {
display:block;
background-color: #006870;
border: 0px;
width: 200px;
font: 10pt sans-serif;
min-height: 20px;
box.panelbar {
background-color: #006870;
padding-left : 2px;
padding-right : 2px;
padding-top : 3px;
padding-bottom: 3px;
border: 0px;
margin: 0px;
font: 10pt sans-serif;
}
box#sidebox {
width: 100%;
//height: 100%;
display:block;
}
titledbutton.sidebartitle[pseudoclass~="hover"] {
border: 0px;
margin: 1px;
}
titledbutton.paneltitle {
horizontal-align: left;
}
titledbutton {
color: white;
color: white;
margin: 1px;
padding-left : 2px;
padding-right : 2px;
padding-top : 1px;
padding-bottom: 1px;
}
titledbutton[pseudoclass~="hover"] {
border: 1px outset white;
margin: 0px;
}

View File

@@ -9,4 +9,7 @@
<html:script src="sidebar.js" />
<box id="sidebox" align="vertical">
</box>
</window>

View File

@@ -36,9 +36,12 @@ function Init(sidebardb, sidebar_resource)
sb_datasource.Init(registry, RDF.GetResource(sidebar_resource));
//var sidebar_container = document.documentElement;
var sidebox = document.getElementById('sidebox');
var sidebar_title = createSidebarTitle('Sidebar');
if (sidebar_title) {
document.documentElement.appendChild(sidebar_title);
sidebox.appendChild(sidebar_title);
}
// Now enumerate all of the flash datasources.
@@ -50,64 +53,73 @@ function Init(sidebardb, sidebar_resource)
var new_panel = createPanel(registry, service);
if (new_panel) {
document.documentElement.appendChild(new_panel);
sidebox.appendChild(new_panel);
}
}
}
function createSidebarTitle(title) {
var div = document.createElement('html:div');
var titleB = document.createElement('titledbutton');
var reloadB = document.createElement('titledbutton');
var box = document.createElement('box');
var titleB = document.createElement('titledbutton');
var reloadB = document.createElement('titledbutton');
var customizeB = document.createElement('titledbutton');
var spring = document.createElement('spring');
var toolbar = document.createElement('box');
toolbar.setAttribute('class', 'maintitle');
titleB.setAttribute('value', title);
reloadB.setAttribute('value', 'Reload');
reloadB.setAttribute('onclick', 'window.location.reload()');
customizeB.setAttribute('value', 'Customize');
//customizeB.setAttribute('onclick', '');
spring.setAttribute('flex', '100%');
var spring = document.createElement('spring');
box.setAttribute ('class', 'sidebartitle');
titleB.setAttribute ('value', title);
reloadB.setAttribute ('value', 'Reload');
reloadB.setAttribute ('onclick', 'window.location.reload()');
customizeB.setAttribute ('value', 'Customize');
titleB.setAttribute ('class', 'sidebartitle');
spring.setAttribute ('flex', '100%');
toolbar.appendChild(titleB);
toolbar.appendChild(spring);
toolbar.appendChild(reloadB);
toolbar.appendChild(customizeB);
div.appendChild(toolbar);
return div;
box.appendChild(titleB);
box.appendChild(spring);
box.appendChild(reloadB);
box.appendChild(customizeB);
return box;
}
function createPanel(registry, service) {
var panel_title = getAttr(registry, service, 'title');
var panel_content = getAttr(registry, service, 'content');
var panel_title = getAttr(registry, service, 'title');
var panel_customize = getAttr(registry, service, 'customize');
var panel_content = getAttr(registry, service, 'content');
dump('Adding...' + panel_title + '\n');
var div = document.createElement('box');
var title = document.createElement('titledbutton');
var customize = document.createElement('titledbutton');
var spring = document.createElement('spring');
var toolbar = document.createElement('box');
var iframe = document.createElement('html:iframe');
var newline = document.createElement('html:br');
var box = document.createElement('box');
var panelbar = createPanelTitle(panel_title, panel_customize);
var iframe = document.createElement('html:iframe');
div.setAttribute('align', 'vertical');
//title.setAttribute('style', 'width=100%; color=red');
title.setAttribute('value', panel_title);
customize.setAttribute('value', 'Customize');
//customize.setAttribute('onclick', '');
spring.setAttribute('flex', '100%');
box.setAttribute('align', 'vertical');
iframe.setAttribute('src', panel_content);
toolbar.appendChild(title);
toolbar.appendChild(spring);
toolbar.appendChild(customize);
div.appendChild(toolbar);
div.appendChild(iframe);
div.appendChild(newline);
return div;
box.appendChild(panelbar);
box.appendChild(iframe);
return box;
}
function createPanelTitle(titletext,customize)
{
var panelbar = document.createElement('box');
//var titletext = document.createTextNode(titletext);
var title = document.createElement('titledbutton');
var customize = document.createElement('titledbutton');
var spring = document.createElement('spring');
title.setAttribute('value', titletext);
title.setAttribute('class', 'paneltitle');
spring.setAttribute('flex', '100%');
customize.setAttribute('value', 'Customize');
customize.setAttribute('onclick', 'window.open("http://");');
panelbar.setAttribute('class', 'panelbar');
panelbar.appendChild(title);
panelbar.appendChild(spring);
panelbar.appendChild(customize);
return panelbar;
}
function getAttr(registry,service,attr_name) {