- add sources.
[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / options / browser_options.html
1 <div id="settings" class="page" hidden>
2   <header>
3     <h1 i18n-content="settingsTitle"></h1>
4   </header>
5 <if expr="not pp_ifdef('chromeos')">
6   <include src="sync_section.html">
7 </if>
8 <if expr="pp_ifdef('chromeos')">
9   <section>
10     <h3 i18n-content="sectionTitleInternet"></h3>
11     <div id="network-settings">
12       <list id="network-list"></list>
13       <div id="shared-proxies" class="checkbox">
14         <label>
15           <input id="use-shared-proxies" type="checkbox"
16               pref="settings.use_shared_proxies">
17           <span i18n-content="useSharedProxies"></span>
18         </label>
19       </div>
20       <div id="network-menus"></div>
21     </div>
22   </section>
23 </if>
24 <if expr="not pp_ifdef('chromeos')">
25   <include src="startup_section.html">
26 </if>
27   <section>
28     <h3 i18n-content="sectionTitleAppearance"></h3>
29     <div class="settings-row">
30 <if expr="pp_ifdef('chromeos')">
31       <button id="set-wallpaper" i18n-content="setWallpaper"
32           guest-visibility="disabled"></button>
33 </if>
34 <if expr="not pp_ifdef('chromeos') and is_posix and not is_macosx">
35       <button id="themes-gallery" i18n-content="themesGallery"></button>
36       <button id="themes-native-button"
37           i18n-content="themesNativeButton"></button>
38       <button id="themes-reset"
39           i18n-content="themesSetClassic"></button>
40 </if>
41 <if expr="pp_ifdef('chromeos') or is_win or is_macosx">
42       <button id="themes-gallery" i18n-content="themesGallery"></button>
43       <button id="themes-reset" i18n-content="themesReset"></button>
44 </if>
45     </div>
46     <div class="checkbox" guest-visibility="disabled">
47       <span class="controlled-setting-with-label">
48         <input id="show-home-button" type="checkbox"
49             pref="browser.show_home_button"
50             metric="Options_Homepage_HomeButton">
51         <span>
52           <label for="show-home-button" i18n-content="homePageShowHomeButton">
53           </label>
54           <span class="controlled-setting-indicator"
55               pref="browser.show_home_button">
56           </span>
57         </span>
58       </span>
59     </div>
60     <div id="change-home-page-section" hidden>
61       <div id="change-home-page-section-container" guest-visibility="disabled">
62         <span id="home-page-ntp" class="home-page-label"
63             i18n-content="homePageNtp"></span>
64         <span id="home-page-url" class="home-page-label"></span>
65         <button id="change-home-page" class="link-button"
66             i18n-content="changeHomePage"></button>
67       </div>
68     </div>
69     <div class="checkbox" guest-visibility="disabled">
70       <span class="controlled-setting-with-label">
71         <input id="show-bookmark-bars" type="checkbox"
72             pref="bookmark_bar.show_on_all_tabs"
73             metric="Options_ShowBookmarksBar">
74         <span>
75           <label for="show-bookmark-bars"
76               i18n-content="toolbarShowBookmarksBar">
77           </label>
78           <span class="controlled-setting-indicator"
79               pref="bookmark_bar.show_on_all_tabs">
80           </span>
81         </span>
82       </span>
83     </div>
84 <if expr="not pp_ifdef('toolkit_views') and is_posix and not is_macosx">
85     <div class="checkbox"><label>
86         <input id="show-window-decorations" type="checkbox"
87             pref="browser.custom_chrome_frame" metric="Options_CustomFrame"
88             inverted_pref>
89         <span i18n-content="showWindowDecorations"></span>
90     </label></div>
91 </if>
92   </section>
93 <if expr="pp_ifdef('chromeos')">
94   <section>
95     <h3 i18n-content="sectionTitleDevice"></h3>
96     <div>
97       <span i18n-content="deviceGroupDescription"></span>
98       <div id="touchpad-settings" class="settings-row" hidden>
99         <span class="option-name" i18n-content="touchpadSpeed"></span>
100         <input id="sensitivity-range" type="range" min="1" max="5"
101             pref="settings.touchpad.sensitivity2" class="touch-slider">
102       </div>
103       <div id="mouse-settings" class="settings-row" hidden>
104         <span class="option-name" i18n-content="mouseSpeed"></span>
105         <input id="sensitivity-range" type="range" min="1" max="5"
106             pref="settings.mouse.sensitivity2" class="touch-slider">
107       </div>
108       <div id="no-pointing-devices" i18n-content="noPointingDevices"
109           class="settings-row" hidden>
110       </div>
111       <div class="settings-row">
112         <button id="pointer-settings-button">
113         </button>
114         <button id="keyboard-settings-button"
115             i18n-content="keyboardSettingsButtonTitle">
116         </button>
117         <span id="display-options-section">
118           <button id="display-options" i18n-content="displayOptions">
119           </button>
120         </span>
121       </div>
122     </div>
123   </section>
124 </if>
125   <section>
126     <h3 i18n-content="sectionTitleSearch"></h3>
127       <div>
128         <label for="default-search-engine" class="settings-row"
129             i18n-values=".innerHTML:defaultSearchGroupLabel">
130         </label>
131         <div class="settings-row">
132           <select id="default-search-engine" class="weakrtl"></select>
133           <span class="controlled-setting-indicator"
134               pref="default_search_provider.enabled">
135           </span>
136           <button id="manage-default-search-engines"
137               i18n-content="defaultSearchManageEngines">
138           </button>
139         </div>
140       </div>
141   </section>
142   <section id="sync-users-section" guest-visibility="hidden">
143     <h3 i18n-content="sectionTitleUsers"></h3>
144 <if expr="pp_ifdef('chromeos')">
145     <include src="sync_section.html">
146 </if>
147     <div id="profiles-section" hidden>
148       <list id="profiles-list" class="settings-list" hidden></list>
149       <div id="profiles-single-message" class="settings-row"
150           i18n-content="profilesSingleUser">
151       </div>
152       <div id="profiles-buttons">
153         <button id="profiles-create" i18n-content="profilesCreate"></button>
154 <if expr="pp_ifdef('enable_settings_app')">
155         <button id="profiles-app-list-switch"
156             i18n-content="profilesAppListSwitch" hidden>
157         </button>
158 </if>
159         <button id="profiles-manage" i18n-content="profilesManage" disabled>
160         </button>
161         <button id="profiles-delete" i18n-content="profilesDelete"></button>
162 <if expr="not pp_ifdef('chromeos')">
163         <button id="import-data" i18n-content="importData"></button>
164 </if>
165       </div>
166     </div>
167     <div id="profiles-supervised-dashboard-tip"
168         i18n-values=".innerHTML:profilesSupervisedDashboardTip" hidden>
169     </div>
170   </section>
171 <if expr="not pp_ifdef('chromeos')">
172   <section>
173     <h3 i18n-content="sectionTitleDefaultBrowser"></h3>
174     <div>
175       <button id="set-as-default-browser"
176           i18n-content="defaultBrowserUseAsDefault" hidden>
177       </button>
178       <div id="default-browser-state" i18n-content="defaultBrowserUnknown">
179       </div>
180       <div id="auto-launch-option" class="checkbox" hidden>
181         <label id="auto-launch-label">
182           <input id="auto-launch" type="checkbox">
183           <span i18n-content="autoLaunchText"></span>
184         </label>
185       </div>
186     </div>
187   </section>
188 </if>  <!-- not pp_ifdef('chromeos') -->
189 <div id="advanced-settings" hidden>
190 <div id="advanced-settings-container">
191 <if expr="pp_ifdef('chromeos')">
192   <section>
193     <h3 i18n-content="datetimeTitle"></h3>
194     <div class="option-control-table">
195       <div guest-visibility="disabled">
196         <label for="timezone-select" class="option-name"
197             i18n-content="timezone"></label>
198         <div id="timezone-value">
199           <select id="timezone-select" class="control"
200               i18n-options="timezoneList" data-type="string"
201               pref="cros.system.timezone">
202           </select>
203         </div>
204       </div>
205       <div class="checkbox">
206         <label>
207           <input id="use-24hour-clock" pref="settings.clock.use_24hour_clock"
208               type="checkbox">
209           <span i18n-content="use24HourClock"></span>
210         </label>
211       </div>
212     </div>
213   </section>
214 </if>
215   <section id="privacy-section">
216     <h3 i18n-content="advancedSectionTitlePrivacy"></h3>
217     <div>
218       <div class="settings-row">
219         <button id="privacyContentSettingsButton"
220             i18n-content="privacyContentSettingsButton"></button>
221         <button id="privacyClearDataButton"
222             i18n-content="privacyClearDataButton"></button>
223       </div>
224       <p id="privacy-explanation" class="settings-row">
225         <span i18n-content="improveBrowsingExperience"></span>
226         <span i18n-content="disableWebServices"></span>
227         <a target="_blank" i18n-content="learnMore"
228             i18n-values="href:privacyLearnMoreURL"></a>
229       </p>
230       <div class="checkbox">
231         <span class="controlled-setting-with-label">
232           <input id="alternateErrorPagesEnabled"
233               pref="alternate_error_pages.enabled"
234               metric="Options_LinkDoctorCheckbox" type="checkbox">
235           <span>
236             <label for="alternateErrorPagesEnabled"
237                 i18n-content="linkDoctorPref">
238             </label>
239             <span class="controlled-setting-indicator"
240                 pref="alternate_error_pages.enabled">
241             </span>
242           </span>
243         </span>
244       </div>
245       <div class="checkbox" guest-visibility="disabled">
246         <span class="controlled-setting-with-label">
247           <input id="searchSuggestEnabled" pref="search.suggest_enabled"
248               metric="Options_UseSuggestCheckbox" type="checkbox">
249           <span>
250             <label for="searchSuggestEnabled" i18n-content="suggestPref">
251             </label>
252             <span class="controlled-setting-indicator"
253                 pref="search.suggest_enabled">
254             </span>
255           </span>
256         </span>
257       </div>
258       <div class="checkbox" guest-visibility="disabled">
259         <span class="controlled-setting-with-label">
260           <input id="dnsPrefetchingEnabled" pref="dns_prefetching.enabled"
261               metric="Options_DnsPrefetchCheckbox" type="checkbox">
262           <span>
263             <label for="dnsPrefetchingEnabled"
264                 i18n-content="networkPredictionEnabledDescription">
265             </label>
266             <span class="controlled-setting-indicator"
267                 pref="dns_prefetching.enabled">
268             </span>
269           </span>
270         </span>
271       </div>
272       <div class="checkbox">
273         <span class="controlled-setting-with-label">
274           <input id="safeBrowsingEnabled" pref="safebrowsing.enabled"
275               metric="Options_SafeBrowsingCheckbox" type="checkbox">
276           <span>
277             <label for="safeBrowsingEnabled"
278                 i18n-content="safeBrowsingEnableProtection">
279             </label>
280             <span class="controlled-setting-indicator"
281                 pref="safebrowsing.enabled">
282             </span>
283           </span>
284         </span>
285       </div>
286 <if expr="pp_ifdef('_google_chrome')">
287       <div class="checkbox">
288         <span class="controlled-setting-with-label">
289           <input id="spelling-enabled-control" type="checkbox"
290               pref="spellcheck.use_spelling_service" dialog-pref>
291           <span>
292             <label for="spelling-enabled-control" i18n-content="spellingPref">
293             </label>
294             <span id="spelling-enabled-indicator"
295                 class="controlled-setting-indicator"
296                 pref="spellcheck.use_spelling_service" dialog-pref>
297             </span>
298           </span>
299         </span>
300       </div>
301       <div id="metricsReportingSetting" class="checkbox">
302         <span class="controlled-setting-with-label">
303 <if expr="pp_ifdef('chromeos')">
304           <input id="metricsReportingEnabled"
305               pref="cros.metrics.reportingEnabled" type="checkbox">
306           <span>
307             <label for="metricsReportingEnabled" i18n-content="enableLogging">
308             </label>
309             <span class="controlled-setting-indicator"
310                 pref="cros.metrics.reportingEnabled">
311             </span>
312           </span>
313 </if>
314 <if expr="not pp_ifdef('chromeos')">
315           <input id="metricsReportingEnabled"
316               pref="user_experience_metrics.reporting_enabled" type="checkbox">
317           <span>
318             <label for="metricsReportingEnabled" i18n-content="enableLogging">
319             </label>
320             <span class="controlled-setting-indicator"
321                 pref="user_experience_metrics.reporting_enabled">
322             </span>
323           </span>
324 </if>
325         </span>
326       </div>
327 </if>  <!-- pp_ifdef('_google_chrome') -->
328       <div class="checkbox">
329         <label>
330           <input id="do-not-track-enabled" pref="enable_do_not_track"
331               metric="Options_DoNotTrackCheckbox" type="checkbox" dialog-pref>
332           <span i18n-content="doNotTrack"></span>
333         </label>
334       </div>
335 <if expr="pp_ifdef('chromeos')">
336       <div class="checkbox">
337         <span class="controlled-setting-with-label">
338           <input id="content-protection-attestation-enabled" type="checkbox"
339               pref="cros.device.attestation_for_content_protection_enabled">
340           <span>
341             <label for="content-protection-attestation-enabled"
342                 i18n-content="enableContentProtectionAttestation">
343             </label>
344             <a target="_blank" i18n-content="learnMore"
345                 i18n-values="href:contentProtectionAttestationLearnMoreURL">
346             </a>
347             <span class="controlled-setting-indicator"
348                 pref="cros.device.attestation_for_content_protection_enabled">
349             </span>
350           </span>
351         </span>
352       </div>
353 </if>
354     </div>
355   </section>
356 <if expr="pp_ifdef('chromeos')">
357   <!-- By default, the bluetooth section is hidden.  It is only visible if a
358        bluetooth adapter is discovered -->
359   <section id="bluetooth-devices" hidden>
360     <h3 i18n-content="bluetooth"></h3>
361     <div id="bluetooth-options-div">
362       <div class="checkbox">
363         <label>
364           <input type="checkbox" id="enable-bluetooth">
365           <span i18n-content="enableBluetooth">
366         </label>
367       </div>
368       <div class="settings-list bluetooth-device-list" hidden>
369         <list id="bluetooth-paired-devices-list"></list>
370         <div id="bluetooth-paired-devices-list-empty-placeholder"
371             class="bluetooth-empty-list-label" hidden>
372           <span i18n-content="bluetoothNoDevices"></span>
373         </div>
374       </div>
375       <div id="bluetooth-button-group">
376         <button id="bluetooth-add-device"
377             i18n-content="addBluetoothDevice" hidden></button>
378         <button id="bluetooth-reconnect-device"
379             i18n-content="bluetoothConnectDevice" disabled hidden></button>
380       </div>
381     </div>
382   </section>
383 </if>  <!-- pp_ifdef('chromeos') -->
384   <section id="passwords-and-autofill-section">
385     <h3 i18n-content="passwordsAndAutofillGroupName"></h3>
386     <div class="checkbox">
387       <span class="controlled-setting-with-label">
388         <input id="autofill-enabled" pref="autofill.enabled"
389             metric="Options_FormAutofill" type="checkbox">
390         <span>
391           <label for="autofill-enabled" i18n-content="autofillEnabled"></label>
392           <span class="controlled-setting-indicator" pref="autofill.enabled">
393           </span>
394           <button id="autofill-settings" class="link-button"
395               i18n-content="manageAutofillSettings">
396           </button>
397         </span>
398       </span>
399     </div>
400     <div class="checkbox">
401       <span class="controlled-setting-with-label">
402         <input id="password-manager-enabled"
403             pref="profile.password_manager_enabled"
404             metric="Options_PasswordManager" type="checkbox">
405         <span>
406           <label for="password-manager-enabled"
407               i18n-content="passwordManagerEnabled">
408           </label>
409           <span class="controlled-setting-indicator"
410               pref="profile.password_manager_enabled">
411           </span>
412           <button id="manage-passwords" class="link-button"
413               i18n-content="managePasswords">
414           </button>
415         </span>
416       </span>
417     </div>
418     <div class="checkbox" id="password-generation-checkbox">
419       <label>
420         <input id="password-generation-enabled" pref="password_generation.enabled"
421             metric="Options_PasswordGenerationCheckbox" type="checkbox">
422         <span i18n-content="passwordGenerationEnabledDescription"></span>
423       </label>
424     </div>
425 <if expr="is_macosx">
426     <div id="mac-passwords-warning" i18n-content="macPasswordsWarning" hidden>
427     </div>
428 </if>
429   </section>
430   <section id="web-content-section">
431     <h3 i18n-content="advancedSectionTitleContent"></h3>
432     <div>
433       <div class="settings-row">
434         <label class="web-content-select-label">
435           <span i18n-content="defaultFontSizeLabel"></span>
436           <select id="defaultFontSize">
437             <option value="9" i18n-content="fontSizeLabelVerySmall">
438             </option>
439             <option value="12" i18n-content="fontSizeLabelSmall"></option>
440             <option value="16" i18n-content="fontSizeLabelMedium"></option>
441             <option value="20" i18n-content="fontSizeLabelLarge"></option>
442             <option value="24" i18n-content="fontSizeLabelVeryLarge">
443             </option>
444           </select>
445         </label>
446         <span id="font-size-indicator"
447             class="controlled-setting-indicator"></span>
448         <button id="fontSettingsCustomizeFontsButton"
449             i18n-content="fontSettingsCustomizeFontsButton"></button>
450       </div>
451       <div class="settings-row">
452         <label class="web-content-select-label">
453           <span i18n-content="defaultZoomFactorLabel"></span>
454           <select id="defaultZoomFactor" dataType="double"></select>
455         </label>
456       </div>
457 <if expr="is_macosx">
458       <div class="checkbox">
459         <label>
460           <input id="tabsToLinksPref" pref="webkit.webprefs.tabs_to_links"
461               metric="Options_TabsToLinks" type="checkbox">
462           <span i18n-content="tabsToLinksPref"></span>
463         </label>
464       </div>
465 </if>
466     </div>
467   </section>
468 <if expr="not pp_ifdef('chromeos')">
469   <section id="network-section">
470     <h3 i18n-content="advancedSectionTitleNetwork"></h3>
471     <div>
472       <span id="proxiesLabel" class="settings-row"></span>
473       <div class="settings-row">
474         <button id="proxiesConfigureButton"
475             i18n-content="proxiesConfigureButton"></button>
476         <span class="controlled-setting-indicator" pref="proxy" plural></span>
477       </div>
478     </div>
479   </section>
480 </if>
481   <section id="languages-section">
482     <h3 i18n-content="advancedSectionTitleLanguages"></h3>
483     <span class="settings-row" i18n-content="languageSectionLabel"></span>
484     <div class="settings-row">
485       <button id="language-button"
486           i18n-content="languageAndSpellCheckSettingsButton"></button>
487     </div>
488     <div class="checkbox">
489       <span class="controlled-setting-with-label">
490         <input id="enableTranslate" pref="translate.enabled"
491             metric="Options_Translate" type="checkbox">
492         <span>
493           <label for="enableTranslate" i18n-content="translateEnableTranslate">
494           </label>
495           <span class="controlled-setting-indicator" pref="translate.enabled">
496           </span>
497           <button id="manage-languages" class="link-button"
498               i18n-content="manageLanguages"></button>
499         </span>
500       </span>
501     </div>
502   </section>
503   <section id="downloads-section">
504     <h3 i18n-content="downloadLocationGroupName"></h3>
505     <div>
506       <div class="settings-row">
507         <label>
508           <span id="download-location-label"
509               i18n-content="downloadLocationBrowseTitle">
510           </span>
511           <input id="downloadLocationPath" class="weakrtl" type="text"
512               size="36" readonly>
513         </label>
514         <button id="downloadLocationChangeButton"
515             i18n-content="downloadLocationChangeButton">
516         </button>
517         <span class="controlled-setting-indicator"
518           pref="download.default_directory">
519         </span>
520       </div>
521       <div class="checkbox">
522         <span class="controlled-setting-with-label">
523           <input id="prompt-for-download" type="checkbox"
524                 pref="download.prompt_for_download"
525                 metric="Options_AskForSaveLocation">
526           <span>
527             <label for="prompt-for-download"
528                 i18n-content="downloadLocationAskForSaveLocation">
529             </label>
530             <span class="controlled-setting-indicator"
531                 pref="download.prompt_for_download">
532             </span>
533           </span>
534         </span>
535       </div>
536 <if expr="pp_ifdef('chromeos')">
537       <div class="checkbox" id="disable-drive-row" guest-visibility="disabled">
538         <span class="controlled-setting-with-label">
539           <input id="drive-disabled" type="checkbox"
540               pref="gdata.disabled"
541               metric="Options_DisableGData">
542           <span>
543             <label for="drive-disabled" i18n-content="disableGData"></label>
544             <span class="controlled-setting-indicator" pref="gdata.disabled">
545             </span>
546           </span>
547         </span>
548       </div>
549 </if>
550 <if expr="not pp_ifdef('chromeos')">
551       <div id="auto-open-file-types-section" hidden>
552         <div id="auto-open-file-types-container">
553           <div id="auto-open-file-types-label"
554               i18n-content="autoOpenFileTypesInfo"></div>
555           <button id="autoOpenFileTypesResetToDefault"
556               i18n-content="autoOpenFileTypesResetToDefault"></button>
557         </div>
558       </div>
559 </if>
560     </div>
561   </section>
562   <section>
563       <h3 i18n-content="advancedSectionTitleSecurity"></h3>
564       <div>
565 <if expr="pp_ifdef('use_nss') or is_win or is_macosx">
566         <div class="settings-row">
567           <button id="certificatesManageButton"
568               i18n-content="certificatesManageButton"></button>
569         </div>
570 </if>
571         <div class="checkbox">
572           <label>
573             <input id="sslCheckRevocation" pref="ssl.rev_checking.enabled"
574                    type="checkbox">
575             <span i18n-content="sslCheckRevocation"></span>
576           </label>
577         </div>
578       </div>
579   </section>
580   <section id="cloud-print-connector-section">
581     <h3 i18n-content="advancedSectionTitleCloudPrint"></h3>
582 <if expr="pp_ifdef('enable_mdns')">
583     <div id="cloudprint-options-mdns" hidden>
584       <div class="settings-row">
585         <span i18n-content="cloudPrintOptionLabel"></span>
586         <a target="_blank" i18n-content="learnMore"
587            i18n-values="href:cloudPrintLearnMoreURL"></a>
588       </div>
589       <button id="cloudPrintDevicesPageButton"
590               i18n-content="cloudPrintDevicesPageButton">
591       </button>
592
593       <div class="checkbox"
594            i18n-values=".hidden: cloudPrintHideNotificationsCheckbox">
595         <span class="controlled-setting-with-label">
596           <input id="local-discovery-notifications-enabled"
597                  pref="local_discovery.notifications_enabled"
598                  type="checkbox"
599                  metric="LocalDiscoveryNotificationsDisabled_Settings" />
600           <span>
601             <label for="local-discovery-notifications-enabled"
602                    i18n-content="cloudPrintEnableNotificationsLabel">
603             </label>
604             <span class="controlled-setting-indicator"
605                   pref="local_discovery.notifications_enabled">
606             </span>
607           </span>
608       </div>
609     </div>
610 </if>
611
612     <div id="cloudprint-options-nomdns">
613 <if expr="pp_ifdef('chromeos')">
614       <div>
615         <span i18n-content="cloudPrintOptionLabel"></span>
616         <a target="_blank" i18n-content="learnMore"
617            i18n-values="href:cloudPrintLearnMoreURL"></a>
618       </div>
619 </if>
620
621 <if expr="not pp_ifdef('chromeos')">
622       <p id="cloudPrintConnectorLabel" class="settings-row"
623          i18n-content="cloudPrintConnectorDisabledLabel"></p>
624 </if>
625
626       <div class="settings-row">
627 <if expr="not pp_ifdef('chromeos')">
628         <button id="cloudPrintConnectorSetupButton"
629                 i18n-content="cloudPrintConnectorDisabledButton"></button>
630 </if>
631
632         <button id="cloudPrintManageButton"
633                 i18n-content="cloudPrintManageButton">
634         </button>
635       </div>
636     </div>
637   </section>
638
639 <if expr="pp_ifdef('chromeos')">
640   <include src="startup_section.html">
641   <section>
642     <h3 i18n-content="accessibilityTitle"></h3>
643     <div class="option-control-table">
644       <p id="accessibility-explanation" class="settings-row">
645         <span i18n-content="accessibilityExplanation"></span>
646         <a target="_blank" i18n-content="learnMore"
647             i18n-values="href:accessibilityLearnMoreURL"></a>
648       </p>
649       <div class="option-name">
650         <div class="checkbox">
651           <span class="controlled-setting-with-label">
652             <input id="accessibility-should-always-show-menu"
653                 pref="settings.a11y.enable_menu" type="checkbox">
654             <span>
655               <label for="accessibility-should-always-show-menu"
656                   i18n-content="accessibilityAlwaysShowMenu">
657               </label>
658               <span class="controlled-setting-indicator"
659                   pref="settings.a11y.enable_menu">
660               </span>
661           </span>
662         </div>
663       </div>
664       <div class="option-name">
665         <div class="checkbox">
666           <span class="controlled-setting-with-label">
667             <input id="accessibility-large-cursor-check"
668                 pref="settings.a11y.large_cursor_enabled" type="checkbox">
669             <span>
670               <label for="accessibility-large-cursor-check"
671                   i18n-content="accessibilityLargeCursor">
672               </label>
673               <span class="controlled-setting-indicator"
674                   pref="settings.a11y.large_cursor_enabled">
675               </span>
676             </span>
677           </span>
678         </div>
679       </div>
680       <div class="option-name">
681         <div class="checkbox">
682           <span class="controlled-setting-with-label">
683             <input id="accessibility-high-contrast-check"
684                 pref="settings.a11y.high_contrast_enabled" type="checkbox">
685             <span>
686               <label for="accessibility-high-contrast-check"
687                   i18n-content="accessibilityHighContrast">
688               </label>
689               <span class="controlled-setting-indicator"
690                   pref="settings.a11y.high_contrast_enabled">
691               </span>
692             </span>
693           </span>
694         </div>
695       </div>
696       <div id="accessibility-sticky-keys" class="option-name" hidden>
697         <div class="checkbox">
698           <span class="controlled-setting-with-label">
699             <input id="accessibility-sticky-keys-check"
700                 pref="settings.a11y.sticky_keys_enabled" type="checkbox">
701             <span>
702               <label for="accessibility-sticky-keys-check"
703                   i18n-content="accessibilityStickyKeys">
704               </label>
705               <span class="controlled-setting-indicator"
706                   pref="settings.a11y.sticky_keys_enabled">
707               </span>
708             </span>
709           </span>
710         </div>
711       </div>
712       <div class="option-name">
713         <div class="checkbox">
714           <span class="controlled-setting-with-label">
715             <input id="accessibility-spoken-feedback-check"
716                 pref="settings.accessibility" type="checkbox">
717             <span>
718               <label for="accessibility-spoken-feedback-check"
719                   i18n-content="accessibilitySpokenFeedback">
720               </label>
721               <span class="controlled-setting-indicator"
722                   pref="settings.accessibility">
723               </span>
724             </span>
725           </span>
726         </div>
727       </div>
728       <div class="option-name">
729         <div class="checkbox">
730           <span class="controlled-setting-with-label">
731             <input id="accessibility-screen-magnifier-check"
732                 pref="settings.a11y.screen_magnifier" type="checkbox">
733             <span>
734               <label for="accessibility-screen-magnifier-check"
735                   i18n-content="accessibilityScreenMagnifier">
736               </label>
737               <span class="controlled-setting-indicator"
738                   pref="settings.a11y.screen_magnifier">
739               </span>
740             </span>
741           </span>
742         </div>
743       </div>
744       <div class="option-name" id="accessibility-tap-dragging">
745         <div class="checkbox">
746           <label>
747             <input id="accessibility-tap-dragging-check"
748                 pref="settings.touchpad.enable_tap_dragging" type="checkbox">
749             <span i18n-content="accessibilityTapDragging"></span>
750           </label>
751         </div>
752       </div>
753       <div class="option-name" id="accessibility-autoclick">
754         <div class="checkbox">
755           <span class="controlled-setting-with-label">
756             <input id="accessibility-autoclick-check"
757                   pref="settings.a11y.autoclick" type="checkbox">
758             <span>
759               <div>
760                 <div>
761                   <label for="accessibility-autoclick-check"
762                       i18n-content="accessibilityAutoclick">
763                   </label>
764                   <span class="controlled-setting-indicator"
765                       pref="settings.a11y.autoclick">
766                   </span>
767                 </div>
768                 <div>
769                   <label for="accessibility-autoclick-dropdown"
770                       i18n-content="accessibilityAutoclickDropdown">
771                   </label>
772                   <select id="accessibility-autoclick-dropdown" class="control"
773                     data-type="number"
774                     pref="settings.a11y.autoclick_delay_ms">
775                     <option value="200"
776                         i18n-content="autoclickDelayExtremelyShort"></option>
777                     <option value="400"
778                         i18n-content="autoclickDelayVeryShort"></option>
779                     <option value="600" i18n-content="autoclickDelayShort"></option>
780                     <option value="800" i18n-content="autoclickDelayLong"></option>
781                     <option value="1000"
782                         i18n-content="autoclickDelayVeryLong"></option>
783                   </select>
784                   <span class="controlled-setting-indicator"
785                       pref="settings.a11y.autoclick_delay_ms">
786                   </span>
787                 </div>
788               </div>
789             </span>
790           </span>
791         </div>
792       </div>
793   </section>
794 <if expr="pp_ifdef('chromeos')">
795   <section id="factory-reset-section" hidden>
796     <h3 i18n-content="factoryResetTitle"></h3>
797     <div>
798       <span class="settings-row" i18n-content="factoryResetDescription">
799       </span>
800       <button id="factory-reset-restart"
801           i18n-content="factoryResetRestart">
802       </button>
803     </div>
804   </section>
805 </if>
806 </if>
807 <if expr="not pp_ifdef('chromeos')">
808   <section id="system-section">
809     <h3 i18n-content="advancedSectionTitleSystem"></h3>
810 <if expr="not is_macosx">
811     <div class="checkbox">
812       <span class="controlled-setting-with-label">
813         <input id="backgroundModeCheckbox" pref="background_mode.enabled"
814             type="checkbox">
815         <span>
816           <label for="backgroundModeCheckbox"
817               i18n-content="backgroundModeCheckbox">
818           </label>
819           <span class="controlled-setting-indicator"
820               pref="background_mode.enabled">
821           </span>
822         </span>
823       </span>
824     </div>
825 </if>
826     <div class="checkbox">
827       <span class="controlled-setting-with-label">
828         <input id="gpu-mode-checkbox"
829             pref="hardware_acceleration_mode.enabled" type="checkbox">
830         <span>
831           <label for="gpu-mode-checkbox"
832               i18n-content="gpuModeCheckbox">
833           </label>
834           <span id="gpu-mode-reset-restart"
835               i18n-values=".innerHTML:gpuModeResetRestart">
836           </span>
837         </span>
838       </span>
839     </div>
840   </section>
841 </if>
842   <section id="reset-profile-settings-section">
843     <h3 i18n-content="resetProfileSettingsSectionTitle"></h3>
844     <div>
845       <span class="settings-row" i18n-content="resetProfileSettingsDescription">
846       </span>
847       <button id="reset-profile-settings" i18n-content="resetProfileSettings">
848       </button>
849     </div>
850   </section>
851   </div>  <!-- advanced-settings-container -->
852   </div>  <!-- advanced-settings -->
853   <footer>
854     <button id="advanced-settings-expander" class="link-button"
855         i18n-content="showAdvancedSettings">
856     </button>
857   </footer>
858   </div>