JavaScript Game Select

[PliskinDev]

-----------------------------------------------

----------------------------------------

Spoiler: JavaScript - Code

[hide-reply][/hide-reply]

Spoiler: JavaScript - Code

[hide-reply]
var NFIGDB = window.NFIGDB || {};

!function($, window, document, _undefined)
{
"use strict";

NFIGDB.GameSelect = XF.Element.newHandler({

options: {
platforms: true,
showFaves: true
},

init: function()
{
function formatGame (game) {
if (!game.id) {
return game.text;
}
var $game = $(
'<span><img src="' + game.cover + '" style="height:auto;width:40px;" /> ' + game.text + '</span>'
);
return $game;
};

var showFaves = this.options.showFaves;

this.$target.select2({
ajax: {
url: XF.canonicalizeUrl('index.php?igdb/search.json'),
delay: 750,
data: function (params) {
var query = {
term: params.term,
faves: showFaves,
_xfToken: XF.config.csrf
}
return query;
},
processResults: function (data) {
return {
results: data.results
};
},
cache: true
},
placeholder: 'Search for a game',
allowClear: true,
//templateResult: formatGame
//minimumInputLength: 1
});

if (this.$target.data('platform-picker'))
{
var rows = this.$target.data('rows')
var admin = this.$target.data('admin')
var noGroups = this.$target.data('no-groups')

this.$target.on('select2:select', function (e) {
var data = e.params.data;
var gameId = data.id;
if (gameId == 0)
{
return;
}

XF.ajax('get', XF.canonicalizeUrl('index.php?igdb/platforms'), {'game_id': gameId, 'rows': rows, 'admin': admin, 'no_groups': noGroups}, function (data) {
XF.setupHtmlInsert(data.html, function($html, container, onComplete)
{
$('.formHiderTarget').replaceWith($html);
});
})
});
}
}
});

XF.Element.register('game-select', 'NFIGDB.GameSelect');
}
(jQuery, window, document);
[/hide-reply]

-----------------------------------------

​

 

[oakieville]

Nice thanks