1 files changed, 55 insertions, 0 deletions
diff --git a/browser/extensions/formautofill/content/manageCreditCards.xhtml b/browser/extensions/formautofill/content/manageCreditCards.xhtml
new file mode 100644
index 0000000000..3e5bdcfbf5
--- /dev/null
+++ b/browser/extensions/formautofill/content/manageCreditCards.xhtml
@@ -0,0 +1,55 @@
+<?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"
+  data-l10n-id="autofill-manage-dialog"
+  data-l10n-attrs="style"
+>
+  <head>
+    <title data-l10n-id="autofill-manage-credit-cards-title"></title>
+    <link rel="localization" href="browser/preferences/formAutofill.ftl" />
+    <link rel="localization" href="toolkit/payments/payments.ftl" />
+    <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
+    <link
+      rel="stylesheet"
+      href="chrome://formautofill/content/manageDialog.css"
+    />
+    <script src="chrome://formautofill/content/manageDialog.js"></script>
+  </head>
+  <body>
+    <fieldset>
+      <legend data-l10n-id="autofill-manage-credit-cards-list-header" />
+      <select id="credit-cards" size="9" multiple="multiple" />
+    </fieldset>
+    <div id="controls-container">
+      <button
+        id="remove"
+        disabled="disabled"
+        data-l10n-id="autofill-manage-remove-button"
+      />
+      <!-- Wrapper is used to properly compute the search tooltip position -->
+      <div>
+        <button id="add" data-l10n-id="autofill-manage-add-button" />
+      </div>
+      <button
+        id="edit"
+        disabled="disabled"
+        data-l10n-id="autofill-manage-edit-button"
+      />
+    </div>
+    <script>
+      "use strict";
+      /* global ManageCreditCards */
+      new ManageCreditCards({
+        records: document.getElementById("credit-cards"),
+        controlsContainer: document.getElementById("controls-container"),
+        remove: document.getElementById("remove"),
+        add: document.getElementById("add"),
+        edit: document.getElementById("edit"),
+      });
+    </script>
+  </body>
+</html>