diff options
author | Christopher Lenz <cmlenz@apache.org> | 2009-01-08 10:19:20 +0000 |
---|---|---|
committer | Christopher Lenz <cmlenz@apache.org> | 2009-01-08 10:19:20 +0000 |
commit | 539a418b1d7bfbffdcb377a7a9a43fd1a3753b6a (patch) | |
tree | 61e3563b03327c5157bf0b502a92cb96d992ad33 /share/www/document.html | |
parent | 2408beee6fbef4acbae40e7fa6de98a0c35a53ed (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.html | 118 |
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> |