From 8532de99d9b6d1a1ec53e9fb2f6ef7374fab4674 Mon Sep 17 00:00:00 2001 From: Max Kanat-Alexander Date: Tue, 31 May 2011 09:24:17 -0700 Subject: Bug 647649: Change the old "Boolean Charts" UI into the new AND/OR "Custom Search" UI. r=timello, a=mkanat --- js/custom-search.js | 156 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 156 insertions(+) create mode 100644 js/custom-search.js (limited to 'js') diff --git a/js/custom-search.js b/js/custom-search.js new file mode 100644 index 000000000..3f3ffeef2 --- /dev/null +++ b/js/custom-search.js @@ -0,0 +1,156 @@ +/* The contents of this file are subject to the Mozilla 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/MPL/ + * + * 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 the Bugzilla Bug Tracking System. + * + * The Initial Developer of the Original Code is BugzillaSource, Inc. + * Portions created by the Initial Developer are Copyright (C) 2011 + * the Initial Developer. All Rights Reserved. + * + * Contributor(s): + * Max Kanat-Alexander + */ + +var PAREN_INDENT_EM = 2; + +function custom_search_new_row() { + var row = document.getElementById('custom_search_last_row'); + var clone = row.cloneNode(true); + + _cs_fix_ids(clone); + + // We only want one copy of the buttons, in the new row. So the old + // ones get deleted. + var op_button = document.getElementById('op_button'); + row.removeChild(op_button); + var cp_button = document.getElementById('cp_container'); + row.removeChild(cp_button); + var add_button = document.getElementById('add_button'); + row.removeChild(add_button); + _remove_any_all(clone); + + // Always make sure there's only one row with this id. + row.id = null; + row.parentNode.appendChild(clone); + return clone; +} + +function custom_search_open_paren() { + var row = document.getElementById('custom_search_last_row'); + + // If there's an "Any/All" select in this row, it needs to stay as + // part of the parent paren set. + var any_all = _remove_any_all(row); + if (any_all) { + var any_all_row = row.cloneNode(false); + any_all_row.id = null; + any_all_row.appendChild(any_all); + row.parentNode.insertBefore(any_all_row, row); + } + + // We also need a "Not" checkbox to stay in the parent paren set. + var new_not = YAHOO.util.Dom.getElementsByClassName( + 'custom_search_not_container', null, row); + var not_for_paren = new_not[0].cloneNode(true); + + // Preserve the values when modifying the row. + var id = _cs_fix_ids(row, true); + var prev_id = id - 1; + + var paren_row = row.cloneNode(false); + paren_row.id = null; + paren_row.innerHTML = '('; + paren_row.insertBefore(not_for_paren, paren_row.firstChild); + row.parentNode.insertBefore(paren_row, row); + + // New paren set needs a new "Any/All" select. + var j_top = document.getElementById('j_top'); + var any_all_container = j_top.parentNode.cloneNode(true); + var any_all = YAHOO.util.Dom.getElementsBy(function() { return true }, + 'select', any_all_container); + any_all[0].name = 'j' + prev_id; + any_all[0].id = any_all[0].name; + row.insertBefore(any_all_container, row.firstChild); + + var margin = YAHOO.util.Dom.getStyle(row, 'margin-left'); + var int_match = margin.match(/\d+/); + var new_margin = parseInt(int_match[0]) + PAREN_INDENT_EM; + YAHOO.util.Dom.setStyle(row, 'margin-left', new_margin + 'em'); + YAHOO.util.Dom.removeClass('cp_container', 'bz_default_hidden'); +} + +function custom_search_close_paren() { + var new_row = custom_search_new_row(); + + // We need to up the new row's id by one more, because we're going + // to insert a "CP" before it. + var id = _cs_fix_ids(new_row); + + var margin = YAHOO.util.Dom.getStyle(new_row, 'margin-left'); + var int_match = margin.match(/\d+/); + var new_margin = parseInt(int_match[0]) - PAREN_INDENT_EM; + YAHOO.util.Dom.setStyle(new_row, 'margin-left', new_margin + 'em'); + + var paren_row = new_row.cloneNode(false); + paren_row.id = null; + paren_row.innerHTML = ')'; + + new_row.parentNode.insertBefore(paren_row, new_row); + + if (new_margin == 0) { + YAHOO.util.Dom.addClass('cp_container', 'bz_default_hidden'); + } +} + + +function _cs_fix_ids(parent, preserve_values) { + // Update the label of the checkbox. + var label = YAHOO.util.Dom.getElementBy(function() { return true }, + 'label', parent); + var id_match = label.htmlFor.match(/\d+$/); + var id = parseInt(id_match[0]) + 1; + label.htmlFor = label.htmlFor.replace(/\d+$/, id); + + // Sets all the inputs in the parent back to their default + // and fixes their id. + var fields = + YAHOO.util.Dom.getElementsByClassName('custom_search_form_field', null, + parent); + for (var i = 0; i < fields.length; i++) { + var field = fields[i]; + + if (!preserve_values) { + if (field.type == "checkbox") { + field.checked = false; + } + else { + field.value = ''; + } + } + + // Update the numeric id for the new row. + field.name = field.name.replace(/\d+$/, id); + field.id = field.name; + } + + return id; +} + +function _remove_any_all(parent) { + var any_all = YAHOO.util.Dom.getElementsByClassName('any_all_select', null, + parent); + if (any_all[0]) { + parent.removeChild(any_all[0]); + return any_all[0]; + } + return null; +} -- cgit v1.2.3-24-g4f1b