fune/browser/extensions/formautofill/content/editAddress.xhtml
Scott Wu f3435c3005 Bug 1370764 - (Part 2) Create a dialog to add/edit/view a credit card entry. r=lchang
MozReview-Commit-ID: 7d6cfcShrwc

--HG--
rename : browser/extensions/formautofill/skin/linux/editAddress.css => browser/extensions/formautofill/skin/linux/editDialog.css
rename : browser/extensions/formautofill/skin/osx/editAddress.css => browser/extensions/formautofill/skin/osx/editDialog.css
rename : browser/extensions/formautofill/skin/windows/editAddress.css => browser/extensions/formautofill/skin/windows/editDialog.css
extra : rebase_source : 0f655f55010a00678ab4dd0e17fe06aa7c7533c8
2017-08-11 15:31:57 +08:00

84 lines
3.1 KiB
HTML

<?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" width="620">
<head>
<title data-localization="addNewAddressTitle"/>
<link rel="stylesheet" href="chrome://formautofill-shared/skin/editDialog.css"/>
<link rel="stylesheet" href="chrome://formautofill-shared/skin/editAddress.css"/>
<link rel="stylesheet" href="chrome://formautofill/skin/editDialog.css"/>
<script src="chrome://formautofill/content/editDialog.js"></script>
</head>
<body>
<form id="form" autocomplete="off">
<label id="given-name-container">
<span data-localization="givenName"/>
<input id="given-name" type="text"/>
</label>
<label id="additional-name-container">
<span data-localization="additionalName"/>
<input id="additional-name" type="text"/>
</label>
<label id="family-name-container">
<span data-localization="familyName"/>
<input id="family-name" type="text"/>
</label>
<label id="organization-container">
<span data-localization="organization"/>
<input id="organization" type="text"/>
</label>
<label id="street-address-container">
<span data-localization="streetAddress"/>
<textarea id="street-address" rows="3"/>
</label>
<label id="address-level2-container">
<span data-localization="city"/>
<input id="address-level2" type="text"/>
</label>
<label id="address-level1-container">
<span/>
<input id="address-level1" type="text"/>
</label>
<label id="postal-code-container">
<span/>
<input id="postal-code" type="text"/>
</label>
<label id="country-container">
<span data-localization="country"/>
<select id="country">
<option/>
<option value="US" data-localization="us"/>
</select>
</label>
<p id="country-warning-message" data-localization="countryWarningMessage"/>
<label id="email-container">
<span data-localization="email"/>
<input id="email" type="email"/>
</label>
<label id="tel-container">
<span data-localization="tel"/>
<input id="tel" type="tel"/>
</label>
</form>
<div id="controls-container">
<button id="cancel" data-localization="cancel"/>
<button id="save" disabled="disabled" data-localization="save"/>
</div>
<script type="application/javascript"><![CDATA[
"use strict";
/* global EditAddress */
new EditAddress({
title: document.querySelector("title"),
form: document.getElementById("form"),
addressLevel1Label: document.querySelector("#address-level1-container > span"),
postalCodeLabel: document.querySelector("#postal-code-container > span"),
country: document.getElementById("country"),
controlsContainer: document.getElementById("controls-container"),
cancel: document.getElementById("cancel"),
save: document.getElementById("save"),
}, window.arguments && window.arguments[0]);
]]></script>
</body>
</html>