| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>sksysmon</title> | 4 <title>sksysmon</title> |
| 5 | 5 |
| 6 {{template "header.html" .}} | 6 {{template "header.html" .}} |
| 7 | 7 |
| 8 <style type="text/css" media="screen"> | 8 <style type="text/css" media="screen"> |
| 9 body { | 9 body { |
| 10 font-family: Arial, sans-serif; | 10 font-family: Arial, sans-serif; |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 53 </head> | 53 </head> |
| 54 <body> | 54 <body> |
| 55 <scaffold-sk responsiveWidth="700px"> | 55 <scaffold-sk responsiveWidth="700px"> |
| 56 {{template "titlebar.html" .}} | 56 {{template "titlebar.html" .}} |
| 57 | 57 |
| 58 <unit-list-sk></unit-list-sk> | 58 <unit-list-sk></unit-list-sk> |
| 59 <paper-toast></paper-toast> | 59 <paper-toast></paper-toast> |
| 60 </scaffold-sk> | 60 </scaffold-sk> |
| 61 | 61 |
| 62 <script type="text/javascript" charset="utf-8"> | 62 <script type="text/javascript" charset="utf-8"> |
| 63 sk.WebComponentsReady.then(function(){ | 63 (function() { |
| 64 sk.get("/_/list").then(JSON.parse).then(function(json) { | 64 function loadData() { |
| 65 $$$('unit-list-sk').units = json; | 65 sk.get("/_/list").then(JSON.parse).then(function(json) { |
| 66 }).catch(function(e){ | 66 $$$('unit-list-sk').units = json; |
| 67 $$$('paper-toast').text = e; | 67 }).catch(function(e){ |
| 68 $$$('paper-toast').show(); | 68 $$$('paper-toast').text = e; |
| 69 }); | 69 $$$('paper-toast').show(); |
| 70 }); | 70 }); |
| 71 } |
| 72 |
| 73 sk.WebComponentsReady.then(loadData); |
| 74 $$$('unit-list-sk').addEventListener('unit-updated', loadData); |
| 75 })(); |
| 71 </script> | 76 </script> |
| 72 | 77 |
| 73 </body> | 78 </body> |
| 74 </html> | 79 </html> |
| OLD | NEW |