JSFiddle - React, Tailwind, and code Playground

Simple example of multinational templating.

by kfranqueiro

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/document.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css">

JavaScript

dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.ready(function() {
    var HelloWorldWidget = dojo.declare([dijit._Widget, dijit._Templated], {
        templateStrings: {
            "en": "Good day.",
            "es": "Buenos dias.",
            "fr": "Bonjour.",
            "de": "Guten tag.",
            "ja": "こんにちは。"
        },
        defaultLang: "en",
        buildRendering: function(){
            var lang = this.lang || dojo.locale;
            lang = lang.substr(0, 2); //using only country code
            this.templateString = "<div>" +
                this.templateStrings[lang] ||
                    this.templateStrings[this.defaultLang]
                + "</div>";
            this.inherited(arguments);
        }
    });
    var hww = new HelloWorldWidget({}).placeAt(dojo.body());
    //overriding lang:
    var hww2 = new HelloWorldWidget({lang:"ja-jp"}).placeAt(dojo.body())
});