/* -*- Mode: Java; tab-width: 4; insert-tabs-mode: nil; c-basic-offset: 2 -*-
 * The contents of this file are subject to the Netscape Public
 * License Version 1.1 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a copy of
 * the License at http://www.mozilla.org/NPL/
 *  
 * Software distributed under the License is distributed on an "AS
 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
 * implied. See the License for the specific language governing
 * rights and limitations under the License.
 *  
 * The Original Code is Mozilla Communicator client code, released
 * March 31, 1998.
 * 
 * The Initial Developer of the Original Code is Netscape
 * Communications Corporation. Portions created by Netscape are
 * Copyright (C) 1998-1999 Netscape Communications Corporation. All
 * Rights Reserved.
 * 
 */

// the rdf service
var RDF = 'component://netscape/rdf/rdf-service'
RDF = Components.classes[RDF].getService();
RDF = RDF.QueryInterface(Components.interfaces.nsIRDFService);

var NC = "http://home.netscape.com/NC-rdf#";

var sidebar = new Object;
var original_panels = new Array();

function debug(msg)
{
  //dump(msg+"\n");
}

function Init()
{
  sidebar.datasource_uri = window.arguments[0];
  sidebar.resource       = window.arguments[1];
  debug("sidebar.datasource_uri = " + sidebar.datasource_uri);
  debug("sidebar.resource       = " + sidebar.resource);

  // This will load the datasource, if it isn't already.
  sidebar.datasource = RDF.GetDataSource(sidebar.datasource_uri);

  // Add the necessary datasources to the select list
  var select_list = document.getElementById('selected-panels');
  select_list.database.AddDataSource(sidebar.datasource);

  // Root the customize dialog at the correct place.
  select_list.setAttribute('ref', sidebar.resource);

  saveInitialPanels();
  enableButtons();
}

function saveInitialPanels()
{
  var root = document.getElementById('selected-panels-root');
  for (var node = root.firstChild; node != null; node = node.nextSibling) {
    original_panels[original_panels.length] = node.getAttribute('id');
  }
}

function addOption(registry, service, selectIt)
{
  debug("Adding "+service.Value);
  var option_title     = getAttr(registry, service, 'title');
  var option_customize = getAttr(registry, service, 'customize');
  var option_content   = getAttr(registry, service, 'content');

  var tree = document.getElementById('selected-panels'); 
  var treeroot = document.getElementById('selected-panels-root'); 

  // Check to see if the panel already exists...
  for (var ii = treeroot.firstChild; ii != null; ii = ii.nextSibling) {
      if (ii.getAttribute('id') == service.Value) {
      // we already had the panel installed
      tree.selectItem(ii);
      return;
      }
  }


  var item = document.createElement('treeitem');
  var row  = document.createElement('treerow');
  var cell = document.createElement('treecell');
  
  item.setAttribute('id', service.Value);
  item.setAttribute('customize', option_customize);
  item.setAttribute('content', option_content);
  cell.setAttribute('value', option_title);
 
  item.appendChild(row);
  row.appendChild(cell);
  treeroot.appendChild(item);

  if (selectIt) {
    debug("Selecting new item");
    tree.selectItem(item)
  }
}

function createOptionTitle(titletext)
{
  var title = document.createElement('html:option');
  var textOption = document.createTextNode(titletext);
  title.appendChild(textOption);

  return textOption;
}

function getAttr(registry,service,attr_name) {
  var attr = registry.GetTarget(service,
           RDF.GetResource(NC + attr_name),
           true);
  if (attr)
    attr = attr.QueryInterface(Components.interfaces.nsIRDFLiteral);
  if (attr)
      attr = attr.Value;
  return attr;
}

function selectChange() {
  // Remove the selection in the other list
  var other_panels = document.getElementById('other-panels');
  other_panels.clearItemSelection();

  enableButtons();
  enableOtherButtons();
}

function moveUp() {
  var tree = document.getElementById('selected-panels'); 
  if (tree.selectedItems.length == 1) {
    var selected = tree.selectedItems[0];
    if (selected.previousSibling) {
      selected.parentNode.insertBefore(selected, selected.previousSibling);
      tree.selectItem(selected);
    }
  }
  enableButtons();
  enableSave();
}
   
