summaryrefslogtreecommitdiff
path: root/share/www/document.html
diff options
context:
space:
mode:
authorChristopher Lenz <cmlenz@apache.org>2009-01-08 10:19:20 +0000
committerChristopher Lenz <cmlenz@apache.org>2009-01-08 10:19:20 +0000
commit539a418b1d7bfbffdcb377a7a9a43fd1a3753b6a (patch)
tree61e3563b03327c5157bf0b502a92cb96d992ad33 /share/www/document.html
parent2408beee6fbef4acbae40e7fa6de98a0c35a53ed (diff)
Get rid of the iframe structure in Futon to allow easy bookmarking, reloading and back/forward button support across all browsers. Resolves COUCHDB-186 and COUCHDB-56.
git-svn-id: https://svn.apache.org/repos/asf/couchdb/trunk@732675 13f79535-47bb-0310-9956-ffa450edef68
Diffstat (limited to 'share/www/document.html')
-rw-r--r--share/www/document.html118
1 files changed, 118 insertions, 0 deletions
diff --git a/share/www/document.html b/share/www/document.html
new file mode 100644
index 00000000..3f39cb75
--- /dev/null
+++ b/share/www/document.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<!--
+
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed
+under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+CONDITIONS OF ANY KIND, either express or implied. See the License for the
+specific language governing permissions and limitations under the License.
+
+-->
+<html lang="en">
+ <head>
+ <title>View Document</title>
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+ <link rel="stylesheet" href="style/layout.css?0.9.0" type="text/css">
+ <script src="script/json2.js"></script>
+ <script src="script/jquery.js?1.2.6"></script>
+ <script src="script/jquery.cookies.js?0.9.0"></script>
+ <script src="script/jquery.couch.js?0.9.0"></script>
+ <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/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);
+ });
+
+ $("h1 a.dbname").text(page.dbName)
+ .attr("href", "database.html?" + encodeURIComponent(page.db.name));
+ $("h1 strong").text(page.docId);
+ page.updateFieldListing();
+
+ $("#tabs li.tabular a").click(function() {
+ $("#tabs li").removeClass("active");
+ $(this).parent().addClass("active");
+ $("#fields thead th:first").text("Field").attr("colspan", 1).next().show();
+ $("#fields tbody.content").show();
+ $("#fields tbody.source").hide();
+ });
+ $("#tabs li.source a").click(function() {
+ $("#tabs li").removeClass("active");
+ $(this).parent().addClass("active");
+ $("#fields thead th:first").text("Source").attr("colspan", 2).next().hide();
+ $("#fields tbody.content").hide();
+ $("#fields tbody.source").find("td").each(function() {
+ $(this).html($("<code></code>").text(prettyPrintJSON(page.doc)));
+ }).end().show();
+ });
+
+ $("#toolbar button.save").click(page.saveDocument);
+ $("#toolbar button.add").click(page.addField);
+ $("#toolbar button.load").click(page.uploadAttachment);
+ $("#toolbar button.delete").click(page.deleteDocument);
+ });
+ </script>
+ </head>
+
+ <body><div id="wrap">
+ <h1>
+ <a href="index.html">Overview</a>
+ <a class="dbname" href="#">?</a>
+ <strong>?</strong>
+ </h1>
+ <div id="content">
+ <ul id="toolbar">
+ <li><button class="save">Save Document</button></li>
+ <li><button class="add">Add Field</button></li>
+ <li><button class="load">Upload Attachment</button></li>
+ <li><button class="delete">Delete Document</button></li>
+ </ul>
+
+ <ul id="tabs">
+ <li class="active tabular"><a href="#tabular">Fields</a></li>
+ <li class="source"><a href="#source">Source</a></li>
+ </ul>
+ <table id="fields" class="listing" cellspacing="0">
+ <col class="field"><col class="value">
+ <caption>Fields</caption>
+ <thead>
+ <tr>
+ <th>Field</th>
+ <th>Value</th>
+ </tr>
+ </thead>
+ <tbody class="content">
+ </tbody>
+ <tbody class="source" style="display: none">
+ <tr><td colspan="2"></td></tr>
+ </tbody>
+ <tbody class="footer">
+ <tr>
+ <td colspan="2">
+ <div id="paging">
+ <a class="prev">← Previous Version</a> | <a class="next">Next Version →</a>
+ </div>
+ <span></span>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+ </div>
+ </div></body>
+</html>