ampache/lib/javascript/search.js

// vim:set softtabstop=4 shiftwidth=4 expandtab:
//
// Copyright 2010 - 2015 Ampache.org
// All rights reserved.
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License v2
// as published by the Free Software Foundation.
//
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.

var rowIter = 1;
var rowCount = 0;

var SearchRow = {
    add: function (ruleType, operator, input, subtype) {
        if (typeof(ruleType) != 'string') {
            ruleType = 0;
        }
        else {
            jQuery.each(types, function(i) {
                if (types[i].name == ruleType) {
                    ruleType = i;
                    return false;
                }
            });
        }

        if (typeof(operator) != 'string') {
            operator = 0;
        }
        else {
            if (ruleType != null) {
                var opts = basetypes[types[ruleType].type];
                jQuery.each(opts, function(i) {
                    if (opts[i].name == operator) {
                        operator = i;
                        return false;
                    }
                });
            }
        }

        var row = document.createElement('tr');
        var cells = new Array();
        for (var i = 0 ; i < 5 ; i++) {
            cells[i] = document.createElement('td');
        }

        cells[0].appendChild(SearchRow.constructOptions(ruleType, rowIter));
		var select = SearchRow.createSubtypeOptions(ruleType, rowIter, subtype);
		if (select) {
			cells[0].appendChild(select);
		}
        cells[1].appendChild(SearchRow.constructOperators(ruleType, rowIter, operator));
        cells[2].appendChild(SearchRow.constructInput(ruleType, rowIter, input));
        cells[3].innerHTML = removeIcon;

        jQuery.each(cells, function(i) {
            row.appendChild(cells[i]);
        });

        $('#searchtable').append(row);
        rowCount++;

        $(cells[3]).on('click', function(){if(rowCount > 1) { $(this).parent().remove(); rowCount--; }});

        rowIter++;
    },
    constructInput: function(ruleType, ruleNumber, input) {
        if (input === null || input === undefined) {
            input = '';
        }

        var widget = types[ruleType].widget;

        var inputNode  = document.createElement(widget['0']);
        inputNode.id   = 'rule_' + ruleNumber + '_input';
        inputNode.name = 'rule_' + ruleNumber + '_input';

        switch(widget['0']) {
            case 'input':
                inputNode.setAttribute('type', widget['1']);
                inputNode.setAttribute('value', input);
				break;
            case 'select':
                jQuery.each(widget['1'], function(i) {
                    var option = document.createElement('option');
                    var realvalue = 0;
                    if ( isNaN(parseInt(widget['1'][i])) ) {
                        realvalue = i;
                    }
                    else {
                        realvalue = parseInt(widget['1'][i]);
                    }
                    if ( input == realvalue ) {
                        option.selected = true;
                    }
                    option.value = realvalue;
                    option.innerHTML = widget['1'][i];
                    inputNode.appendChild(option);
                });
				break;
			case 'subtypes':
				inputNode = document.createElement(widget[1][0]);
				inputNode.id = 'rule_' + ruleNumber + '_input';
				inputNode.name = 'rule_' + ruleNumber + '_input';
				inputNode.setAttribute('type', widget[1][1]);
				inputNode.setAttribute('value', input);
				break;
        }

        return inputNode;
    },
    constructOptions: function(ruleType, ruleNumber) {
        var optionsNode  = document.createElement('select');
        optionsNode.id   = 'rule_' + ruleNumber;
        optionsNode.name = 'rule_' + ruleNumber;

        jQuery.each(types, function(i) {
            var option = document.createElement('option');
            option.innerHTML = types[i].label;
            option.value = types[i].name;
            if ( i == ruleType ) {
                option.selected = true;
            }
            optionsNode.appendChild(option);
        });

        $(optionsNode).change(SearchRow.update);

        return optionsNode;
    },
    constructOperators: function(ruleType, ruleNumber, operator) {
        var operatorNode    = document.createElement('select');
        operatorNode.id        = 'rule_' + ruleNumber + '_operator';
        operatorNode.name    = 'rule_' + ruleNumber + '_operator';

        var basetype = types[ruleType].type;
        operatorNode.className    = 'operator' + basetype;

        var opts = basetypes[basetype];
        jQuery.each(opts, function(i) {
            var option = document.createElement('option');
            option.innerHTML = opts[i].description;
            option.value = i;
            if (i == operator) {
                option.selected = true;
            }
            operatorNode.appendChild(option);
        });

        return operatorNode;
    },
    update: function() {
        var r_findID = /rule_(\d+)/;
        var targetID = r_findID.exec(this.id)[1];

        var operator = $('#rule_' + targetID + '_operator');
        if (operator.className != 'operator' + types[this.selectedIndex].type) {
            var operator_cell = operator.parent();
            operator.remove();
            operator_cell.append(SearchRow.constructOperators(this.selectedIndex, targetID));
        }

		var type = $(this).val();

		jQuery.each(types, function (index, value) {
			if (value.name == type) {
				type = value
				return false;
			}
		});

		if (type['widget'][0] == 'subtypes') {
			var $select = SearchRow.createSelect({
				name: 'rule_' + targetID + '_subtype'
			}, type['subtypes']);
			$(this).after($select);
		}
		else {
			$(this).closest('tr').find('select[name="subtype"]').remove();
		}

		var input = $('#rule_' + targetID + '_input');
        if (input.type == 'text') {
            var oldinput = input.value;
        }

        var input_cell = input.parent();
        input.remove();
        input_cell.append(SearchRow.constructInput(this.selectedIndex, targetID, oldinput));
    },
	createSelect: function (attributes, options, selected) {
		var $select = $('<select>');
		$.each(attributes, function (key, value) {
			$select.attr(key, value);
		});

		$.each(options, function (key, value) {
			$('<option>').attr('value', key).text(value).appendTo($select);
		});
		$select.val(selected);
		return $select;
	},
	createSubtypeOptions: function (ruleType, ruleNumber, subtype) {
		var type = types[ruleType];

		var input;
		if (type['widget'][0] == 'subtypes') {
			var $input = SearchRow.createSelect({
				name: 'rule_' + ruleNumber + '_subtype'
			}, type['subtypes'], subtype);
			return $input[0];
		}
	}
};