function moveDown() {
  var tree = document.getElementById('selected-panels');
  if (tree.selectedItems.length == 1) {
    var selected = tree.selectedItems[0];
    if (selected.nextSibling) {
      if (selected.nextSibling.nextSibling) {
        selected.parentNode.insertBefore(selected, selected.nextSibling.nextSibling);
      }
      else {
        selected.parentNode.appendChild(selected);
      }
      tree.selectItem(selected);
    }
  }
  enableButtons();
  enableSave();
}

function enableButtons() {
  var up        = document.getElementById('up');
  var down      = document.getElementById('down');
  var tree      = document.getElementById('selected-panels');
  var customize = document.getElementById('customize-button');
  var remove    = document.getElementById('remove-button');

  var numSelected = tree.selectedItems.length;

  var noneSelected, isFirst, isLast, selectedNode

  if (numSelected > 0) {
    selectedNode = tree.selectedItems[0]
    isFirst = selectedNode == selectedNode.parentNode.firstChild
    isLast  = selectedNode == selectedNode.parentNode.lastChild
  }

  // up /\ button
  if (numSelected != 1 || isFirst) {
    up.setAttribute('disabled', 'true');
  } else {
    up.setAttribute('disabled', '');
  }
  // down \/ button
  if (numSelected != 1 || isLast) {
    down.setAttribute('disabled', 'true');
  } else {
    down.setAttribute('disabled', '');
  }
  // "Customize..." button
  var customizeURL = null;
  if (selectedNode) {
    customizeURL = selectedNode.getAttribute('customize');
  }
  if (customizeURL == null || customizeURL == '') {
    customize.setAttribute('disabled','true');
  } else {
    customize.setAttribute('disabled','');
  }
  // "Remove" button
  if (numSelected == 0) {
    remove.setAttribute('disabled','true');
  } else {
    remove.setAttribute('disabled','');
  }
}

function CustomizePanel() 
{
  var tree  = document.getElementById('selected-panels');
  var index = tree.selectedIndex;

  if (index != -1) {
    var title         = tree.childNodes.item(index).getAttribute('title');
    var customize_URL = tree.childNodes.item(index).getAttribute('customize');

    if (!title || !customize_URL) return;

    var customize = window.open("chrome://sidebar/content/customize-panel.xul",
                                "_blank", "chrome");

    customize.panel_name          = title;
    customize.panel_customize_URL = customize_URL;
  }
  enableSave();
}

function RemovePanel()
{
  var tree = document.getElementById('selected-panels');

  var nextNode = null;
  var numSelected = tree.selectedItems.length
  while (tree.selectedItems.length > 0) {
    var selectedNode = tree.selectedItems[0]
    nextNode = selectedNode.nextSibling;
    if (!nextNode) {
      nextNode = selectedNode.previousSibling;
    }
    selectedNode.parentNode.removeChild(selectedNode)
  } 
  
  if (nextNode) {
    tree.selectItem(nextNode)
  }
  enableButtons();
  enableSave();
}


function Save()
{
  // Iterate through the 'selected-panels' tree to collect the panels
  // that the user has chosen. We need to do this _before_ we remove
  // the panels from the datasource, because the act of removing them
  // from the datasource will change the tree!
  var panels = new Array();
  var root = document.getElementById('selected-panels-root');
  for (var node = root.firstChild; node != null; node = node.nextSibling) {
    panels[panels.length] = node.getAttribute('id');
  }

  // Now remove all the current panels from the datasource.

  // Create a "container" wrapper around the "urn:sidebar:ccurent-panel-list"
  // object. This makes it easier to manipulate the RDF:Seq correctly.
  var container = Components.classes["component://netscape/rdf/container"].createInstance();
  container = container.QueryInterface(Components.interfaces.nsIRDFContainer);
  container.Init(sidebar.datasource, RDF.GetResource(sidebar.resource));

  for (var ii = container.GetCount(); ii >= 1; --ii) {
    debug('removing panel ' + ii);
    container.RemoveElementAt(ii, true);
  }

  // Now iterate through the panels, and re-add them to the datasource
  for (var ii = 0; ii < panels.length; ++ii) {
    debug('adding ' + panels[ii]);
    container.AppendElement(RDF.GetResource(panels[ii]));
  }

  // Write the modified panels out.
  sidebar.datasource.QueryInterface(Components.interfaces.nsIRDFRemoteDataSource).Flush();

  window.close();
}

