path: root/www/wiki/extensions/SemanticFormsSelect/res/scriptSelect.js

/*
 * return a jquery pattern string to find out form fields which values will be changed
 *
 */
function SFSelect_getSelectFieldPat(nameObj, f) {
    var selectpat = "";
    if (f.selectismultiple) {
        if (f.selecttemplate == f.valuetemplate) {
            // each select field in a multiple
            // template depends on its value field.

            var pat = "select[name='" + f.selecttemplate + "[" + nameObj.index + "][" + f.selectfield + "]']";
            var pat1 = "select[name='" + f.selecttemplate + "[" + nameObj.index + "][" + f.selectfield + "][]']";
            selectpat = pat + "," + pat1;
        } else {
            // multiple select fields depends on one
            // value field.
            selectpat = "select[name^='"
                + f.selecttemplate
                + "'][name$='["
                + f.selectfield
                + "]'], select[name^='"
                + f.selecttemplate
                + "'][name$='["
                + f.selectfield + "][]']";
        }

    } else {
        selectpat = "select[name='"
            + f.selecttemplate + "["
            + f.selectfield
            + "]'], select[name='"
            + f.selecttemplate + "["
            + f.selectfield + "][]']";
    }
    return selectpat;
}

/*
 * Parse the SF field name into an objetc for easy process
 */
function SFSelect_parseName(name) {
    var names = name.split('[');
    var nameObj = {template: names[0]};
    if (names[names.length - 1] == ']') {
        nameObj.isList = true;
        var property = names[names.length - 2]
        property = property.substr(0, property.length - 1);
        nameObj.property = property;
        if (names.length == 4) {
            var index = names[1];
            index = index.substr(0, index.length - 1);
            nameObj.index = index;
        } else {
            nameObj.index = null;
        }
    } else {
        nameObj.isList = false;
        var property = names[names.length - 1]
        property = property.substr(0, property.length - 1);
        nameObj.property = property;
        if (names.length == 3) {
            var index = names[1];
            index = index.substr(0, index.length - 1);
            nameObj.index = index;
        } else {
            nameObj.index = null;
        }
    }
    return nameObj;
}

function SFSelect_setDependentValues(nameobj, fobj, values) {
    
    var selectPat = SFSelect_getSelectFieldPat(nameobj, fobj);

    jQuery(selectPat).each(function (index, element) {
        //keep selected values;
        var selectedValues = jQuery(element).val();
        
		if ( !selectedValues && fobj.hasOwnProperty("curvalues") ) {
			selectedValues = fobj.curvalues;
		}
		
        if (!selectedValues) {
            selectedValues = [];
        } else if (!jQuery.isArray(selectedValues)) {
            selectedValues = [selectedValues];
        }

        element.options.length = values.length;

        var newselected = [];

        if (fobj.label) {
            var namevalues = SFSelect_processNameValues(values);

            for (var i = 0; i < namevalues.length; i++) {
                element.options[i] = new Option(namevalues[i][1], namevalues[i][0]);
                if (jQuery.inArray(namevalues[i][0], selectedValues) != -1) {
                    element.options[i].selected = true;
                    newselected.push(namevalues[i][0]);
                }
            }
        } else {
            for (var i = 0; i < values.length; i++) {
                element.options[i] = new Option(values[i]);

                if (jQuery.inArray(values[i], selectedValues) != -1) {
                    element.options[i].selected = true;
                    newselected.push(values[i]);
                }
            }
        }

        if (newselected.length == 0) {
            if (fobj.selectrm && fobj.selecttemplate != fobj.valuetemplate && fobj.selectismultiple) {
                jQuery(element).closest("div.multipleTemplateInstance").remove();
            } else {
                if (selectedValues.length != 0 || values.length === 1)
                    jQuery(element).trigger("change");
            }
        } else if (!SFSelect_arrayEqual(newselected, selectedValues)) {
            jQuery(element).trigger("change");
        }
    });
}

/** Function for turning name values from 'Page (property)' results **/

function SFSelect_processNameValues( values ) {

	var namevalues = [];
	
	for(var i=0; i<values.length; i++){

		var openBr = 0;
		var doneBr = 0;
		var num = 0;
		
		var label = values[i];
		
		var labelArr = label.split("");
		
		var end = labelArr.length - 1;
		var iter = end;
		
		var endBr = end;
		var startBr = 0;
		
		while ( doneBr === 0 && iter >= 0 ) {
			
			var charLabel = labelArr[ iter ];
							
			if ( charLabel === ")" ) {
				openBr = openBr - 1;
				
				if ( num === 0 ) {
					endBr = iter;
					num = num + 1;
				}
			}
			
			if ( charLabel === "(" ) {
				openBr = openBr + 1;
				
				if ( num > 0 && openBr === 0 ) {
					startBr = iter;
					doneBr = 1;
				}
			}
			
			iter = iter - 1;
		}
		
		labelValue = ( labelArr.slice( startBr+1, endBr ) ).join("");
		labelKey = ( labelArr.slice( 0, startBr - 1 ) ).join("");

		namevalues.push( [ labelKey, labelValue ] );
	
	}

	return namevalues;

}

