Gitiles
Code Review Sign In
gerrit.named-data.net / ChronoShare / 46bd806d962e58c6a6cb162329ffcfb2fb5f4edf / . / gui / html / index.html
blob: 66f039f87004dc6aabc70d6c78ac8499c42a56c6 [file] [log] [blame]
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]1<!DOCTYPE html>
2<html>
3 <head>
4 <meta http-equiv="x-ua-compatible" content="ie=edge" />
5 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]7
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <title>ChronoShare</title>
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]10
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]11 <!-- Load styles -->
12 <link rel="stylesheet" href="style.css" type="text/css" />
13 <script type="text/javascript" src="jquery.min.js"></script>
14 <script type="text/javascript" src="jquery.class.min.js"></script>
15 <script type="text/javascript" src="ndn-js-uncomp.js"></script>
16 </head>
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]17
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]18 <body>
19 <header>
20 <h1>ChronoShare</h1>
21 <h2 id="folderName"></h2>
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]22
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]23 <nav>
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]24 <ul>
Alexander Afanasyev46bd8062013-02-27 23:59:15 -0800[diff] [blame^]25 <li><a href="#fileList">File list</a></li>
26 <li><a href="#fileHistory?x=1">History</a></li>
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]27 </ul>
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]28 </nav>
29 </header>
30
31 <article>
32 <!-- <img id="loader" src="load.gif" /> -->
33 <div id="content" class="hidden">
34
35 <table class="file-list">
36 <thead>
37 <tr>
38 <th class="filename border-left" scope="col">Filename</th>
39 <th class="version" scope="col">Version</th>
40 <th class="modified" scope="col">Modified</th>
41 <th class="modified-by border-right" scope="col">Modified By</th>
42 </tr>
43 </thead>
44
45 <tbody id="files">
46 </tbody>
47
48 <tfoot><tr><td colspan="4" class="border-right border-left"></td></tr></tfoot>
49 </table>
50
51 <div class="hidden" id="loader">
52 <img src="load.gif" />
53 </div>
54
55
56 <red class="hidden" id="error">
57 </red>
58
59 <pre class="hidden" id="json">
60 </pre>
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]61 </div>
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]62
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]63
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]64
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]65 <div id="no-support">
66 <!-- This block will be removed if jQuery has been loaded -->
67 <h1><green>Oops!</green></h1>
68 <h3><grey>It looks like you're using a browser that is <green>not supported</green>.</grey></h3>
69 </div>
70 </article>
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]71
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]72 <footer>
73 <grey>Powered by</grey><green> NDN.JS</green><grey>.<grey>
74 </footer>
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]75
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]76 <script src="detect.js"></script>
77 <script type="text/javascript" src="chronoshare.js"></script>
78 <script type="text/javascript">
79 $(window).ready (function () {
80 if (detect ()) {
81 $("#no-support").remove ();
82 $("#content").removeClass ("hidden");
Zhenkai Zhu5c2475b2013-02-26 22:57:31 -0800[diff] [blame]83
Alexander Afanasyevfd5e6272013-02-27 20:25:20 -0800[diff] [blame]84 folder=new ChronoShare ("/ndn/ucla.edu/alex/macbook", "testing7");
85 folder.run ();
86 }
87 });
88 </script>
89 </body>
Zhenkai Zhud9429222013-02-25 22:34:09 -0800[diff] [blame]90</html>