summaryrefslogtreecommitdiff
path: root/www/wiki/extensions/SemanticMediaWiki/res/smw/util/ext.smw.util.autocomplete.property.js
blob: 7551a01b4546b72f83d546f395fbc62cb9e1e065 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/**
 * JavaScript for property autocomplete function
 *
 * @license GNU GPL v2+
 * @since 2.4
 *
 * @author mwjames
 */

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

	var autocomplete = function( context ) {

		var limit = 20;
		var currentValue = context.val();

		var indicator = context.hasClass( 'autocomplete-arrow' );
		context.removeClass( 'is-disabled' );

		// https://github.com/devbridge/jQuery-Autocomplete
		context.autocomplete( {
			serviceUrl: mw.util.wikiScript( 'api' ),
			dataType: 'json',
			minChars: 3,
			maxHeight: 150,
			paramName: 'search',
			delimiter: "\n",
			noCache: false,
			triggerSelectOnValidInput: false,
			params: {
				'action': 'smwbrowse',
				'format': 'json',
				'browse': 'property',
				'params': {
					"search": '',
					"limit": limit
				}
			},
			onSearchStart: function( query ) {

				// Avoid a search request on options or invalid characters
				if (
					query.search.indexOf( '#' ) > -1 ||
					query.search.indexOf( '|' ) > -1 ) {
					return false;
				};

				// Avoid a request for when the search term on the current
				// selected value are the same
				if ( currentValue !== '' && currentValue === query.search ) {
					return false;
				};

				context.removeClass( 'autocomplete-arrow' );
				context.addClass( 'is-disabled' );

				if ( indicator ) {
					context.addClass( 'autocomplete-loading' );
				};

				query.params = JSON.stringify( {
					'search': query.search.replace( "?", '' ),
					'limit': limit
				} );

				// Avoids {"warnings":{"main":{"*":"Unrecognized parameter: search."}
				// from the API request
				delete query.search;
			},
			onSelect: function( suggestion ) {

				if ( suggestion ) {
					currentValue = suggestion.value;
				};

				context.trigger( 'smw.autocomplete.property.select.complete', {
					suggestion: suggestion,
					context: context
				} );
			},
			onSearchComplete: function( query ) {
				context.removeClass( 'is-disabled' );

				if ( indicator ) {
					context.removeClass( 'autocomplete-loading' );
					context.addClass( 'autocomplete-arrow' );
				};
			},
			transformResult: function( response ) {

				if ( !response.hasOwnProperty( 'query' ) ) {
					return { suggestions: [] };
				};

				return {
					suggestions: $.map( response.query, function( dataItem, key ) {
						return { value: dataItem.label, data: key };
					} )
				};
			}
		} );

		// https://github.com/devbridge/jQuery-Autocomplete/issues/498
		context.off( 'focus.autocomplete' );
	}

	// Listen to an event (see Special:Ask)
	$ ( document ).on( 'SMW::Property::Autocomplete', function( event, opts ) {
		autocomplete( opts.context.find( '.smw-property-input' ) );
	} );

	// Listen to any event that requires a value autocomplete
	// The trigger needs to set { context: ... } so we isolate the processing
	// to a specific instance
	$ ( document ).on( 'smw.autocomplete.property', function( event, opts ) {
		autocomplete( opts.context.find( '.smw-property-input' ) );
	} );

	$( document ).ready( function() {
		$( '#smw-property-input, .smw-property-input' ).each( function() {
			autocomplete( $( this ) );
		} );

	} );

} )( jQuery, mediaWiki );