Get Programming with JavaScript

Get Programming with JavaScript - Listing 19.15

Listing 19.15 - A player view using templates

(function () {
    "use strict";

    var playerDiv = document.getElementById("player");
    var playerScript = document.getElementById("playerTemplate");
    var itemScript = document.getElementById("itemTemplate");

    var playerTemplate = playerScript.innerHTML;
    var itemTemplate = itemScript.innerHTML;

    function render (player) {
        var data = player.getData();
        var itemsDiv;

        var items = data.items.map(function (itemName) {
            return { item : itemName };
        });

        playerDiv.innerHTML = gpwj.templates.fill(playerTemplate, data);

        itemsDiv = document.getElementById("playerItems");
        itemsDiv.innerHTML = gpwj.templates.fillList(itemTemplate, items);
    }

    if (window.theCrypt === undefined) {
        window.theCrypt = {};
    }

    theCrypt.playerView =  {
        render: render
    };

})();