User
Seb35/bluell.js
< User:Seb35
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
$( function (){
var userLanguage = mw.config.get( 'wgUserLanguage' );
var messages = {
'no-results': {
en: 'No results.',
de: 'Keine Ergebnisse.',
fr: 'Pas de résultat.',
}
};
mw.loader.using( ['oojs', 'oojs-ui'], function () {
var oouiSelectors = {
'speaker': null,
'gender': null,
'language': null,
'proficiency': null,
};
var sparqlGlobal = {
'speaker': 'SELECT DISTINCT ?speaker ?speakerLabel WHERE { ?speaker prop:P2 entity:Q3 . ?speaker rdfs:label ?speakerLabel . FILTER( LANG(?speakerLabel) = "en" ) } ORDER BY ?speakerLabel',
'gender': 'SELECT DISTINCT ?gender ?genderLabel WHERE { ?gender prop:P2 entity:Q7 . SERVICE wikibase:label { bd:serviceParam wikibase:language "' + userLanguage + ',fr,en" } } ORDER BY ?gender',
'language': 'SELECT DISTINCT ?language ?languageLabel WHERE { ?language prop:P2 entity:Q4 . SERVICE wikibase:label { bd:serviceParam wikibase:language "' + userLanguage + ',fr,en" } } ORDER BY ?languageLabel',
'proficiency': 'SELECT DISTINCT ?proficiency ?proficiencyLabel WHERE { ?proficiency prop:P2 entity:Q5 . SERVICE wikibase:label { bd:serviceParam wikibase:language "' + userLanguage + ',fr,en" } } ORDER BY ?proficiency',
};
var placeholders = {
'speaker': '👤 Speaker',
'gender': '♀️ ♂️ Speaker\'s gender',
'language': '🏳️ Language',
'proficiency': '🥇 Level of proficiency',
};
var htmlElements = {
'speaker': '#filteruser',
'gender': '#filtergender',
'language': '#filterlanguage',
'proficiency': '#filterlevelofproficiency',
};
var lastRequest = {
'speaker': '',
'gender': '',
'language': '',
'proficiency': '',
};
function updateSelector( type ) {
return function( values ) {
console.log( lastRequest );
console.log( oouiSelectors['speaker'].getValue(), oouiSelectors['gender'].getValue(), oouiSelectors['language'].getValue(), oouiSelectors['proficiency'].getValue() );
if( ( oouiSelectors['speaker'] && oouiSelectors['speaker'].getValue() != lastRequest['speaker'] ) ||
( oouiSelectors['gender'] && oouiSelectors['gender'].getValue() != lastRequest['gender'] ) ||
( oouiSelectors['language'] && oouiSelectors['language'].getValue() != lastRequest['language'] ) ||
( oouiSelectors['proficiency'] && oouiSelectors['proficiency'].getValue() != lastRequest['proficiency'] ) ) {
return;
}
oouiSelectors[type] = new OO.ui.ComboBoxInputWidget( {
placeholder: placeholders[type],
menu: {
filterFromInput: true,
items: values.results.bindings.map( function( x ) {
return new OO.ui.MenuOptionWidget( {
data: x[ type + 'Label' ].value + " (" + x[type].value.substr( 31 ) + ")",
label: x[ type + 'Label' ].value
} );
} )
}
} );
$( htmlElements[type] ).html('').append(
oouiSelectors[type].$element
);
oouiSelectors[type].on( 'change', function() { doQuery(); doQuery( 'speaker' ); doQuery( 'gender' ); doQuery( 'language' ); doQuery( 'proficiency' ); } );
};
}
$.getJSON(
'https://lingualibre.org/bigdata/namespace/wdq/sparql',
{
query: sparqlGlobal['speaker']
}
).done( updateSelector( 'speaker' ) );
$.getJSON(
'https://lingualibre.org/bigdata/namespace/wdq/sparql',
{
query: sparqlGlobal['gender']
}
).done( updateSelector( 'gender' ) );
$.getJSON(
'https://lingualibre.org/bigdata/namespace/wdq/sparql',
{
query: sparqlGlobal['language']
}
).done( updateSelector( 'language' ) );
$.getJSON(
'https://lingualibre.org/bigdata/namespace/wdq/sparql',
{
query: sparqlGlobal['proficiency']
}
).done( updateSelector( 'proficiency' ) );
// Display results
function createAudioBoxesForSearch( data ) {
if ( data.results === undefined || data.results.bindings === undefined ) {
displayError( 'error: no result from SPARQL' );
return;
}
if ( data.results.bindings.length < 1 ) {
$( '#audioresults' ).html( messages['no-results'][userLanguage] ? messages['no-results'][userLanguage] : messages['no-results']['en'] );
return;
}
$( '#audioresults' ).html( '' );
for (var i = 0; i < 100; i++) {
var box = $( '<div class="audiobox"> <div class="ab-playbutton"><i></i></div> <div> <div class="ab-title">...</div> <div class="ab-metadata">...</div> </div> </div>' );
var audiobox = new AudioBox( data.results.bindings[ i ].record.value.substr( 31 ), box );
$( '#audioresults' ).append( box );
//ab1 = new AudioBox( data.query.rwrecords[ i ], $( '.audiobox' ).eq( i ) );
//$("body").append('<div class="audiobox"> <div class="ab-playbutton"><i></i></div> <div> <div class="ab-title">...</div> <div class="ab-metadata">...</div> </div> </div>');
}
}
// Do SPARQL request from filters
function doQuery( variable ){
// Do not modify a selector where there is a value
if( variable && oouiSelectors[variable] && oouiSelectors[variable].getValue() ) {
return;
}
function getQ( type ) {
if( variable === type ) {
return '?' + type;
}
var text = oouiSelectors[type] ? oouiSelectors[type].getValue() : '';
if( !text ) {
return '';
}
text = text.trim();
if( /^Q[0-9]+$/.test( text ) ) {
return 'entity:' + text;
} else if( /\((Q[0-9]+)\)$/.test( text ) ) {
return 'entity:' + text.replace( /.*\((Q[0-9]+)\)$/, '$1' );
} else {
console.warn( 'Bad input “' + text + '”' );
return '';
}
}
var speaker = getQ( 'speaker' ),
gender = getQ( 'gender' ),
language = getQ( 'language' ),
proficiency = getQ( 'proficiency' ),
somevalue = false;
if( ! variable ) {
lastRequest = {
'speaker': speaker,
'gender': gender,
'language': language,
'proficiency': proficiency,
};
}
var query = "SELECT " + ( variable ? 'DISTINCT ?' + variable + ' ?' + variable + 'Label' : "?record" ) + " WHERE { ?record prop:P2 entity:Q2 ; prop:P4 ?language ; prop:P5 ?speaker . ";
if( speaker ) {
query += "?record prop:P5 " + speaker + " . ";
somevalue = true;
}
if( gender ) {
query += "?record prop:P5 [ prop:P8 " + gender + " ] . ";
somevalue = true;
}
if( language ) {
query += "?record prop:P4 " + language + " . ";
somevalue = true;
}
if( proficiency ) {
query += "?speaker llp:P4 [ llv:P4 ?language ; llq:P16 " + proficiency + " ] . ";
somevalue = true;
}
query += "SERVICE wikibase:label { bd:serviceParam wikibase:language '" + userLanguage + ",en,fr' } } LIMIT 100";
if( variable ) {
if( !somevalue ) {
query = sparqlGlobal[variable];
}
} else {
if( !variable && !somevalue ) {
return;
}
$( '#audioresults' ).html( '' ); // TODO replace by a spinner
}
// Execute the request
var result = $.getJSON(
'https://lingualibre.org/bigdata/namespace/wdq/sparql',
{
query: query,
//Accept: 'application/sparql-results+json'
}
);
// Depending if we want the whole results or update on selector
if( variable ) {
result.then( updateSelector( variable ), displayError );
} else {
result.then( createAudioBoxesForSearch, displayError );
}
}
} );
} );