Implemented new link thing.

public/v1/js/ff/transactions/show.js

@@ -22,5 +22,60 @@
 
 $(function () {
     "use strict";
+    $('.link-modal').click(getLinkModal);
+    $('#linkJournalModal').on('shown.bs.modal', function () {
+        makeAutoComplete();
+    })
+});
 
-});
+function getLinkModal(e) {
+    var button = $(e.currentTarget);
+    var journalId = parseInt(button.data('journal'));
+    var url = modalDialogURI.replace('%JOURNAL%', journalId);
+    console.log(url);
+    $.get(url).done(function (data) {
+        $('#linkJournalModal').html(data).modal('show');
+
+    }).fail(function () {
+        alert('Could not load the data to link journals. Sorry :(');
+        button.prop('disabled', true);
+    });
+
+    return false;
+}
+
+function makeAutoComplete() {
+
+    // input link-journal
+    var source = new Bloodhound({
+        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
+        queryTokenizer: Bloodhound.tokenizers.whitespace,
+        prefetch: {
+            url: acURI + '?uid=' + uid,
+            filter: function (list) {
+                return $.map(list, function (item) {
+                    return item;
+                });
+            }
+        },
+        remote: {
+            url: acURI + '?search=%QUERY&uid=' + uid,
+            wildcard: '%QUERY',
+            filter: function (list) {
+                return $.map(list, function (item) {
+                    return item;
+                });
+            }
+        }
+    });
+    source.initialize();
+    $('.link-journal').typeahead({hint: true, highlight: true,}, {source: source, displayKey: 'name', autoSelect: false})
+        .on('typeahead:select', selectedJournal);
+}
+
+function selectedJournal(event, journal) {
+    $('#journal-selector').hide();
+    $('#journal-selection').show();
+    $('#selected-journal').html('<a href="' + groupURI.replace('%GROUP%', journal.transaction_group_id) + '">' + journal.description + '</a>').show();
+    $('input[name="opposing"]').val(journal.id);
+}