module.js

/**
 * @package   mod_bigbluebuttonbn
 * @author    Jesus Federico  (jesus [at] blindsidenetworks [dt] com)
 * @copyright 2012-2015 Blindside Networks Inc.
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v2 or later
 */
M.mod_bigbluebuttonbn = M.mod_bigbluebuttonbn || {};

/**
 * This function is initialized from PHP
 *
 * @param {Object}
 *            Y YUI instance
 */

var bigbluebuttonbn_dataSource;
var bigbluebuttonbn_ping_interval_id;
var bigbluebuttonbn_panel;

M.mod_bigbluebuttonbn.datasource_init = function(Y) {
    bigbluebuttonbn_dataSource = new Y.DataSource.Get({
        source : M.cfg.wwwroot + "/mod/bigbluebuttonbn/bbb_broker.php?"
    });
};

M.mod_bigbluebuttonbn.view_init = function(Y) {
    // Init general datasource
    M.mod_bigbluebuttonbn.datasource_init(Y);
    if (bigbluebuttonbn.activity === 'open') {
        // Create the main modal form.
        bigbluebuttonbn_panel = new Y.Panel({
            srcNode      : '#panelContent',
            headerContent: bigbluebuttonbn.locales.modal_title,
            width        : 250,
            zIndex       : 5,
            centered     : true,
            modal        : true,
            visible      : false,
            render       : true,
            plugins      : [Y.Plugin.Drag]
        });

        // Define the apply function -  this will be called when 'Apply' is pressed in the modal form.
        bigbluebuttonbn_panel.addButton({
            value  : bigbluebuttonbn.locales.modal_button,
            section: Y.WidgetStdMod.FOOTER,
            action : function (e) {
                e.preventDefault();
                bigbluebuttonbn_panel.hide();

                //var nameField = Y.DOM.byId('recording_name');
                var joinField = Y.one('#meeting_join_url');
                var messageField = Y.one('#meeting_message');
                var nameField = Y.one('#recording_name');
                var descriptionField  = Y.one('#recording_description');
                var tagsField = Y.one('#recording_tags');

                //Gatter the fields thay will be passed as metaparameters to the bbb server
                var name = nameField.get('value').replace(/</g, "&lt;").replace(/>/g, "&gt;");
                var description = descriptionField.get('value').replace(/</g, "&lt;").replace(/>/g, "&gt;");
                var tags = tagsField.get('value').replace(/</g, "&lt;").replace(/>/g, "&gt;");

                // Prepare the new join_url
                var join_url = joinField.get('value') + '&name=' + name + '&description=' + description + '&tags=' + tags;

                // Executes the join
                M.mod_bigbluebuttonbn.broker_executeJoin(join_url, messageField.get('value'));

                // Clean values in case the for is used again
                nameField.set('value', '');
                descriptionField.set('value', '');
                tagsField.set('value', '');
                joinField.set('value', '');
                messageField.set('value', '');
            }
        });

        M.mod_bigbluebuttonbn.view_update();
    } else {
        if (bigbluebuttonbn.activity === 'ended') {
            Y.DOM.addHTML(Y.one('#status_bar'), M.mod_bigbluebuttonbn.view_init_status_bar(
                bigbluebuttonbn.locales.conference_ended
            ));
        } else {
            Y.DOM.addHTML(Y.one('#status_bar'), M.mod_bigbluebuttonbn.view_init_status_bar(
                [bigbluebuttonbn.locales.conference_not_started, bigbluebuttonbn.opening, bigbluebuttonbn.closing]
            ));
        }
    }
};

M.mod_bigbluebuttonbn.import_view_init = function(Y) {
    // Init general datasource
    M.mod_bigbluebuttonbn.datasource_init(Y);

    // Init event listener for course selector
    Y.one('#menuimport_recording_links_select').on('change', function () {
        Y.config.win.location = M.cfg.wwwroot + '/mod/bigbluebuttonbn/import_view.php?bn=' + bigbluebuttonbn.bn + '&tc=' + this.get('value');
    });
};

