/* See license.txt for terms of usage */

with ($.domplate) {

var PageList = domplate(
{
    tableTag:
        TABLE({"class": "pageTable", cellpadding: 0, cellspacing: 0, onclick: "$onClick"},
            TBODY(
                TAG("$rowTag", {groups: "$groups"})
            )
        ),

    rowTag:
        FOR("group", "$groups",
            TR({"class": "pageRow", _repObject: "$group"},
                TD({"class": "groupName pageCol"},
                    SPAN({"class": "pageName"},
                        "$group|getPageTitle"
                    ),
                    SPAN(" "),
                    SPAN({"class": "pageID"},
                        "$group|getPageID"
                    ),
                    SPAN({"class": "pageRemoveAction link",
                        onclick: "$onRemove"},
                        SPAN("Remove")
                    )
                )
            )
        ),

    bodyTag:
        TR({"class": "pageInfoRow"},
            TD({"class": "pageInfoCol"})
        ),

    getPageTitle: function(page) 
    {
        return page.title;
    },

    getPageID: function(page)
    {
        return "[" + page.id + "]";
    },

    onClick: function(event)
    {
        var e = jQuery.event.fix(event || window.event);
        if (isLeftClick(event)) 
        {
            var row = getAncestorByClass(e.target, "pageRow");
            if (row) 
            {
                this.toggleRow(row);
                cancelEvent(event);
            }
        }
    },

    expandGroup: function(row)
    {
        if (hasClass(row, "pageRow"))
            this.toggleRow(row, true);
    },

    collapseGroup: function(row)
    {
        if (hasClass(row, "pageRow", "opened"))
            this.toggleRow(row);
    },

    toggleRow: function(row, forceOpen)
    {
        var opened = hasClass(row, "opened");
        if (opened && forceOpen)
            return;

        toggleClass(row, "opened");
        if (hasClass(row, "opened"))
        {
            var page = row.repObject;
            if (!page)
                return;

            var netInfoRow = this.bodyTag.insertRows({}, row)[0];
            NetBuilder.buildPageContent(netInfoRow.firstChild, page);
        }
        else
        {
            var infoBodyRow = row.nextSibling;
            if (infoBodyRow)
                row.parentNode.removeChild(infoBodyRow);
        }
    },

    onRemove: function(event)
    {
        var e = jQuery.event.fix(event || window.event);
        cancelEvent(event);

        var row = getAncestorByClass(e.target, "pageRow");

        // Collapse if expanded
        if (hasClass(row, "opened"))
            this.toggleRow(row);

        // Remove the page-row
        row.parentNode.removeChild(row);

        // Regenerate JSON string.
        var page = row.repObject;
        var newData = NetBuilder.removePage(page);
        var jsonString = dojo.toJson(newData, true);
        var sourceEditor = getElementByClass(document.documentElement, "sourceEditor");
        sourceEditor.value = "(" + jsonString + ")";

        // DOM tab must be regenerated
        var tabDOMBody = getElementByClass(document.documentElement, "tabDOMBody");
        tabDOMBody.updated = false;
    }
});

//-----------------------------------------------------------------------------
};