Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(433)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/settings/device_page/night_light_slider.html

Issue 2951483003: [Night Light] CL9: Add localization for time's AM and PM (Closed)
Patch Set: Better helper function Created 3 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | chrome/browser/resources/settings/device_page/night_light_slider.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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/html/i18n_behavior.html"> 3 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
4 <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/iron-a11y-keys-behavior /iron-a11y-keys-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 99 matching lines...) Expand 10 before | Expand all | Expand 10 after
110 #legendContainer { 110 #legendContainer {
111 height: 10px; 111 height: 10px;
112 position: relative; 112 position: relative;
113 width: inherit; 113 width: inherit;
114 } 114 }
115 115
116 #legendContainer > div { 116 #legendContainer > div {
117 color: rgb(100, 100, 100); 117 color: rgb(100, 100, 100);
118 font-family: Roboto-Regular; 118 font-family: Roboto-Regular;
119 font-size: 12px; 119 font-size: 12px;
120 margin-left: -2em; 120 margin-left: -2.5em;
121 position: absolute; 121 position: absolute;
122 text-align: center; 122 text-align: center;
123 top: 5px; 123 top: 5px;
124 width: 4em; 124 width: 5em;
125 } 125 }
126 </style> 126 </style>
127 127
128 <div id="sliderContainer"> 128 <div id="sliderContainer">
129 <div id="labelContainer"> 129 <div id="labelContainer">
130 <div id="startLabel" class="label" 130 <div id="startLabel" class="label"
131 aria-label="$i18n{displayNightLightStartTime}"> 131 aria-label="$i18n{displayNightLightStartTime}">
132 [[startTime_]] 132 [[startTime_]]
133 </div> 133 </div>
134 <div id="endLabel" class="label" 134 <div id="endLabel" class="label"
135 aria-label="$i18n{displayNightLightStopTime}"> 135 aria-label="$i18n{displayNightLightStopTime}">
136 [[endTime_]] 136 [[endTime_]]
137 </div> 137 </div>
138 </div> 138 </div>
139 <div id="sliderBar"> 139 <div id="sliderBar">
140 <div id="progressContainer"> 140 <div id="progressContainer">
141 <div id="endProgress" class="progress"></div> 141 <div id="endProgress" class="progress"></div>
142 <div id="startProgress" class="progress"></div> 142 <div id="startProgress" class="progress"></div>
143 </div> 143 </div>
144 <div id="markersContainer"> 144 <div id="markersContainer">
145 </div> 145 </div>
146 <div id="startKnob" class="knob" tabindex="1" on-down="startDrag_" 146 <div id="startKnob" class="knob" tabindex="1" on-down="startDrag_"
147 on-up="endDrag_" on-track="continueDrag_"></div> 147 on-up="endDrag_" on-track="continueDrag_"></div>
148 <div id="endKnob" class="knob" tabindex="2" on-down="startDrag_" 148 <div id="endKnob" class="knob" tabindex="2" on-down="startDrag_"
149 on-up="endDrag_" on-track="continueDrag_"></div> 149 on-up="endDrag_" on-track="continueDrag_"></div>
150 </div> 150 </div>
151 <div id="legendContainer"> 151 <div id="legendContainer">
152 <!-- TODO(afakhry): Check if these values need to be localized. --> 152 <div style="left: 0%;">[[getLocaleTimeString_(18, 0)]]</div>
153 <div style="left: 0%;">6 PM</div> 153 <div style="left: 25%;">[[getLocaleTimeString_(0, 0)]]</div>
154 <div style="left: 25%;">12 AM</div> 154 <div style="left: 50%;">[[getLocaleTimeString_(6, 0)]]</div>
155 <div style="left: 50%;">6 AM</div> 155 <div style="left: 75%;">[[getLocaleTimeString_(12, 0)]]</div>
156 <div style="left: 75%;">12 PM</div> 156 <div style="left: 100%;">[[getLocaleTimeString_(18, 0)]]</div>
157 <div style="left: 100%;">6 PM</div>
158 </div> 157 </div>
159 </div> 158 </div>
160 159
161 </template> 160 </template>
162 </dom-module> 161 </dom-module>
163 <script src="night_light_slider.js"></script></body></html> 162 <script src="night_light_slider.js"></script></body></html>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/settings/device_page/night_light_slider.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698