diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /browser/extensions/formautofill/content/editCreditCard.xhtml | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'browser/extensions/formautofill/content/editCreditCard.xhtml')
-rw-r--r-- | browser/extensions/formautofill/content/editCreditCard.xhtml | 122 |
1 files changed, 122 insertions, 0 deletions
diff --git a/browser/extensions/formautofill/content/editCreditCard.xhtml b/browser/extensions/formautofill/content/editCreditCard.xhtml new file mode 100644 index 0000000000..c8315540c6 --- /dev/null +++ b/browser/extensions/formautofill/content/editCreditCard.xhtml @@ -0,0 +1,122 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- 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/. --> +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title data-l10n-id="autofill-add-new-card-title"></title> + <link rel="localization" href="browser/preferences/formAutofill.ftl" /> + <link + rel="stylesheet" + href="chrome://formautofill/content/skin/editDialog-shared.css" + /> + <link + rel="stylesheet" + href="chrome://formautofill/content/skin/editCreditCard.css" + /> + <link + rel="stylesheet" + href="chrome://formautofill/content/skin/editDialog.css" + /> + <script src="chrome://formautofill/content/editDialog.js"></script> + <script src="chrome://formautofill/content/autofillEditForms.js"></script> + </head> + <body> + <form id="form" class="editCreditCardForm contentPane" autocomplete="off"> + <!-- + The <span class="label-text" …/> needs to be after the form field in the same element in + order to get proper label styling with :focus and :moz-ui-invalid. + --> + <label id="cc-number-container" class="container" role="none"> + <span + id="invalidCardNumberString" + hidden="hidden" + data-l10n-id="autofill-card-invalid-number" + ></span> + <!-- Because there is text both before and after the input, a11y will + include the value of the input in the label. Therefore, we override + with aria-labelledby. + --> + <input + id="cc-number" + type="text" + required="required" + minlength="14" + pattern="[- 0-9]+" + aria-labelledby="cc-number-label" + /> + <span + id="cc-number-label" + data-l10n-id="autofill-card-number" + class="label-text" + /> + </label> + <label id="cc-exp-month-container" class="container"> + <select id="cc-exp-month" required="required"> + <option /> + </select> + <span data-l10n-id="autofill-card-expires-month" class="label-text" /> + </label> + <label id="cc-exp-year-container" class="container"> + <select id="cc-exp-year" required="required"> + <option /> + </select> + <span data-l10n-id="autofill-card-expires-year" class="label-text" /> + </label> + <label id="cc-name-container" class="container"> + <input id="cc-name" type="text" required="required" /> + <span data-l10n-id="autofill-card-name-on-card" class="label-text" /> + </label> + <label id="cc-csc-container" class="container" hidden="hidden"> + <!-- The CSC container will get filled in by forms that need a CSC (using csc-input.js) --> + </label> + <div + id="billingAddressGUID-container" + class="billingAddressRow container rich-picker" + > + <select id="billingAddressGUID" required="required"></select> + <label + for="billingAddressGUID" + data-l10n-id="autofill-card-billing-address" + class="label-text" + /> + </div> + </form> + <div id="controls-container"> + <button id="cancel" data-l10n-id="autofill-cancel-button" /> + <button id="save" class="primary" data-l10n-id="autofill-save-button" /> + </div> + <script> + <![CDATA[ + "use strict"; + + /* import-globals-from editDialog.js */ + + (async () => { + const { + record, + } = window.arguments?.[0] ?? {}; + + const addresses = {}; + for (let address of await formAutofillStorage.addresses.getAll()) { + addresses[address.guid] = address; + } + + /* import-globals-from autofillEditForms.js */ + const fieldContainer = new EditCreditCard({ + form: document.getElementById("form"), + }, record, addresses); + + new EditCreditCardDialog({ + title: document.querySelector("title"), + fieldContainer, + controlsContainer: document.getElementById("controls-container"), + cancel: document.getElementById("cancel"), + save: document.getElementById("save"), + }, record); + })(); + ]]> + </script> + </body> +</html> |