OLD | NEW |
---|---|
(Empty) | |
1 <!doctype html> | |
ojan
2014/07/22 02:01:24
Nit: We usually use <!DOCTYPE html> to match the o
| |
2 <html> | |
3 <head> | |
4 <title>Tree Closers</title> | |
5 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial- scale=1.0, user-scalable=yes"> | |
6 <script src="components/platform/platform.js"></script> | |
7 <script src="scripts/repositories.js"></script> | |
8 <script src="scripts/third_party/js_humanized_time_span/humanized_time_span.js "></script> | |
ojan
2014/07/22 02:01:24
We've been standardizing on polymer+sugarjs for al
| |
9 <style> | |
10 html,body { | |
ojan
2014/07/22 02:01:24
Nit: need space after the comma
| |
11 height: 100%; | |
12 margin: 0; | |
13 background-color: #E5E5E5; | |
14 font-family: 'RobotoDraft', sans-serif; | |
15 } | |
16 </style> | |
17 <link rel="import" href="components/polymer/polymer.html"> | |
18 <script src="ui/filters.js"></script> | |
ojan
2014/07/22 02:01:24
If you use script tags, then your load order isn't
| |
19 <link rel="import" href="components/core-ajax/core-ajax.html"> | |
20 <link rel="import" href="components/font-roboto/roboto.html"> | |
21 <link rel="import" href="components/paper-tabs/paper-tabs.html"> | |
22 <link rel="import" href="components/sortable-table/sortable-table.html"> | |
23 <link rel="import" href="ui/nb-changelogs.html"> | |
24 <link rel="import" href="ui/nb-alert-list.html"> | |
25 <link rel="import" href="ui/nb-grouped-alert-list.html"> | |
26 <link rel="shortcut icon" href="/favicon.ico"> | |
27 </head> | |
28 | |
29 <body unresolved touch-action="auto"> | |
30 | |
31 <polymer-element name="nb-main" attributes='failures filteredFailures selectedTr ee'> | |
32 <template> | |
33 Updated: {{ response.date | since_string }}, | |
34 <h1>Open Tree Closing Issues</h1> | |
35 <style> | |
36 paper-tabs { | |
37 background-color: #00bcd4; | |
38 color: #fff; | |
39 box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2); | |
40 } | |
41 </style> | |
42 <paper-tabs valueattr="tree" selected="{{ selectedTree }}"> | |
43 <paper-tab tree='chromium-status'>Chromium</paper-tab> | |
44 <paper-tab tree='blink-status'>Blink</paper-tab> | |
45 </paper-tabs> | |
46 <nb-alert-list failures='{{ filteredFailures }}'></nb-alert-list> | |
47 <core-ajax url="/data" id='loader' auto handleAs="json" response="{{ response }} "></core-ajax> | |
48 </template> | |
49 <script> | |
50 Polymer('nb-main', { | |
51 ready: function() { | |
52 console.log('nb-main ready'); | |
53 window.setInterval(30 * 1000, function() { | |
54 console.log('refreshing'); | |
55 this.$.loader.go(); | |
ojan
2014/07/22 02:01:24
We've been moving away from using core-ajax. This
| |
56 }); | |
57 this.failures = []; | |
58 this.selectedTree = 'chromium-status'; | |
59 }, | |
60 failuresForTree: function(tree) { | |
61 return this.failures.filter( | |
62 function(failure) { | |
63 return ((failure.tree_name == tree) && failure.would_close_tree); | |
64 }, this) | |
65 }, | |
66 selectedTreeChanged: function() { | |
67 this.filteredFailures = this.failuresForTree(this.selectedTree); | |
68 }, | |
69 responseChanged: function(oldValue, newValue) { | |
70 this.failures = newValue.alerts; | |
71 this.filteredFailures = this.failuresForTree(this.selectedTree); | |
72 }, | |
73 }); | |
74 </script> | |
75 </polymer-element> | |
76 <nb-main></nb-main> | |
77 | |
78 <form action='/ignore' method='post'> | |
79 <core-field> | |
80 <label>Pattern:</label><input name='pattern'> | |
81 </core-field> | |
82 <input type='submit'> | |
83 </form> | |
84 </body> | |
85 </html> | |
OLD | NEW |