/** * Created by SpeedProg on 05.04.2015. */ /* Takes a prefix, query typeahead callback, Bloodhound typeahead adapter and returns the completions it gets from the bloodhound engine prefixed. */ function prefixed_source(prefix, query, cb, bhAdapter) { bhAdapter(query, function(retArray){ var matches = []; for (var i = 0; i < retArray.length; i++) { var obj = {name : prefix + retArray[i].name}; matches.push(obj); } cb(matches); }); } function get_path(){ var jsFileLocation = $("script[src*=edit_books]").attr("src"); // the js file path jsFileLocation = jsFileLocation.replace("/static/js/edit_books.js", ''); // the js folder path return jsFileLocation; } var authors = new Bloodhound({ name: "authors", datumTokenizer: function(datum) { return [datum.name]; }, queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: get_path()+"/get_authors_json?q=%QUERY" } }); function authors_source(query, cb) { var bhAdapter = authors.ttAdapter(); var tokens = query.split("&"); var current_author = tokens[tokens.length-1].trim(); tokens.splice(tokens.length-1, 1); // remove last element var prefix = ""; for (var i = 0; i < tokens.length; i++) { var author = tokens[i].trim(); prefix += author + " & "; } prefixed_source(prefix, current_author, cb, bhAdapter); } var promise = authors.initialize(); promise.done(function(){ $("#bookAuthor").typeahead( { highlight: true, minLength: 1, hint: true }, { name: "authors", displayKey: "name", source: authors_source } ) }); var series = new Bloodhound({ name: "series", datumTokenizer: function(datum) { return [datum.name]; }, queryTokenizer: function(query) { return [query]; }, remote: { url: get_path()+"/get_series_json?q=", replace: function(url, query) { return url+encodeURIComponent(query); } } }); var promise = series.initialize(); promise.done(function(){ $("#series").typeahead( { highlight: true, minLength: 0, hint: true }, { name: "series", displayKey: "name", source: series.ttAdapter() } ) }); var tags = new Bloodhound({ name: "tags", datumTokenizer: function(datum) { return [datum.name]; }, queryTokenizer: function(query) { var tokens = query.split(","); tokens = [tokens[tokens.length-1].trim()]; return tokens; }, remote: { url: get_path()+"/get_tags_json?q=%QUERY" } }); function tag_source(query, cb) { var bhAdapter = tags.ttAdapter(); var tokens = query.split(","); var current_tag = tokens[tokens.length-1].trim(); tokens.splice(tokens.length-1, 1); // remove last element var prefix = ""; for (var i = 0; i < tokens.length; i++) { var tag = tokens[i].trim(); prefix += tag + ", "; } prefixed_source(prefix, current_tag, cb, bhAdapter); } var promise = tags.initialize(); promise.done(function(){ $("#tags").typeahead( { highlight: true, minLength: 0, hint: true }, { name: "tags", displayKey: "name", source: tag_source } ) }); var languages = new Bloodhound({ name: "languages", datumTokenizer: function(datum) { return [datum.name]; }, queryTokenizer: function(query) { return [query]; }, remote: { url: get_path()+"/get_languages_json?q=", replace: function(url, query) { url_query = url+encodeURIComponent(query); return url_query; } } }); function language_source(query, cb) { var bhAdapter = languages.ttAdapter(); var tokens = query.split(","); var currentLanguage = tokens[tokens.length-1].trim(); tokens.splice(tokens.length-1, 1); // remove last element var prefix = ""; for (var i = 0; i < tokens.length; i++) { var tag = tokens[i].trim(); prefix += tag + ", "; } prefixed_source(prefix, currentLanguage, cb, bhAdapter); } var promise = languages.initialize(); promise.done(function(){ $("#languages").typeahead( { highlight: true, minLength: 0, hint: true }, { name: "languages", displayKey: "name", source: language_source } ) }); $("form").on("change input typeahead:selected", function(data){ var form = $("form").serialize(); $.getJSON( get_path()+"/get_matching_tags", form, function( data ) { $(".tags_click").each(function() { if ($.inArray(parseInt($(this).children("input").first().val(), 10), data.tags) === -1 ) { if (!($(this).hasClass("active"))) { $(this).addClass("disabled"); } } else { $(this).removeClass("disabled"); } }); }); });