firefly-iii/app/assets/javascripts/firefly/transactions.js

if ($('input[name="expense_account"]').length > 0) {
    $.getJSON('json/expense-accounts').success(function (data) {
        $('input[name="expense_account"]').typeahead({source: data});
    });
}
if ($('input[name="revenue_account"]').length > 0) {
    $.getJSON('json/revenue-accounts').success(function (data) {
        $('input[name="revenue_account"]').typeahead({source: data});
    });
}
if ($('input[name="category"]').length > 0) {
    $.getJSON('json/categories').success(function (data) {
        $('input[name="category"]').typeahead({source: data});
    });
}

$(document).ready(function () {
    $('#transactionTable').DataTable(
        {
            serverSide: true,
            ajax: URL,
            paging: true,
            processing: true,
            order: [],
            "lengthMenu": [[50, 100, 250, -1], [50, 100, 250, "All"]],
            columns: [
                {name: 'date', data: 'date'},
                {
                    name: 'description',
                    data: 'description',
                    render: function (data, type, full, meta) {
                        return '<span class="glyphicon glyphicon-arrow-left"></span> '+
                        '<a href="' + data.url + '" title="' + data.description + '">' + data.description + '</a>';
                    }
                },
                {
                    name: 'amount',
                    data: 'amount',
                    render: function (data, type, full, meta) {
                        return '<span class="text-danger">\u20AC ' + data.toFixed(2) + '</span>';
                    }
                },
                {
                    name: 'from',
                    data: 'from',
                    render: function (data, type, full, meta) {
                        return '<a href="' + data.url + '" title="' + data.name + '">' + data.name + '</a>';
                    }
                },
                {
                    name: 'to',
                    data: 'to',
                    render: function (data, type, full, meta) {
                        return '<a href="' + data.url + '" title="' + data.name + '">' + data.name + '</a>';
                    }
                },
                {
                    name: 'id',
                    data: 'id',
                    render: function (data, type, full, meta) {
                        return '<div class="btn-group btn-group-xs">'+
                        '<a class="btn btn-default btn-xs" href="'+data.edit+'">'+
                        '<span class="glyphicon glyphicon-pencil"</a>' +
                        '<a class="btn btn-danger btn-xs" href="'+data.delete+'">'+
                        '<span class="glyphicon glyphicon-trash"</a>'+
                        '</a></div>';
                    }
                }
            ]
        }
    );
});