Chromium Code Reviews| 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 |