| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta http-equiv="x-ua-compatible" content="ie=edge" /> |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> |
| |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| <title>ChronoShare</title> |
| |
| <!-- Load styles --> |
| <link rel="stylesheet" href="style.css" type="text/css" /> |
| <script type="text/javascript" src="jquery.min.js"></script> |
| <script type="text/javascript" src="jquery.class.min.js"></script> |
| <script type="text/javascript" src="ndn-js-uncomp.js"></script> |
| </head> |
| |
| <body> |
| <header> |
| <h1>ChronoShare</h1> |
| <h2 id="folderName"></h2> |
| |
| <nav> |
| <ul> |
| <li><a href="#files">File list</a></li> |
| <li><a href="#history">History</a></li> |
| </ul> |
| </nav> |
| </header> |
| |
| <article> |
| <!-- <img id="loader" src="load.gif" /> --> |
| <div id="content" class="hidden"> |
| |
| <table class="file-list"> |
| <thead> |
| <tr> |
| <th class="filename border-left" scope="col">Filename</th> |
| <th class="version" scope="col">Version</th> |
| <th class="modified" scope="col">Modified</th> |
| <th class="modified-by border-right" scope="col">Modified By</th> |
| </tr> |
| </thead> |
| |
| <tbody id="files"> |
| </tbody> |
| |
| <tfoot><tr><td colspan="4" class="border-right border-left"></td></tr></tfoot> |
| </table> |
| |
| <div class="hidden" id="loader"> |
| <img src="load.gif" /> |
| </div> |
| |
| |
| <red class="hidden" id="error"> |
| </red> |
| |
| <pre class="hidden" id="json"> |
| </pre> |
| </div> |
| |
| |
| |
| <div id="no-support"> |
| <!-- This block will be removed if jQuery has been loaded --> |
| <h1><green>Oops!</green></h1> |
| <h3><grey>It looks like you're using a browser that is <green>not supported</green>.</grey></h3> |
| </div> |
| </article> |
| |
| <footer> |
| <grey>Powered by</grey><green> NDN.JS</green><grey>.<grey> |
| </footer> |
| |
| <script src="detect.js"></script> |
| <script type="text/javascript" src="chronoshare.js"></script> |
| <script type="text/javascript"> |
| $(window).ready (function () { |
| if (detect ()) { |
| $("#no-support").remove (); |
| $("#content").removeClass ("hidden"); |
| |
| folder=new ChronoShare ("/ndn/ucla.edu/alex/macbook", "testing7"); |
| folder.run (); |
| } |
| }); |
| </script> |
| </body> |
| </html> |