diff options
Diffstat (limited to 'www/wiki/extensions/SemanticFormsSelect/res/scriptSelect.js')
| -rw-r--r-- | www/wiki/extensions/SemanticFormsSelect/res/scriptSelect.js | 490 |
1 files changed, 490 insertions, 0 deletions
diff --git a/www/wiki/extensions/SemanticFormsSelect/res/scriptSelect.js b/www/wiki/extensions/SemanticFormsSelect/res/scriptSelect.js new file mode 100644 index 00000000..d6632d21 --- /dev/null +++ b/www/wiki/extensions/SemanticFormsSelect/res/scriptSelect.js @@ -0,0 +1,490 @@ +/* + * 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) ); |