openproject/assets/javascripts/select_list_move_optgroup.js

var NS4 = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) < 5);

function createOption(theText, theValue, theCategory) {
  var newOpt = document.createElement('option');
  newOpt.text = theText;
  newOpt.value = theValue;
  newOpt.setAttribute("data-category", theCategory);
  return newOpt;
}

function addOption(theSel, newOpt, theCategory)
{
  var theCategory = newOpt.getAttribute("data-category");
  Element.extend(theSel);
  if (theCategory && (theSel.childElements().length > 0) && theSel.down(0).tagName == "OPTGROUP") { // add the opt to the given category
    opt_groups = theSel.childElements();
    for (var i=0; i<opt_groups.length; i++)
      if (opt_groups[i].getAttribute("data-category") == theCategory) {
        opt_groups[i].appendChild(newOpt);
        break;
      }
  }
  else { // no category given, just add the opt to the end of the select list
    theSel.appendChild(newOpt);
  }
}

function swapOptions(theSel, index1, index2)
{
  Element.extend(theSel);
  var text, value;
  text = theSel.options[index1].text;
  value = theSel.options[index1].value;
  category = theSel.options[index1].getAttribute("data-category");
  theSel.options[index1].text = theSel.options[index2].text;
  theSel.options[index1].value = theSel.options[index2].value;
  theSel.options[index1].setAttribute("data-category", theSel.options[index2].getAttribute("data-category"));
  theSel.options[index2].text = text;
  theSel.options[index2].value = value;
  theSel.options[index2].setAttribute("data-category", category);
}

function deleteOption(theSel, theIndex)
{
  Element.extend(theSel);
  var selLength = theSel.length;
  if(selLength>0)
  {
    theSel.options[theIndex] = null;
  }
}

function moveOptions(theSelFrom, theSelTo)
{
  Element.extend(theSelFrom);
  Element.extend(theSelTo);
  var selLength = theSelFrom.length;
  var selectedText = new Array();
  var selectedValues = new Array();
  var selectedCategories = new Array();
  var selectedCount = 0;

  var i;

  for(i=selLength-1; i>=0; i--)
    if(theSelFrom.options[i].selected)
    {
      addOption(theSelTo, theSelFrom.options[i].cloneNode(true));
      deleteOption(theSelFrom, i);
    }

  if(NS4) history.go(0);
}

function moveOptionUp(theSel) {
  Element.extend(theSel);
  var index = theSel.selectedIndex;
  if (index > 0) {
    swapOptions(theSel, index-1, index);
    theSel.selectedIndex = index-1;
  }
}

function moveOptionDown(theSel) {
  Element.extend(theSel);
  var index = theSel.selectedIndex;
  if (index < theSel.length - 1) {
    swapOptions(theSel, index, index+1);
    theSel.selectedIndex = index+1;
  }
}

function selectAllOptions(id)
{
  var select = $(id);
  for (var i=0; i<select.options.length; i++) {
    select.options[i].selected = true;
  }
}