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> |