<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>