cmlenz@39: function initializeFilters() {
cmlenz@39: 
cmlenz@39:   // Bail early for Konqueror and IE5.2/Mac, which don't fully support dynamic
cmlenz@39:   // creation of form controls
cmlenz@39:   try {
cmlenz@39:     var test = document.createElement("input");
cmlenz@39:     test.type = "button";
cmlenz@39:     if (test.type != "button") throw Error();
cmlenz@39:   } catch (e) {
cmlenz@39:     return;
cmlenz@39:   }
cmlenz@39: 
cmlenz@39:   // Removes an existing row from the filters table
cmlenz@39:   function removeRow(button, propertyName) {
cmlenz@39:     var tr = getAncestorByTagName(button, "tr");
cmlenz@39: 
cmlenz@39:     var mode = null;
cmlenz@39:     var selects = tr.getElementsByTagName("select");
cmlenz@39:     for (var i = 0; i < selects.length; i++) {
cmlenz@39:       if (selects[i].name == propertyName + "_mode") {
cmlenz@39:         mode = selects[i];
cmlenz@39:         break;
cmlenz@39:       }
cmlenz@39:     }
cmlenz@39:     if (mode && (getAncestorByTagName(mode, "tr") == tr)) {
cmlenz@39:       // Check whether there are more 'or' rows for this filter
cmlenz@39:       var next = tr.nextSibling;
cmlenz@39:       if (next && (next.className == propertyName)) {
cmlenz@39:         function getChildElementAt(e, idx) {
cmlenz@39:           e = e.firstChild;
cmlenz@39:           var cur = 0;
cmlenz@39:           while (cur <= idx) {
cmlenz@39:             while (e && e.nodeType != 1) e = e.nextSibling;
cmlenz@39:             if (cur++ == idx) break;
cmlenz@39:             e = e.nextSibling;
cmlenz@39:           }
cmlenz@39:           return e;
cmlenz@39:         }
cmlenz@39: 
cmlenz@39:         var thisTh = getChildElementAt(tr, 0);
cmlenz@39:         var nextTh = getChildElementAt(next, 0);
cmlenz@39:         next.insertBefore(thisTh, nextTh);
cmlenz@39:         nextTh.colSpan = 1;
cmlenz@39: 
cmlenz@39:         thisTd = getChildElementAt(tr, 0);
cmlenz@39:         nextTd = getChildElementAt(next, 1);
cmlenz@39:         next.replaceChild(thisTd, nextTd);
cmlenz@39:       }
cmlenz@39:     }
cmlenz@39: 
cmlenz@39:     var tBody = tr.parentNode;
cmlenz@39:     tBody.deleteRow(tr.sectionRowIndex);
cmlenz@39:     if (!tBody.rows.length) {
cmlenz@39:         tBody.parentNode.removeChild(tBody);
cmlenz@39:     }
cmlenz@39:     
cmlenz@39:     if (propertyName) {
cmlenz@39:       var select = document.forms["query"].elements["add_filter"];
cmlenz@39:       for (var i = 0; i < select.options.length; i++) {
cmlenz@39:         var option = select.options[i];
cmlenz@39:         if (option.value == propertyName) option.disabled = false;
cmlenz@39:       }
cmlenz@39:     }
cmlenz@39:   }
cmlenz@39: 
cmlenz@39:   // Initializes a filter row, the 'input' parameter is the submit
cmlenz@39:   // button for removing the filter
cmlenz@39:   function initializeFilter(input) {
cmlenz@39:     var removeButton = document.createElement("input");
cmlenz@39:     removeButton.type = "button";
cmlenz@39:     removeButton.value = input.value;
cmlenz@39:     if (input.name.substr(0, 10) == "rm_filter_") {
cmlenz@39:       removeButton.onclick = function() {
cmlenz@39:         var endIndex = input.name.search(/_\d+$/);
cmlenz@39:         if (endIndex < 0) endIndex = input.name.length;
cmlenz@39:         removeRow(removeButton, input.name.substring(10, endIndex));
cmlenz@39:         return false;
cmlenz@39:       }
cmlenz@39:     } else {
cmlenz@39:       removeButton.onclick = function() {
cmlenz@39:         removeRow(removeButton);
cmlenz@39:         return false;
cmlenz@39:       }
cmlenz@39:     }
cmlenz@39:     input.parentNode.replaceChild(removeButton, input);
cmlenz@39:   }
cmlenz@39: 
cmlenz@39:   // Make the submit buttons for removing filters client-side triggers
cmlenz@39:   var filters = document.getElementById("filters");
cmlenz@39:   var inputs = filters.getElementsByTagName("input");
cmlenz@39:   for (var i = 0; i < inputs.length; i++) {
cmlenz@39:     var input = inputs[i];
cmlenz@39:     if (input.type == "submit" && input.name
cmlenz@39:      && input.name.match(/^rm_filter_/)) {
cmlenz@39:       initializeFilter(input);
cmlenz@39:     }
cmlenz@39:   }
cmlenz@39: 
cmlenz@39:   // Make the drop-down menu for adding a filter a client-side trigger
cmlenz@39:   var addButton = document.forms["query"].elements["add"];
cmlenz@39:   addButton.parentNode.removeChild(addButton);
cmlenz@39:   var select = document.getElementById("add_filter");
cmlenz@39:   select.onchange = function() {
cmlenz@39:     if (select.selectedIndex < 1) return;
cmlenz@39: 
cmlenz@39:     if (select.options[select.selectedIndex].disabled) {
cmlenz@39:       // Neither IE nor Safari supported disabled options at the time this was
cmlenz@39:       // written, so alert the user
cmlenz@39:       alert("A filter already exists for that property");
cmlenz@39:       return;
cmlenz@39:     }
cmlenz@39: 
cmlenz@39:     // Convenience function for creating a <label>
cmlenz@39:     function createLabel(text, htmlFor) {
cmlenz@39:       var label = document.createElement("label");
cmlenz@39:       if (text) label.appendChild(document.createTextNode(text));
cmlenz@39:       if (htmlFor) label.htmlFor = htmlFor;
cmlenz@39:       return label;
cmlenz@39:     }
cmlenz@39: 
cmlenz@39:     // Convenience function for creating an <input type="checkbox">
cmlenz@39:     function createCheckbox(name, value, id) {
cmlenz@39:       var input = document.createElement("input");
cmlenz@39:       input.type = "checkbox";
cmlenz@39:       if (name) input.name = name;
cmlenz@39:       if (value) input.value = value;
cmlenz@39:       if (id) input.id = id;
cmlenz@39:       return input;
cmlenz@39:     }
cmlenz@39: 
cmlenz@39:     // Convenience function for creating an <input type="radio">
cmlenz@39:     function createRadio(name, value, id) {
cmlenz@39:       var input = document.createElement("input");
cmlenz@39:       input.type = "radio";
cmlenz@39:       if (name) input.name = name;
cmlenz@39:       if (value) input.value = value;
cmlenz@39:       if (id) input.id = id;
cmlenz@39:       return input;
cmlenz@39:     }
cmlenz@39: 
cmlenz@39:     // Convenience function for creating a <select>
cmlenz@39:     function createSelect(name, options, optional) {
cmlenz@39:       var e = document.createElement("select");
cmlenz@39:       if (name) e.name = name;
cmlenz@39:       if (optional) e.options[0] = new Option();
cmlenz@39:       if (options) {
cmlenz@39:         for (var i = 0; i < options.length; i++) {
cmlenz@39:           var option;
cmlenz@39:           if (typeof(options[i]) == "object") {
cmlenz@39:             option = new Option(options[i].text, options[i].value);
cmlenz@39:           } else {
cmlenz@39:             option = new Option(options[i], options[i]);
cmlenz@39:           }
cmlenz@39:           e.options[e.options.length] = option;
cmlenz@39:         }
cmlenz@39:       }
cmlenz@39:       return e;
cmlenz@39:     }
cmlenz@39: 
cmlenz@39:     var propertyName = select.options[select.selectedIndex].value;
cmlenz@39:     var property = properties[propertyName];
cmlenz@39:     var table = document.getElementById("filters").getElementsByTagName("table")[0];
cmlenz@39:     var tr = document.createElement("tr");
cmlenz@39:     tr.className = propertyName;
cmlenz@39: 
cmlenz@39:     var alreadyPresent = false;
cmlenz@39:     for (var i = 0; i < table.rows.length; i++) {
cmlenz@39:       if (table.rows[i].className == propertyName) {
cmlenz@39:         var existingTBody = table.rows[i].parentNode;
cmlenz@39:         alreadyPresent = true;
cmlenz@39:         break;
cmlenz@39:       }
cmlenz@39:     }
cmlenz@39: 
cmlenz@39:     // Add the row header
cmlenz@39:     var th = document.createElement("th");
cmlenz@39:     th.scope = "row";
cmlenz@39:     if (!alreadyPresent) {
cmlenz@39:       th.appendChild(createLabel(property.label));
cmlenz@39:     } else {
cmlenz@39:       th.colSpan = 2;
cmlenz@39:       th.appendChild(createLabel("or"));
cmlenz@39:     }
cmlenz@39:     tr.appendChild(th);
cmlenz@39: 
cmlenz@39:     var td = document.createElement("td");
cmlenz@39:     if (property.type == "radio" || property.type == "checkbox") {
cmlenz@39:       td.colSpan = 2;
cmlenz@39:       td.className = "filter";
cmlenz@39:       if (property.type == "radio") {
cmlenz@39:         for (var i = 0; i < property.options.length; i++) {
cmlenz@39:           var option = property.options[i];
cmlenz@39:           td.appendChild(createCheckbox(propertyName, option,
cmlenz@39:             propertyName + "_" + option));
cmlenz@39:           td.appendChild(document.createTextNode(" "));
cmlenz@39:           td.appendChild(createLabel(option ? option : "none",
cmlenz@39:             propertyName + "_" + option));
cmlenz@39:         }
cmlenz@39:       } else {
cmlenz@39:         td.appendChild(createRadio(propertyName, "1", propertyName + "_on"));
cmlenz@39:         td.appendChild(document.createTextNode(" "));
cmlenz@39:         td.appendChild(createLabel("yes", propertyName + "_on"));
cmlenz@39:         td.appendChild(createRadio(propertyName, "!1", propertyName + "_off"));
cmlenz@39:         td.appendChild(document.createTextNode(" "));
cmlenz@39:         td.appendChild(createLabel("no", propertyName + "_off"));
cmlenz@39:       }
cmlenz@39:       tr.appendChild(td);
cmlenz@39:     } else {
cmlenz@39:       if (!alreadyPresent) {
cmlenz@39:         // Add the mode selector
cmlenz@39:         td.className = "mode";
cmlenz@39:         var modeSelect = createSelect(propertyName + "_mode",
cmlenz@39:                                       modes[property.type]);
cmlenz@39:         td.appendChild(modeSelect);
cmlenz@39:         tr.appendChild(td);
cmlenz@39:       }
cmlenz@39: 
cmlenz@39:       // Add the selector or text input for the actual filter value
cmlenz@39:       td = document.createElement("td");
cmlenz@39:       td.className = "filter";
cmlenz@39:       if (property.type == "select") {
cmlenz@39:         var element = createSelect(propertyName, property.options, true);
cmlenz@39:       } else if (property.type == "text") {
cmlenz@39:         var element = document.createElement("input");
cmlenz@39:         element.type = "text";
cmlenz@39:         element.name = propertyName;
cmlenz@39:         element.size = 42;
cmlenz@39:       }
cmlenz@39:       td.appendChild(element);
cmlenz@39:       element.focus();
cmlenz@39:       tr.appendChild(td);
cmlenz@39:     }
cmlenz@39: 
cmlenz@39:     // Add the add and remove buttons
cmlenz@39:     td = document.createElement("td");
cmlenz@39:     td.className = "actions";
cmlenz@39:     var removeButton = document.createElement("input");
cmlenz@39:     removeButton.type = "button";
cmlenz@39:     removeButton.value = "-";
cmlenz@39:     removeButton.onclick = function() { removeRow(removeButton, propertyName) };
cmlenz@39:     td.appendChild(removeButton);
cmlenz@39:     tr.appendChild(td);
cmlenz@39: 
cmlenz@39:     if (alreadyPresent) {
cmlenz@39:       existingTBody.appendChild(tr);
cmlenz@39:     } else {
cmlenz@39:       // Find the insertion point for the new row. We try to keep the filter rows
cmlenz@39:       // in the same order as the options in the 'Add filter' drop-down, because
cmlenz@39:       // that's the order they'll appear in when submitted.
cmlenz@39:       var insertionPoint = getAncestorByTagName(select, "tbody");
cmlenz@39:       outer: for (var i = select.selectedIndex + 1; i < select.options.length; i++) {
cmlenz@39:         for (var j = 0; j < table.tBodies.length; j++) {
cmlenz@39:           if (table.tBodies[j].rows[0].className == select.options[i].value) {
cmlenz@39:             insertionPoint = table.tBodies[j];
cmlenz@39:             break outer;
cmlenz@39:           }
cmlenz@39:         }
cmlenz@39:       }
cmlenz@39:       // Finally add the new row to the table
cmlenz@39:       var tbody = document.createElement("tbody");
cmlenz@39:       tbody.appendChild(tr);
cmlenz@39:       insertionPoint.parentNode.insertBefore(tbody, insertionPoint);
cmlenz@39:     }
cmlenz@39: 
cmlenz@39:     // Disable the add filter in the drop-down list
cmlenz@39:     if (property.type == "radio" || property.type == "checkbox") {
cmlenz@39:       select.options[select.selectedIndex].disabled = true;
cmlenz@39:     }
cmlenz@39:     select.selectedIndex = 0;
cmlenz@39:   }
cmlenz@39: }