appengine_apps/chromium_status/templates/status_viewer.html - Issue 778533003: Moved chromium_status to appengine/

Side by Side Diff: appengine_apps/chromium_status/templates/status_viewer.html

Issue 778533003: Moved chromium_status to appengine/ (Closed) Base URL: https://chromium.googlesource.com/infra/infra.git@master

Patch Set: Created 6 years ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
	(Empty)
1 <html>

2 <head>

3 <script src="js/common/bind.js"></script>

4 <script src="js/common/date_util.js"></script>

5 <script src="js/common/debug.js"></script>

6 <script src="js/common/dom_util.js"></script>

7 <script src="js/common/dygraph-combined.js"></script>

8 <script src="js/status_viewer/data_fetcher.js"></script>

9 <script src="js/status_viewer/fragmentation_view.js"></script>

10 <script src="js/status_viewer/list_view.js"></script>

11 <script src="js/status_viewer/peak_hours_view.js"></script>

12 <script src="js/status_viewer/stats_view.js"></script>

13 <script src="js/status_viewer/tree_entry.js"></script>

14 <script src="js/status_viewer/viewer_app.js"></script>

15

16 <script>

17 var gViewerApp = new TreeStatusViewerApp();

18 </script>

19

20 <style>

21 .closed, .open, .maintenance, .unknown {

22 border-right: 1px solid white;

23 }

24 .closed {

25 background: #e98080;

26 }

27 .throttled {

28 background: #fffc6c;

29 }

30 .open {

31 background: #8fdf5f;

32 }

33 .unknown {

34 background: gray;

35 }

36 .maintenance {

37 background: #e0b0ff;

38 }

39

40 .viewBadge, .viewBadge_selected {

41 font-size: 130%;

42 background: gray;

43 padding: 10px;

44 }

45

46 .viewBadge_selected {

47 background: yellow;

48 }

49

50 .sundayName {

51 border: 1px solid blue;

52 }

53

54 .saturdayName {

55 border: 1px solid black;

56 }

57

58 .open_badness0 {

59 color: red;

60 }

61

62 .open_badness1 {

63 color: orange;

64 }

65

66 .open_badness2 {

67 color: green;

68 }