M.mod_bigbluebuttonbn.view_update = function() {
    var status_bar = Y.one('#status_bar');
    var control_panel = Y.one('#control_panel');
    var join_button = Y.one('#join_button');
    var end_button = Y.one('#end_button');

    bigbluebuttonbn_dataSource.sendRequest({
        request : 'action=meeting_info&id=' + bigbluebuttonbn.meetingid + '&bigbluebuttonbn=' + bigbluebuttonbn.bigbluebuttonbnid,
        callback : {
            success : function(e) {
                console.log(e.data.info)
                //if( e.data.info.participantCount < bigbluebuttonbn.userlimit){}
                Y.DOM.addHTML(status_bar, M.mod_bigbluebuttonbn.view_init_status_bar(e.data.status.message));
                Y.DOM.addHTML(control_panel, M.mod_bigbluebuttonbn.view_init_control_panel(e.data));
                if(typeof e.data.status.can_join != 'undefined' ) {
                    Y.DOM.addHTML(join_button, M.mod_bigbluebuttonbn.view_init_join_button(e.data.status));
                }
                if(typeof e.data.status.can_end != 'undefined' && e.data.status.can_end ) {
                    Y.DOM.addHTML(end_button, M.mod_bigbluebuttonbn.view_init_end_button(e.data.status));
                }
            }
        }
    });
}

M.mod_bigbluebuttonbn.view_clean = function() {
    M.mod_bigbluebuttonbn.view_clean_status_bar();
    M.mod_bigbluebuttonbn.view_clean_control_panel();
    M.mod_bigbluebuttonbn.view_clean_join_button();
    M.mod_bigbluebuttonbn.view_clean_end_button();
}

M.mod_bigbluebuttonbn.view_remote_update = function(delay) {
    setTimeout(function() {
        M.mod_bigbluebuttonbn.view_clean();
        M.mod_bigbluebuttonbn.view_update();
    }, delay);
}

M.mod_bigbluebuttonbn.view_init_status_bar = function(status_message) {
    var status_bar_span = Y.DOM.create('<span>');

    if (status_message.constructor === Array) {
        for (var message in status_message) {
            var status_bar_span_span = Y.DOM.create('<span>');
            Y.DOM.setAttribute(status_bar_span_span, 'id', 'status_bar_span_span');
            Y.DOM.setText(status_bar_span_span, status_message[message]);
            Y.DOM.addHTML(status_bar_span, status_bar_span_span);
            Y.DOM.addHTML(status_bar_span, Y.DOM.create('<br>'));
        }
    } else {
        Y.DOM.setAttribute(status_bar_span, 'id', 'status_bar_span');
        Y.DOM.setText(status_bar_span, status_message);
    }

    return(status_bar_span);
}

M.mod_bigbluebuttonbn.view_init_control_panel = function(data) {
    var control_panel_div = Y.DOM.create('<div>');

    Y.DOM.setAttribute(control_panel_div, 'id', 'control_panel_div');
    var control_panel_div_html = '';
    if (data.running) {
        control_panel_div_html = M.mod_bigbluebuttonbn.view_msg_started_at(data.info.startTime) + ' ' + M.mod_bigbluebuttonbn.view_msg_attendees_in(data.info.moderatorCount, data.info.participantCount);
    }
    Y.DOM.addHTML(control_panel_div, control_panel_div_html);

    return(control_panel_div);
}

M.mod_bigbluebuttonbn.view_msg_started_at = function (startTime) {
    var start_timestamp = (parseInt(startTime) -  parseInt(startTime) % 1000);
    var date = new Date(start_timestamp);
    //datevalues = [
    //    date.getFullYear(),
    //    date.getMonth()+1,
    //    date.getDate(),
    //    date.getHours(),
    //    date.getMinutes(),
    //    date.getSeconds(),
    // ];
    var hours = date.getHours();
    var minutes = date.getMinutes();

    return bigbluebuttonbn.locales.started_at + ' <b>' + hours + ':' + (minutes<10? '0': '') + minutes + '</b>.';
}

M.mod_bigbluebuttonbn.view_msg_users_joined = function (participantCount) {
    var participants = parseInt(participantCount);
    var msg_users_joined = '<b>' + participants + '</b> ';
    if( participants == 1 ) {
        msg_users_joined += bigbluebuttonbn.locales.user + ' ' + bigbluebuttonbn.locales.has_joined + '.';
    } else {
        msg_users_joined += bigbluebuttonbn.locales.users + ' ' + bigbluebuttonbn.locales.have_joined + '.';
    }
    return msg_users_joined;
}

