@furo/ui5/src/typerenderer/display-furo-type-money.js

SAP UI5 Web Components data bindings for furo-web

import { Env } from '@furo/framework/src/furo.js';
import { DisplayGoogleTypeMoney } from './display-google-type-money.js';

/**
 * `display-furo-type-money`
 * The display-furo-type-money component displays a FieldNode of type `furo.type.Money` in read only mode.
 *
 * if the field `display_name` is set, the component will use that value for the display.
 *
 * The component uses locale from the environment to display the date value accordingly.
 * https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
 *
 * Every display-xxx component should implement the following API:
 * - function: bindData(fieldNode){...}
 *
 * @summary display renderer for `furo.type.Money`
 * @element display-furo-type-money
 */
export class DisplayFuroTypeMoney extends DisplayGoogleTypeMoney {
  _formatDisplay() {
    this._valueObject.amount = DisplayGoogleTypeMoney._convertTypeToNumber(
      this._field
    );

    if (this._field.display_name._value) {
      this._displayValue = this._field.display_name._value;
    } else if (
      !Number.isNaN(this._valueObject.amount) &&
      this._field.currency_code._value.length
    ) {
      this._displayValue = new Intl.NumberFormat(Env.locale, {
        style: 'currency',
        currency: this._field.currency_code._value,
      }).format(this._valueObject.amount);
    }

    this.requestUpdate();
  }
}

window.customElements.define('display-furo-type-money', DisplayFuroTypeMoney);