8eb72fd3fc
# ignore-this-changeset Differential Revision: https://phabricator.services.mozilla.com/D36042
48 lines
1.3 KiB
JavaScript
48 lines
1.3 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/. */
|
|
|
|
/**
|
|
* <ul>
|
|
* <payment-details-item
|
|
label="Some item"
|
|
amount-value="1.00"
|
|
amount-currency="USD"></payment-details-item>
|
|
* </ul>
|
|
*/
|
|
|
|
import CurrencyAmount from "./currency-amount.js";
|
|
import ObservedPropertiesMixin from "../mixins/ObservedPropertiesMixin.js";
|
|
|
|
export default class PaymentDetailsItem extends ObservedPropertiesMixin(
|
|
HTMLElement
|
|
) {
|
|
static get observedAttributes() {
|
|
return ["label", "amount-currency", "amount-value"];
|
|
}
|
|
|
|
constructor() {
|
|
super();
|
|
this._label = document.createElement("span");
|
|
this._label.classList.add("label");
|
|
this._currencyAmount = new CurrencyAmount();
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.appendChild(this._label);
|
|
this.appendChild(this._currencyAmount);
|
|
|
|
if (super.connectedCallback) {
|
|
super.connectedCallback();
|
|
}
|
|
}
|
|
|
|
render() {
|
|
this._currencyAmount.value = this.amountValue;
|
|
this._currencyAmount.currency = this.amountCurrency;
|
|
this._label.textContent = this.label;
|
|
}
|
|
}
|
|
|
|
customElements.define("payment-details-item", PaymentDetailsItem);
|