From 03d464ef4ff15bb6bdf65b0a262702c08169000c Mon Sep 17 00:00:00 2001 From: "slamm%netscape.com" Date: Thu, 13 May 1999 20:33:40 +0000 Subject: [PATCH] Another iteration. Add everything to a box. git-svn-id: svn://10.0.0.236/trunk@31443 18797224-902f-48f8-a5cc-f745e15eee43 --- mozilla/rdf/resources/sidebar-browser.css | 60 ++++++++++---- mozilla/rdf/resources/sidebar-browser.xul | 3 + mozilla/rdf/resources/sidebar.js | 98 +++++++++++++---------- 3 files changed, 103 insertions(+), 58 deletions(-) diff --git a/mozilla/rdf/resources/sidebar-browser.css b/mozilla/rdf/resources/sidebar-browser.css index cb6fda60669..f132ad95135 100644 --- a/mozilla/rdf/resources/sidebar-browser.css +++ b/mozilla/rdf/resources/sidebar-browser.css @@ -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; } diff --git a/mozilla/rdf/resources/sidebar-browser.xul b/mozilla/rdf/resources/sidebar-browser.xul index d10b2f6c674..5222bfde18b 100644 --- a/mozilla/rdf/resources/sidebar-browser.xul +++ b/mozilla/rdf/resources/sidebar-browser.xul @@ -9,4 +9,7 @@ + + + diff --git a/mozilla/rdf/resources/sidebar.js b/mozilla/rdf/resources/sidebar.js index 9c41439c27a..d8402b87d87 100644 --- a/mozilla/rdf/resources/sidebar.js +++ b/mozilla/rdf/resources/sidebar.js @@ -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) {