M.mod_bigbluebuttonbn.view_msg_attendees_in = function (moderators, participants) {
    var msg_attendees_in = '';

    if (typeof moderators != 'undefined' && typeof participants != 'undefined') {
        var viewers = participants - moderators;
        if( participants > 1 ) {
            var viewers = participants - moderators;
            msg_attendees_in += bigbluebuttonbn.locales.session_has_users + ' <b>' + moderators + '</b> ' + (moderators == 1? bigbluebuttonbn.locales.moderator: bigbluebuttonbn.locales.moderators) + ' and ';
            msg_attendees_in += '<b>' + viewers + '</b> ' + (viewers == 1? bigbluebuttonbn.locales.viewer: bigbluebuttonbn.locales.viewers) + '.';

        } else {
            if( viewers > 0 ) {
                msg_attendees_in += bigbluebuttonbn.locales.session_has_user + ' <b>1</b> ' + bigbluebuttonbn.locales.viewer + '.';
            } else if ( moderators > 0 ) {
                msg_attendees_in += bigbluebuttonbn.locales.session_has_user + ' <b>1</b> ' + bigbluebuttonbn.locales.moderator + '.';
            }
        }

    } else {
        msg_attendees_in = bigbluebuttonbn.locales.session_no_users + '.';
    }

    return msg_attendees_in;
}

M.mod_bigbluebuttonbn.view_init_join_button = function (status) {
    var join_button_input = Y.DOM.create('<input>');

    Y.DOM.setAttribute(join_button_input, 'id', 'join_button_input');
    Y.DOM.setAttribute(join_button_input, 'type', 'button');
    Y.DOM.setAttribute(join_button_input, 'value', status.join_button_text);
    Y.DOM.setAttribute(join_button_input, 'class', 'btn btn-default');

    if (status.can_join) {
        Y.DOM.setAttribute(join_button_input, 'onclick', 'M.mod_bigbluebuttonbn.broker_joinNow(\'' + status.join_url + '\', \'' + bigbluebuttonbn.locales.in_progress + '\', ' + status.can_tag + ');');
    } else {
        Y.DOM.setAttribute(join_button_input, 'disabled', true);
        M.mod_bigbluebuttonbn.broker_waitModerator(status.join_url);
    }

    return join_button_input;
}

M.mod_bigbluebuttonbn.view_init_end_button = function (status) {
    var end_button_input = Y.DOM.create('<input>');

    Y.DOM.setAttribute(end_button_input, 'id', 'end_button_input');
    Y.DOM.setAttribute(end_button_input, 'type', 'button');
    Y.DOM.setAttribute(end_button_input, 'value', status.end_button_text);
    Y.DOM.setAttribute(end_button_input, 'class', 'btn');
    if (status.can_end) {
        Y.DOM.setAttribute(end_button_input, 'onclick', 'M.mod_bigbluebuttonbn.broker_endMeeting();');
    }

    return end_button_input;
}


M.mod_bigbluebuttonbn.view_clean_status_bar = function() {
    Y.one('#status_bar_span').remove();
}

M.mod_bigbluebuttonbn.view_clean_control_panel = function() {
    Y.one('#control_panel_div').remove();
}

M.mod_bigbluebuttonbn.view_clean_join_button = function() {
    Y.one('#join_button').setContent('');
}

M.mod_bigbluebuttonbn.view_hide_join_button = function() {
    Y.DOM.setStyle(Y.one('#join_button'), 'visibility', 'hidden');
}

M.mod_bigbluebuttonbn.view_show_join_button = function() {
    Y.DOM.setStyle(Y.one('#join_button'), 'visibility', 'shown');
}

M.mod_bigbluebuttonbn.view_clean_end_button = function() {
    Y.one('#end_button').setContent('');
}

M.mod_bigbluebuttonbn.view_hide_end_button = function() {
    Y.DOM.setStyle(Y.one('#end_button'), 'visibility', 'hidden');
}

M.mod_bigbluebuttonbn.view_show_end_button = function() {
    Y.DOM.setStyle(Y.one('#end_button'), 'visibility', 'shown');
}

M.mod_bigbluebuttonbn.broker_waitModerator = function(join_url) {
    /// Show the spinning wheel
    var status_bar_span = Y.one('#status_bar_span');
    //// create a img element
    var spinning_wheel = Y.DOM.create('<img>');
    Y.DOM.setAttribute(spinning_wheel, 'id', 'spinning_wheel');
    Y.DOM.setAttribute(spinning_wheel, 'src', 'pix/processing16.gif');
    //// add the spinning wheel
    Y.DOM.addHTML(status_bar_span, '&nbsp;');
    Y.DOM.addHTML(status_bar_span, spinning_wheel);

    /// Start the ping
    bigbluebuttonbn_ping_interval_id = bigbluebuttonbn_dataSource.setInterval(bigbluebuttonbn.ping_interval, {
        request : "action=meeting_info&id=" + bigbluebuttonbn.meetingid + "&bigbluebuttonbn=" + bigbluebuttonbn.bigbluebuttonbnid,
        callback : {
            success : function(e) {
                if (e.data.running) {
                    clearInterval(bigbluebuttonbn_ping_interval_id);
                    M.mod_bigbluebuttonbn.view_clean();
                    M.mod_bigbluebuttonbn.view_update();
                }
            },
            failure : function(e) {
                clearInterval(bigbluebuttonbn_ping_interval_id);
            }
        }
    });
}