69 .dygraph {

70 font-family: sans-serif;

71 margin-bottom: 22px;

72 padding-bottom: 12px;

73 background: -webkit-gradient(linear,

74 left top,

75 left bottom,

76 from(#fff),

77 to(#eee));

78 border-radius: 10px;

79 }

80 </style>

81 <title>{{ title }}</title>

82 </head>

83

84 <body onload="gViewerApp.OnPageLoaded()">

85 <h1>{{ title }}</h1>

86

87 <div style="border: 1px solid black">

88

89 <table width=100%>

90 <tr>

91 <td>

92

93 <form action="" method=GET>

94 <input type=hidden value="fragmentation" name=curView id=curView />

95 <table>

96 <tr>

97 <th align=right>Start date:</th>

98 <td><input type=text width=10 value="TODAY" id=startTime name=startTime /></td>

99 <td><i>Formatted as "YYYY/MM/DD".</i></td>

100 </tr>

101 <tr>

102 <th align=right>Number of days:</th>

103 <td><input type=text width=10 value=20 id=numDays name=numDays /></td>

104 <td> </td>

105 </tr>

106 </table>

107

108 <input type=submit value="Apply Time Range" style="padding: 10px;"/>

109 </form>

110

111 </td>

112 <td align=right>

113 <div>

114 <span id=fragmentation_badge class="viewBadge"><a href="javascript:void(0)" oncl ick="gViewerApp.SwitchToView('fragmentation')">Fragmentation view</a></span>

115 <span id=peak_badge class="viewBadge"><a href="javascript:void(0)" onclick="gVie werApp.SwitchToView('peak')">Peak hours view</a></span>

116 <span id=stats_badge class="viewBadge"><a href="javascript:void(0)" onclick="gVi ewerApp.SwitchToView('stats')">Stats view</a></span>

117 <span id=list_badge class="viewBadge"><a href="javascript:void(0)" onclick="gVie werApp.SwitchToView('list')">List view</a></span>

118 </div>

119 </td>

120 </tr>

121

122 </table>

123

124

125 </div>

126

127 <!-- ============================================================ -->

128 <!-- UI widget to show when stuff is being loaded -->

129 <!-- ============================================================ -->

130 <div id=loading style="font-size: 200%; color: blue; padding: 10px; display:none ;">Loading...</div>

131

132

133 <!-- ============================================================ -->

134 <!-- Spacer between time range controls and view panel -->

135 <!-- ============================================================ -->

136 <div style="margin: 3px;"> </div>

137

138

139 <!-- ============================================================ -->

140 <!-- Fragmentation view content area -->

141 <!-- ============================================================ -->

142 <div id=fragmentation_container style="display:none">

143 <div id=status></div>

144

145 <table>

146 <tr>

147

148 <td>

149 <div style="border: 1px solid black">

150

151 <table border=0>

152 <tr>

153 <td>

154 <div style="margin-bottom: 5px;">

155 <span class=open>    </span> = Tree was open

156 </div>

157 <div style="margin-bottom: 5px;">

158 <span class=closed>    </span> = Tree was clos ed

159 </div>

160 <div style="margin-bottom: 5px;">

161 <span class=throttled>    </span> = Tree was t hrottled

162 </div>

163 <div style="margin-bottom: 5px;">

164 <span class=maintenance>    </span> = Tree was closed (maintenance)

165 </div>

166 <div style="margin-bottom: 5px;">

167 <span class=unknown>    </span> = Dunno

168 </div>

169 </td>

170 </tr>

171 </table>

172

173 </div>

174 </td>

175

176 <td style="padding-left: 15px;">

177 Click on the boxes below to see the particular status entry.

178 </td>

179

180 </tr>

181 </table>

182

183 <table width=100% border=0>

184 <thead>

185 <tr>

186 <td> </td>

187 <td width="100%">

188

189

190 <table width="100%" border=0>

191 <tr>

192 <td width="12.25%" align=left>23:59</td>

193 <td width="25%" align=center>18:00</td>

194 <td width="25%" align=center>12:00</td>

195 <td width="25%" align=center>06:00</td>

196 <td width="12.25%" align=right>00:00</td>

197 </tr>

198 </table>

199 </td>

200 </tr>

201 </thead>

202 <tbody id=tbody></tbody>

203 </table>

204 </div>

205

206

207

208

209 <!-- ============================================================ -->

210 <!-- Stats view content area -->

211 <!-- ============================================================ -->

212 <div id=stats_container style="display:none">

213 <h3>Total times</h3>

214 <div id=timeClosed></div>

215 <h3>Top authors</h3>

216 <div id=topAuthors></div>

217 <h3>Top message words</h3>

218 <div id=topWords></div>

219 </div>

220

221 <!-- ============================================================ -->

222 <!-- List view content area -->

223 <!-- ============================================================ -->

224 <div id=list_container style="display:none">

225 <table border=1>

226 <thead>

227 <tr>

228 <th>Date</th>

229 <th>Author</th>

230 <th>Message</th>

231 <th>Type</th>

232 </tr>

233 </thead>

234 <tbody id=list_tbody></tbody>

235 </table>

236 </div>

237

238 <!-- ============================================================ -->

239 <!-- Peak hours view content area -->

240 <!-- ============================================================ -->

241 <div id=peak_container style="display:none">

242 <table class=dygraph width=100%>

243 <tr>

244 <td width=820px>

245 <div id=peak_dygraph style="width:800px;height:320px;"></div>

246 <span style="font-size:0.6em;position:relative;top:5px;left:55px;">

247 Use the box in the left corner to change the rolling average period.

248 Default: 7 days.

249 </span>

250 </td>

251 <td>

252 <div id=peak_dygraph_legend></div>

253 </td>

254 </tr>

255 </table>

256 <table width=100% border=0>

257 <thead>

258 <tr>

259 <td> </td>

260 <td width="100%">

261 <table width="100%" border=0>

262 <tr>

263 <td width="25%" align=center>Time open in MTV 9-5</td>

264 <td width="25%" align=center>Time open in NYC 9-5</td>

265 <td width="25%" align=center>Time open in Denmark 9-5</td>

266 <td width="25%" align=center>Time open in Tokyo 9-5</td>

267 </tr>

268 </table>

269 </td>

270 </tr>

271 </thead>

272 <tbody id=peak_tbody></tbody>

273 </table>

274 </div>

275

276

277 <pre id=log></pre>

278 </body>

279 </html>

OLD	NEW