OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html i18n-values="dir:textdirection;lang:language"> | 2 <html dir="$i18n{textdirection}" lang="$i18n{language}"> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <link rel="import" href="chrome://resources/html/polymer.html"> | 5 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 6 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html
"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-
button.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-
button.html"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/pape
r-checkbox.html"> |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.
html"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.
html"> |
8 <link rel="import" href="signin_shared_css.html"> | 10 <link rel="import" href="signin_shared_css.html"> |
9 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> | 11 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
10 <link rel="stylesheet" href="sync_confirmation.css"></link> | 12 <link rel="stylesheet" href="sync_confirmation.css"></link> |
11 <style is="custom-style" include="signin-dialog-shared"> | 13 <style is="custom-style" include="signin-dialog-shared"> |
12 <if expr="is_macosx or is_linux"> | 14 <if expr="is_macosx or is_linux"> |
13 #undoButton { | 15 #undoButton { |
14 -webkit-margin-end: 8px; | 16 -webkit-margin-end: 8px; |
15 -webkit-margin-start: 0; | 17 -webkit-margin-start: 0; |
16 } | 18 } |
17 </if> | 19 </if> |
| 20 /* TODO(dbeam): de-duplicate this style with MD Settings. */ |
| 21 paper-checkbox { |
| 22 --paper-checkbox-checked-color: var(--google-blue-500); |
| 23 --paper-checkbox-label-color: inherit; |
| 24 --paper-checkbox-label-spacing: 18px; |
| 25 --paper-checkbox-size: 16px; |
| 26 --paper-checkbox-unchecked-color: var(--paper-grey-600); |
| 27 -webkit-margin-start: 2px; |
| 28 } |
18 </style> | 29 </style> |
19 </head> | 30 </head> |
20 <body> | 31 <body> |
21 <div class="container"> | 32 <div class="container"> |
22 <div class="top-title-bar">$i18n{syncConfirmationTitle}</div> | 33 <div class="top-title-bar">$i18n{syncConfirmationTitle}</div> |
23 <div class="details" id="syncConfirmationDetails"> | 34 <div class="details" id="syncConfirmationDetails"> |
24 <div id="picture-container"> | 35 <div id="picture-container"> |
25 <div id="illustration"> | 36 <div id="illustration"> |
26 <div id="icons"> | 37 <div id="icons"> |
27 <div id="icon-bookmarks" class="fade-top-left"></div> | 38 <div id="icon-bookmarks" class="fade-top-left"></div> |
(...skipping 21 matching lines...) Expand all Loading... |
49 </div> | 60 </div> |
50 </div> | 61 </div> |
51 <div class="message-container"> | 62 <div class="message-container"> |
52 <!-- | 63 <!-- |
53 "Chrome sync" is the Google Cloud Based services used for sync. Thus | 64 "Chrome sync" is the Google Cloud Based services used for sync. Thus |
54 this section uses the Chrome logo even for Chromium builds. | 65 this section uses the Chrome logo even for Chromium builds. |
55 --> | 66 --> |
56 <div id="chrome-logo" class="logo"></div> | 67 <div id="chrome-logo" class="logo"></div> |
57 <div> | 68 <div> |
58 <div class="title">$i18n{syncConfirmationChromeSyncTitle}</div> | 69 <div class="title">$i18n{syncConfirmationChromeSyncTitle}</div> |
59 <div class="body text" | 70 <div class="body text"> |
60 i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div> | 71 $i18nRaw{syncConfirmationChromeSyncBody} |
| 72 </div> |
61 </div> | 73 </div> |
62 </div> | 74 </div> |
63 <div class="message-container"> | 75 <div class="message-container"> |
64 <!-- | 76 <!-- |
65 This section uses the Google logo even for Chromium builds as the | 77 This section uses the Google logo even for Chromium builds as the |
66 user can personalize their Google services from this screen. | 78 user can personalize their Google services from this screen. |
67 --> | 79 --> |
68 <div id="googleg-logo" class="logo"></div> | 80 <div id="googleg-logo" class="logo"></div> |
69 <div> | 81 <div> |
70 <div class="title"> | 82 <div class="title"> |
71 $i18n{syncConfirmationPersonalizeServicesTitle} | 83 $i18n{syncConfirmationPersonalizeServicesTitle} |
72 </div> | 84 </div> |
73 <div class="body text"> | 85 <div class="body text"> |
74 $i18n{syncConfirmationPersonalizeServicesBody} | 86 $i18n{syncConfirmationPersonalizeServicesBody} |
75 </div> | 87 </div> |
76 </div> | 88 </div> |
77 </div> | 89 </div> |
78 <div class="message-container"> | 90 <div class="message-container"> |
79 <div class="body" | 91 <div class="body"> |
80 i18n-values=".innerHTML:syncConfirmationSyncSettingsLinkBody"> | 92 <paper-checkbox id="configure-before-signing-in"> |
| 93 $i18n{syncConfirmationSyncSettingsLabel} |
| 94 </paper-checkbox> |
81 </div> | 95 </div> |
82 </div> | 96 </div> |
83 </div> | 97 </div> |
84 <div class="details" id="syncDisabledDetails"> | 98 <div class="details" id="syncDisabledDetails"> |
85 <div class="body text">$i18n{syncDisabledConfirmationDetails}</div> | 99 <div class="body text">$i18n{syncDisabledConfirmationDetails}</div> |
86 </div> | 100 </div> |
87 <div class="action-container"> | 101 <div class="action-container"> |
88 <paper-button class="primary-action" id="confirmButton"> | 102 <paper-button class="primary-action" id="confirmButton"> |
89 $i18n{syncConfirmationConfirmLabel} | 103 $i18n{syncConfirmationConfirmLabel} |
90 </paper-button> | 104 </paper-button> |
91 <paper-button class="secondary-action" id="undoButton"> | 105 <paper-button class="secondary-action" id="undoButton"> |
92 $i18n{syncConfirmationUndoLabel} | 106 $i18n{syncConfirmationUndoLabel} |
93 </paper-button> | 107 </paper-button> |
94 </div> | 108 </div> |
95 </div> | 109 </div> |
96 </body> | 110 </body> |
97 <script src="chrome://resources/js/cr.js"></script> | 111 <script src="chrome://resources/js/cr.js"></script> |
98 <script src="chrome://resources/js/load_time_data.js"></script> | 112 <script src="chrome://resources/js/load_time_data.js"></script> |
99 <script src="chrome://resources/js/util.js"></script> | 113 <script src="chrome://resources/js/util.js"></script> |
100 <script src="sync_confirmation.js"></script> | 114 <script src="sync_confirmation.js"></script> |
101 <script src="chrome://sync-confirmation/strings.js"></script> | 115 <script src="chrome://sync-confirmation/strings.js"></script> |
102 <script src="chrome://resources/js/i18n_template.js"></script> | |
103 </html> | 116 </html> |
OLD | NEW |