55a94e6bc8
This rewrites the lazy getters, so that the lazy getter is defined at the call point, which makes it easier for linters to understand what is being defined. In some cases, the log is not being used, so the definition code is removed. Differential Revision: https://phabricator.services.mozilla.com/D149716
404 lines
15 KiB
JavaScript
404 lines
15 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/. */
|
|
|
|
/**
|
|
* Injects the form autofill section into about:preferences.
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
var EXPORTED_SYMBOLS = ["FormAutofillPreferences"];
|
|
|
|
// Add addresses enabled flag in telemetry environment for recording the number of
|
|
// users who disable/enable the address autofill feature.
|
|
const BUNDLE_URI = "chrome://formautofill/locale/formautofill.properties";
|
|
const MANAGE_ADDRESSES_URL =
|
|
"chrome://formautofill/content/manageAddresses.xhtml";
|
|
const MANAGE_CREDITCARDS_URL =
|
|
"chrome://formautofill/content/manageCreditCards.xhtml";
|
|
|
|
const { Services } = ChromeUtils.import("resource://gre/modules/Services.jsm");
|
|
const { FormAutofill } = ChromeUtils.import(
|
|
"resource://autofill/FormAutofill.jsm"
|
|
);
|
|
const { FormAutofillUtils } = ChromeUtils.import(
|
|
"resource://autofill/FormAutofillUtils.jsm"
|
|
);
|
|
const { AppConstants } = ChromeUtils.import(
|
|
"resource://gre/modules/AppConstants.jsm"
|
|
);
|
|
const lazy = {};
|
|
ChromeUtils.defineModuleGetter(
|
|
lazy,
|
|
"OSKeyStore",
|
|
"resource://gre/modules/OSKeyStore.jsm"
|
|
);
|
|
|
|
const {
|
|
ENABLED_AUTOFILL_ADDRESSES_PREF,
|
|
ENABLED_AUTOFILL_CREDITCARDS_PREF,
|
|
ENABLED_AUTOFILL_CREDITCARDS_REAUTH_PREF,
|
|
} = FormAutofill;
|
|
const {
|
|
MANAGE_ADDRESSES_KEYWORDS,
|
|
EDIT_ADDRESS_KEYWORDS,
|
|
MANAGE_CREDITCARDS_KEYWORDS,
|
|
EDIT_CREDITCARD_KEYWORDS,
|
|
} = FormAutofillUtils;
|
|
// Add credit card enabled flag in telemetry environment for recording the number of
|
|
// users who disable/enable the credit card autofill feature.
|
|
|
|
const HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
|
|
function FormAutofillPreferences() {
|
|
this.bundle = Services.strings.createBundle(BUNDLE_URI);
|
|
}
|
|
|
|
FormAutofillPreferences.prototype = {
|
|
/**
|
|
* Create the Form Autofill preference group.
|
|
*
|
|
* @param {HTMLDocument} document
|
|
* @returns {XULElement}
|
|
*/
|
|
init(document) {
|
|
this.createPreferenceGroup(document);
|
|
this.attachEventListeners();
|
|
|
|
return this.refs.formAutofillFragment;
|
|
},
|
|
|
|
/**
|
|
* Remove event listeners and the preference group.
|
|
*/
|
|
uninit() {
|
|
this.detachEventListeners();
|
|
this.refs.formAutofillGroup.remove();
|
|
},
|
|
|
|
/**
|
|
* Create Form Autofill preference group
|
|
*
|
|
* @param {HTMLDocument} document
|
|
*/
|
|
createPreferenceGroup(document) {
|
|
let addressLearnMoreURL =
|
|
Services.urlFormatter.formatURLPref("app.support.baseURL") +
|
|
"autofill-card-address";
|
|
let creditCardLearnMoreURL =
|
|
Services.urlFormatter.formatURLPref("app.support.baseURL") +
|
|
"credit-card-autofill";
|
|
let formAutofillFragment = document.createDocumentFragment();
|
|
let formAutofillGroupBoxLabel = document.createXULElement("label");
|
|
let formAutofillGroupBoxLabelHeading = document.createElementNS(
|
|
HTML_NS,
|
|
"h2"
|
|
);
|
|
let formAutofillGroup = document.createXULElement("vbox");
|
|
// Wrappers are used to properly compute the search tooltip positions
|
|
// let savedAddressesBtnWrapper = document.createXULElement("hbox");
|
|
// let savedCreditCardsBtnWrapper = document.createXULElement("hbox");
|
|
this.refs = {};
|
|
this.refs.formAutofillGroup = formAutofillGroup;
|
|
this.refs.formAutofillFragment = formAutofillFragment;
|
|
|
|
formAutofillGroupBoxLabel.appendChild(formAutofillGroupBoxLabelHeading);
|
|
formAutofillFragment.appendChild(formAutofillGroupBoxLabel);
|
|
formAutofillFragment.appendChild(formAutofillGroup);
|
|
if (FormAutofill.isAutofillAddressesAvailable) {
|
|
let savedAddressesBtnWrapper = document.createXULElement("hbox");
|
|
let addressAutofill = document.createXULElement("hbox");
|
|
let addressAutofillCheckboxGroup = document.createXULElement("hbox");
|
|
let addressAutofillCheckbox = document.createXULElement("checkbox");
|
|
let addressAutofillLearnMore = document.createXULElement("label", {
|
|
is: "text-link",
|
|
});
|
|
let savedAddressesBtn = document.createXULElement("button", {
|
|
is: "highlightable-button",
|
|
});
|
|
savedAddressesBtn.className = "accessory-button";
|
|
addressAutofillCheckbox.className = "tail-with-learn-more";
|
|
addressAutofillLearnMore.className = "learnMore";
|
|
|
|
formAutofillGroup.id = "formAutofillGroup";
|
|
addressAutofill.id = "addressAutofill";
|
|
addressAutofillLearnMore.id = "addressAutofillLearnMore";
|
|
|
|
formAutofillGroupBoxLabelHeading.textContent = this.bundle.GetStringFromName(
|
|
"autofillHeader"
|
|
);
|
|
|
|
addressAutofill.setAttribute("data-subcategory", "address-autofill");
|
|
addressAutofillCheckbox.setAttribute(
|
|
"label",
|
|
this.bundle.GetStringFromName("autofillAddressesCheckbox")
|
|
);
|
|
addressAutofillLearnMore.textContent = this.bundle.GetStringFromName(
|
|
"learnMoreLabel"
|
|
);
|
|
savedAddressesBtn.setAttribute(
|
|
"label",
|
|
this.bundle.GetStringFromName("savedAddressesBtnLabel")
|
|
);
|
|
// Align the start to keep the savedAddressesBtn as original size
|
|
// when addressAutofillCheckboxGroup's height is changed by a longer l10n string
|
|
savedAddressesBtnWrapper.setAttribute("align", "start");
|
|
|
|
addressAutofillLearnMore.setAttribute("href", addressLearnMoreURL);
|
|
|
|
// Add preferences search support
|
|
savedAddressesBtn.setAttribute(
|
|
"searchkeywords",
|
|
MANAGE_ADDRESSES_KEYWORDS.concat(EDIT_ADDRESS_KEYWORDS)
|
|
.map(key => this.bundle.GetStringFromName(key))
|
|
.join("\n")
|
|
);
|
|
|
|
// Manually set the checked state
|
|
if (FormAutofill.isAutofillAddressesEnabled) {
|
|
addressAutofillCheckbox.setAttribute("checked", true);
|
|
}
|
|
|
|
addressAutofillCheckboxGroup.setAttribute("align", "center");
|
|
addressAutofillCheckboxGroup.flex = 1;
|
|
|
|
formAutofillGroup.appendChild(addressAutofill);
|
|
addressAutofill.appendChild(addressAutofillCheckboxGroup);
|
|
addressAutofillCheckboxGroup.appendChild(addressAutofillCheckbox);
|
|
addressAutofillCheckboxGroup.appendChild(addressAutofillLearnMore);
|
|
addressAutofill.appendChild(savedAddressesBtnWrapper);
|
|
savedAddressesBtnWrapper.appendChild(savedAddressesBtn);
|
|
|
|
this.refs.formAutofillFragment = formAutofillFragment;
|
|
this.refs.addressAutofillCheckbox = addressAutofillCheckbox;
|
|
this.refs.savedAddressesBtn = savedAddressesBtn;
|
|
}
|
|
|
|
if (
|
|
FormAutofill.isAutofillCreditCardsAvailable &&
|
|
!FormAutofill.isAutofillCreditCardsHideUI
|
|
) {
|
|
let savedCreditCardsBtnWrapper = document.createXULElement("hbox");
|
|
let creditCardAutofill = document.createXULElement("hbox");
|
|
let creditCardAutofillCheckboxGroup = document.createXULElement("hbox");
|
|
let creditCardAutofillCheckbox = document.createXULElement("checkbox");
|
|
let creditCardAutofillLearnMore = document.createXULElement("label", {
|
|
is: "text-link",
|
|
});
|
|
let savedCreditCardsBtn = document.createXULElement("button", {
|
|
is: "highlightable-button",
|
|
});
|
|
savedCreditCardsBtn.className = "accessory-button";
|
|
creditCardAutofillCheckbox.className = "tail-with-learn-more";
|
|
creditCardAutofillLearnMore.className = "learnMore";
|
|
|
|
creditCardAutofill.id = "creditCardAutofill";
|
|
creditCardAutofillLearnMore.id = "creditCardAutofillLearnMore";
|
|
|
|
creditCardAutofill.setAttribute(
|
|
"data-subcategory",
|
|
"credit-card-autofill"
|
|
);
|
|
creditCardAutofillCheckbox.setAttribute(
|
|
"label",
|
|
this.bundle.GetStringFromName("autofillCreditCardsCheckbox")
|
|
);
|
|
creditCardAutofillLearnMore.textContent = this.bundle.GetStringFromName(
|
|
"learnMoreLabel"
|
|
);
|
|
savedCreditCardsBtn.setAttribute(
|
|
"label",
|
|
this.bundle.GetStringFromName("savedCreditCardsBtnLabel")
|
|
);
|
|
// Align the start to keep the savedCreditCardsBtn as original size
|
|
// when creditCardAutofillCheckboxGroup's height is changed by a longer l10n string
|
|
savedCreditCardsBtnWrapper.setAttribute("align", "start");
|
|
|
|
creditCardAutofillLearnMore.setAttribute("href", creditCardLearnMoreURL);
|
|
|
|
// Add preferences search support
|
|
savedCreditCardsBtn.setAttribute(
|
|
"searchkeywords",
|
|
MANAGE_CREDITCARDS_KEYWORDS.concat(EDIT_CREDITCARD_KEYWORDS)
|
|
.map(key => this.bundle.GetStringFromName(key))
|
|
.join("\n")
|
|
);
|
|
|
|
// Manually set the checked state
|
|
if (FormAutofill.isAutofillCreditCardsEnabled) {
|
|
creditCardAutofillCheckbox.setAttribute("checked", true);
|
|
}
|
|
|
|
creditCardAutofillCheckboxGroup.setAttribute("align", "center");
|
|
creditCardAutofillCheckboxGroup.flex = 1;
|
|
|
|
formAutofillGroup.appendChild(creditCardAutofill);
|
|
creditCardAutofill.appendChild(creditCardAutofillCheckboxGroup);
|
|
creditCardAutofillCheckboxGroup.appendChild(creditCardAutofillCheckbox);
|
|
creditCardAutofillCheckboxGroup.appendChild(creditCardAutofillLearnMore);
|
|
creditCardAutofill.appendChild(savedCreditCardsBtnWrapper);
|
|
savedCreditCardsBtnWrapper.appendChild(savedCreditCardsBtn);
|
|
|
|
this.refs.creditCardAutofillCheckbox = creditCardAutofillCheckbox;
|
|
this.refs.savedCreditCardsBtn = savedCreditCardsBtn;
|
|
|
|
if (lazy.OSKeyStore.canReauth()) {
|
|
let reauthLearnMoreURL = `${creditCardLearnMoreURL}#w_require-authentication-for-autofill`;
|
|
let reauth = document.createXULElement("hbox");
|
|
let reauthCheckboxGroup = document.createXULElement("hbox");
|
|
let reauthCheckbox = document.createXULElement("checkbox");
|
|
let reauthLearnMore = document.createXULElement("label", {
|
|
is: "text-link",
|
|
});
|
|
|
|
reauthCheckboxGroup.classList.add("indent");
|
|
reauthLearnMore.classList.add("learnMore");
|
|
reauthCheckbox.classList.add("tail-with-learn-more");
|
|
reauthCheckbox.disabled = !FormAutofill.isAutofillCreditCardsEnabled;
|
|
|
|
reauth.id = "creditCardReauthenticate";
|
|
reauthLearnMore.id = "creditCardReauthenticateLearnMore";
|
|
|
|
reauth.setAttribute("data-subcategory", "reauth-credit-card-autofill");
|
|
|
|
let autofillReauthCheckboxLabel = "autofillReauthCheckbox";
|
|
// We reuse the if/else order from wizard markup to increase
|
|
// odds of consistent behavior.
|
|
if (AppConstants.platform == "macosx") {
|
|
autofillReauthCheckboxLabel += "Mac";
|
|
} else if (AppConstants.platform == "linux") {
|
|
autofillReauthCheckboxLabel += "Lin";
|
|
} else {
|
|
autofillReauthCheckboxLabel += "Win";
|
|
}
|
|
reauthCheckbox.setAttribute(
|
|
"label",
|
|
this.bundle.GetStringFromName(autofillReauthCheckboxLabel)
|
|
);
|
|
reauthLearnMore.textContent = this.bundle.GetStringFromName(
|
|
"learnMoreLabel"
|
|
);
|
|
|
|
reauthLearnMore.setAttribute("href", reauthLearnMoreURL);
|
|
|
|
// Manually set the checked state
|
|
if (FormAutofillUtils._reauthEnabledByUser) {
|
|
reauthCheckbox.setAttribute("checked", true);
|
|
}
|
|
|
|
reauthCheckboxGroup.setAttribute("align", "center");
|
|
reauthCheckboxGroup.flex = 1;
|
|
|
|
formAutofillGroup.appendChild(reauth);
|
|
reauth.appendChild(reauthCheckboxGroup);
|
|
reauthCheckboxGroup.appendChild(reauthCheckbox);
|
|
reauthCheckboxGroup.appendChild(reauthLearnMore);
|
|
this.refs.reauthCheckbox = reauthCheckbox;
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Handle events
|
|
*
|
|
* @param {DOMEvent} event
|
|
*/
|
|
async handleEvent(event) {
|
|
switch (event.type) {
|
|
case "command": {
|
|
let target = event.target;
|
|
|
|
if (target == this.refs.addressAutofillCheckbox) {
|
|
// Set preference directly instead of relying on <Preference>
|
|
Services.prefs.setBoolPref(
|
|
ENABLED_AUTOFILL_ADDRESSES_PREF,
|
|
target.checked
|
|
);
|
|
} else if (target == this.refs.creditCardAutofillCheckbox) {
|
|
Services.prefs.setBoolPref(
|
|
ENABLED_AUTOFILL_CREDITCARDS_PREF,
|
|
target.checked
|
|
);
|
|
if (this.refs.reauthCheckbox) {
|
|
this.refs.reauthCheckbox.disabled = !target.checked;
|
|
}
|
|
} else if (target == this.refs.reauthCheckbox) {
|
|
if (!lazy.OSKeyStore.canReauth()) {
|
|
break;
|
|
}
|
|
|
|
let messageTextId = "autofillReauthOSDialog";
|
|
// We reuse the if/else order from wizard markup to increase
|
|
// odds of consistent behavior.
|
|
if (AppConstants.platform == "macosx") {
|
|
messageTextId += "Mac";
|
|
} else if (AppConstants.platform == "linux") {
|
|
messageTextId += "Lin";
|
|
} else {
|
|
messageTextId += "Win";
|
|
}
|
|
|
|
let messageText = this.bundle.GetStringFromName(messageTextId);
|
|
|
|
const brandBundle = Services.strings.createBundle(
|
|
"chrome://branding/locale/brand.properties"
|
|
);
|
|
let win = target.ownerGlobal.docShell.chromeEventHandler.ownerGlobal;
|
|
let loggedIn = await lazy.OSKeyStore.ensureLoggedIn(
|
|
messageText,
|
|
brandBundle.GetStringFromName("brandFullName"),
|
|
win,
|
|
false
|
|
);
|
|
if (!loggedIn.authenticated) {
|
|
target.checked = !target.checked;
|
|
break;
|
|
}
|
|
|
|
Services.prefs.setBoolPref(
|
|
ENABLED_AUTOFILL_CREDITCARDS_REAUTH_PREF,
|
|
target.checked
|
|
);
|
|
} else if (target == this.refs.savedAddressesBtn) {
|
|
target.ownerGlobal.gSubDialog.open(MANAGE_ADDRESSES_URL);
|
|
} else if (target == this.refs.savedCreditCardsBtn) {
|
|
target.ownerGlobal.gSubDialog.open(MANAGE_CREDITCARDS_URL);
|
|
}
|
|
break;
|
|
}
|
|
case "click": {
|
|
let target = event.target;
|
|
|
|
if (target == this.refs.addressAutofillCheckboxLabel) {
|
|
let pref = FormAutofill.isAutofillAddressesEnabled;
|
|
Services.prefs.setBoolPref(ENABLED_AUTOFILL_ADDRESSES_PREF, !pref);
|
|
this.refs.addressAutofillCheckbox.checked = !pref;
|
|
} else if (target == this.refs.creditCardAutofillCheckboxLabel) {
|
|
let pref = FormAutofill.isAutofillCreditCardsEnabled;
|
|
Services.prefs.setBoolPref(ENABLED_AUTOFILL_CREDITCARDS_PREF, !pref);
|
|
this.refs.creditCardAutofillCheckbox.checked = !pref;
|
|
this.refs.reauthCheckbox.disabled = pref;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Attach event listener
|
|
*/
|
|
attachEventListeners() {
|
|
this.refs.formAutofillGroup.addEventListener("command", this);
|
|
this.refs.formAutofillGroup.addEventListener("click", this);
|
|
},
|
|
|
|
/**
|
|
* Remove event listener
|
|
*/
|
|
detachEventListeners() {
|
|
this.refs.formAutofillGroup.removeEventListener("command", this);
|
|
this.refs.formAutofillGroup.removeEventListener("click", this);
|
|
},
|
|
};
|