OLD | NEW |
1 <script> | 1 <script> |
2 | 2 |
3 var botRoot = "http://build.chromium.org/buildbot/waterfall"; | 3 var botRoot = "http://build.chromium.org/buildbot/waterfall"; |
4 | 4 |
5 var botUrl = botRoot + "/horizontal_one_box_per_builder"; | 5 var botUrl = botRoot + "/horizontal_one_box_per_builder"; |
6 | 6 |
7 function updateStatus(status) { | 7 function updateStatus(status) { |
8 var div = document.getElementById("status"); | 8 var div = document.getElementById("status"); |
9 div.title = status; | 9 div.title = status; |
10 var open = /open/i; | 10 var open = /open/i; |
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
50 } | 50 } |
51 setTimeout(requestStatus, 30000); | 51 setTimeout(requestStatus, 30000); |
52 } | 52 } |
53 | 53 |
54 function statusClick() { | 54 function statusClick() { |
55 window.open(botRoot); | 55 window.open(botRoot); |
56 } | 56 } |
57 | 57 |
58 requestStatus(); | 58 requestStatus(); |
59 </script> | 59 </script> |
| 60 <link rel="stylesheet" type="text/css" href="extensions_toolstrip.css"> |
60 <style> | 61 <style> |
61 #main { | |
62 /* TODO(erikkay) this shouldn't be necessary, see extensions_toolstrip.css */ | |
63 white-space: nowrap; | |
64 padding-top: 0px; | |
65 height: 100%; | |
66 } | |
67 | |
68 .open { | 62 .open { |
69 color: green; | 63 color: green; |
70 } | 64 } |
71 | 65 |
72 .closed { | 66 .closed { |
73 color: red; | 67 color: red; |
74 } | 68 } |
75 | 69 |
76 .button { | |
77 padding: 2px 5px; | |
78 height: 20px; | |
79 float: left; | |
80 display: table; | |
81 } | |
82 | |
83 .button:hover { | |
84 padding: 0px 4px; | |
85 border: 1px solid silver; | |
86 -webkit-border-radius: 5px; | |
87 background-color: rgb(237, 244, 252); | |
88 cursor: pointer; | |
89 } | |
90 | |
91 #bots { | 70 #bots { |
92 border: 1px solid rgb(237, 244, 252); | 71 border: none; |
93 height: 20px; /* hardcoded height sucks */ | 72 height: 20px; /* hardcoded height sucks */ |
94 width: 435px; /* hardcoded width sucks */ | 73 width: 435px; /* hardcoded width sucks */ |
95 background-color: transparent; | 74 background-color: transparent; |
| 75 display:-webkit-box; |
96 } | 76 } |
97 | 77 |
98 #status { | 78 #frame-wrapper { |
99 display: table-cell; | 79 /* This is used to get us to vertically center the iframe in the vertical |
100 vertical-align: middle; | 80 space. */ |
| 81 display:-webkit-box; |
| 82 -webkit-box-align:center; |
| 83 /* Also, scooch the frame in a bit, under the button, because the content of |
| 84 the frame has some extra built-in left padding. */ |
| 85 margin-left:-10px; |
101 } | 86 } |
102 | 87 |
103 </style> | 88 </style> |
104 | 89 |
105 <div id="main"> | 90 <div class="toolstrip-button" onclick="statusClick();"> |
106 <div class="button" onclick="statusClick();"> | 91 <span id="status" class="open">tree: open?</span> |
107 <div id="status" class="open"> | |
108 tree: open? | |
109 </div> | 92 </div> |
110 </div> | 93 |
| 94 <div id="frame-wrapper"> |
111 <iframe scrolling='no' id='bots' src="http://build.chromium.org/buildbot/waterfa
ll/horizontal_one_box_per_builder"></iframe> | 95 <iframe scrolling='no' id='bots' src="http://build.chromium.org/buildbot/waterfa
ll/horizontal_one_box_per_builder"></iframe> |
112 </div> | 96 </div> |
OLD | NEW |