563 lines
19 KiB
JavaScript
563 lines
19 KiB
JavaScript
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
|
* You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
Components.utils.import("resource://services-sync/main.js");
|
|
Components.utils.import("resource://gre/modules/Services.jsm");
|
|
|
|
XPCOMUtils.defineLazyGetter(this, "FxAccountsCommon", function () {
|
|
return Components.utils.import("resource://gre/modules/FxAccountsCommon.js", {});
|
|
});
|
|
|
|
XPCOMUtils.defineLazyModuleGetter(this, "fxAccounts",
|
|
"resource://gre/modules/FxAccounts.jsm");
|
|
|
|
const PAGE_NO_ACCOUNT = 0;
|
|
const PAGE_HAS_ACCOUNT = 1;
|
|
const PAGE_NEEDS_UPDATE = 2;
|
|
const FXA_PAGE_LOGGED_OUT = 3;
|
|
const FXA_PAGE_LOGGED_IN = 4;
|
|
|
|
// Indexes into the "login status" deck.
|
|
// We are in a successful verified state - everything should work!
|
|
const FXA_LOGIN_VERIFIED = 0;
|
|
// We have logged in to an unverified account.
|
|
const FXA_LOGIN_UNVERIFIED = 1;
|
|
// We are logged in locally, but the server rejected our credentials.
|
|
const FXA_LOGIN_FAILED = 2;
|
|
|
|
var gSyncPane = {
|
|
prefArray: ["engine.bookmarks", "engine.passwords", "engine.prefs",
|
|
"engine.tabs", "engine.history"],
|
|
|
|
get page() {
|
|
return document.getElementById("weavePrefsDeck").selectedIndex;
|
|
},
|
|
|
|
set page(val) {
|
|
document.getElementById("weavePrefsDeck").selectedIndex = val;
|
|
},
|
|
|
|
get _usingCustomServer() {
|
|
return Weave.Svc.Prefs.isSet("serverURL");
|
|
},
|
|
|
|
needsUpdate: function () {
|
|
this.page = PAGE_NEEDS_UPDATE;
|
|
let label = document.getElementById("loginError");
|
|
label.textContent = Weave.Utils.getErrorString(Weave.Status.login);
|
|
label.className = "error";
|
|
},
|
|
|
|
init: function () {
|
|
this._setupEventListeners();
|
|
|
|
// If the Service hasn't finished initializing, wait for it.
|
|
let xps = Components.classes["@mozilla.org/weave/service;1"]
|
|
.getService(Components.interfaces.nsISupports)
|
|
.wrappedJSObject;
|
|
|
|
if (xps.ready) {
|
|
this._init();
|
|
return;
|
|
}
|
|
|
|
// it may take some time before we can determine what provider to use
|
|
// and the state of that provider, so show the "please wait" page.
|
|
this._showLoadPage(xps);
|
|
|
|
let onUnload = function () {
|
|
window.removeEventListener("unload", onUnload, false);
|
|
try {
|
|
Services.obs.removeObserver(onReady, "weave:service:ready");
|
|
} catch (e) {}
|
|
};
|
|
|
|
let onReady = function () {
|
|
Services.obs.removeObserver(onReady, "weave:service:ready");
|
|
window.removeEventListener("unload", onUnload, false);
|
|
this._init();
|
|
}.bind(this);
|
|
|
|
Services.obs.addObserver(onReady, "weave:service:ready", false);
|
|
window.addEventListener("unload", onUnload, false);
|
|
|
|
xps.ensureLoaded();
|
|
},
|
|
|
|
_showLoadPage: function (xps) {
|
|
let username;
|
|
try {
|
|
username = Services.prefs.getCharPref("services.sync.username");
|
|
} catch (e) {}
|
|
if (!username) {
|
|
this.page = FXA_PAGE_LOGGED_OUT;
|
|
} else {
|
|
this.page = PAGE_HAS_ACCOUNT;
|
|
}
|
|
},
|
|
|
|
_init: function () {
|
|
let topics = ["weave:service:login:error",
|
|
"weave:service:login:finish",
|
|
"weave:service:start-over:finish",
|
|
"weave:service:setup-complete",
|
|
"weave:service:logout:finish",
|
|
FxAccountsCommon.ONVERIFIED_NOTIFICATION,
|
|
FxAccountsCommon.ONLOGIN_NOTIFICATION,
|
|
FxAccountsCommon.ON_PROFILE_CHANGE_NOTIFICATION,
|
|
];
|
|
// Add the observers now and remove them on unload
|
|
// XXXzpao This should use Services.obs.* but Weave's Obs does nice handling
|
|
// of `this`. Fix in a followup. (bug 583347)
|
|
topics.forEach(function (topic) {
|
|
Weave.Svc.Obs.add(topic, this.updateWeavePrefs, this);
|
|
}, this);
|
|
|
|
window.addEventListener("unload", function() {
|
|
topics.forEach(function (topic) {
|
|
Weave.Svc.Obs.remove(topic, this.updateWeavePrefs, this);
|
|
}, gSyncPane);
|
|
}, false);
|
|
|
|
XPCOMUtils.defineLazyGetter(this, '_stringBundle', () => {
|
|
return Services.strings.createBundle("chrome://browser/locale/preferences/preferences.properties");
|
|
});
|
|
|
|
XPCOMUtils.defineLazyGetter(this, '_accountsStringBundle', () => {
|
|
return Services.strings.createBundle("chrome://browser/locale/accounts.properties");
|
|
});
|
|
|
|
let url = Services.prefs.getCharPref("identity.mobilepromo.android") + "sync-preferences";
|
|
document.getElementById("fxaMobilePromo-android").setAttribute("href", url);
|
|
document.getElementById("fxaMobilePromo-android-hasFxaAccount").setAttribute("href", url);
|
|
url = Services.prefs.getCharPref("identity.mobilepromo.ios") + "sync-preferences";
|
|
document.getElementById("fxaMobilePromo-ios").setAttribute("href", url);
|
|
document.getElementById("fxaMobilePromo-ios-hasFxaAccount").setAttribute("href", url);
|
|
|
|
document.getElementById("tosPP-small-ToS").setAttribute("href", gSyncUtils.tosURL);
|
|
document.getElementById("tosPP-normal-ToS").setAttribute("href", gSyncUtils.tosURL);
|
|
document.getElementById("tosPP-small-PP").setAttribute("href", gSyncUtils.privacyPolicyURL);
|
|
document.getElementById("tosPP-normal-PP").setAttribute("href", gSyncUtils.privacyPolicyURL);
|
|
|
|
fxAccounts.promiseAccountsManageURI(this._getEntryPoint()).then(url => {
|
|
document.getElementById("verifiedManage").setAttribute("href", url);
|
|
});
|
|
|
|
this.updateWeavePrefs();
|
|
|
|
this._initProfileImageUI();
|
|
},
|
|
|
|
_toggleComputerNameControls: function(editMode) {
|
|
let textbox = document.getElementById("fxaSyncComputerName");
|
|
textbox.disabled = !editMode;
|
|
document.getElementById("fxaChangeDeviceName").hidden = editMode;
|
|
document.getElementById("fxaCancelChangeDeviceName").hidden = !editMode;
|
|
document.getElementById("fxaSaveChangeDeviceName").hidden = !editMode;
|
|
},
|
|
|
|
_focusComputerNameTextbox: function() {
|
|
let textbox = document.getElementById("fxaSyncComputerName");
|
|
let valLength = textbox.value.length;
|
|
textbox.focus();
|
|
textbox.setSelectionRange(valLength, valLength);
|
|
},
|
|
|
|
_blurComputerNameTextbox: function() {
|
|
document.getElementById("fxaSyncComputerName").blur();
|
|
},
|
|
|
|
_focusAfterComputerNameTextbox: function() {
|
|
// Focus the most appropriate element that's *not* the "computer name" box.
|
|
Services.focus.moveFocus(window,
|
|
document.getElementById("fxaSyncComputerName"),
|
|
Services.focus.MOVEFOCUS_FORWARD, 0);
|
|
},
|
|
|
|
_updateComputerNameValue: function(save) {
|
|
if (save) {
|
|
let textbox = document.getElementById("fxaSyncComputerName");
|
|
Weave.Service.clientsEngine.localName = textbox.value;
|
|
}
|
|
this._populateComputerName(Weave.Service.clientsEngine.localName);
|
|
},
|
|
|
|
_setupEventListeners: function() {
|
|
function setEventListener(aId, aEventType, aCallback)
|
|
{
|
|
document.getElementById(aId)
|
|
.addEventListener(aEventType, aCallback.bind(gSyncPane));
|
|
}
|
|
|
|
setEventListener("noAccountSetup", "click", function (aEvent) {
|
|
aEvent.stopPropagation();
|
|
gSyncPane.openSetup(null);
|
|
});
|
|
setEventListener("noAccountPair", "click", function (aEvent) {
|
|
aEvent.stopPropagation();
|
|
gSyncPane.openSetup('pair');
|
|
});
|
|
setEventListener("syncChangePassword", "command",
|
|
() => gSyncUtils.changePassword());
|
|
setEventListener("syncResetPassphrase", "command",
|
|
() => gSyncUtils.resetPassphrase());
|
|
setEventListener("syncReset", "command", gSyncPane.resetSync);
|
|
setEventListener("syncAddDeviceLabel", "click", function () {
|
|
gSyncPane.openAddDevice();
|
|
return false;
|
|
});
|
|
setEventListener("syncEnginesList", "select", function () {
|
|
if (this.selectedCount)
|
|
this.clearSelection();
|
|
});
|
|
setEventListener("syncComputerName", "change", function (e) {
|
|
gSyncUtils.changeName(e.target);
|
|
});
|
|
setEventListener("fxaChangeDeviceName", "command", function () {
|
|
this._toggleComputerNameControls(true);
|
|
this._focusComputerNameTextbox();
|
|
});
|
|
setEventListener("fxaCancelChangeDeviceName", "command", function () {
|
|
// We explicitly blur the textbox because of bug 75324, then after
|
|
// changing the state of the buttons, force focus to whatever the focus
|
|
// manager thinks should be next (which on the mac, depends on an OSX
|
|
// keyboard access preference)
|
|
this._blurComputerNameTextbox();
|
|
this._toggleComputerNameControls(false);
|
|
this._updateComputerNameValue(false);
|
|
this._focusAfterComputerNameTextbox();
|
|
});
|
|
setEventListener("fxaSaveChangeDeviceName", "command", function () {
|
|
// Work around bug 75324 - see above.
|
|
this._blurComputerNameTextbox();
|
|
this._toggleComputerNameControls(false);
|
|
this._updateComputerNameValue(true);
|
|
this._focusAfterComputerNameTextbox();
|
|
});
|
|
setEventListener("unlinkDevice", "click", function () {
|
|
gSyncPane.startOver(true);
|
|
return false;
|
|
});
|
|
setEventListener("loginErrorUpdatePass", "click", function () {
|
|
gSyncPane.updatePass();
|
|
return false;
|
|
});
|
|
setEventListener("loginErrorResetPass", "click", function () {
|
|
gSyncPane.resetPass();
|
|
return false;
|
|
});
|
|
setEventListener("loginErrorStartOver", "click", function () {
|
|
gSyncPane.startOver(true);
|
|
return false;
|
|
});
|
|
setEventListener("noFxaSignUp", "command", function () {
|
|
gSyncPane.signUp();
|
|
return false;
|
|
});
|
|
setEventListener("noFxaSignIn", "command", function () {
|
|
gSyncPane.signIn();
|
|
return false;
|
|
});
|
|
setEventListener("fxaUnlinkButton", "command", function () {
|
|
gSyncPane.unlinkFirefoxAccount(true);
|
|
});
|
|
setEventListener("verifyFxaAccount", "command",
|
|
gSyncPane.verifyFirefoxAccount);
|
|
setEventListener("unverifiedUnlinkFxaAccount", "command", function () {
|
|
/* no warning as account can't have previously synced */
|
|
gSyncPane.unlinkFirefoxAccount(false);
|
|
});
|
|
setEventListener("rejectReSignIn", "command",
|
|
gSyncPane.reSignIn);
|
|
setEventListener("rejectUnlinkFxaAccount", "command", function () {
|
|
gSyncPane.unlinkFirefoxAccount(true);
|
|
});
|
|
setEventListener("fxaSyncComputerName", "keypress", function (e) {
|
|
if (e.keyCode == KeyEvent.DOM_VK_RETURN) {
|
|
document.getElementById("fxaSaveChangeDeviceName").click();
|
|
} else if (e.keyCode == KeyEvent.DOM_VK_ESCAPE) {
|
|
document.getElementById("fxaCancelChangeDeviceName").click();
|
|
}
|
|
});
|
|
},
|
|
|
|
_initProfileImageUI: function () {
|
|
try {
|
|
if (Services.prefs.getBoolPref("identity.fxaccounts.profile_image.enabled")) {
|
|
document.getElementById("fxaProfileImage").hidden = false;
|
|
}
|
|
} catch (e) { }
|
|
},
|
|
|
|
updateWeavePrefs: function () {
|
|
let service = Components.classes["@mozilla.org/weave/service;1"]
|
|
.getService(Components.interfaces.nsISupports)
|
|
.wrappedJSObject;
|
|
if (Weave.Status.service == Weave.CLIENT_NOT_CONFIGURED ||
|
|
Weave.Svc.Prefs.get("firstSync", "") == "notReady") {
|
|
this.page = PAGE_NO_ACCOUNT;
|
|
// else: sync was previously configured for the legacy provider, so we
|
|
// make the "old" panels available.
|
|
} else if (Weave.Status.login == Weave.LOGIN_FAILED_INVALID_PASSPHRASE ||
|
|
Weave.Status.login == Weave.LOGIN_FAILED_LOGIN_REJECTED) {
|
|
this.needsUpdate();
|
|
} else {
|
|
this.page = PAGE_HAS_ACCOUNT;
|
|
document.getElementById("accountName").textContent = Weave.Service.identity.account;
|
|
document.getElementById("syncComputerName").value = Weave.Service.clientsEngine.localName;
|
|
document.getElementById("tosPP-normal").hidden = this._usingCustomServer;
|
|
}
|
|
},
|
|
|
|
startOver: function (showDialog) {
|
|
if (showDialog) {
|
|
let flags = Services.prompt.BUTTON_POS_0 * Services.prompt.BUTTON_TITLE_IS_STRING +
|
|
Services.prompt.BUTTON_POS_1 * Services.prompt.BUTTON_TITLE_CANCEL +
|
|
Services.prompt.BUTTON_POS_1_DEFAULT;
|
|
let buttonChoice =
|
|
Services.prompt.confirmEx(window,
|
|
this._stringBundle.GetStringFromName("syncUnlink.title"),
|
|
this._stringBundle.GetStringFromName("syncUnlink.label"),
|
|
flags,
|
|
this._stringBundle.GetStringFromName("syncUnlinkConfirm.label"),
|
|
null, null, null, {});
|
|
|
|
// If the user selects cancel, just bail
|
|
if (buttonChoice == 1)
|
|
return;
|
|
}
|
|
|
|
Weave.Service.startOver();
|
|
this.updateWeavePrefs();
|
|
},
|
|
|
|
updatePass: function () {
|
|
if (Weave.Status.login == Weave.LOGIN_FAILED_LOGIN_REJECTED)
|
|
gSyncUtils.changePassword();
|
|
else
|
|
gSyncUtils.updatePassphrase();
|
|
},
|
|
|
|
resetPass: function () {
|
|
if (Weave.Status.login == Weave.LOGIN_FAILED_LOGIN_REJECTED)
|
|
gSyncUtils.resetPassword();
|
|
else
|
|
gSyncUtils.resetPassphrase();
|
|
},
|
|
|
|
_getEntryPoint: function () {
|
|
let params = new URLSearchParams(document.URL.split("#")[0].split("?")[1] || "");
|
|
return params.get("entrypoint") || "preferences";
|
|
},
|
|
|
|
_openAboutAccounts: function(action) {
|
|
let entryPoint = this._getEntryPoint();
|
|
let params = new URLSearchParams();
|
|
if (action) {
|
|
params.set("action", action);
|
|
}
|
|
params.set("entrypoint", entryPoint);
|
|
|
|
this.replaceTabWithUrl("about:accounts?" + params);
|
|
},
|
|
|
|
/**
|
|
* Invoke the Sync setup wizard.
|
|
*
|
|
* @param wizardType
|
|
* Indicates type of wizard to launch:
|
|
* null -- regular set up wizard
|
|
* "pair" -- pair a device first
|
|
* "reset" -- reset sync
|
|
*/
|
|
openSetup: function (wizardType) {
|
|
let service = Components.classes["@mozilla.org/weave/service;1"]
|
|
.getService(Components.interfaces.nsISupports)
|
|
.wrappedJSObject;
|
|
|
|
let win = Services.wm.getMostRecentWindow("Weave:AccountSetup");
|
|
if (win)
|
|
win.focus();
|
|
else {
|
|
window.openDialog("chrome://browser/content/sync/setup.xul",
|
|
"weaveSetup", "centerscreen,chrome,resizable=no",
|
|
wizardType);
|
|
}
|
|
},
|
|
|
|
openContentInBrowser: function(url, options) {
|
|
let win = Services.wm.getMostRecentWindow("navigator:browser");
|
|
if (!win) {
|
|
// no window to use, so use _openLink to create a new one. We don't
|
|
// always use that as it prefers to open a new window rather than use
|
|
// an existing one.
|
|
gSyncUtils._openLink(url);
|
|
return;
|
|
}
|
|
win.switchToTabHavingURI(url, true, options);
|
|
},
|
|
|
|
// Replace the current tab with the specified URL.
|
|
replaceTabWithUrl(url) {
|
|
// Get the <browser> element hosting us.
|
|
let browser = window.QueryInterface(Ci.nsIInterfaceRequestor)
|
|
.getInterface(Ci.nsIWebNavigation)
|
|
.QueryInterface(Ci.nsIDocShell)
|
|
.chromeEventHandler;
|
|
// And tell it to load our URL.
|
|
browser.loadURI(url);
|
|
},
|
|
|
|
signUp: function() {
|
|
this._openAboutAccounts("signup");
|
|
},
|
|
|
|
signIn: function() {
|
|
this._openAboutAccounts("signin");
|
|
},
|
|
|
|
reSignIn: function() {
|
|
this._openAboutAccounts("reauth");
|
|
},
|
|
|
|
|
|
clickOrSpaceOrEnterPressed: function(event) {
|
|
// Note: charCode is deprecated, but 'char' not yet implemented.
|
|
// Replace charCode with char when implemented, see Bug 680830
|
|
return ((event.type == "click" && event.button == 0) ||
|
|
(event.type == "keypress" &&
|
|
(event.charCode == KeyEvent.DOM_VK_SPACE || event.keyCode == KeyEvent.DOM_VK_RETURN)));
|
|
},
|
|
|
|
openChangeProfileImage: function(event) {
|
|
if (this.clickOrSpaceOrEnterPressed(event)) {
|
|
fxAccounts.promiseAccountsChangeProfileURI(this._getEntryPoint(), "avatar")
|
|
.then(url => {
|
|
this.openContentInBrowser(url, {
|
|
replaceQueryString: true
|
|
});
|
|
});
|
|
// Prevent page from scrolling on the space key.
|
|
event.preventDefault();
|
|
}
|
|
},
|
|
|
|
openManageFirefoxAccount: function(event) {
|
|
if (this.clickOrSpaceOrEnterPressed(event)) {
|
|
this.manageFirefoxAccount();
|
|
// Prevent page from scrolling on the space key.
|
|
event.preventDefault();
|
|
}
|
|
},
|
|
|
|
manageFirefoxAccount: function() {
|
|
fxAccounts.promiseAccountsManageURI(this._getEntryPoint())
|
|
.then(url => {
|
|
this.openContentInBrowser(url, {
|
|
replaceQueryString: true
|
|
});
|
|
});
|
|
},
|
|
|
|
verifyFirefoxAccount: function() {
|
|
let showVerifyNotification = (data) => {
|
|
let isError = !data;
|
|
let maybeNot = isError ? "Not" : "";
|
|
let sb = this._accountsStringBundle;
|
|
let title = sb.GetStringFromName("verification" + maybeNot + "SentTitle");
|
|
let email = !isError && data ? data.email : "";
|
|
let body = sb.formatStringFromName("verification" + maybeNot + "SentBody", [email], 1);
|
|
new Notification(title, { body })
|
|
}
|
|
|
|
let onError = () => {
|
|
showVerifyNotification();
|
|
};
|
|
|
|
let onSuccess = data => {
|
|
if (data) {
|
|
showVerifyNotification(data);
|
|
} else {
|
|
onError();
|
|
}
|
|
};
|
|
|
|
fxAccounts.resendVerificationEmail()
|
|
.then(fxAccounts.getSignedInUser, onError)
|
|
.then(onSuccess, onError);
|
|
},
|
|
|
|
openOldSyncSupportPage: function() {
|
|
let url = Services.urlFormatter.formatURLPref("app.support.baseURL") + "old-sync";
|
|
this.openContentInBrowser(url);
|
|
},
|
|
|
|
unlinkFirefoxAccount: function(confirm) {
|
|
if (confirm) {
|
|
// We use a string bundle shared with aboutAccounts.
|
|
let sb = Services.strings.createBundle("chrome://browser/locale/syncSetup.properties");
|
|
let disconnectLabel = sb.GetStringFromName("disconnect.label");
|
|
let title = sb.GetStringFromName("disconnect.verify.title");
|
|
let body = sb.GetStringFromName("disconnect.verify.bodyHeading") +
|
|
"\n\n" +
|
|
sb.GetStringFromName("disconnect.verify.bodyText");
|
|
let ps = Services.prompt;
|
|
let buttonFlags = (ps.BUTTON_POS_0 * ps.BUTTON_TITLE_IS_STRING) +
|
|
(ps.BUTTON_POS_1 * ps.BUTTON_TITLE_CANCEL) +
|
|
ps.BUTTON_POS_1_DEFAULT;
|
|
|
|
let factory = Cc["@mozilla.org/prompter;1"]
|
|
.getService(Ci.nsIPromptFactory);
|
|
let prompt = factory.getPrompt(window, Ci.nsIPrompt);
|
|
let bag = prompt.QueryInterface(Ci.nsIWritablePropertyBag2);
|
|
bag.setPropertyAsBool("allowTabModal", true);
|
|
|
|
let pressed = prompt.confirmEx(title, body, buttonFlags,
|
|
disconnectLabel, null, null, null, {});
|
|
|
|
if (pressed != 0) { // 0 is the "continue" button
|
|
return;
|
|
}
|
|
}
|
|
fxAccounts.signOut().then(() => {
|
|
this.updateWeavePrefs();
|
|
});
|
|
},
|
|
|
|
openQuotaDialog: function () {
|
|
let win = Services.wm.getMostRecentWindow("Sync:ViewQuota");
|
|
if (win) {
|
|
win.focus();
|
|
} else {
|
|
window.openDialog("chrome://browser/content/sync/quota.xul", "",
|
|
"centerscreen,chrome,dialog,modal");
|
|
}
|
|
},
|
|
|
|
openAddDevice: function () {
|
|
if (!Weave.Utils.ensureMPUnlocked())
|
|
return;
|
|
|
|
let win = Services.wm.getMostRecentWindow("Sync:AddDevice");
|
|
if (win)
|
|
win.focus();
|
|
else
|
|
window.openDialog("chrome://browser/content/sync/addDevice.xul",
|
|
"syncAddDevice", "centerscreen,chrome,resizable=no");
|
|
},
|
|
|
|
resetSync: function () {
|
|
this.openSetup("reset");
|
|
},
|
|
|
|
_populateComputerName(value) {
|
|
let textbox = document.getElementById("fxaSyncComputerName");
|
|
if (!textbox.hasAttribute("placeholder")) {
|
|
textbox.setAttribute("placeholder",
|
|
Weave.Utils.getDefaultDeviceName());
|
|
}
|
|
textbox.value = value;
|
|
},
|
|
};
|