firefly-iii/public/v1/js/ff/transactions/show.js

/*
 * show.js
 * Copyright (c) 2017 thegrumpydictator@gmail.com
 *
 * This file is part of Firefly III.
 *
 * Firefly III is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Firefly III is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Firefly III. If not, see <http://www.gnu.org/licenses/>.
 */

/** global: autoCompleteUri */

$(function () {
    "use strict";
    var transactions = new Bloodhound({
                                          datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
                                          queryTokenizer: Bloodhound.tokenizers.whitespace,
                                          identify: function (obj) {
                                              return obj.id;
                                          },
                                          prefetch: {
                                              url: autoCompleteUri + '?uid=' + uid,
                                              // filter: function (list) {
                                              //     return $.map(list, function (name) {
                                              //         return {name: name.name};
                                              //     });
                                              // }
                                          },
                                          remote: {
                                              url: autoCompleteUri + '?search=%QUERY&uid=' + uid,
                                              wildcard: '%QUERY'
                                              // filter: function (list) {
                                              //     return $.map(list, function (name) {
                                              //         return {name: name.name};
                                              //     });
                                              // }
                                          }
                                      });
    transactions.initialize();
    var input = $("#link_other");
    input.typeahead({hint: true, highlight: true,}, {source: transactions, displayKey: 'name', autoSelect: false});
    input.bind('typeahead:select', function (ev, suggestion) {
        console.log('Selection: ' + suggestion.name);
        if (suggestion.name.toLowerCase() === input.val().toLowerCase()) {
            // This means the exact match is found. Use toLowerCase() if you want case insensitive match.
            $('input[name="link_journal_id"]').val(suggestion.id);
        } else {
            $('input[name="link_journal_id"]').val(0);
        }
    });
});