M.mod_bigbluebuttonbn.broker_joinNow = function(join_url, status_message, can_tag) {
    if( can_tag ) {
        Y.one('#panelContent').removeClass('hidden');

        bigbluebuttonbn_dataSource.sendRequest({
            request : 'action=meeting_info&id=' + bigbluebuttonbn.meetingid + '&bigbluebuttonbn=' + bigbluebuttonbn.bigbluebuttonbnid,
            callback : {
                success : function(e) {
                    if (e.data.running) {
                        M.mod_bigbluebuttonbn.broker_executeJoin(join_url, e.data.status.message);
                    } else {
                        Y.one('#meeting_join_url').set('value', join_url);
                        Y.one('#meeting_message').set('value', e.data.status.message);

                        YUI().use('panel', function (Y) {
                            bigbluebuttonbn_panel.show();
                        });
                    }
                }
            }
        });

    } else {
        M.mod_bigbluebuttonbn.broker_executeJoin(join_url, status_message);
    }
}

M.mod_bigbluebuttonbn.broker_executeJoin = function(join_url, status_message) {
    window.open(join_url);
    // Update view
    setTimeout(function() {
        M.mod_bigbluebuttonbn.view_clean();
        M.mod_bigbluebuttonbn.view_update();
    }, 15000);
}

M.mod_bigbluebuttonbn.broker_actionVerification = function(action, recordingid, meetingid) {
    var actionVerification = false;

    var confirmation = '';
    var confirmation_warning = '';
    var is_imported_link = Y.one('#playbacks-' + recordingid).get('dataset').imported;

    if( action == 'unpublish' ) {
        //if it has associated links imported in a different course/activity, show a confirmation dialog
        var associated_links = Y.one('#recording-link-' + action + '-' + recordingid).get('dataset').links;

        if ( associated_links === 0 ) {
            actionVerification = true

        } else {
            if( associated_links === 1 ) {
                confirmation_warning = bigbluebuttonbn.locales.unpublish_confirmation_warning_s.replace("{$a}", associated_links) + '. ';
            } else if( associated_links > 1 ) {
                confirmation_warning = bigbluebuttonbn.locales.unpublish_confirmation_warning_p.replace("{$a}", associated_links) + '. ';
            }
            confirmation = bigbluebuttonbn.locales.unpublish_confirmation.replace("{$a}", is_imported_link == 'true'? bigbluebuttonbn.locales.recording_link: bigbluebuttonbn.locales.recording);

            actionVerification = confirm(confirmation_warning + '\n\n' + confirmation);
        }

    } else if( action == 'delete' ) {
        //if it has associated links imported in a different course/activity, show a confirmation dialog
        var associated_links = Y.one('#recording-link-' + action + '-' + recordingid).get('dataset').links;

        if( associated_links == 1 ) {
            confirmation_warning = bigbluebuttonbn.locales.delete_confirmation_warning_s.replace("{$a}", associated_links) + '. ';
        } else if( associated_links > 1 ) {
            confirmation_warning = bigbluebuttonbn.locales.delete_confirmation_warning_p.replace("{$a}", associated_links) + '. ';
        }
        confirmation = bigbluebuttonbn.locales.delete_confirmation.replace("{$a}", is_imported_link == 'true'? bigbluebuttonbn.locales.recording_link: bigbluebuttonbn.locales.recording);

        actionVerification = confirm(confirmation_warning + '\n\n' + confirmation);

    } else if( action == 'import' ) {
        actionVerification = confirm(bigbluebuttonbn.locales.import_confirmation);

    } else {
        actionVerification = true;
    }

    return actionVerification;
}

