<html i18n-values="dir:textdirection;"> <head> <title></title> <style type="text/css"> body { line-height: 1.4em; background: #FFFFFF; font-size: 11pt; } html[os='mac'] body { line-height: 1.5em; background: #FFFFFF; } form { -webkit-user-select: none; } .sync-header { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; } .sync-footer { position: fixed; right: 0px; bottom: 0px; margin-right: 10px; margin-bottom: 10px; } html[dir='rtl'] .sync-footer { text-align: left; left: 0px; bottom: 0px; margin-left: 20px; } input[type='button'], input[type='submit'] { min-width: 87px; min-height: 26px; } html[os='mac'] input[type='button'], html[os='mac'] input[type='submit'] { font-size: 12pt; } #passphrase-input { margin-top: 20px; margin-bottom: 20px; } #incorrectPassphrase { margin-top: 5px; } .error { color: red; } .overlay-warning { position: absolute; display: none; left: 25px; right: 25px; top: 100px; background: white; border: 2px solid #888; border-radius: 8px; padding: 15px; box-shadow: 0.2em 0.2em 0.5em #888; } #cancel-warning-header { font-weight: bold; margin-bottom: 8px; } .overlay-warning INPUT { margin-top: 12px; float: right; margin-left: 5px; } #sync-passphrase-warning { margin-bottom: 5px; } </style> <script src="chrome://resources/js/cr.js"></script> <script> // Called once, when this html/js is loaded. function setupPassphraseDialog(args) { // Allow platform specific rules if (cr.isMac) { document.documentElement.setAttribute('os', 'mac'); } else if (!cr.isWindows) { document.documentElement.setAttribute('os', 'linux'); } document.getElementById("passphraseRejectedBody").style.display = "none"; document.getElementById("normalBody").style.display = "none"; document.getElementById("incorrectPassphrase").style.display = "none"; if (args["passphrase_creation_rejected"]) { document.getElementById("passphraseRejectedBody").style.display = "block"; } else { document.getElementById("normalBody").style.display = "block"; } if (args["passphrase_setting_rejected"]) { document.getElementById("incorrectPassphrase").style.display = "block"; } } function sendPassphraseAndClose() { var f = document.getElementById("passphraseForm"); var result = JSON.stringify({"passphrase": f.passphrase.value}); chrome.send("Passphrase", [result]); } function showCancelWarning() { document.getElementById("cancel-warning-box").style.display = "block"; document.getElementById("okButton").disabled = true; document.getElementById("cancelButton").disabled = true; } function hideCancelWarning() { document.getElementById("cancel-warning-box").style.display = "none"; document.getElementById("okButton").disabled = false; document.getElementById("cancelButton").disabled = false; } function goToDashboard() { chrome.send("GoToDashboard", [""]); chrome.send("DialogClose", [""]); } </script> </head> <body i18n-values=".style.fontFamily:fontfamily" onload="setupPassphraseDialog(JSON.parse(chrome.dialogArguments));"> <form id="passphraseForm" onSubmit="sendPassphraseAndClose(); return false;"> <div id="enter-passphrase"> <div class="sync-header" id="enterTitle" i18n-content="enterPassphraseTitle"></div> <div class="sync-instructions-start-hidden" id="normalBody" i18n-content="enterPassphraseBody"></div> <div class="sync-instructions-start-hidden" id="passphraseRejectedBody" i18n-content="enterOtherPassphraseBody"></div> </div> <div id="passphrase-input"> <label id="passphraseLabel" name="passphraseLabel" for="passphrase" i18n-content="passphraseLabel"> </label> <input id="passphrase" name="passphrase" type="password" /> <div class="error" id="incorrectPassphrase" i18n-content="incorrectPassphrase"> </div> </div> <span id="sync-passphrase-warning" i18n-content="passphraseRecover"> </span> <a id="clear-data-link" i18n-content="cleardatalink" href="#" onclick="goToDashboard(); return false;"></a> <div class="overlay-warning" id="cancel-warning-box"> <div id="cancel-warning-header" i18n-content="cancelWarningHeader"></div> <div id="cancel-warning" i18n-content="cancelWarning"></div> <input id="cancel-no-button" type="submit" i18n-values="value:no" onclick="hideCancelWarning(); return false;" /> <input id="cancel-yes-button" type="submit" i18n-values="value:yes" onclick="chrome.send('PassphraseCancel', ['']); return false;" /> </div> <div class="sync-footer"> <input id="okButton" type="submit" i18n-values="value:ok" /> <input id="cancelButton" type="button" i18n-values="value:cancel" onclick="showCancelWarning(); return false;" /> </div> </form> </body> </html>