indico-plugins/chat/indico_chat/static/js/chat.js

/* This file is part of Indico.
 * Copyright (C) 2002 - 2018 European Organization for Nuclear Research (CERN).
 *
 * Indico 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.
 *
 * Indico 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 Indico; if not, see <http://www.gnu.org/licenses/>.
 */

(function(global) {
    'use strict';
    var $t = $T.domain('chat');

    global.eventManageChat = function eventManageChat() {
        $('.toggle-details').on('click', function(e) {
            e.preventDefault();
            var toggler = $(this);
            toggler.closest('tr').next('tr').find('.details-container').slideToggle({
                start: function() {
                    toggler.toggleClass('icon-next icon-expand');
                }
            });
        });

        $('.js-chat-remove-room').on('click', function(e) {
            e.preventDefault();
            var $this = $(this);
            var msg = $t.gettext('Do you really want to remove this chatroom from the event?');
            if ($this.data('numEvents') == 1) {
                msg += '<br>';
                if ($this.data('customServer')) {
                    msg += $t.gettext('Since it is on an external server, it will not be deleted on that server.');
                } else {
                    msg += $t.gettext('Since it is only used in this event, it will be deleted from the Jabber server, too!');
                }
            }
            confirmPrompt(msg, $t.gettext('Delete this chatroom?')).then(function() {
                var form = $('<form>', {
                    action: $this.data('href'),
                    method: 'post'
                });
                var csrf = $('<input>', {type: 'hidden', name: 'csrf_token', value: $('#csrf-token').attr('content')});
                form.append(csrf).appendTo('body').submit();
            });
        });

        $('.js-chat-refresh-room').on('click', function(e) {
            e.preventDefault();
            $.ajax({
                url: $(this).data('href'),
                type: 'POST',
                dataType: 'json',
                complete: IndicoUI.Dialogs.Util.progress(),
                success: function(data) {
                    if (handleAjaxError(data)) {
                        return;
                    }
                    if (data.result == 'not-found') {
                        new AlertPopup($t.gettext('Chatroom not found'), $t.gettext('The chatroom does not exist on the Jabber server anymore. We recommend you to delete it chatroom from Indico as well.')).open();
                    } else if (data.result == 'changed') {
                        new AlertPopup($t.gettext('Chatroom updated'), $t.gettext('The chatroom data has been updated.'), function() {
                            window.location.href = window.location.href;
                        }).open();
                    }
                }
            });
        });
    };

    global.eventManageChatLogs = function eventManageChatLogs() {
        var container = $('#chat-log-display-container');
        var iframe = $('#chat-log-display');
        var materialWidget = $('#chat-log-material');
        var killProgress;
        var logParams;

        $('#chat-log-form').ajaxForm({
            dataType: 'json',
            beforeSubmit: function() {
                container.hide();
                materialWidget.hide();
                killProgress = IndicoUI.Dialogs.Util.progress();
            },
            error: handleAjaxError,
            success: function(data) {
                if (handleAjaxError(data)) {
                    return;
                }
                else if (!data.success) {
                    new AlertPopup($t.gettext('No logs available'), data.msg).open();
                    return;
                }
                var doc = iframe[0].contentWindow.document;
                doc.write(data.html);
                doc.close();
                logParams = data.params;
                $('#chat-log-material').find('input, button').prop('disabled', false);
                container.show();
                materialWidget.show();
            },
            complete: function() {
                killProgress();
            }
        });

        $('#chat-create-material').on('click', function(e) {
            e.preventDefault();
            var $this = $(this);
            var materialName = $('#chat-material-name').val().trim();
            if (!materialName) {
                return;
            }
            var params = $.extend({}, logParams, {
                material_name: materialName
            });
            $.ajax({
                url: $this.data('href'),
                type: 'POST',
                data: params,
                dataType: 'json',
                error: handleAjaxError,
                complete: IndicoUI.Dialogs.Util.progress(),
                success: function(data) {
                    if (handleAjaxError(data)) {
                        return;
                    }
                    else if (!data.success) {
                        new AlertPopup($t.gettext('Could not create material'), data.msg).open();
                        return;
                    }
                    $('#chat-log-material').find('input, button').prop('disabled', true).blur();
                    new AlertPopup($t.gettext('Material created'), $t.gettext('The chat logs have been attached to the event.')).open();
                }
            });
        });

        var rangeWidget = $('#chat-log-range');
        rangeWidget.daterange({
            allowPast: true,
            fieldNames: ['start_date', 'end_date'],
            startDate: rangeWidget.data('startDate'),
            endDate: rangeWidget.data('endDate'),
            pickerOptions: {
                yearRange: 'c-1:c+1'
            }
        });
    };
})(window);