// Enable expanding/folding folders in TracBrowser

var FOLDERID_COUNTER = 0;
var SUBFOLDER_INDENT = 20;

// enableExpandDir adds the capability to folder rows to be expanded and folded
// It also teach the rows about their ancestors. It expects:
//  - `parent_tr`, the logical parent row
//  - a `rows` jQuery object matching the newly created entry rows

function enableExpandDir(parent_tr, rows) {
  // the ancestors folder ids are present in the parent_tr class attribute
  var ancestor_folderids = [];
  if (parent_tr)
    ancestor_folderids = $.grep(parent_tr.attr("class").split(" "), 
				function(c) { return c.match(/^f\d+$/)});
  rows.each(function () {
    var a = $(this).find("a.dir");

    if (a.length) { // then the entry is a folder
      // create new folder id
      var folderid = "f" + FOLDERID_COUNTER++;
      this.id = folderid;
      $(this).addClass(folderid);

      // add the expander icon
      a.wrap('<div></div>');
      var expander = a.before('<span class="expander">&#x200b;</span>').prev();
      expander.css("cursor", "pointer")
        .attr("title", "Expand sub-directory in place").click(toggleDir);
    }

    // tie that row to ancestor folders
    if (parent_tr)
      $(this).addClass(ancestor_folderids.join(" "));
  });
}

// handler for click event on the expander icons
function toggleDir() {
  var tr = $(this).parents("tr");
  var folderid = tr.get(0).id;

  if ( tr.filter(".expanded").length ) { // then *fold*
    tr.removeClass("expanded").addClass("collapsed");
    tr.siblings("tr."+folderid).hide();
    $(this).attr("title", "Re-expand directory");
    return;
  }

  if ( tr.filter(".collapsed").length ) { // then *expand*
    tr.removeClass("collapsed").addClass("expanded");
    tr.siblings("tr."+folderid).show();
    // Note that the above will show all the already fetched subtree,
    // so we have to fold again the folders which were already collapsed.
    tr.siblings("tr.collapsed").each(function() {
      $(this).siblings("tr."+this.id).hide();
    });
  } else {                                // then *fetch*
    var td = $(this).parents("td");
    var td_class = td.attr("class");
    var a = $(this).next("a");
    var depth = 
      parseFloat(td.css("padding-left").replace(/^(\d*\.\d*).*$/, "$1")) + 
      SUBFOLDER_INDENT;

    tr.addClass("expanded");
    // insert "Loading ..." row
    tr.after('<tr><td><span class="loading"></span></td></tr>');
    var loading_row = tr.next();
    loading_row.children("td").addClass(td_class)
      .attr("colspan", tr.children("td").length)
      .css("padding-left", depth);
    loading_row.find("span.loading").text("Loading " + a.text() + "...");

    $.get(a.attr("href"), {action: "inplace"}, function(data) {
      var rows = $(data.replace(/^<!DOCTYPE[^>]+>/, "")).filter("tr");
      if (rows.length) {
        // insert rows corresponding to the folder entries
        rows.children("td."+td_class).css("padding-left", depth);
	// make all rows collapsible and subdir rows expandable
        enableExpandDir(tr, rows); 
        tr.after(rows);
        // remove "Loading ..." row
        loading_row.remove();
      } else {
        loading_row.find("span.loading").text("").append("<i>(empty)</i>")
          .removeClass("loading");
	// make the (empty) row collapsible
        enableExpandDir(tr, loading_row); 
      }
    });
  }
  $(this).attr("title", "Fold directory");
}