<!DOCTYPE html>
<html>
<!--
This page is a simple testing environment for gaia_login.html to help
iterate on the design without having to compile and launch the
browser. Note that you must supply the "--allow-file-access-from-files"
for the chrome you are using to load this page for this to work.
-->
<style>
body {
background-color: #d0d0d0;
}
#iframe {
height: 375px;
width: 421px;
border: 0px;
float: left;
}
#options {
float: left;
}
</style>
<script>
function gel(id) {
return document.getElementById(id);
}
function get_selected_value(el) {
for (var i = 0; i < el.length; ++i) {
if (el[i].checked)
return el[i].value;
}
return null;
}
function set_up_testing() {
var win = window.frames[0];
var doc = win.document;
var form = gel("form");
form.addEventListener("change", function() { update(); }, true);
win.JSON = {};
win.JSON.parse = function() {
return {
error: get_selected_value(form.error),
user: "homer@gmail.com",
captchaUrl: "https://www.google.com/accounts/Captcha"
};
};
console.log(win.JSON.parse());
set_text("introduction",
"Chromium sync makes it easy to share your data (such as " +
"bookmarks and preferences) between your computers. Chromium " +
"synchronizes your data by storing it online with Google when " +
"you login with your Google Account.");
set_text("settingupsync", "Setting up sync");
set_text("errorsigningin", "Error signing in.");
set_text("signinsuffix", "Account");
set_text("emaillabel", "Email:");
set_text("cannotbeblank", "cannotbeblank");
set_text("passwordlabel", "Password:");
set_text("invalidcredentials", "Invalid user name or password.");
set_text("captchainstructions",
"Enter the correct password above and then type the characters " +
"you see in the picture below.");
set_text("couldnotconnect", "Could not connect to the server");
set_text("value:signin", "Sign in");
set_text("href:cannotaccessaccounturl", "href:cannotaccessaccounturl");
set_text("cannotaccessaccount", "I cannot access my account");
set_text("href:createnewaccounturl", "href:createnewaccounturl");
set_text("createaccount", "Create a Google account");
set_text("value:cancel", "Cancel");
function set_text(id, text) {
if (id.indexOf(":") >= 0) {
var node = doc.evaluate("//*[@i18n-values='" + id + "']",
doc,
null,
XPathResult.FIRST_ORDERED_NODE_TYPE,
null).singleNodeValue;
node.setAttribute(id.split(":")[0], text);
} else {
var node = doc.evaluate("//*[@i18n-content='" + id + "']",
doc,
null,
XPathResult.FIRST_ORDERED_NODE_TYPE,
null).singleNodeValue;
node.innerHTML = text;
}
}
win.initForm();
}
function update() {
window.frames[0].document.location.reload();
}
</script>
<body>
<div>
<iframe
id="iframe"
src="gaia_login.html"
onload="set_up_testing()">
</iframe>
<div id="options">
<form id="form" name="form">
<p>
<input type="radio" name="error" value="" checked> No Error
<input type="radio" name="error" value="1"> Bad Password
<input type="radio" name="error" value="3"> Lost Connection
<input type="radio" name="error" value="4"> Captcha
</p>
</form>
</div>
</div>
</body>
</html>