Refactoring in Futon to clean up interactions between specific pages and the navigation. Also, switched some graphics over to PNGs with alpha-transparency (screw you IE6), and added a button for removing databases from the recent databases list.

git-svn-id: https://svn.apache.org/repos/asf/couchdb/trunk@733104 13f79535-47bb-0310-9956-ffa450edef68

1 files changed, 9 insertions, 8 deletions

diff --git a/share/www/document.html b/share/www/document.html
index 3f39cb75..f12adf68 100644
--- a/share/www/document.html
+++ b/share/www/document.html
@@ -25,20 +25,21 @@ specific language governing permissions and limitations under the License.
     <script src="script/jquery.dialog.js?0.9.0"></script>
     <script src="script/jquery.form.js?0.9.0"></script>
     <script src="script/jquery.resizer.js?0.9.0"></script>
+    <script src="script/futon.js?0.9.0"></script>
     <script src="script/browse.js?0.9.0"></script>
     <script src="script/pprint.js?0.9.0"></script>
     <script>
       var page = new CouchDocumentPage();
 
-      $(function() {
-        $.get("_sidebar.html", function(resp) {
-          $(resp).insertAfter("#wrap");
-
-          updateNavigation(
-            location.pathname.replace(/document\.html/, "database.html"),
-            "?" + page.db.name);
-        });
+      $.futon.navigation.ready(function() {
+        this.addDatabase(page.db.name);
+        this.updateSelection(
+          location.pathname.replace(/document\.html/, "database.html"),
+          "?" + page.db.name
+        );
+      });
 
+      $(function() {
         $("h1 a.dbname").text(page.dbName)
           .attr("href", "database.html?" + encodeURIComponent(page.db.name));
         $("h1 strong").text(page.docId);