META-INF.resources.bower_components.globalize.examples.app-npm-webpack.app.index.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of jwebmp-globalize Show documentation

The JWebSwing implementation for a full Globalization

There is a newer version: 1.2.2.1-jre17

var Globalize = require("globalize");
var startTime = new Date();

// Standalone table.
var numberFormatter = Globalize.numberFormatter({maximumFractionDigits: 2});
document.getElementById("number").textContent = numberFormatter(12345.6789);

var currencyFormatter = Globalize.currencyFormatter("USD");
document.getElementById("currency").textContent = currencyFormatter(69900);

var dateFormatter = Globalize.dateFormatter({datetime: "medium"});
document.getElementById("date").textContent = dateFormatter(new Date());

var relativeTimeFormatter = Globalize.relativeTimeFormatter("second");
document.getElementById("relative-time").textContent = relativeTimeFormatter(0);

var unitFormatter = Globalize.unitFormatter("mile/hour", {form: "short"});
document.getElementById("unit").textContent = unitFormatter(60);

// Messages.
document.getElementById("intro-1").textContent = Globalize.formatMessage("intro-1");
document.getElementById("number-label").textContent = Globalize.formatMessage("number-label");
document.getElementById("currency-label").textContent = Globalize.formatMessage("currency-label");
document.getElementById("date-label").textContent = Globalize.formatMessage("date-label");
document.getElementById("relative-time-label").textContent = Globalize.formatMessage("relative-time-label");
document.getElementById("unit-label").textContent = Globalize.formatMessage("unit-label");
document.getElementById("message-1").textContent = Globalize.formatMessage("message-1", {
    currency: currencyFormatter(69900),
    date: dateFormatter(new Date()),
    number: numberFormatter(12345.6789),
    relativeTime: relativeTimeFormatter(0),
    unit: unitFormatter(60)
});

document.getElementById("message-2").textContent = Globalize.formatMessage("message-2", {
    count: 3
});

// Display demo.
document.getElementById("requirements").style.display = "none";
document.getElementById("demo").style.display = "block";

// Refresh elapsed time
setInterval(function () {
    var elapsedTime = +((startTime - new Date()) / 1000).toFixed(0);
    document.getElementById("date").textContent = dateFormatter(new Date());
    document.getElementById("relative-time").textContent = relativeTimeFormatter(elapsedTime);
    document.getElementById("message-1").textContent = Globalize.formatMessage("message-1", {
        currency: currencyFormatter(69900),
        date: dateFormatter(new Date()),
        number: numberFormatter(12345.6789),
        relativeTime: relativeTimeFormatter(elapsedTime),
        unit: unitFormatter(60)
    });

}, 1000);