function otherPanelSelected(event, target)
{ 
 // Remove the selection in the "current" panels list
 var current_panels = document.getElementById('selected-panels');
 current_panels.clearItemSelection();
 enableButtons();

 if (target.getAttribute('container') == 'true') {
   if (target.getAttribute('open') == 'true') {
	 target.removeAttribute('open');
   } else {
	 target.setAttribute('open','true');
   }
   return;
 }
 enableOtherButtons();
}

function enableOtherButtons()
{
  var add_button = document.getElementById('add_button');
  var preview_button = document.getElementById('preview_button');
  var other_panels = document.getElementById('other-panels');

  var num_selected = 0;
  // Only count non-folders as selected for button enabling
  for (var ii=0; ii<other_panels.selectedItems.length; ii++) {
    var node = other_panels.selectedItems[ii];
	if (node.getAttribute('container') != 'true') {
	  num_selected++;
	}
  }

  if (num_selected > 0) {
    add_button.setAttribute('disabled','');
    preview_button.setAttribute('disabled','');
  }
  else {
    add_button.setAttribute('disabled','true');
    preview_button.setAttribute('disabled','true');
  }
}

function AddPanel() 
{
  var tree = document.getElementById('other-panels');
  var database = tree.database;
  var select_list = tree.selectedItems
  var isFirstAddition = true;
  for (var nodeIndex=0; nodeIndex<select_list.length; nodeIndex++) {
    var node = select_list[nodeIndex];
    if (!node)    break;
	// Skip folders
	if (node.getAttribute('folder') == 'true') {
	  continue;
	}
    var id = node.getAttribute("id");
    if (!id)      break;
    var rdfNode = RDF.GetResource(id);
    if (!rdfNode) break;
    addOption(database, rdfNode, isFirstAddition);
    isFirstAddition = false;
  }

  // Remove the selection in the other list.
  // Selection will move to "current" list.
  var other_panels = document.getElementById('other-panels');
  other_panels.clearItemSelection();

  enableButtons();
  enableOtherButtons();
  enableSave();
}

function PreviewPanel() 
{
  var tree = document.getElementById('other-panels');
  var database = tree.database;
  var select_list = tree.selectedItems
  for (var nodeIndex=0; nodeIndex<select_list.length; nodeIndex++) {
    var node = select_list[nodeIndex];
    if (!node)    break;
	// Skip folders
	if (node.getAttribute('folder') == 'true') {
	  continue;
	}
    var id = node.getAttribute("id");
    if (!id)      break;
    var rdfNode = RDF.GetResource(id);
    if (!rdfNode) break;

    var preview_name = getAttr(database, rdfNode, 'title');
    var preview_URL  = getAttr(database, rdfNode, 'content');
    if (!preview_URL || !preview_name) break;

    var preview = window.open("chrome://sidebar/content/preview.xul",
                              "_blank", "chrome");
    preview.panel_name = preview_name;
    preview.panel_URL = preview_URL;
  }
}

function enableSave() {
  debug("in enableSave()");
  var root = document.getElementById('selected-panels-root');
  var panels = root.childNodes;  
  var list_unchanged = (panels.length == original_panels.length);
debug ("panels.length="+panels.length);
debug ("orig.length="+original_panels.length);
  for (var ii = 0; ii < panels.length && list_unchanged; ii++) {
		 //node = root.firstChild; node != null; node = node.nextSibling) {
	debug("orig="+original_panels[ii]);
	debug(" new="+panels.item(ii).getAttribute('id'));
    debug("orig.length="+original_panels.length+" ii="+ii);
    if (original_panels[ii] != panels.item(ii).getAttribute('id')) {
      list_unchanged = false;
	}
  }
  var save_button = document.getElementById('save_button');
  if (list_unchanged) {
	save_button.setAttribute('disabled','true');  
  } else {
	save_button.setAttribute('disabled','');  
  }
}

function dumpAttributes(node) {
  var attributes = node.attributes

  if (!attributes || attributes.length == 0) {
    debug("no attributes\n")
  }
  for (var ii=0; ii < attributes.length; ii++) {
    var attr = attributes.item(ii)
    debug("attr "+ii+": "+ attr.name +"="+attr.value)
  }
}