function SFSelect_arrayEqual(a, b) {
    if (a.length != b.length)
        return false;
    a = a.sort();
    b = b.sort();
    for (var i = 0; i < a.length; i++) {
        if (a[i] != b[i])
            return false;
    }
    return true;
}


//( function ( $, mw ) {
( function ($) {
    'use strict';

    /**
     * valuetemplate:string,
     * valuefield:string, value is the form field on which other select element depends on. change
     *  on this field will trigger a load event for selectfield.
     * selecttemplate:string
     * selectfield:string
     * selectismultiple:boolean, Whether this template is a multiple template.
     * selectquery or selectfunciton: the query ot function to execute
     * selectrm:boolean remove the div if the selected value for a field is not valid any more.
     * label: boolean, process ending content () as label in option values.
     * sep: Separator for the list of retrieved values, default ','
     */

        // get the objects from PHP using mw.config helper
    var SFSelect_fobjs = $.parseJSON(mw.config.get('sf_select'));

    /**
     * changeHandler
     * @param src
     */
    function SFSelect_changeHandler(src) {

        //console.log("change is called for " + src.name);

        if (src.tagName.toLowerCase() != 'select' && src.tagName.toLowerCase() != 'input') {
            return;
        }

        var v = [];
        
        var selectElement =  jQuery(src);
        var select2enabled = false;
        var name = src.name;

        if (typeof selectElement.select2 === "function") { 
            // safe to use the function

            var select2Data = selectElement.select2('data');
            var value_initial = selectElement.attr('data-value-initial');
            select2enabled = true;
        }

        // field empty?
        if ( selectElement.val() && select2enabled ) {

            // do we have a version of Page Forms that supports 'value-initial'?
            if (typeof value_initial === 'string') {

                // if select2('data') exists
                if ((select2Data.hasOwnProperty('id') && select2Data.hasOwnProperty('text')) || (select2Data[0].hasOwnProperty('id') && select2Data[0].hasOwnProperty('text'))) {

                    // Combobox
                    // lookup values in wgPageFormsAutocompleteValues
                    if (selectElement.hasClass('pfComboBox')) {
                        var autocompletesettings = selectElement.attr('autocompletesettings');
                        if (autocompletesettings !== null) {
                            // In case of initial page load and label is used, select2Data.id holds a value
                            // and not an id. In this case, use 'data-value-initial' instead
                            if (typeof select2Data.id === 'string') {
                                // change triggered by initial page load
                                v.push(value_initial);
                            } else {
                                // change triggered by user
                                v.push(Object.keys(mw.config.get('wgPageFormsAutocompleteValues')[autocompletesettings])[select2Data.id - 1]);
                            }
                        }
                    }

                    // Tokens
                    else if (selectElement.hasClass('pfTokens')) {
                        var autocompletesettings = selectElement.attr('autocompletesettings');
                        if (autocompletesettings !== null) {
                            select2Data.forEach(function (i) {
                                v.push(i.id);
                            });
                        }
                    }

                } else {	// if select2('data') does not exist, use initial value
                    v = value_initial.split(';');
                }

            } else {

                // Page Forms does not support 'data-value-initial' -> old behaviour without support for mapping
                if (jQuery.isArray(selectElement.val())) {
                    v = selectElement.val();
                } else {
                    if (selectElement.attr('type') === "checkbox") {
                        v = (selectElement.is(":checked")) ? ["true"] : ["false"];

                        // cut of [value] component from name
                        name = src.name.substr(0,src.name.indexOf("[value]"));
                    } else {
                        //split and trim
                        v = $.map(selectElement.val().split(";"), $.trim);
                    }
                }
            }
        } else {
            
            v = selectElement.val();

            if (jQuery.isArray(v)){
                // That's OK
            } else if (v==null) {
                
                v=[];
                
            }  else {
                
                v=[v];
                
            }
        }

        var srcName = SFSelect_parseName(name);

        for (var i = 0; i < SFSelect_fobjs.length; i++) {
            
			if ( SFSelect_fobjs[i].hasOwnProperty("staticvalue") && SFSelect_fobjs[i].staticvalue ) {

				SFSelect_changeSelected( SFSelect_fobjs[i], srcName );

			} else {
				
				SFSelect_prepareQuery( SFSelect_fobjs[i], srcName, v );

			}
        }
    }
    
	function SFSelect_changeSelected( fobj, nameobj ) {
		
		var selectPat=SFSelect_getSelectFieldPat(nameobj, fobj);

		jQuery(selectPat).each(function(index, element){	
			//keep selected values;
			var selectedValues=jQuery(element).val();
	
			if ( !selectedValues && fobj.hasOwnProperty("curvalues") ) {
				selectedValues = fobj.curvalues;
			}
			
			if (!selectedValues){
				selectedValues=[];
			} else if (!jQuery.isArray(selectedValues)){
				selectedValues=[selectedValues];
			}

			if ( element.options && element.options.length > 0 ) {
				
				var options = jQuery.map( element.options ,function(option) {
					return option.value;});
			
				for ( var c = 0; c < selectedValues.length; c++ ) {
			
					if ( jQuery.inArray( selectedValues[c], options ) ) {

						var changed = jQuery( element ).attr( "data-changed" );
						
						if ( changed ) {

							jQuery( element ).val( selectedValues[c] ).trigger('change');

						}
						
					}
				}
				
			}
	
		});

	}

    /**
     * prepareQuery
     */
    function SFSelect_prepareQuery(fobj, srcName, v) {
        if (srcName.template == fobj.valuetemplate && srcName.property == fobj.valuefield) {
            //good, we have a match.
            // No values
            if (v.length == 0 || v[0] == '') {
                SFSelect_setDependentValues(srcName, fobj, []);
            } else {
                // Values

                var param = {}
                param['action'] = 'sformsselect';
                param['format'] = 'json';
                param['sep'] = fobj.sep;

                if (fobj.selectquery) {
                    var query = fobj.selectquery.replace("@@@@", v.join('||'));
                    param['query'] = query;
                    param['approach'] = 'smw';

                } else {
                    var query = fobj.selectfunction.replace("@@@@", v.join(","));
                    param['query'] = query;
                    param['approach'] = 'function';
                }

                var posting = jQuery.get(mw.config.get('wgScriptPath') + "/api.php", param);
                posting.done(function (data) {
                    // Let's pass values
                    SFSelect_setDependentValues(srcName, fobj, data["sformsselect"].values);
                }).fail(function (data) {
                    console.log("Error!");
                });

                // break; // Avoid loading fobj again
            }
        }
    }

    /**
     * removeDuplicateFobjs
     * SF form add a fobj for each field in a multiple template.
     * In reality we only need a fobj to reduce the ajax call.
     **/
    function SFSelect_removeDuplicateFobjs(SFSelect_fobjs) {
        var newfobjs = [];

        for (var i = 0; i < SFSelect_fobjs.length; i++) {
            var found = false;
            var of = SFSelect_fobjs[i];
            if (!of.selectismultiple) {
                newfobjs.push(of);
                continue;
            }
            for (var j = 0; j < newfobjs.length; j++) {
                var nf = newfobjs[j];
                if (of.selecttemplate == nf.selecttemplate && of.selectfield == nf.selectfield) {
                    found = true;
                    break;
                }
            }
            if (!found) {
                newfobjs.push(of);
            }
        }

        return newfobjs;
    }

    //simplify duplicated object.
    SFSelect_fobjs = SFSelect_removeDuplicateFobjs(SFSelect_fobjs);

    // register change handler
    $("form#pfForm").change(function (event) {
        SFSelect_changeHandler(event.target);
    });

    var objs = null;

    // populate Select fields at load time
    for (var i = 0; i < SFSelect_fobjs.length; i++) {

        var fobj = SFSelect_fobjs[i];

        //var valuepat = "input[name='" + fobj.valuetemplate + "\\["+ fobj.valuefield + "\\]']";

        // support multi instance templates: select all "input" items starting with fobj.valuetemplate
        // and containing fobj.valuefield
        // example name attribute: name="myTemplate[0a][myField]"
        var valuepat = 'input[name^="' + fobj.valuetemplate + '"]' + '[name*="' + fobj.valuefield + '"]';

        if ($(valuepat).val()) {
            // get Select fields, skipping 'map_fields'
            objs = jQuery(valuepat).not('input[name*=map_field]');
        } else {
            //valuepat= "select[name='" + fobj.valuetemplate + "\\["+ fobj.valuefield + "\\]']";

            // support multi instance templates: select all "select" items starting with fobj.valuetemplate
            // and containing fobj.valuefield
            // example name attribute: name="myTemplate[0a][myField]"
            var valuepat = 'select[name^="' + fobj.valuetemplate + '"]' + '[name*="' + fobj.valuefield + '"]';

            objs = jQuery(valuepat).not('select[name*=map_field]');
        }
        objs.trigger("change");
    }

//}( jQuery, mediaWiki ) );
}(jQuery) );