| Index: appengine_apps/chromium_status/templates/status_viewer.html
|
| diff --git a/appengine_apps/chromium_status/templates/status_viewer.html b/appengine_apps/chromium_status/templates/status_viewer.html
|
| deleted file mode 100644
|
| index b8f3f81b8c7ddb7ff2769640c93e3a36079e5852..0000000000000000000000000000000000000000
|
| --- a/appengine_apps/chromium_status/templates/status_viewer.html
|
| +++ /dev/null
|
| @@ -1,279 +0,0 @@
|
| -<html>
|
| - <head>
|
| - <script src="js/common/bind.js"></script>
|
| - <script src="js/common/date_util.js"></script>
|
| - <script src="js/common/debug.js"></script>
|
| - <script src="js/common/dom_util.js"></script>
|
| - <script src="js/common/dygraph-combined.js"></script>
|
| - <script src="js/status_viewer/data_fetcher.js"></script>
|
| - <script src="js/status_viewer/fragmentation_view.js"></script>
|
| - <script src="js/status_viewer/list_view.js"></script>
|
| - <script src="js/status_viewer/peak_hours_view.js"></script>
|
| - <script src="js/status_viewer/stats_view.js"></script>
|
| - <script src="js/status_viewer/tree_entry.js"></script>
|
| - <script src="js/status_viewer/viewer_app.js"></script>
|
| -
|
| - <script>
|
| - var gViewerApp = new TreeStatusViewerApp();
|
| - </script>
|
| -
|
| - <style>
|
| - .closed, .open, .maintenance, .unknown {
|
| - border-right: 1px solid white;
|
| - }
|
| - .closed {
|
| - background: #e98080;
|
| - }
|
| - .throttled {
|
| - background: #fffc6c;
|
| - }
|
| - .open {
|
| - background: #8fdf5f;
|
| - }
|
| - .unknown {
|
| - background: gray;
|
| - }
|
| - .maintenance {
|
| - background: #e0b0ff;
|
| - }
|
| -
|
| - .viewBadge, .viewBadge_selected {
|
| - font-size: 130%;
|
| - background: gray;
|
| - padding: 10px;
|
| - }
|
| -
|
| - .viewBadge_selected {
|
| - background: yellow;
|
| - }
|
| -
|
| - .sundayName {
|
| - border: 1px solid blue;
|
| - }
|
| -
|
| - .saturdayName {
|
| - border: 1px solid black;
|
| - }
|
| -
|
| - .open_badness0 {
|
| - color: red;
|
| - }
|
| -
|
| - .open_badness1 {
|
| - color: orange;
|
| - }
|
| -
|
| - .open_badness2 {
|
| - color: green;
|
| - }
|
| - .dygraph {
|
| - font-family: sans-serif;
|
| - margin-bottom: 22px;
|
| - padding-bottom: 12px;
|
| - background: -webkit-gradient(linear,
|
| - left top,
|
| - left bottom,
|
| - from(#fff),
|
| - to(#eee));
|
| - border-radius: 10px;
|
| - }
|
| - </style>
|
| - <title>{{ title }}</title>
|
| - </head>
|
| -
|
| - <body onload="gViewerApp.OnPageLoaded()">
|
| - <h1>{{ title }}</h1>
|
| -
|
| -<div style="border: 1px solid black">
|
| -
|
| -<table width=100%>
|
| -<tr>
|
| -<td>
|
| -
|
| -<form action="" method=GET>
|
| -<input type=hidden value="fragmentation" name=curView id=curView />
|
| -<table>
|
| -<tr>
|
| -<th align=right>Start date:</th>
|
| -<td><input type=text width=10 value="TODAY" id=startTime name=startTime /></td>
|
| -<td><i>Formatted as "YYYY/MM/DD".</i></td>
|
| -</tr>
|
| -<tr>
|
| -<th align=right>Number of days:</th>
|
| -<td><input type=text width=10 value=20 id=numDays name=numDays /></td>
|
| -<td> </td>
|
| -</tr>
|
| -</table>
|
| -
|
| -<input type=submit value="Apply Time Range" style="padding: 10px;"/>
|
| -</form>
|
| -
|
| -</td>
|
| -<td align=right>
|
| -<div>
|
| -<span id=fragmentation_badge class="viewBadge"><a href="javascript:void(0)" onclick="gViewerApp.SwitchToView('fragmentation')">Fragmentation view</a></span>
|
| -<span id=peak_badge class="viewBadge"><a href="javascript:void(0)" onclick="gViewerApp.SwitchToView('peak')">Peak hours view</a></span>
|
| -<span id=stats_badge class="viewBadge"><a href="javascript:void(0)" onclick="gViewerApp.SwitchToView('stats')">Stats view</a></span>
|
| -<span id=list_badge class="viewBadge"><a href="javascript:void(0)" onclick="gViewerApp.SwitchToView('list')">List view</a></span>
|
| -</div>
|
| -</td>
|
| -</tr>
|
| -
|
| -</table>
|
| -
|
| -
|
| -</div>
|
| -
|
| -<!-- ============================================================ -->
|
| -<!-- UI widget to show when stuff is being loaded -->
|
| -<!-- ============================================================ -->
|
| -<div id=loading style="font-size: 200%; color: blue; padding: 10px; display:none;">Loading...</div>
|
| -
|
| -
|
| -<!-- ============================================================ -->
|
| -<!-- Spacer between time range controls and view panel -->
|
| -<!-- ============================================================ -->
|
| -<div style="margin: 3px;"> </div>
|
| -
|
| -
|
| -<!-- ============================================================ -->
|
| -<!-- Fragmentation view content area -->
|
| -<!-- ============================================================ -->
|
| - <div id=fragmentation_container style="display:none">
|
| - <div id=status></div>
|
| -
|
| - <table>
|
| - <tr>
|
| -
|
| - <td>
|
| - <div style="border: 1px solid black">
|
| -
|
| - <table border=0>
|
| - <tr>
|
| - <td>
|
| - <div style="margin-bottom: 5px;">
|
| - <span class=open> </span> = Tree was open
|
| - </div>
|
| - <div style="margin-bottom: 5px;">
|
| - <span class=closed> </span> = Tree was closed
|
| - </div>
|
| - <div style="margin-bottom: 5px;">
|
| - <span class=throttled> </span> = Tree was throttled
|
| - </div>
|
| - <div style="margin-bottom: 5px;">
|
| - <span class=maintenance> </span> = Tree was closed (maintenance)
|
| - </div>
|
| - <div style="margin-bottom: 5px;">
|
| - <span class=unknown> </span> = Dunno
|
| - </div>
|
| - </td>
|
| - </tr>
|
| - </table>
|
| -
|
| - </div>
|
| - </td>
|
| -
|
| - <td style="padding-left: 15px;">
|
| - Click on the boxes below to see the particular status entry.
|
| - </td>
|
| -
|
| - </tr>
|
| - </table>
|
| -
|
| - <table width=100% border=0>
|
| - <thead>
|
| - <tr>
|
| - <td> </td>
|
| - <td width="100%">
|
| -
|
| -
|
| - <table width="100%" border=0>
|
| - <tr>
|
| - <td width="12.25%" align=left>23:59</td>
|
| - <td width="25%" align=center>18:00</td>
|
| - <td width="25%" align=center>12:00</td>
|
| - <td width="25%" align=center>06:00</td>
|
| - <td width="12.25%" align=right>00:00</td>
|
| - </tr>
|
| - </table>
|
| - </td>
|
| - </tr>
|
| - </thead>
|
| - <tbody id=tbody></tbody>
|
| - </table>
|
| - </div>
|
| -
|
| -
|
| -
|
| -
|
| -<!-- ============================================================ -->
|
| -<!-- Stats view content area -->
|
| -<!-- ============================================================ -->
|
| -<div id=stats_container style="display:none">
|
| -<h3>Total times</h3>
|
| -<div id=timeClosed></div>
|
| -<h3>Top authors</h3>
|
| -<div id=topAuthors></div>
|
| -<h3>Top message words</h3>
|
| -<div id=topWords></div>
|
| -</div>
|
| -
|
| -<!-- ============================================================ -->
|
| -<!-- List view content area -->
|
| -<!-- ============================================================ -->
|
| -<div id=list_container style="display:none">
|
| -<table border=1>
|
| -<thead>
|
| -<tr>
|
| -<th>Date</th>
|
| -<th>Author</th>
|
| -<th>Message</th>
|
| -<th>Type</th>
|
| -</tr>
|
| -</thead>
|
| -<tbody id=list_tbody></tbody>
|
| -</table>
|
| -</div>
|
| -
|
| -<!-- ============================================================ -->
|
| -<!-- Peak hours view content area -->
|
| -<!-- ============================================================ -->
|
| -<div id=peak_container style="display:none">
|
| - <table class=dygraph width=100%>
|
| - <tr>
|
| - <td width=820px>
|
| - <div id=peak_dygraph style="width:800px;height:320px;"></div>
|
| - <span style="font-size:0.6em;position:relative;top:5px;left:55px;">
|
| - Use the box in the left corner to change the rolling average period.
|
| - Default: 7 days.
|
| - </span>
|
| - </td>
|
| - <td>
|
| - <div id=peak_dygraph_legend></div>
|
| - </td>
|
| - </tr>
|
| - </table>
|
| - <table width=100% border=0>
|
| - <thead>
|
| - <tr>
|
| - <td> </td>
|
| - <td width="100%">
|
| - <table width="100%" border=0>
|
| - <tr>
|
| - <td width="25%" align=center>Time open in MTV 9-5</td>
|
| - <td width="25%" align=center>Time open in NYC 9-5</td>
|
| - <td width="25%" align=center>Time open in Denmark 9-5</td>
|
| - <td width="25%" align=center>Time open in Tokyo 9-5</td>
|
| - </tr>
|
| - </table>
|
| - </td>
|
| - </tr>
|
| - </thead>
|
| - <tbody id=peak_tbody></tbody>
|
| - </table>
|
| -</div>
|
| -
|
| -
|
| - <pre id=log></pre>
|
| - </body>
|
| -</html>
|
|
|