Symphony.

(function($) {

    $(document).on('ready', function() {
        var env = Symphony.Context.get('env');

        if(env.section_handle == 'produkte') {
            $('#context .actions').append(
                '<li><a class="button import">CSV-Import</a></li>'
            ).on('click', '.import', function(event) {
                var notifier = $('div.notifier'),
                    entries = $('table').animate({
                        opacity: 0.2
                    }, 'fast'),
                    spinner = $('<div />', {
                        class: 'spinner'
                    }).appendTo('#contents');

                $.ajax({
                    url: Symphony.Context.get('root') + '/symphony/extension/my_extension/import/',
                    dataType: 'json',
                    timeout: 60000,
                    cache: false,

                    error: function(a, b, c) {
                        notifier.trigger('attach.notify', ['Leider ist beim Import ein Fehler aufgetreten.', 'error']);
                        spinner.remove();
                        entries.css('opacity', 1);
                    },

                    success: function(result) {
                        notifier.trigger('attach.notify', [result.message, result.status]);
                        $.ajax({
                            url: window.location.href,
                            dataType: 'html',
                            success: function(result) {
                                var html = $(result),
                                    body = html.find('table tbody');

                                entries.find('tbody').replaceWith(body);
                                spinner.remove();
                                entries.css('opacity', 1);
                            }
                        });
                    }
                });
            });
        }
    });

})(window.jQuery);