OLD | NEW |
| (Empty) |
1 <!-- | |
2 Copyright 2014 The Chromium Authors. All rights reserved. | |
3 Use of this source code is governed by a BSD-style license that can be | |
4 found in the LICENSE file. | |
5 --> | |
6 | |
7 <polymer-element name="ct-last-updated" attributes="date"> | |
8 <template> | |
9 <template if="{{ date }}"> | |
10 <style> | |
11 .stale_5minutes { | |
12 color: orange; | |
13 } | |
14 .stale_10minutes { | |
15 color: red; | |
16 } | |
17 .stale_20minutes { | |
18 background-color: red; | |
19 color: black; | |
20 } | |
21 </style> | |
22 <span class="{{ date | _style }}">Updated @ {{ date | _hours }}:{{ date |
_minutes }}</div> | |
23 </template> | |
24 </template> | |
25 <script> | |
26 (function() { | |
27 Polymer({ | |
28 date: null, | |
29 _style: function(date) { | |
30 var staleness = date.minutesAgo(); | |
31 if (staleness >= 20) | |
32 return "stale_20minutes"; | |
33 if (staleness >= 10) | |
34 return "stale_10minutes"; | |
35 if (staleness >= 5) | |
36 return "stale_5minutes"; | |
37 return ""; | |
38 }, | |
39 | |
40 _hours: function(date) { | |
41 return date.getHours(); | |
42 }, | |
43 _minutes: function(date) { | |
44 return date.getMinutes().toString().padLeft(2, '0'); | |
45 }, | |
46 }); | |
47 })(); | |
48 | |
49 </script> | |
50 </polymer-element> | |
OLD | NEW |