| OLD | NEW |
| 1 <html i18n-values="dir:textdirection;"> | 1 <html i18n-values="dir:textdirection;"> |
| 2 <head> | 2 <head> |
| 3 <title></title> | 3 <title></title> |
| 4 <style type="text/css"> | 4 <style type="text/css"> |
| 5 body { | 5 body { |
| 6 line-height: 1.5em; | 6 line-height: 1.5em; |
| 7 background: #FFFFFF; | 7 background: #FFFFFF; |
| 8 font-size: 11pt; | 8 font-size: 11pt; |
| 9 } | 9 } |
| 10 html[os='mac'] body { | 10 html[os='mac'] body { |
| (...skipping 21 matching lines...) Expand all Loading... |
| 32 right: 0px; | 32 right: 0px; |
| 33 bottom: 0px; | 33 bottom: 0px; |
| 34 margin-right: 10px; | 34 margin-right: 10px; |
| 35 margin-bottom: 10px; | 35 margin-bottom: 10px; |
| 36 } | 36 } |
| 37 .sync-section { | 37 .sync-section { |
| 38 background: #EEE; | 38 background: #EEE; |
| 39 margin: 5px; | 39 margin: 5px; |
| 40 padding: 10px; | 40 padding: 10px; |
| 41 } | 41 } |
| 42 |
| 43 #learn-more-link { |
| 44 float: right; |
| 45 } |
| 46 |
| 42 html[dir='rtl'] .sync-footer { | 47 html[dir='rtl'] .sync-footer { |
| 43 text-align: left; | 48 text-align: left; |
| 44 left: 0px; | 49 left: 0px; |
| 45 bottom: 0px; | 50 bottom: 0px; |
| 46 margin-left: 20px; | 51 margin-left: 20px; |
| 47 } | 52 } |
| 48 input[type='button'], | 53 input[type='button'], |
| 49 input[type='submit'] { | 54 input[type='submit'] { |
| 50 min-width: 87px; | 55 min-width: 87px; |
| 51 min-height: 26px; | 56 min-height: 26px; |
| 52 } | 57 } |
| 53 html[os='mac'] input[type='button'], | 58 html[os='mac'] input[type='button'], |
| 54 html[os='mac'] input[type='submit'] { | 59 html[os='mac'] input[type='submit'] { |
| 55 font-size: 12pt; | 60 font-size: 12pt; |
| 56 } | 61 } |
| 57 | 62 |
| 58 #passphrase { | 63 #passphrase { |
| 59 margin-top: 5px; | 64 margin-top: 5px; |
| 60 } | 65 } |
| 61 | 66 |
| 62 #passphraseLabel, | |
| 63 #confirmPassphraseLabel { | |
| 64 width: 145px; | |
| 65 float: left; | |
| 66 text-align: right; | |
| 67 margin-right: 4px; | |
| 68 padding-top: 3px; | |
| 69 } | |
| 70 | |
| 71 </style> | 67 </style> |
| 72 <script src="chrome://resources/js/cr.js"></script> | 68 <script src="chrome://resources/js/cr.js"></script> |
| 73 <script> | 69 <script> |
| 74 var currentMode; | 70 var currentMode; |
| 75 | 71 |
| 76 // Called once, when this html/js is loaded. | 72 // Called once, when this html/js is loaded. |
| 77 function setupDialog(args) { | 73 function setupDialog(args) { |
| 78 // Allow platform specific rules | 74 // Allow platform specific rules |
| 79 if (cr.isMac) { | 75 if (cr.isMac) { |
| 80 document.documentElement.setAttribute('os', 'mac'); | 76 document.documentElement.setAttribute('os', 'mac'); |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 120 mismatchError.style.display = "none"; | 116 mismatchError.style.display = "none"; |
| 121 | 117 |
| 122 if (getRadioCheckedValue() != "explicit") { | 118 if (getRadioCheckedValue() != "explicit") { |
| 123 return true; | 119 return true; |
| 124 } | 120 } |
| 125 var f = document.getElementById("form"); | 121 var f = document.getElementById("form"); |
| 126 if (f.passphrase.value.length == 0) { | 122 if (f.passphrase.value.length == 0) { |
| 127 emptyError.style.display = "block"; | 123 emptyError.style.display = "block"; |
| 128 return false; | 124 return false; |
| 129 } | 125 } |
| 130 if (f.confirmpassphrase.value.length > 0 && | 126 if (f.confirmpassphrase.value != f.passphrase.value) { |
| 131 f.confirmpassphrase.value != f.passphrase.value) { | |
| 132 mismatchError.style.display = "block"; | 127 mismatchError.style.display = "block"; |
| 133 return false; | 128 return false; |
| 134 } | 129 } |
| 135 return true; | 130 return true; |
| 136 } | 131 } |
| 137 | 132 |
| 138 function sendValuesAndClose() { | 133 function sendValuesAndClose() { |
| 139 var f = document.getElementById("form"); | 134 var f = document.getElementById("form"); |
| 140 if (!checkPassphraseMatch()) { | 135 if (!checkPassphraseMatch()) { |
| 141 return false; | 136 return false; |
| (...skipping 10 matching lines...) Expand all Loading... |
| 152 <div class="sync-header" id="title" i18n-content="title"></div> | 147 <div class="sync-header" id="title" i18n-content="title"></div> |
| 153 <div class="sync-instructions" id="instructions" | 148 <div class="sync-instructions" id="instructions" |
| 154 i18n-content="instructions"></div> | 149 i18n-content="instructions"></div> |
| 155 <div> | 150 <div> |
| 156 <input name="option" type="radio" value="google" onchange="onRadioChange();"
> | 151 <input name="option" type="radio" value="google" onchange="onRadioChange();"
> |
| 157 <span i18n-content="googleOption"></span> | 152 <span i18n-content="googleOption"></span> |
| 158 </input> | 153 </input> |
| 159 </div> | 154 </div> |
| 160 <div> | 155 <div> |
| 161 <input name="option" type="radio" value="explicit" onchange="onRadioChange()
;"> | 156 <input name="option" type="radio" value="explicit" onchange="onRadioChange()
;"> |
| 157 <div id="learn-more-link"> |
| 158 <a i18n-values="href:encryptionhelpurl" target="_blank" |
| 159 i18n-content="learnmore"></a> |
| 160 </div> |
| 162 <span i18n-content="explicitOption"></span> | 161 <span i18n-content="explicitOption"></span> |
| 163 </input> | 162 </input> |
| 164 </div> | 163 </div> |
| 165 <div> | 164 <div> |
| 166 <input name="option" type="radio" value="nothanks" onchange="onRadioChange()
;"> | 165 <input name="option" type="radio" value="nothanks" onchange="onRadioChange()
;"> |
| 167 <span i18n-content="nothanksOption"></span> | 166 <span i18n-content="nothanksOption"></span> |
| 168 </input> | 167 </input> |
| 169 </div> | 168 </div> |
| 170 | 169 |
| 171 <div class="sync-section" id="section-google"> | 170 <div class="sync-section" id="section-google"> |
| 172 <div i18n-content="sectionGoogleMessage"></div> | 171 <div i18n-content="sectionGoogleMessage"></div> |
| 173 </div> | 172 </div> |
| 174 <div class="sync-section" id="section-explicit"> | 173 <div class="sync-section" id="section-explicit"> |
| 175 <div i18n-content="sectionExplicitMessage"></div> | 174 <div i18n-content="sectionExplicitMessage"></div> |
| 176 <div> | 175 <div> |
| 177 <div i18n-content="passphraseLabel" id="passphraseLabel"></div> | 176 <div i18n-content="passphraseLabel" id="passphraseLabel"></div> |
| 178 <input id="passphrase" name="passphrase" label="passphraseLabel" | 177 <input id="passphrase" name="passphrase" label="passphraseLabel" |
| 179 type="password" onkeyup="checkPassphraseMatch();" | 178 type="password"/> |
| 180 onchange="checkPassphraseMatch();"/> | |
| 181 </div> | 179 </div> |
| 182 <div> | 180 <div> |
| 183 <div i18n-content="confirmLabel" id="confirmPassphraseLabel"> | 181 <div i18n-content="confirmLabel" id="confirmPassphraseLabel"> |
| 184 </div> | 182 </div> |
| 185 <input id="confirmpassphrase" name="confirmpassphrase" type="password" | 183 <input id="confirmpassphrase" name="confirmpassphrase" type="password" |
| 186 label="confirmPassphraseLabel" | 184 label="confirmPassphraseLabel" /> |
| 187 onkeyup="checkPassphraseMatch();" | |
| 188 onchange="checkPassphraseMatch();" /> | |
| 189 </div> | 185 </div> |
| 190 <div class="error" style="display:none" | 186 <div class="error" style="display:none" |
| 191 id="emptyerror" i18n-content="emptyErrorMessage"></div> | 187 id="emptyerror" i18n-content="emptyErrorMessage"></div> |
| 192 <div class="error" style="display:none" | 188 <div class="error" style="display:none" |
| 193 id="mismatcherror" i18n-content="mismatchErrorMessage"></div> | 189 id="mismatcherror" i18n-content="mismatchErrorMessage"></div> |
| 194 </div> | 190 </div> |
| 195 <div class="sync-section" id="section-nothanks"> | 191 <div class="sync-section" id="section-nothanks"> |
| 196 <div i18n-content="sectionNothanksMessage"></div> | 192 <div i18n-content="sectionNothanksMessage"></div> |
| 197 </div> | 193 </div> |
| 198 | 194 |
| 199 <div class="sync-footer"> | 195 <div class="sync-footer"> |
| 200 <input id="okButton" type="submit" i18n-values="value:ok" /> | 196 <input id="okButton" type="submit" i18n-values="value:ok" /> |
| 201 </div> | 197 </div> |
| 202 </form> | 198 </form> |
| 203 </body> | 199 </body> |
| 204 </html> | 200 </html> |
| OLD | NEW |