M.mod_bigbluebuttonbn.broker_manageRecording = function(action, recordingid, meetingid) {
    //Before sending the request, let's process a verification
    if( M.mod_bigbluebuttonbn.broker_actionVerification(action, recordingid, meetingid) ) {
        var id = bigbluebuttonbn_dataSource.sendRequest({
            request : "action=recording_" + action + "&id=" + recordingid,
            callback : {
                success : function(e) {
                    if( action == 'delete') {
                        Y.one('#recording-td-' + recordingid).remove();

                    } else if( action == 'import') {
                        Y.one('#recording-td-' + recordingid).remove();

                    } else if( action == 'publish' || action == 'unpublish' ) {
                        if (e.data.status == 'true') {
                            var link_action = Y.one('#recording-link-' + action + '-' + recordingid);
                            var link_action_current_onclick = link_action.getAttribute('onclick');
                            link_action.setAttribute('onclick', '');
                            var btn_action = M.mod_bigbluebuttonbn.broker_buttonAction(link_action, action, recordingid);
                            //Start pooling until the action has been executed
                            bigbluebuttonbn_ping_interval_id = bigbluebuttonbn_dataSource.setInterval(bigbluebuttonbn.ping_interval, {
                                request : "action=recording_info&id=" + recordingid + "&idx=" + meetingid,
                                callback : {
                                    success : function(e) {
                                        if (e.data.status == 'true') {
                                            if (action == 'publish' &&  e.data.published == 'true') {
                                                clearInterval(bigbluebuttonbn_ping_interval_id);
                                                link_action.setAttribute('id', 'recording-link-unpublish-' + recordingid);
                                                link_action_current_onclick = link_action_current_onclick.replace('publish', 'unpublish');
                                                link_action.setAttribute('onclick', link_action_current_onclick);
                                                M.mod_bigbluebuttonbn.broker_buttonActionEnds(btn_action, action, recordingid);
                                                Y.one('#playbacks-' + recordingid).show();
                                            } else if ( action == 'unpublish' && e.data.published == 'false') {
                                                clearInterval(bigbluebuttonbn_ping_interval_id);
                                                link_action.setAttribute('id', 'recording-link-publish-' + recordingid);
                                                link_action_current_onclick = link_action_current_onclick.replace('unpublish', 'publish');
                                                link_action.setAttribute('onclick', link_action_current_onclick);
                                                M.mod_bigbluebuttonbn.broker_buttonActionEnds(btn_action, action, recordingid);
                                                Y.one('#playbacks-' + recordingid).hide();
                                            }
                                        } else {
                                            clearInterval(bigbluebuttonbn_ping_interval_id);
                                        }
                                    },
                                    failure : function(e) {
                                        clearInterval(bigbluebuttonbn_ping_interval_id);
                                    }
                                }
                            });

                        } else {
                            alert(e.data.message);
                        }
                    }
                }
            }
        });
    }
}

M.mod_bigbluebuttonbn.broker_buttonAction = function(link_action, action, recordingid) {
    var btn_action = link_action.one('> i');
    if (btn_action === null) {
        // For backward compatibility
        btn_action = link_action.one('> img');
        return M.mod_bigbluebuttonbn.broker_buttonAction_old(btn_action, action, recordingid);
    }
    return M.mod_bigbluebuttonbn.broker_buttonAction_new(btn_action, action, recordingid);
}

M.mod_bigbluebuttonbn.broker_buttonAction_old = function(btn_action, action, recordingid) {
    var btn_action_src_current = btn_action.getAttribute('src');
    var btn_action_src_url = btn_action_src_current.substring(0, btn_action_src_current.length - 4)
    btn_action.setAttribute('data-src', btn_action.getAttribute('src'));
    btn_action.setAttribute('src', M.cfg.wwwroot + "/mod/bigbluebuttonbn/pix/processing16.gif");
    var tag = bigbluebuttonbn.locales.unpublishing;
    if (action == 'publish') {
        tag = bigbluebuttonbn.locales.publishing;
    }
    btn_action.setAttribute('alt', tag);
    btn_action.setAttribute('title', tag);
    return btn_action;
}

M.mod_bigbluebuttonbn.broker_buttonAction_new = function(btn_action, action, recordingid) {
    btn_action.setAttribute('class', M.mod_bigbluebuttonbn.element_fa_class('process'));
    var tag = bigbluebuttonbn.locales.unpublishing;
    if (action == 'publish') {
        tag = bigbluebuttonbn.locales.publishing;
    }
    btn_action.setAttribute('title', tag);
    btn_action.setAttribute('aria-label', tag);
    return btn_action;
}

M.mod_bigbluebuttonbn.broker_buttonActionEnds = function(btn_action, action, recordingid) {
    if (btn_action.test('img')) {
        // For backward compatibility
        M.mod_bigbluebuttonbn.broker_buttonActionEnds_old(btn_action, action, recordingid);
        return;
    }
    M.mod_bigbluebuttonbn.broker_buttonActionEnds_new(btn_action, action, recordingid);
}

