/**
* Active Conferences JS
* Handles WebSocket communication and rendering for Active Conferences List and Room views.
*/
// Global state variables
let ws = null;
let reconnect_attempts = 0;
let ping_interval_timer = null;
let last_pong_time = Date.now();
let ping_timeout = null;
let auth_timeout = null;
let refresh_interval_timer = null;
let pong_failure_count = 0;
// Room specific state
let member_timers = {};
let timer_interval = null;
/**
* Connect to the WebSocket server
*/
function connect_websocket() {
const ws_url = `wss://${window.location.hostname}/websockets/`;
try {
ws = new ws_client(ws_url, token);
ws.on_event('authenticated', on_authenticated);
// Handle authentication failure
ws.on_event('authentication_failed', function(event) {
console.error('WebSocket authentication failed - session may have expired');
update_connection_status('disconnected');
// Use global PROJECT_PATH if available, or just reload/redirect
const project_path = (typeof PROJECT_PATH !== 'undefined') ? PROJECT_PATH : '';
window.location.href = project_path + '/?path=' + encodeURIComponent(window.location.pathname);
});
ws.ws.addEventListener("open", () => {
console.log('WebSocket connection opened');
reconnect_attempts = 0;
update_connection_status('connecting');
auth_timeout = setTimeout(() => {
console.error('Authentication timeout - session may have expired');
update_connection_status('disconnected');
const project_path = (typeof PROJECT_PATH !== 'undefined') ? PROJECT_PATH : '';
window.location.href = project_path + '/?path=' + encodeURIComponent(window.location.pathname);
}, ws_config.auth_timeout);
});
ws.ws.addEventListener("close", (event) => {
console.warn('WebSocket disconnected - code:', event.code);
if (auth_timeout) { clearTimeout(auth_timeout); auth_timeout = null; }
update_connection_status('disconnected');
if (ping_interval_timer) { clearInterval(ping_interval_timer); ping_interval_timer = null; }
if (refresh_interval_timer) { clearInterval(refresh_interval_timer); refresh_interval_timer = null; }
if (ping_timeout) { clearTimeout(ping_timeout); ping_timeout = null; }
setTimeout(() => { window.location.reload(); }, ws_config.reconnect_delay);
});
ws.ws.addEventListener("error", (error) => {
console.error('WebSocket error:', error);
});
} catch (error) {
console.error('Failed to connect to WebSocket:', error);
update_connection_status('disconnected');
}
}
/**
* Handle successful authentication
*/
function on_authenticated(message) {
console.log('WebSocket authenticated');
pong_failure_count = 0;
update_connection_status('warning');
if (auth_timeout) { clearTimeout(auth_timeout); auth_timeout = null; }
send_ping();
if (ping_interval_timer) clearInterval(ping_interval_timer);
ping_interval_timer = setInterval(send_ping, ws_config.ping_interval);
// No polling - websockets only for real-time updates
// refresh_interval is not used; we rely on incremental websocket events
ws.subscribe('active.conferences');
// Register event handlers
ws.on_event('*', handle_websocket_event);
// Initial load - one-time fetch on connection
refresh_data();
}
/**
* Universal refresh function that delegates to specific load functions
*/
function refresh_data() {
if (typeof load_conference_room_data === 'function' && document.getElementById('conference_container')) {
load_conference_room_data();
} else if (typeof load_conference_list === 'function' && document.getElementById('conferences_container')) {
load_conference_list();
}
}
/**
* Universal event handler that delegates
*/
function handle_websocket_event(event) {
console.log('handle_websocket_event - received event:', JSON.stringify(event));
console.log('handle_websocket_event - conference_container exists:', !!document.getElementById('conference_container'));
console.log('handle_websocket_event - conferences_container exists:', !!document.getElementById('conferences_container'));
if (typeof handle_room_event === 'function' && document.getElementById('conference_container')) {
console.log('Delegating to handle_room_event');
handle_room_event(event);
} else if (typeof handle_list_event === 'function' && document.getElementById('conferences_container')) {
console.log('Delegating to handle_list_event');
handle_list_event(event);
} else {
console.log('No handler matched - no container found');
}
}
function update_connection_status(state) {
const el = document.getElementById('connection_status');
if (!el) return;
const color = status_colors[state] || status_colors.connecting;
const tooltip = status_tooltips[state] || status_tooltips.connecting;
el.title = tooltip;
if (status_indicator_mode === 'icon') {
const icon = status_icons[state] || status_icons.connecting;
el.className = icon;
el.style.color = color;
} else {
el.style.backgroundColor = color;
}
}
function send_ping() {
if (!ws || !ws.ws || ws.ws.readyState !== WebSocket.OPEN) return;
// Track if we had failures before this ping (indicates potential disconnect/reconnect)
const had_failures = pong_failure_count > 0;
ping_timeout = setTimeout(() => {
pong_failure_count++;
if (pong_failure_count >= ws_config.pong_timeout_max_retries) {
update_connection_status('disconnected');
window.location.reload();
} else {
update_connection_status('warning');
}
}, ws_config.pong_timeout);
ws.request('active.conferences', 'ping', {})
.then(() => {
if (ping_timeout) { clearTimeout(ping_timeout); ping_timeout = null; }
pong_failure_count = 0;
last_pong_time = Date.now();
update_connection_status('connected');
// If we had failures before, refresh data to sync state after reconnection
if (had_failures) {
console.log('Pong received after failures - refreshing data');
refresh_data();
}
})
.catch(console.error);
}
function escapeHtml(text) {
if (text === null || text === undefined) return '';
return text.toString()
.replace(/&/g, "&")
.replace(//g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
/* ===========================
* Active Conferences List Logic
* =========================== */
function load_conference_list() {
if (!ws || !ws.ws || ws.ws.readyState !== WebSocket.OPEN) return;
// domain_name global must be defined in PHP
ws.request('active.conferences', 'in_progress', {domain_name: domain_name})
.then(response => {
render_conference_list(response.payload || response);
})
.catch(console.error);
}
function render_conference_list(conferences) {
const container = document.getElementById('conferences_container');
if (!container) return;
if (!conferences) conferences = [];
const filtered_conferences = conferences.filter(conf => {
return conf.conference_name.includes('@' + domain_name);
});
let html = "\n";
html += "
\n";
html += "\n";
if (filtered_conferences.length > 0) {
filtered_conferences.forEach(row => {
const full_name = row.conference_name;
// Use conference_display_name from database if available, otherwise parse from conference_name
let display_name = row.conference_display_name || '';
if (!display_name) {
display_name = full_name;
if (full_name.includes('@')) {
display_name = full_name.split('@')[0];
}
display_name = display_name.replace(/-/g, ' ').replace(/_/g, ' ');
}
// Get extension from conference_name (UUID for Conference Center, extension for simple Conference)
let extension = full_name;
if (full_name.includes('@')) {
extension = full_name.split('@')[0];
}
const member_count = row.member_count;
const list_row_url = 'active_conference_room.php?c=' + encodeURIComponent(extension);
html += "\n";
html += " ";
if (permissions && permissions.conference_interactive_view) {
html += " " + escapeHtml(display_name) + " ";
} else {
html += escapeHtml(display_name);
}
html += " \n";
html += " " + escapeHtml(extension) + " \n";
html += " " + member_count + " \n";
if (permissions && permissions.conference_interactive_view && permissions.list_row_edit_button) {
html += " ";
html += " ";
html += " ";
html += " \n";
}
html += " \n";
});
}
html += "
\n";
html += "
";
if (permissions && permissions.conference_interactive_view) {
html += "" + escapeHtml(display_name) + " ";
} else {
html += escapeHtml(display_name);
}
html += " ";
html += "" + escapeHtml(extension) + " ";
html += "" + (member_count || 0) + " ";
if (permissions && permissions.conference_interactive_view && permissions.list_row_edit_button) {
html += "";
html += "";
html += " ";
html += " ";
}
row.innerHTML = html;
row.addEventListener('click', function(e) {
if (e.target.closest('a') || e.target.closest('.action-button')) return;
const url = this.getAttribute('href');
if (url) window.location = url;
});
table.appendChild(row);
}
/* ===========================
* Active Conference Room Logic
* =========================== */
function handle_room_event(event) {
const payload = event.payload || event;
const action = payload.action || event.action || event.event_name;
const member_id = payload.member_id || payload['member-id'] || event.member_id || event['member-id'];
const event_conference_name = payload.conference_name || '';
console.log('handle_room_event - action:', action, 'event_conf:', event_conference_name, 'page_conf:', conference_name, 'page_id:', conference_id);
// Only handle events for this conference room
if (event_conference_name && typeof conference_name !== 'undefined') {
// Check if event conference matches page conference (either direction)
const matches = event_conference_name.includes(conference_id) ||
event_conference_name.includes(conference_name) ||
conference_name.includes(event_conference_name.split('@')[0]);
if (!matches) {
console.log('Event filtered out - not for this conference');
return;
}
}
console.log('Processing event:', action);
// Handle events incrementally without full refresh
switch (action) {
case 'start-talking':
case 'start_talking':
if (member_id) handle_talking_event(member_id, true);
break;
case 'stop-talking':
case 'stop_talking':
if (member_id) handle_talking_event(member_id, false);
break;
case 'add-member':
case 'add_member':
handle_room_add_member(payload);
break;
case 'del-member':
case 'del_member':
handle_room_del_member(payload);
break;
case 'mute-member':
case 'mute_member':
handle_room_mute_member(member_id, true);
break;
case 'unmute-member':
case 'unmute_member':
handle_room_mute_member(member_id, false);
break;
case 'deaf-member':
case 'deaf_member':
handle_room_deaf_member(member_id, true);
break;
case 'undeaf-member':
case 'undeaf_member':
handle_room_deaf_member(member_id, false);
break;
case 'kick-member':
case 'kick_member':
handle_room_del_member(payload);
break;
case 'floor-change':
case 'floor_change':
handle_room_floor_change(payload);
break;
case 'lock':
handle_room_lock(true);
break;
case 'unlock':
handle_room_lock(false);
break;
case 'conference-destroy':
case 'conference_destroy':
// Conference ended - for valid conference rooms (UUID-based), keep the table structure
// Just remove all member rows but keep the table headers
handle_room_conference_destroy();
break;
default:
// Unknown event, ignore
break;
}
}
/**
* Handle add_member event - add new member row to the room table
*/
function handle_room_add_member(payload) {
console.log('handle_room_add_member called with payload:', payload);
const member = payload.member;
const member_count = payload.member_count;
console.log('Member data:', member, 'Member count:', member_count);
// Check if the table exists - if not, this might be the first member
// joining an empty conference, so we need to reload the full room view
const container = document.getElementById('conference_container');
const table = container ? container.querySelector('table.list') : null;
console.log('Container found:', !!container, 'Table found:', !!table);
if (!table) {
// No table exists - reload conference room data to show the full view
console.log('No table found - reloading room view');
load_conference_room_data();
return;
}
// Update member count display
update_member_count(member_count);
if (!member) {
console.log('No member object in payload - cannot add row');
return;
}
// Check if member already exists
const existing_row = table.querySelector(`tr[data-member-id="${member.id}"]`);
if (existing_row) {
console.log('Member already exists in table');
return;
}
console.log('Creating row for member:', member.id, member);
const row = create_member_row(member);
console.log('Row created:', row);
// Append to tbody if exists, otherwise to table
const tbody = table.querySelector('tbody') || table;
tbody.appendChild(row);
console.log('Row appended to table');
// Initialize timer for new member
if (typeof member_timers !== 'undefined' && member_timers) {
member_timers[member.id] = {
uuid: member.uuid,
join_time: member.join_time || 0,
last_talking: member.last_talking || 0,
is_talking: false
};
}
}
/**
* Handle del_member event - remove member row from the room table
*/
function handle_room_del_member(payload) {
console.log('handle_room_del_member called with payload:', payload);
const member_id = payload.member_id || payload['member-id'];
const member_count = payload.member_count;
console.log('Removing member_id:', member_id, 'new count:', member_count);
// Update member count display
if (member_count !== undefined) {
update_member_count(member_count);
}
if (!member_id) {
console.log('No member_id in payload');
return;
}
// Remove member row
const row = document.querySelector(`tr[data-member-id="${member_id}"]`);
console.log('Found row to remove:', !!row);
if (row) {
row.remove();
console.log('Row removed');
}
// Clean up timer
if (typeof member_timers !== 'undefined' && member_timers && member_timers[member_id]) {
delete member_timers[member_id];
}
}
/**
* Handle conference_destroy event - remove all members but keep the table structure
* This keeps the empty conference room visible since the room UUID is still valid
*/
function handle_room_conference_destroy() {
const container = document.getElementById('conference_container');
if (!container) return;
const table = container.querySelector('table.list');
if (table) {
// Remove all member rows (those with data-member-id attribute)
const member_rows = table.querySelectorAll('tr[data-member-id]');
member_rows.forEach(row => row.remove());
// Update member count to 0
update_member_count(0);
// Clear all member timers
if (typeof member_timers !== 'undefined' && member_timers) {
for (const key in member_timers) {
delete member_timers[key];
}
}
}
// If no table exists, the conference was never active - do nothing
// The page already shows the empty conference state
}
/**
* Handle mute/unmute member event
*/
function handle_room_mute_member(member_id, is_muted) {
if (!member_id) return;
const row = document.querySelector(`tr[data-member-id="${member_id}"]`);
if (!row) return;
// Find the capabilities cell and update microphone icon
const cells = row.querySelectorAll('td');
cells.forEach(cell => {
const mic_icon = cell.querySelector('.fa-microphone, .fa-microphone-slash');
if (mic_icon) {
if (is_muted) {
mic_icon.classList.remove('fa-microphone');
mic_icon.classList.add('fa-microphone-slash');
mic_icon.title = text['label-muted'] || 'Muted';
} else {
mic_icon.classList.remove('fa-microphone-slash');
mic_icon.classList.add('fa-microphone');
mic_icon.title = text['label-speak'] || 'Can speak';
}
}
});
// Update mute/unmute button
const mute_btn = row.querySelector('[onclick*="mute"]');
if (mute_btn && user_permissions.mute) {
if (is_muted) {
mute_btn.title = text['label-unmute'] || 'Unmute';
mute_btn.setAttribute('onclick', mute_btn.getAttribute('onclick').replace("'mute'", "'unmute'"));
const icon = mute_btn.querySelector('span');
if (icon) {
icon.classList.remove('fa-microphone-slash');
icon.classList.add('fa-microphone');
}
} else {
mute_btn.title = text['label-mute'] || 'Mute';
mute_btn.setAttribute('onclick', mute_btn.getAttribute('onclick').replace("'unmute'", "'mute'"));
const icon = mute_btn.querySelector('span');
if (icon) {
icon.classList.remove('fa-microphone');
icon.classList.add('fa-microphone-slash');
}
}
}
}
/**
* Handle deaf/undeaf member event
*/
function handle_room_deaf_member(member_id, is_deaf) {
if (!member_id) return;
const row = document.querySelector(`tr[data-member-id="${member_id}"]`);
if (!row) return;
// Find the capabilities cell and update headphones icon
const cells = row.querySelectorAll('td');
cells.forEach(cell => {
const hear_icon = cell.querySelector('.fa-headphones, .fa-deaf');
if (hear_icon) {
if (is_deaf) {
hear_icon.classList.remove('fa-headphones');
hear_icon.classList.add('fa-deaf');
hear_icon.title = text['label-deaf'] || 'Deaf';
} else {
hear_icon.classList.remove('fa-deaf');
hear_icon.classList.add('fa-headphones');
hear_icon.title = text['label-hear'] || 'Can hear';
}
}
});
// Update deaf/undeaf button
const deaf_btn = row.querySelector('[onclick*="deaf"]');
if (deaf_btn && user_permissions.deaf) {
if (is_deaf) {
deaf_btn.title = text['label-undeaf'] || 'Undeaf';
deaf_btn.setAttribute('onclick', deaf_btn.getAttribute('onclick').replace("'deaf'", "'undeaf'"));
const icon = deaf_btn.querySelector('span');
if (icon) {
icon.classList.remove('fa-deaf');
icon.classList.add('fa-headphones');
}
} else {
deaf_btn.title = text['label-deaf'] || 'Deaf';
deaf_btn.setAttribute('onclick', deaf_btn.getAttribute('onclick').replace("'undeaf'", "'deaf'"));
const icon = deaf_btn.querySelector('span');
if (icon) {
icon.classList.remove('fa-headphones');
icon.classList.add('fa-deaf');
}
}
}
}
/**
* Handle floor change event
*/
function handle_room_floor_change(payload) {
const new_floor_member_id = payload.member_id || payload['member-id'];
// Update all rows to remove floor indicator
const rows = document.querySelectorAll('tr[data-member-id]');
rows.forEach(row => {
const floor_cells = row.querySelectorAll('td');
// Floor is typically shown in one of the cells
floor_cells.forEach(cell => {
if (cell.textContent === text['label-yes'] || cell.textContent === 'Yes') {
const member_id = row.getAttribute('data-member-id');
if (member_id !== String(new_floor_member_id)) {
cell.textContent = text['label-no'] || 'No';
}
}
});
});
// Set floor for new member
if (new_floor_member_id) {
const new_floor_row = document.querySelector(`tr[data-member-id="${new_floor_member_id}"]`);
if (new_floor_row) {
// Floor column is typically the 6th column (index 5) in hide-sm-dn class
const floor_cell = new_floor_row.querySelectorAll('td.hide-sm-dn')[1]; // Second hide-sm-dn cell
if (floor_cell) {
floor_cell.textContent = text['label-yes'] || 'Yes';
}
}
}
}
/**
* Handle lock/unlock event
*/
function handle_room_lock(is_locked) {
// Find and update the lock/unlock button
const lock_btns = document.querySelectorAll('[onclick*="lock"]');
lock_btns.forEach(btn => {
if (btn.getAttribute('onclick').includes("'lock'") || btn.getAttribute('onclick').includes("'unlock'")) {
if (is_locked) {
btn.setAttribute('onclick', "conference_action('unlock');");
btn.title = text['label-unlock'] || 'Unlock';
const icon = btn.querySelector('.fas');
if (icon) {
icon.classList.remove('fa-lock');
icon.classList.add('fa-unlock');
}
const label = btn.querySelector('.hidden-xs');
if (label) {
label.textContent = text['label-unlock'] || 'Unlock';
}
} else {
btn.setAttribute('onclick', "conference_action('lock');");
btn.title = text['label-lock'] || 'Lock';
const icon = btn.querySelector('.fas');
if (icon) {
icon.classList.remove('fa-unlock');
icon.classList.add('fa-lock');
}
const label = btn.querySelector('.hidden-xs');
if (label) {
label.textContent = text['label-lock'] || 'Lock';
}
}
}
});
}
/**
* Update member count display
*/
function update_member_count(count) {
const container = document.getElementById('conference_container');
if (!container) return;
const strong_el = container.querySelector('strong');
if (strong_el && strong_el.textContent.includes(text['label-members'])) {
strong_el.textContent = text['label-members'] + ': ' + (count || 0);
}
}
/**
* Create a member row element for the table
*/
function create_member_row(member) {
const id = member.id;
const uuid = member.uuid;
const name = decodeURIComponent(member.caller_id_name || '');
const num = member.caller_id_number || '';
const flags = member.flags || {};
const can_hear = flags.can_hear !== false;
const can_speak = flags.can_speak !== false;
const talking = flags.talking === true;
const has_video = flags.has_video === true;
const has_floor = flags.has_floor === true;
const is_moderator = flags.is_moderator === true;
const hand_raised = false;
const join_time = member.join_time || 0;
const last_talking = member.last_talking || 0;
const format_time_val = (val) => {
const sec = parseInt(val, 10) || 0;
const h = Math.floor(sec / 3600);
const m = Math.floor((sec % 3600) / 60);
const s = sec % 60;
return [h,m,s].map(v => v < 10 ? "0" + v : v).join(":");
};
const join_formatted = format_time_val(join_time);
const quiet_formatted = format_time_val(last_talking);
let row_onclick = "";
let row_title = "";
let action_mute = "mute";
if (user_permissions.mute) {
action_mute = can_speak ? 'mute' : 'unmute';
row_onclick = `onclick="conference_action('${action_mute}', '${id}', '${uuid}');"`;
row_title = `title="${(text['message-click_to_' + action_mute] || action_mute)}"`;
}
const row = document.createElement('tr');
row.className = 'list-row';
row.setAttribute('data-member-id', id);
row.setAttribute('data-uuid', uuid);
row.setAttribute('data-join-time', join_time);
row.setAttribute('data-last-talking', last_talking);
let html = '';
html += ``;
if (is_moderator) {
html += ` ";
const talking_vis = talking ? 'visible' : 'hidden';
const talking_icon = ``;
html += `${escapeHtml(name)}${talking_icon} `;
html += `${escapeHtml(num)} `;
html += `${join_formatted} `;
html += `${quiet_formatted} `;
html += `${has_floor ? text['label-yes'] : text['label-no']} `;
html += `${hand_raised ? text['label-yes'] : text['label-no']} `;
html += ``;
html += can_speak ? ` ";
if (user_permissions.energy) {
html += "";
html += ` ";
}
if (user_permissions.volume) {
html += "";
html += ` ";
}
if (user_permissions.gain) {
html += "";
html += ` ";
}
html += "";
if (user_permissions.mute) {
if (action_mute == 'mute') {
html += ` ";
row.innerHTML = html;
return row;
}
function load_conference_room_data() {
console.log('load_conference_room_data called');
if (!ws || !ws.ws || ws.ws.readyState !== WebSocket.OPEN) {
console.log('WebSocket not ready');
return;
}
// conference_id global must be defined in PHP
console.log('Requesting in_progress for uuid:', conference_id, 'domain:', domain_name);
ws.request('active.conferences', 'in_progress', {uuid: conference_id, domain_name: domain_name})
.then(response => {
console.log('in_progress response:', response);
const conferences = response.payload || response;
console.log('Conferences array:', conferences);
let conf = null;
if (Array.isArray(conferences)) {
conf = conferences.find(c => c.conference_name.includes(conference_name) || c.conference_name.includes(conference_id));
console.log('Found conference:', conf);
} else if (conferences && (conferences.conference_name || conferences.members)) {
conf = conferences;
console.log('Single conference object:', conf);
}
render_conference_room(conf);
})
.catch(err => {
console.error('load_conference_room_data error:', err);
});
}
function render_conference_room(conference) {
const container = document.getElementById('conference_container');
if (!container) return;
// Check if conference was not found in database
if (!conference || conference.error === 'not_found' || conference.exists_in_database === false) {
//container.innerHTML = "" + (text['message-no_conference'] || 'Conference not found') + "
";
conference = {
members: [],
member_count: 0,
locked: false,
recording: false,
conference_display_name: '',
conference_name: conference_name
}
return;
}
// Conference exists (either active or in database but empty)
const members = conference.members || [];
const member_count = conference.member_count || members.length || 0;
const locked = conference.locked === true;
const recording = conference.recording === true;
const display_name = conference.conference_display_name || conference.conference_name || '';
let mute_all = false;
let found_unmuted = false;
let found_non_moderator = false;
members.forEach(member => {
const flags = member.flags || {};
const is_mod = flags.is_moderator;
if (!is_mod) {
found_non_moderator = true;
const speaks = flags.can_speak !== false;
if (speaks) found_unmuted = true;
}
});
if (found_non_moderator && !found_unmuted) mute_all = true;
let html = "";
html += "\n";
const rec_icon = recording ? "recording.png" : "not_recording.png";
const rec_title = recording ? text['label-recording'] : text['label-not-recording'];
html += "
";
if (user_permissions.lock) {
if (locked) {
html += "
" + text['label-unlock'] + " ";
} else {
html += "
" + text['label-lock'] + " ";
}
}
if (user_permissions.mute) {
if (mute_all) {
html += "
" + text['label-unmute-all'] + " ";
} else {
html += "
" + text['label-mute-all'] + " ";
}
}
if (user_permissions.kick) {
html += "
" + text['label-end-conference'] + " ";
}
html += "
" + text['label-members'] + ": " + member_count + " \n";
html += "
\n";
html += "\n";
members.forEach(member => {
const id = member.id;
const uuid = member.uuid;
const name = decodeURIComponent(member.caller_id_name || '');
const num = member.caller_id_number || '';
const flags = member.flags || {};
const can_hear = flags.can_hear !== false;
const can_speak = flags.can_speak !== false;
const talking = flags.talking === true;
const has_video = flags.has_video === true;
const has_floor = flags.has_floor === true;
const is_moderator = flags.is_moderator === true;
const hand_raised = false;
const join_time = member.join_time || 0;
const last_talking = member.last_talking || 0;
const format_time_val = (val) => {
const sec = parseInt(val, 10) || 0;
const h = Math.floor(sec / 3600);
const m = Math.floor((sec % 3600) / 60);
const s = sec % 60;
return [h,m,s].map(v => v < 10 ? "0" + v : v).join(":");
};
const join_formatted = format_time_val(join_time);
const quiet_formatted = format_time_val(last_talking);
let row_onclick = "";
let row_title = "";
let action_mute = "mute";
if (user_permissions.mute) {
action_mute = can_speak ? 'mute' : 'unmute';
row_onclick = `onclick="conference_action('${action_mute}', '${id}', '${uuid}');"`;
row_title = `title="${(text['message-click_to_' + action_mute] || action_mute)}"`;
}
html += `\n`;
html += ``;
if (is_moderator) {
html += ` \n";
const talking_vis = talking ? 'visible' : 'hidden';
const talking_icon = ``;
html += `${escapeHtml(name)}${talking_icon} \n`;
html += `${escapeHtml(num)} \n`;
html += `${join_formatted} \n`;
html += `${quiet_formatted} \n`;
html += `${has_floor ? text['label-yes'] : text['label-no']} \n`;
html += `${hand_raised ? text['label-yes'] : text['label-no']} \n`;
html += ``;
html += can_speak ? ` \n";
if (user_permissions.energy) {
html += "\n";
html += ` \n";
}
if (user_permissions.volume) {
html += "\n";
html += ` \n";
}
if (user_permissions.gain) {
html += "\n";
html += ` \n";
}
html += "\n";
if (user_permissions.mute) {
if (action_mute == 'mute') {
html += ` \n";
html += " \n";
});
html += "
\n";
html += "
![](resources/images/" + rec_icon + " "\" + escapeHtml(rec_title) + \"")
";
if (user_permissions.lock) {
if (locked) {
html += " ";
} else {
html += " ";
}
}
if (user_permissions.mute) {
if (mute_all) {
html += " ";
} else {
html += " ";
}
}
if (user_permissions.kick) {
html += "";
}
html += "