| OLD | NEW |
| 1 <html><head> | 1 <html><head> |
| 2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior
/iron-a11y-keys-behavior.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior
/iron-a11y-keys-behavior.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-behaviors/paper-i
nky-focus-behavior.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-behaviors/paper-i
nky-focus-behavior.html"> |
| 5 <link rel="import" href="../prefs/prefs_behavior.html"> | 5 <link rel="import" href="../prefs/prefs_behavior.html"> |
| 6 </head><body><dom-module id="night-light-slider"> | 6 </head><body><dom-module id="night-light-slider"> |
| 7 <template> | 7 <template> |
| 8 <style> | 8 <style> |
| 9 :host { | 9 :host { |
| 10 cursor: default; | 10 cursor: default; |
| (...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 159 on-blur="onBlur_"> | 159 on-blur="onBlur_"> |
| 160 <div class="knob-inner" tabindex="-1"></div> | 160 <div class="knob-inner" tabindex="-1"></div> |
| 161 </div> | 161 </div> |
| 162 <div id="endKnob" class="knob" tabindex="2" on-down="startDrag_" | 162 <div id="endKnob" class="knob" tabindex="2" on-down="startDrag_" |
| 163 on-up="endDrag_" on-track="continueDrag_" on-focus="onFocus_" | 163 on-up="endDrag_" on-track="continueDrag_" on-focus="onFocus_" |
| 164 on-blur="onBlur_"> | 164 on-blur="onBlur_"> |
| 165 <div class="knob-inner" tabindex="-1"></div> | 165 <div class="knob-inner" tabindex="-1"></div> |
| 166 </div> | 166 </div> |
| 167 </div> | 167 </div> |
| 168 <div id="legendContainer"> | 168 <div id="legendContainer"> |
| 169 <div style="left: 0%;">[[getLocaleTimeString_(18, 0)]]</div> | 169 <div style="[[getLegendStyle_(0)]]"> |
| 170 <div style="left: 25%;">[[getLocaleTimeString_(0, 0)]]</div> | 170 [[getLocaleTimeString_(18, 0)]] |
| 171 <div style="left: 50%;">[[getLocaleTimeString_(6, 0)]]</div> | 171 </div> |
| 172 <div style="left: 75%;">[[getLocaleTimeString_(12, 0)]]</div> | 172 <div style="[[getLegendStyle_(25)]]"> |
| 173 <div style="left: 100%;">[[getLocaleTimeString_(18, 0)]]</div> | 173 [[getLocaleTimeString_(0, 0)]] |
| 174 </div> |
| 175 <div style="[[getLegendStyle_(50)]]"> |
| 176 [[getLocaleTimeString_(6, 0)]] |
| 177 </div> |
| 178 <div style="[[getLegendStyle_(75)]]"> |
| 179 [[getLocaleTimeString_(12, 0)]] |
| 180 </div> |
| 181 <div style="[[getLegendStyle_(100)]]"> |
| 182 [[getLocaleTimeString_(18, 0)]] |
| 183 </div> |
| 174 </div> | 184 </div> |
| 175 <div id="dummyRippleContainer" hidden></div> | 185 <div id="dummyRippleContainer" hidden></div> |
| 176 </div> | 186 </div> |
| 177 | 187 |
| 178 </template> | 188 </template> |
| 179 </dom-module> | 189 </dom-module> |
| 180 <script src="night_light_slider.js"></script></body></html> | 190 <script src="night_light_slider.js"></script></body></html> |
| OLD | NEW |