M.mod_bigbluebuttonbn.broker_buttonActionEnds_old = function (btn_action, action, recordingid) {
    var btn_action_src_current = btn_action.getAttribute('data-src');
    var btn_action_src_url = btn_action_src_current.substring(0, btn_action_src_current.length - 4)
    btn_action.setAttribute('id', 'recording-btn-' + action + '-' + recordingid);
    var src_tag = 'show';
    if (action == 'publish') {
        src_tag = 'hide';
    }
    btn_action.setAttribute('src', btn_action_src_url + src_tag);
    btn_action.setAttribute('alt', bigbluebuttonbn.locales[action]);
    btn_action.setAttribute('title', bigbluebuttonbn.locales[action]);
}

M.mod_bigbluebuttonbn.broker_buttonActionEnds_new = function (btn_action, action, recordingid) {
    btn_action.setAttribute('class', M.mod_bigbluebuttonbn.element_fa_class(action));
    var tag = bigbluebuttonbn.locales[action];
    btn_action.setAttribute('title', tag);
    btn_action.setAttribute('aria-label', tag);
    return btn_action;
}

M.mod_bigbluebuttonbn.element_fa_class = function(action) {
    var tags = {};
    tags.publish = 'fa-eye fa-fw';
    tags.unpublish = 'fa-eye-slash fa-fw';
    tags.protect = 'fa-lock fa-fw';
    tags.unprotect = 'fa-unlock fa-fw';
    tags.edit = 'fa-pencil fa-fw';
    tags.process = 'fa-spinner fa-spin';
    tags['import'] = 'fa-download fa-fw';
    tags['delete'] = 'fa-trash fa-fw';
    return 'icon fa ' + tags[action] + ' iconsmall';
}

M.mod_bigbluebuttonbn.broker_endMeeting = function() {
    var id = bigbluebuttonbn_dataSource.sendRequest({
        request : 'action=meeting_end&id=' + bigbluebuttonbn.meetingid + '&bigbluebuttonbn=' + bigbluebuttonbn.bigbluebuttonbnid,
        callback : {
            success : function(e) {
                if (e.data.status) {
                    M.mod_bigbluebuttonbn.view_clean_control_panel();
                    M.mod_bigbluebuttonbn.view_hide_join_button();
                    M.mod_bigbluebuttonbn.view_hide_end_button();
                    location.reload();
                }
            }
        }
    });
};

M.mod_bigbluebuttonbn.view_windowClose = function() {
    window.onunload = function (e) {
        opener.M.mod_bigbluebuttonbn.view_remote_update(5000);
    };
    window.close();
};

M.mod_bigbluebuttonbn.recordingsbn_init = function(Y) {
    bigbluebuttonbn_dataSource = new Y.DataSource.Get({
        source : M.cfg.wwwroot + "/mod/bigbluebuttonbn/bbb_broker.php?"
    });
};

M.mod_bigbluebuttonbn.serverParticipantCount = function(Y) {
    var fitem_id_total_connected_users = Y.one('#fitem_id_total_connected_users');
    var chkShowTotalUsers = Y.one('#chkShowTotalUsers');
    fitem_id_total_connected_users.removeClass('d-none')
    Y.DOM.setAttribute(chkShowTotalUsers, 'onchange', 'M.mod_bigbluebuttonbn.bigbluebuttonbn_show_server_connected_users(this);');
}

M.mod_bigbluebuttonbn.bigbluebuttonbn_show_server_connected_users = function(checkbox) {
    var totalUsers = Y.one('#totalUsers');

    if(checkbox.checked == true){
        Y.DOM.setAttribute(checkbox, 'disabled', true);
        M.mod_bigbluebuttonbn.datasource_init(Y);
        bigbluebuttonbn_dataSource.sendRequest({
            request : 'action=meeting_info&id=' + bigbluebuttonbn.meetingid + '&bigbluebuttonbn=' + bigbluebuttonbn.bigbluebuttonbnid,
            callback : {
                success : function(e) {
                    console.log(e.data.info)
                    //e.data.info
                    checkbox.removeAttribute('disabled');
                    var realParticipantCount = e.data.info.participantCount;
                    realParticipantCount = realParticipantCount == undefined? 0 : realParticipantCount;
                    totalUsers.set('value', realParticipantCount);
                }
            }
        });
    } else {
        totalUsers.set('value', '?');
    }
}