gecko-dev/browser/extensions/formautofill/content/editAddress.xhtml
Scott Wu cefdf5737a Bug 1383687 - Order edit dialog fields based on country selected. r=lchang,steveck
MozReview-Commit-ID: 1qPxvHhNGtK

--HG--
extra : rebase_source : 12d892ce9c30f70b3fb5dd48c17744e23f45a604
2017-11-03 16:24:30 +08:00

87 lines
3.3 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">
<div>
<div id="name-container">
<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>
</div>
<label id="organization-container">
<span data-localization="organization2"/>
<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>
</div>
<label id="country-container">
<span data-localization="country"/>
<select id="country">
<option/>
</select>
</label>
<p id="country-warning-message" data-localization="countryWarningMessage2"/>
<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="cancelBtnLabel"/>
<button id="save" disabled="disabled" data-localization="saveBtnLabel"/>
</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>