Example JS client-side module

code.js

var kam = kam || {};

kam.group = function() {

    var exports = {};

    var Widget = kam.widget.Widget;

    // Group groups items into box-like widget.
    // Has title area.

    function Group(title) {
        Widget.call(this, 'group');
        this.title = title;
        this.contents = [];
    }

    kam.util.inherits(Group, Widget);

    exports.Group = Group;

    // Adds new item to groupbox.

    Group.prototype.add = function(item) {
        this.contents.push(item);
    };

    Group.prototype.make = function() {
        var box = this.makeStyled();

        if (this.title) {
            var title = document.createElement('div');
            title.className = 'group-title';
            title.innerHTML = this.title;

            box.appendChild(title);
        }

        for (var i = 0; i < this.contents.length; i++) {
            box.appendChild(this.contents[i].make());
        }

        return box;
    };

    return exports;
}();