jiti-meet/modules/UI/UI.js

1462 lines
40 KiB
JavaScript
Raw Normal View History

2016-05-26 08:53:02 +00:00
/* global APP, JitsiMeetJS, $, config, interfaceConfig, toastr */
/* jshint -W101 */
2015-01-07 14:54:03 +00:00
var UI = {};
2015-12-14 12:26:50 +00:00
import Chat from "./side_pannels/chat/Chat";
import Toolbar from "./toolbars/Toolbar";
import ToolbarToggler from "./toolbars/ToolbarToggler";
import BottomToolbar from "./toolbars/BottomToolbar";
import ContactList from "./side_pannels/contactlist/ContactList";
import Avatar from "./avatar/Avatar";
import PanelToggler from "./side_pannels/SidePanelToggler";
import UIUtil from "./util/UIUtil";
import UIEvents from "../../service/UI/UIEvents";
2015-12-30 13:28:56 +00:00
import CQEvents from '../../service/connectionquality/CQEvents';
2015-12-25 16:55:45 +00:00
import EtherpadManager from './etherpad/Etherpad';
import SharedVideoManager from './shared_video/SharedVideo';
2016-03-29 17:13:54 +00:00
import Recording from "./recording/Recording";
import GumPermissionsOverlay from './gum_overlay/UserMediaPermissionsGuidanceOverlay';
2015-12-14 12:26:50 +00:00
import VideoLayout from "./videolayout/VideoLayout";
import FilmStrip from "./videolayout/FilmStrip";
2015-12-14 15:40:30 +00:00
import SettingsMenu from "./side_pannels/settings/SettingsMenu";
2015-12-29 12:41:43 +00:00
import Settings from "./../settings/Settings";
2016-02-05 15:04:48 +00:00
import { reload } from '../util/helpers';
2016-06-13 21:11:44 +00:00
import RingOverlay from "./ring_overlay/RingOverlay";
2015-12-14 12:26:50 +00:00
2015-01-22 16:02:37 +00:00
var EventEmitter = require("events");
2015-01-07 14:54:03 +00:00
UI.messageHandler = require("./util/MessageHandler");
var messageHandler = UI.messageHandler;
var JitsiPopover = require("./util/JitsiPopover");
2015-11-05 17:27:26 +00:00
var Feedback = require("./Feedback");
2015-01-07 14:54:03 +00:00
import FollowMe from "../FollowMe";
2015-01-22 16:02:37 +00:00
var eventEmitter = new EventEmitter();
2015-12-03 13:11:01 +00:00
UI.eventEmitter = eventEmitter;
2015-01-07 14:54:03 +00:00
2015-12-25 16:55:45 +00:00
let etherpadManager;
let sharedVideoManager;
2015-12-25 16:55:45 +00:00
let followMeHandler;
let deviceErrorDialog;
2016-05-26 08:53:02 +00:00
const TrackErrors = JitsiMeetJS.errors.track;
const JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP = {
microphone: {},
camera: {}
};
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.camera[TrackErrors.UNSUPPORTED_RESOLUTION]
= "dialog.cameraUnsupportedResolutionError";
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.camera[TrackErrors.GENERAL]
= "dialog.cameraUnknownError";
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.camera[TrackErrors.PERMISSION_DENIED]
= "dialog.cameraPermissionDeniedError";
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.camera[TrackErrors.NOT_FOUND]
= "dialog.cameraNotFoundError";
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.camera[TrackErrors.CONSTRAINT_FAILED]
= "dialog.cameraConstraintFailedError";
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.microphone[TrackErrors.GENERAL]
= "dialog.micUnknownError";
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.microphone[TrackErrors.PERMISSION_DENIED]
= "dialog.micPermissionDeniedError";
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.microphone[TrackErrors.NOT_FOUND]
= "dialog.micNotFoundError";
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.microphone[TrackErrors.CONSTRAINT_FAILED]
= "dialog.micConstraintFailedError";
2016-01-15 14:59:35 +00:00
/**
* Prompt user for nickname.
*/
function promptDisplayName() {
let nickRequiredMsg
= APP.translation.translateString("dialog.displayNameRequired");
2016-04-19 21:06:16 +00:00
let defaultNickMsg = APP.translation.translateString("defaultNickname");
2015-12-10 15:48:56 +00:00
let message = `
<h2 data-i18n="dialog.displayNameRequired">${nickRequiredMsg}</h2>
<input name="displayName" type="text"
data-i18n="[placeholder]defaultNickname"
placeholder="${defaultNickMsg}" autofocus>`;
2016-04-19 21:06:16 +00:00
// Don't use a translation string, because we're too early in the call and
// the translation may not be initialised.
let buttons = {Ok:true};
2015-12-10 15:48:56 +00:00
2016-04-19 21:06:16 +00:00
let dialog = messageHandler.openDialog(
null,
message,
true,
buttons,
function (e, v, m, f) {
2016-04-19 21:06:16 +00:00
e.preventDefault();
if (v) {
2015-12-10 15:48:56 +00:00
let displayName = f.displayName;
if (displayName) {
2015-12-01 12:53:01 +00:00
UI.inputDisplayNameHandler(displayName);
2016-04-19 21:06:16 +00:00
dialog.close();
return;
}
}
},
function () {
2015-12-10 15:48:56 +00:00
let form = $.prompt.getPrompt();
let input = form.find("input[name='displayName']");
2015-07-15 18:31:39 +00:00
input.focus();
2015-12-10 15:48:56 +00:00
let button = form.find("button");
button.attr("disabled", "disabled");
input.keyup(function () {
2015-12-10 15:48:56 +00:00
if (input.val()) {
button.removeAttr("disabled");
2015-12-10 15:48:56 +00:00
} else {
button.attr("disabled", "disabled");
}
});
}
);
}
2016-01-15 14:59:35 +00:00
/**
* Initialize chat.
*/
function setupChat() {
2015-12-01 12:53:01 +00:00
Chat.init(eventEmitter);
2015-01-07 14:54:03 +00:00
$("#toggle_smileys").click(function() {
Chat.toggleSmileys();
});
}
2016-01-15 14:59:35 +00:00
/**
* Initialize toolbars.
*/
2015-01-07 14:54:03 +00:00
function setupToolbars() {
2015-12-03 13:11:01 +00:00
Toolbar.init(eventEmitter);
2015-12-30 10:55:51 +00:00
BottomToolbar.setupListeners(eventEmitter);
2015-01-07 14:54:03 +00:00
}
2015-12-10 13:30:25 +00:00
/**
* Toggles the application in and out of full screen mode
* (a.k.a. presentation mode in Chrome).
2016-01-22 17:18:59 +00:00
* @see https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API
2015-12-10 13:30:25 +00:00
*/
function toggleFullScreen () {
// alternative standard method
let isNotFullScreen = !document.fullscreenElement &&
2016-01-22 17:18:59 +00:00
!document.mozFullScreenElement && // current working methods
!document.webkitFullscreenElement &&
!document.msFullscreenElement;
if (isNotFullScreen) {
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.msRequestFullscreen) {
document.documentElement.msRequestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullscreen) {
document.documentElement
.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
2015-12-10 13:30:25 +00:00
}
} else {
2016-01-22 17:18:59 +00:00
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
2015-12-10 13:30:25 +00:00
document.mozCancelFullScreen();
2016-01-22 17:18:59 +00:00
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
2015-12-10 13:30:25 +00:00
}
}
}
2016-01-15 14:59:35 +00:00
/**
* Notify user that server has shut down.
*/
2016-02-05 15:04:48 +00:00
UI.notifyGracefulShutdown = function () {
2015-11-30 15:24:42 +00:00
messageHandler.openMessageDialog(
'dialog.serviceUnavailable',
'dialog.gracefulShutdown'
);
};
2016-01-15 14:59:35 +00:00
/**
* Notify user that reservation error happened.
*/
2015-11-30 15:24:42 +00:00
UI.notifyReservationError = function (code, msg) {
var title = APP.translation.generateTranslationHTML(
"dialog.reservationError");
var message = APP.translation.generateTranslationHTML(
"dialog.reservationErrorMsg", {code: code, msg: msg});
messageHandler.openDialog(
title,
message,
true, {},
function (event, value, message, formVals) {
return false;
}
);
};
2016-01-15 14:59:35 +00:00
/**
* Notify user that he has been kicked from the server.
*/
2015-11-30 15:24:42 +00:00
UI.notifyKicked = function () {
messageHandler.openMessageDialog("dialog.sessTerminated", "dialog.kickMessage");
};
2016-01-25 22:39:05 +00:00
/**
* Notify user that conference was destroyed.
* @param reason {string} the reason text
*/
UI.notifyConferenceDestroyed = function (reason) {
//FIXME: use Session Terminated from translation, but
// 'reason' text comes from XMPP packet and is not translated
var title = APP.translation.generateTranslationHTML("dialog.sessTerminated");
messageHandler.openDialog(
title, reason, true, {},
function (event, value, message, formVals) {
return false;
}
);
};
2016-01-15 14:59:35 +00:00
/**
* Notify user that Jitsi Videobridge is not accessible.
*/
2016-01-25 22:39:05 +00:00
UI.notifyBridgeDown = function () {
2015-11-30 15:24:42 +00:00
messageHandler.showError("dialog.error", "dialog.bridgeUnavailable");
};
2016-01-25 22:39:05 +00:00
/**
* Show chat error.
* @param err the Error
* @param msg
2016-01-25 22:39:05 +00:00
*/
UI.showChatError = function (err, msg) {
if (interfaceConfig.filmStripOnly) {
return;
}
Chat.chatAddError(err, msg);
};
2016-01-15 14:59:35 +00:00
/**
* Change nickname for the user.
* @param {string} id user id
* @param {string} displayName new nickname
*/
2015-12-01 13:41:58 +00:00
UI.changeDisplayName = function (id, displayName) {
ContactList.onDisplayNameChange(id, displayName);
VideoLayout.onDisplayNameChanged(id, displayName);
2015-12-14 16:54:08 +00:00
2016-03-02 15:39:39 +00:00
if (APP.conference.isLocalId(id) || id === 'localVideoContainer') {
SettingsMenu.changeDisplayName(displayName);
2015-12-14 16:54:08 +00:00
Chat.setChatConversationMode(!!displayName);
}
2015-11-30 15:24:42 +00:00
};
2016-01-15 14:59:35 +00:00
/**
2016-06-20 21:13:17 +00:00
* Sets the "raised hand" status for a participant.
*/
UI.setRaisedHandStatus = (participant, raisedHandStatus) => {
VideoLayout.setRaisedHandStatus(participant.getId(), raisedHandStatus);
if (raisedHandStatus) {
messageHandler.notify(participant.getDisplayName(), 'notify.somebody',
'connected', 'notify.raisedHand');
}
};
/**
* Sets the local "raised hand" status.
*/
UI.setLocalRaisedHandStatus = (raisedHandStatus) => {
2016-07-08 01:44:04 +00:00
VideoLayout.setRaisedHandStatus(APP.conference.getMyUserId(), raisedHandStatus);
2016-06-20 21:13:17 +00:00
};
/**
* Initialize conference UI.
2016-01-15 14:59:35 +00:00
*/
2015-12-03 13:11:01 +00:00
UI.initConference = function () {
2016-07-08 01:44:04 +00:00
let id = APP.conference.getMyUserId();
// Do not include query parameters in the invite URL
// "https://example.com" + "/SomeConference1245"
var inviteURL = window.location.origin + window.location.pathname;
Toolbar.updateRoomUrl(inviteURL);
// Clean up the URL displayed by the browser
if (window.history && typeof window.history.replaceState === 'function') {
window.history.replaceState({}, document.title, inviteURL);
}
2015-12-02 15:24:57 +00:00
2015-11-30 15:24:42 +00:00
// Add myself to the contact list.
2015-12-02 15:24:57 +00:00
ContactList.addContact(id);
//update default button states before showing the toolbar
//if local role changes buttons state will be again updated
UI.updateLocalRole(false);
2015-11-30 15:24:42 +00:00
// Once we've joined the muc show the toolbar
ToolbarToggler.showToolbar();
let displayName = config.displayJids ? id : Settings.getDisplayName();
2015-11-30 15:24:42 +00:00
if (displayName) {
UI.changeDisplayName('localVideoContainer', displayName);
}
// Make sure we configure our avatar id, before creating avatar for us
2016-06-13 21:11:44 +00:00
UI.setUserEmail(id, Settings.getEmail());
2015-11-30 15:24:42 +00:00
Toolbar.checkAutoEnableDesktopSharing();
2016-04-15 20:41:51 +00:00
2016-01-20 21:41:37 +00:00
if(!interfaceConfig.filmStripOnly) {
Feedback.init(eventEmitter);
2016-01-20 21:41:37 +00:00
}
// FollowMe attempts to copy certain aspects of the moderator's UI into the
// other participants' UI. Consequently, it needs (1) read and write access
// to the UI (depending on the moderator role of the local participant) and
// (2) APP.conference as means of communication between the participants.
followMeHandler = new FollowMe(APP.conference, UI);
2015-11-30 15:24:42 +00:00
};
UI.mucJoined = function () {
VideoLayout.mucJoined();
};
2016-01-15 14:59:35 +00:00
/**
* Setup some UI event listeners.
*/
2015-11-30 15:24:42 +00:00
function registerListeners() {
UI.addListener(UIEvents.ETHERPAD_CLICKED, function () {
2015-12-25 16:55:45 +00:00
if (etherpadManager) {
etherpadManager.toggleEtherpad();
}
});
2015-12-10 13:30:25 +00:00
UI.addListener(UIEvents.SHARED_VIDEO_CLICKED, function () {
if (sharedVideoManager) {
sharedVideoManager.toggleSharedVideo();
}
});
2015-12-10 13:30:25 +00:00
UI.addListener(UIEvents.FULLSCREEN_TOGGLE, toggleFullScreen);
UI.addListener(UIEvents.TOGGLE_CHAT, UI.toggleChat);
UI.addListener(UIEvents.TOGGLE_SETTINGS, function () {
PanelToggler.toggleSettingsMenu();
});
2015-12-10 16:36:03 +00:00
UI.addListener(UIEvents.TOGGLE_CONTACT_LIST, UI.toggleContactList);
UI.addListener(UIEvents.TOGGLE_FILM_STRIP, function () {
UI.toggleFilmStrip();
VideoLayout.resizeVideoArea(PanelToggler.isVisible(), true, false);
});
UI.addListener(UIEvents.FOLLOW_ME_ENABLED, function (isEnabled) {
if (followMeHandler)
followMeHandler.enableFollowMe(isEnabled);
});
}
2016-01-15 14:59:35 +00:00
/**
* Setup some DOM event listeners.
*/
function bindEvents() {
2015-12-03 13:11:01 +00:00
function onResize() {
PanelToggler.resizeChat();
VideoLayout.resizeVideoArea(PanelToggler.isVisible());
2015-12-03 13:11:01 +00:00
}
// Resize and reposition videos in full screen mode.
$(document).on(
'webkitfullscreenchange mozfullscreenchange fullscreenchange',
onResize
2015-12-03 13:11:01 +00:00
);
2015-01-07 14:54:03 +00:00
2015-06-23 08:00:46 +00:00
$(window).resize(onResize);
2015-01-07 14:54:03 +00:00
}
/**
* Returns the shared document manager object.
* @return {EtherpadManager} the shared document manager object
*/
UI.getSharedVideoManager = function () {
return sharedVideoManager;
};
/**
* Starts the UI module and initializes all related components.
*
* @returns {boolean} true if the UI is ready and the conference should be
* esablished, false - otherwise (for example in the case of welcome page)
*/
2015-11-30 11:54:54 +00:00
UI.start = function () {
2015-01-07 14:54:03 +00:00
document.title = interfaceConfig.APP_NAME;
var setupWelcomePage = null;
2015-01-07 14:54:03 +00:00
if(config.enableWelcomePage && window.location.pathname == "/" &&
2016-02-25 13:52:15 +00:00
Settings.isWelcomePageEnabled()) {
2015-01-07 14:54:03 +00:00
$("#videoconference_page").hide();
if (!setupWelcomePage)
setupWelcomePage = require("./welcome_page/WelcomePage");
2015-01-07 14:54:03 +00:00
setupWelcomePage();
// Return false to indicate that the UI hasn't been fully started and
// conference ready. We're still waiting for input from the user.
return false;
2015-01-07 14:54:03 +00:00
}
$("#welcome_page").hide();
// Set the defaults for prompt dialogs.
$.prompt.setDefaults({persistent: false});
2015-01-07 14:54:03 +00:00
registerListeners();
ToolbarToggler.init();
2015-12-30 10:55:51 +00:00
BottomToolbar.init();
FilmStrip.init(eventEmitter);
2015-12-30 10:55:51 +00:00
VideoLayout.init(eventEmitter);
2015-12-25 16:55:45 +00:00
if (!interfaceConfig.filmStripOnly) {
VideoLayout.initLargeVideo(PanelToggler.isVisible());
}
VideoLayout.resizeVideoArea(PanelToggler.isVisible(), true, true);
2015-12-25 16:55:45 +00:00
2015-12-14 15:40:30 +00:00
ContactList.init(eventEmitter);
2015-01-07 14:54:03 +00:00
bindEvents();
sharedVideoManager = new SharedVideoManager(eventEmitter);
if (!interfaceConfig.filmStripOnly) {
$("#videospace").mousemove(function () {
return ToolbarToggler.showToolbar();
});
setupToolbars();
setupChat();
2016-03-29 17:13:54 +00:00
// Initialise the recording module.
if (config.enableRecording)
Recording.init(eventEmitter, config.recordingType);
// Display notice message at the top of the toolbar
if (config.noticeMessage) {
$('#noticeText').text(config.noticeMessage);
$('#notice').css({display: 'block'});
}
$("#downloadlog").click(function (event) {
2016-01-14 15:35:37 +00:00
let logs = APP.conference.getLogs();
let data = encodeURIComponent(JSON.stringify(logs, null, ' '));
let elem = event.target.parentNode;
elem.download = 'meetlog.json';
elem.href = 'data:application/json;charset=utf-8,\n' + data;
});
} else {
$("#header").css("display", "none");
$("#downloadlog").css("display", "none");
BottomToolbar.hide();
FilmStrip.setupFilmStripOnly();
messageHandler.enableNotifications(false);
$('body').popover("disable");
JitsiPopover.enabled = false;
}
2015-01-22 16:02:37 +00:00
2015-01-07 14:54:03 +00:00
document.title = interfaceConfig.APP_NAME;
if(config.requireDisplayName) {
if (!APP.settings.getDisplayName()) {
promptDisplayName();
}
2015-01-07 14:54:03 +00:00
}
if (!interfaceConfig.filmStripOnly) {
toastr.options = {
"closeButton": true,
"debug": false,
"positionClass": "notification-bottom-right",
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "2000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut",
"reposition": function () {
if (PanelToggler.isVisible()) {
$("#toast-container").addClass("notification-bottom-right-center");
} else {
$("#toast-container").removeClass("notification-bottom-right-center");
}
},
"newestOnTop": false
};
2015-01-07 14:54:03 +00:00
2015-12-30 20:57:28 +00:00
SettingsMenu.init(eventEmitter);
}
2015-01-07 14:54:03 +00:00
2016-06-13 21:11:44 +00:00
if(APP.tokenData.callee) {
UI.showRingOverLay();
}
// Return true to indicate that the UI has been fully started and
// conference ready.
return true;
2015-01-07 14:54:03 +00:00
};
2015-11-30 11:54:54 +00:00
2016-01-15 14:59:35 +00:00
/**
* Show local stream on UI.
* @param {JitsiTrack} track stream to show
*/
2015-12-07 16:26:25 +00:00
UI.addLocalStream = function (track) {
switch (track.getType()) {
2015-11-30 11:54:54 +00:00
case 'audio':
2015-12-07 16:26:25 +00:00
VideoLayout.changeLocalAudio(track);
2015-11-30 11:54:54 +00:00
break;
case 'video':
2015-12-07 16:26:25 +00:00
VideoLayout.changeLocalVideo(track);
2015-11-30 11:54:54 +00:00
break;
default:
2015-12-07 16:26:25 +00:00
console.error("Unknown stream type: " + track.getType());
2015-11-30 11:54:54 +00:00
break;
}
};
2016-01-15 14:59:35 +00:00
/**
* Show remote stream on UI.
* @param {JitsiTrack} track stream to show
*/
UI.addRemoteStream = function (track) {
VideoLayout.onRemoteStreamAdded(track);
2015-11-30 11:54:54 +00:00
};
/**
* Removed remote stream from UI.
* @param {JitsiTrack} track stream to remove
*/
UI.removeRemoteStream = function (track) {
VideoLayout.onRemoteStreamRemoved(track);
};
function chatAddError(errorMessage, originalText) {
2015-01-07 14:54:03 +00:00
return Chat.chatAddError(errorMessage, originalText);
}
2015-01-07 14:54:03 +00:00
2016-01-15 14:59:35 +00:00
/**
* Update chat subject.
* @param {string} subject new chat subject
*/
UI.setSubject = function (subject) {
Chat.setSubject(subject);
};
2015-01-07 14:54:03 +00:00
2016-01-15 14:59:35 +00:00
/**
* Setup and show Etherpad.
* @param {string} name etherpad id
*/
2015-12-25 16:55:45 +00:00
UI.initEtherpad = function (name) {
2015-12-30 20:57:28 +00:00
if (etherpadManager || !config.etherpad_base || !name) {
2015-12-25 16:55:45 +00:00
return;
}
console.log('Etherpad is enabled');
etherpadManager
= new EtherpadManager(config.etherpad_base, name, eventEmitter);
2015-12-25 16:55:45 +00:00
Toolbar.showEtherpadButton();
};
2015-01-07 14:54:03 +00:00
/**
* Returns the shared document manager object.
* @return {EtherpadManager} the shared document manager object
*/
UI.getSharedDocumentManager = function () {
return etherpadManager;
};
2016-01-15 14:59:35 +00:00
/**
* Show user on UI.
* @param {string} id user id
* @param {string} displayName user nickname
*/
2015-12-14 12:26:50 +00:00
UI.addUser = function (id, displayName) {
2016-06-13 21:11:44 +00:00
UI.hideRingOverLay();
2015-12-14 15:40:30 +00:00
ContactList.addContact(id);
2015-12-02 15:24:57 +00:00
messageHandler.notify(
displayName,'notify.somebody', 'connected', 'notify.connected'
);
2015-01-07 14:54:03 +00:00
if (!config.startAudioMuted ||
2015-12-03 13:11:01 +00:00
config.startAudioMuted > APP.conference.membersCount)
UIUtil.playSoundNotification('userJoined');
2015-01-07 14:54:03 +00:00
// Add Peer's container
2015-12-14 15:40:30 +00:00
VideoLayout.addParticipantContainer(id);
// Configure avatar
2016-06-13 21:11:44 +00:00
UI.setUserEmail(id);
// set initial display name
if(displayName)
UI.changeDisplayName(id, displayName);
2015-11-30 15:24:42 +00:00
};
2016-01-15 14:59:35 +00:00
/**
* Remove user from UI.
* @param {string} id user id
* @param {string} displayName user nickname
*/
2015-12-14 12:26:50 +00:00
UI.removeUser = function (id, displayName) {
2015-12-14 15:40:30 +00:00
ContactList.removeContact(id);
messageHandler.notify(
displayName,'notify.somebody', 'disconnected', 'notify.disconnected'
);
2016-01-06 22:39:13 +00:00
if (!config.startAudioMuted
|| config.startAudioMuted > APP.conference.membersCount) {
2015-11-30 15:24:42 +00:00
UIUtil.playSoundNotification('userLeft');
}
2015-12-14 15:40:30 +00:00
VideoLayout.removeParticipantContainer(id);
2015-11-30 15:24:42 +00:00
};
2015-01-07 14:54:03 +00:00
2016-01-25 22:39:05 +00:00
UI.updateUserStatus = function (id, status) {
VideoLayout.setPresenceStatus(id, status);
};
2015-01-07 14:54:03 +00:00
2016-01-15 14:59:35 +00:00
/**
* Update videotype for specified user.
* @param {string} id user id
* @param {string} newVideoType new videotype
*/
2015-12-30 12:14:56 +00:00
UI.onPeerVideoTypeChanged = (id, newVideoType) => {
VideoLayout.onVideoTypeChanged(id, newVideoType);
2015-12-29 22:30:50 +00:00
};
2016-01-15 14:59:35 +00:00
/**
* Update local user role and show notification if user is moderator.
* @param {boolean} isModerator if local user is moderator or not
*/
UI.updateLocalRole = function (isModerator) {
2015-01-07 14:54:03 +00:00
VideoLayout.showModeratorIndicator();
Toolbar.showSipCallButton(isModerator);
Toolbar.showSharedVideoButton(isModerator);
2016-03-29 17:13:54 +00:00
Recording.showRecordingButton(isModerator);
2016-03-02 15:39:39 +00:00
SettingsMenu.showStartMutedOptions(isModerator);
SettingsMenu.showFollowMeOptions(isModerator);
if (isModerator) {
messageHandler.notify(null, "notify.me", 'connected', "notify.moderator");
2016-03-29 17:13:54 +00:00
Recording.checkAutoRecord();
}
};
2016-01-13 21:17:33 +00:00
/**
* Check the role for the user and reflect it in the UI, moderator ui indication
* and notifies user who is the moderator
* @param user to check for moderator
*/
UI.updateUserRole = function (user) {
VideoLayout.showModeratorIndicator();
if (!user.isModerator()) {
return;
}
var displayName = user.getDisplayName();
if (displayName) {
2015-01-07 14:54:03 +00:00
messageHandler.notify(
displayName, 'notify.somebody',
'connected', 'notify.grantedTo', {
to: UIUtil.escapeHtml(displayName)
}
);
} else {
messageHandler.notify(
'', 'notify.somebody',
'connected', 'notify.grantedToUnknown', {}
);
2015-01-07 14:54:03 +00:00
}
};
2015-01-27 09:56:22 +00:00
2016-01-15 14:59:35 +00:00
/**
* Toggles smileys in the chat.
*/
UI.toggleSmileys = function () {
Chat.toggleSmileys();
};
2016-01-15 14:59:35 +00:00
/**
* Toggles film strip.
*/
2015-01-27 09:56:22 +00:00
UI.toggleFilmStrip = function () {
var self = FilmStrip;
self.toggleFilmStrip.apply(self, arguments);
2015-01-27 09:56:22 +00:00
};
/**
* Indicates if the film strip is currently visible or not.
* @returns {true} if the film strip is currently visible, otherwise
*/
UI.isFilmStripVisible = function () {
return FilmStrip.isFilmStripVisible();
};
2016-01-15 14:59:35 +00:00
/**
* Toggles chat panel.
*/
2015-01-27 09:56:22 +00:00
UI.toggleChat = function () {
2015-12-10 16:36:03 +00:00
PanelToggler.toggleChat();
2015-01-27 09:56:22 +00:00
};
2016-01-15 14:59:35 +00:00
/**
* Toggles contact list panel.
*/
2015-01-27 09:56:22 +00:00
UI.toggleContactList = function () {
2015-12-10 16:36:03 +00:00
PanelToggler.toggleContactList();
2015-01-27 09:56:22 +00:00
};
/**
* Handle new user display name.
*/
UI.inputDisplayNameHandler = function (newDisplayName) {
eventEmitter.emit(UIEvents.NICKNAME_CHANGED, newDisplayName);
2015-01-07 14:54:03 +00:00
};
/**
* Return the type of the remote video.
* @param jid the jid for the remote video
* @returns the video type video or screen.
*/
UI.getRemoteVideoType = function (jid) {
return VideoLayout.getRemoteVideoType(jid);
};
2016-02-10 15:26:16 +00:00
UI.connectionIndicatorShowMore = function(id) {
VideoLayout.showMore(id);
};
2015-01-07 14:54:03 +00:00
2016-01-15 14:59:35 +00:00
// FIXME check if someone user this
UI.showLoginPopup = function(callback) {
console.log('password is required');
var message = '<h2 data-i18n="dialog.passwordRequired">';
message += APP.translation.translateString(
"dialog.passwordRequired");
message += '</h2>' +
'<input name="username" type="text" ' +
'placeholder="user@domain.net" autofocus>' +
'<input name="password" ' +
'type="password" data-i18n="[placeholder]dialog.userPassword"' +
' placeholder="user password">';
2016-02-05 15:04:48 +00:00
messageHandler.openTwoButtonDialog(null, null, null, message,
true,
"dialog.Ok",
function (e, v, m, f) {
if (v) {
2015-09-11 03:26:29 +00:00
if (f.username && f.password) {
callback(f.username, f.password);
}
}
},
null, null, ':input:first'
);
};
2015-11-30 15:24:42 +00:00
UI.askForNickname = function () {
return window.prompt('Your nickname (optional)');
};
2015-01-07 14:54:03 +00:00
/**
2016-01-06 22:39:13 +00:00
* Sets muted audio state for participant
*/
2016-01-06 22:39:13 +00:00
UI.setAudioMuted = function (id, muted) {
VideoLayout.onAudioMute(id, muted);
if (APP.conference.isLocalId(id)) {
Toolbar.markAudioIconAsMuted(muted);
}
2015-11-30 11:54:54 +00:00
};
2016-01-06 22:39:13 +00:00
/**
* Sets muted video state for participant
*/
UI.setVideoMuted = function (id, muted) {
VideoLayout.onVideoMute(id, muted);
if (APP.conference.isLocalId(id)) {
Toolbar.markVideoIconAsMuted(muted);
}
};
/**
* Adds a listener that would be notified on the given type of event.
*
* @param type the type of the event we're listening for
* @param listener a function that would be called when notified
*/
2015-01-22 16:02:37 +00:00
UI.addListener = function (type, listener) {
eventEmitter.on(type, listener);
};
2015-01-22 16:02:37 +00:00
/**
* Removes the given listener for the given type of event.
*
* @param type the type of the event we're listening for
* @param listener the listener we want to remove
*/
UI.removeListener = function (type, listener) {
eventEmitter.removeListener(type, listener);
};
2015-01-22 16:26:05 +00:00
UI.clickOnVideo = function (videoNumber) {
var remoteVideos = $(".videocontainer:not(#mixedstream)");
if (remoteVideos.length > videoNumber) {
remoteVideos[videoNumber].click();
}
};
2015-01-22 16:26:05 +00:00
2015-02-09 08:12:55 +00:00
//Used by torture
UI.showToolbar = function () {
return ToolbarToggler.showToolbar();
};
2015-02-09 08:12:55 +00:00
//Used by torture
UI.dockToolbar = function (isDock) {
2015-12-10 17:04:39 +00:00
ToolbarToggler.dockToolbar(isDock);
};
2015-02-09 08:12:55 +00:00
2016-01-15 14:59:35 +00:00
/**
2016-06-13 21:11:44 +00:00
* Updates the avatar for participant.
2016-01-15 14:59:35 +00:00
* @param {string} id user id
2016-06-13 21:11:44 +00:00
* @param {stirng} avatarUrl the URL for the avatar
2016-01-15 14:59:35 +00:00
*/
2016-06-13 21:11:44 +00:00
function changeAvatar(id, avatarUrl) {
VideoLayout.changeUserAvatar(id, avatarUrl);
ContactList.changeUserAvatar(id, avatarUrl);
2015-12-02 15:24:57 +00:00
if (APP.conference.isLocalId(id)) {
SettingsMenu.changeAvatar(avatarUrl);
2015-11-30 11:54:54 +00:00
}
2016-06-13 21:11:44 +00:00
}
/**
* Update user email.
* @param {string} id user id
* @param {stirng} email user email
*/
UI.setUserEmail = function (id, email) {
// update avatar
Avatar.setUserEmail(id, email);
changeAvatar(id, Avatar.getAvatarUrl(id));
};
/**
* Update user avatar URL.
* @param {string} id user id
* @param {stirng} url user avatar url
*/
UI.setUserAvatarUrl = function (id, url) {
// update avatar
Avatar.setUserAvatarUrl(id, url);
changeAvatar(id, Avatar.getAvatarUrl(id));
2015-11-30 11:54:54 +00:00
};
2016-01-15 14:59:35 +00:00
/**
* Notify user that connection failed.
* @param {string} stropheErrorMsg raw Strophe error message
*/
2015-11-30 11:54:54 +00:00
UI.notifyConnectionFailed = function (stropheErrorMsg) {
var title = APP.translation.generateTranslationHTML(
"dialog.error");
2015-11-30 11:54:54 +00:00
var message;
if (stropheErrorMsg) {
message = APP.translation.generateTranslationHTML(
"dialog.connectErrorWithMsg", {msg: stropheErrorMsg});
} else {
2015-11-30 11:54:54 +00:00
message = APP.translation.generateTranslationHTML(
"dialog.connectError");
}
2015-11-30 11:54:54 +00:00
messageHandler.openDialog(
title, message, true, {}, function (e, v, m, f) { return false; }
);
};
2016-03-15 19:08:01 +00:00
/**
* Notify user that maximum users limit has been reached.
2016-03-15 19:08:01 +00:00
*/
UI.notifyMaxUsersLimitReached = function () {
var title = APP.translation.generateTranslationHTML(
"dialog.error");
var message = APP.translation.generateTranslationHTML(
"dialog.maxUsersLimitReached");
2015-11-30 11:54:54 +00:00
messageHandler.openDialog(
title, message, true, {}, function (e, v, m, f) { return false; }
);
};
2016-01-15 14:59:35 +00:00
/**
* Notify user that he was automatically muted when joned the conference.
*/
2015-11-30 11:54:54 +00:00
UI.notifyInitiallyMuted = function () {
messageHandler.notify(
null, "notify.mutedTitle", "connected", "notify.muted", null, {timeOut: 120000}
);
};
2016-01-15 14:59:35 +00:00
/**
* Mark user as dominant speaker.
* @param {string} id user id
*/
UI.markDominantSpeaker = function (id) {
2015-11-30 11:54:54 +00:00
VideoLayout.onDominantSpeakerChanged(id);
};
UI.handleLastNEndpoints = function (ids, enteringIds) {
VideoLayout.onLastNEndpointsChanged(ids, enteringIds);
2015-11-30 11:54:54 +00:00
};
2016-01-15 14:59:35 +00:00
/**
* Update audio level visualization for specified user.
* @param {string} id user id
* @param {number} lvl audio level
*/
UI.setAudioLevel = function (id, lvl) {
2015-12-25 16:55:45 +00:00
VideoLayout.setAudioLevel(id, lvl);
2015-11-30 11:54:54 +00:00
};
2016-01-15 14:59:35 +00:00
/**
* Update state of desktop sharing buttons.
*/
UI.updateDesktopSharingButtons = function () {
Toolbar.updateDesktopSharingButtonState();
2015-11-30 11:54:54 +00:00
};
2016-01-15 14:59:35 +00:00
/**
* Hide connection quality statistics from UI.
*/
2015-11-30 11:54:54 +00:00
UI.hideStats = function () {
VideoLayout.hideStats();
};
2016-01-15 14:59:35 +00:00
/**
* Update local connection quality statistics.
* @param {number} percent
* @param {object} stats
*/
2015-11-30 11:54:54 +00:00
UI.updateLocalStats = function (percent, stats) {
VideoLayout.updateLocalConnectionStats(percent, stats);
};
2016-01-15 14:59:35 +00:00
/**
* Update connection quality statistics for remote user.
* @param {string} id user id
* @param {number} percent
* @param {object} stats
*/
2015-12-29 12:41:43 +00:00
UI.updateRemoteStats = function (id, percent, stats) {
VideoLayout.updateConnectionStats(id, percent, stats);
2015-11-30 11:54:54 +00:00
};
2016-01-15 14:59:35 +00:00
/**
* Mark video as interrupted or not.
* @param {boolean} interrupted if video is interrupted
*/
UI.markVideoInterrupted = function (interrupted) {
if (interrupted) {
VideoLayout.onVideoInterrupted();
} else {
VideoLayout.onVideoRestored();
}
};
2016-01-15 14:59:35 +00:00
/**
* Mark room as locked or not.
* @param {boolean} locked if room is locked.
*/
2015-12-09 17:10:49 +00:00
UI.markRoomLocked = function (locked) {
if (locked) {
Toolbar.lockLockButton();
} else {
Toolbar.unlockLockButton();
}
};
2016-01-15 14:59:35 +00:00
/**
* Add chat message.
* @param {string} from user id
* @param {string} displayName user nickname
* @param {string} message message text
* @param {number} stamp timestamp when message was created
*/
2015-12-04 14:12:57 +00:00
UI.addMessage = function (from, displayName, message, stamp) {
Chat.updateChatConversation(from, displayName, message, stamp);
};
2015-12-10 11:57:18 +00:00
UI.updateDTMFSupport = function (isDTMFSupported) {
//TODO: enable when the UI is ready
//Toolbar.showDialPadButton(dtmfSupport);
};
2015-12-10 13:30:25 +00:00
/**
* Invite participants to conference.
2016-01-15 14:59:35 +00:00
* @param {string} roomUrl
* @param {string} conferenceName
* @param {string} key
* @param {string} nick
2015-12-10 13:30:25 +00:00
*/
UI.inviteParticipants = function (roomUrl, conferenceName, key, nick) {
let keyText = "";
if (key) {
keyText = APP.translation.translateString(
"email.sharedKey", {sharedKey: key}
);
}
let and = APP.translation.translateString("email.and");
let supportedBrowsers = `Chromium, Google Chrome ${and} Opera`;
let subject = APP.translation.translateString(
"email.subject", {appName:interfaceConfig.APP_NAME, conferenceName}
);
let body = APP.translation.translateString(
"email.body", {
appName:interfaceConfig.APP_NAME,
sharedKeyText: keyText,
roomUrl,
supportedBrowsers
}
);
body = body.replace(/\n/g, "%0D%0A");
if (nick) {
body += "%0D%0A%0D%0A" + UIUtil.escapeHtml(nick);
2015-12-10 13:30:25 +00:00
}
if (interfaceConfig.INVITATION_POWERED_BY) {
body += "%0D%0A%0D%0A--%0D%0Apowered by jitsi.org";
}
window.open(`mailto:?subject=${subject}&body=${body}`, '_blank');
};
2016-01-15 14:59:35 +00:00
/**
* Show user feedback dialog if its required or just show "thank you" dialog.
* @returns {Promise} when dialog is closed.
*/
2015-12-10 15:48:56 +00:00
UI.requestFeedback = function () {
return new Promise(function (resolve, reject) {
if (Feedback.isEnabled()) {
// If the user has already entered feedback, we'll show the window and
// immidiately start the conference dispose timeout.
if (Feedback.feedbackScore > 0) {
Feedback.openFeedbackWindow();
resolve();
} else { // Otherwise we'll wait for user's feedback.
Feedback.openFeedbackWindow(resolve);
}
} else {
// If the feedback functionality isn't enabled we show a thank you
// dialog.
messageHandler.openMessageDialog(
null, null, null,
APP.translation.translateString(
"dialog.thankYou", {appName:interfaceConfig.APP_NAME}
)
);
resolve();
}
});
};
UI.updateRecordingState = function (state) {
2016-03-29 17:13:54 +00:00
Recording.updateRecordingState(state);
2015-12-10 15:48:56 +00:00
};
2015-12-10 13:30:25 +00:00
2015-12-17 15:31:11 +00:00
UI.notifyTokenAuthFailed = function () {
messageHandler.showError("dialog.error", "dialog.tokenAuthFailed");
};
2016-01-25 22:39:05 +00:00
UI.notifyInternalError = function () {
2016-02-05 15:04:48 +00:00
messageHandler.showError("dialog.sorry", "dialog.internalError");
2016-01-25 22:39:05 +00:00
};
UI.notifyFocusDisconnected = function (focus, retrySec) {
2016-02-05 15:04:48 +00:00
messageHandler.notify(
2016-01-25 22:39:05 +00:00
null, "notify.focus",
'disconnected', "notify.focusFail",
{component: focus, ms: retrySec}
);
};
2016-02-05 15:04:48 +00:00
/**
* Notify user that focus left the conference so page should be reloaded.
*/
UI.notifyFocusLeft = function () {
let title = APP.translation.generateTranslationHTML(
'dialog.serviceUnavailable'
);
let msg = APP.translation.generateTranslationHTML(
'dialog.jicofoUnavailable'
);
messageHandler.openDialog(
title,
msg,
true, // persistent
[{title: 'retry'}],
function () {
reload();
return false;
}
);
};
2016-01-15 14:59:35 +00:00
/**
* Updates auth info on the UI.
* @param {boolean} isAuthEnabled if authentication is enabled
* @param {string} [login] current login
*/
UI.updateAuthInfo = function (isAuthEnabled, login) {
let loggedIn = !!login;
Toolbar.showAuthenticateButton(isAuthEnabled);
if (isAuthEnabled) {
Toolbar.setAuthenticatedIdentity(login);
Toolbar.showLoginButton(!loggedIn);
Toolbar.showLogoutButton(loggedIn);
}
};
2016-03-02 15:39:39 +00:00
UI.onStartMutedChanged = function (startAudioMuted, startVideoMuted) {
SettingsMenu.updateStartMutedBox(startAudioMuted, startVideoMuted);
2015-12-31 15:23:23 +00:00
};
/**
* Update list of available physical devices.
* @param {object[]} devices new list of available devices
*/
UI.onAvailableDevicesChanged = function (devices) {
2016-03-02 15:39:39 +00:00
SettingsMenu.changeDevicesList(devices);
};
2016-05-26 08:53:02 +00:00
/**
* Sets microphone's <select> element to select microphone ID from settings.
*/
UI.setSelectedMicFromSettings = function () {
SettingsMenu.setSelectedMicFromSettings();
};
/**
* Sets camera's <select> element to select camera ID from settings.
*/
UI.setSelectedCameraFromSettings = function () {
SettingsMenu.setSelectedCameraFromSettings();
};
/**
* Sets audio outputs's <select> element to select audio output ID from
* settings.
*/
UI.setSelectedAudioOutputFromSettings = function () {
SettingsMenu.setSelectedAudioOutputFromSettings();
};
/**
* Returns the id of the current video shown on large.
2016-01-15 14:59:35 +00:00
* Currently used by tests (torture).
*/
UI.getLargeVideoID = function () {
return VideoLayout.getLargeVideoID();
};
/**
* Returns the current video shown on large.
* Currently used by tests (torture).
*/
UI.getLargeVideo = function () {
return VideoLayout.getLargeVideo();
};
2016-01-21 19:28:43 +00:00
/**
* Shows dialog with a link to FF extension.
*/
2016-01-21 00:17:22 +00:00
UI.showExtensionRequiredDialog = function (url) {
2016-02-05 15:04:48 +00:00
messageHandler.openMessageDialog(
2016-01-21 00:17:22 +00:00
"dialog.extensionRequired",
null,
null,
APP.translation.generateTranslationHTML(
"dialog.firefoxExtensionPrompt", {url: url}));
2016-01-21 19:28:43 +00:00
};
2016-01-21 00:17:22 +00:00
2016-05-26 08:53:02 +00:00
/**
2016-05-27 15:49:26 +00:00
* Shows dialog with combined information about camera and microphone errors.
* @param {JitsiTrackError} micError
* @param {JitsiTrackError} cameraError
2016-05-26 08:53:02 +00:00
*/
2016-05-27 15:49:26 +00:00
UI.showDeviceErrorDialog = function (micError, cameraError) {
let localStoragePropName = "doNotShowErrorAgain";
let isMicJitsiTrackErrorAndHasName = micError && micError.name &&
micError instanceof JitsiMeetJS.errorTypes.JitsiTrackError;
2016-05-27 15:49:26 +00:00
let isCameraJitsiTrackErrorAndHasName = cameraError && cameraError.name &&
cameraError instanceof JitsiMeetJS.errorTypes.JitsiTrackError;
2016-05-27 15:49:26 +00:00
let showDoNotShowWarning = false;
if (micError && cameraError && isMicJitsiTrackErrorAndHasName &&
isCameraJitsiTrackErrorAndHasName) {
showDoNotShowWarning = true;
} else if (micError && isMicJitsiTrackErrorAndHasName && !cameraError) {
showDoNotShowWarning = true;
} else if (cameraError && isCameraJitsiTrackErrorAndHasName && !micError) {
showDoNotShowWarning = true;
2016-05-26 08:53:02 +00:00
}
2016-05-27 15:49:26 +00:00
if (micError) {
localStoragePropName += "-mic-" + micError.name;
}
if (cameraError) {
localStoragePropName += "-camera-" + cameraError.name;
2016-05-26 08:53:02 +00:00
}
2016-05-27 15:49:26 +00:00
if (showDoNotShowWarning) {
if (window.localStorage[localStoragePropName] === "true") {
return;
}
}
let title = getTitleKey();
let titleMsg = `<span data-i18n="${title}"></span>`;
let cameraJitsiTrackErrorMsg = cameraError
? JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.camera[cameraError.name]
: undefined;
let micJitsiTrackErrorMsg = micError
? JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.microphone[micError.name]
: undefined;
let cameraErrorMsg = cameraError
? cameraJitsiTrackErrorMsg ||
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.camera[TrackErrors.GENERAL]
: "";
let micErrorMsg = micError
? micJitsiTrackErrorMsg ||
JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.microphone[TrackErrors.GENERAL]
: "";
let additionalCameraErrorMsg = !cameraJitsiTrackErrorMsg && cameraError &&
cameraError.message
? `<div>${cameraError.message}</div>`
: ``;
let additionalMicErrorMsg = !micJitsiTrackErrorMsg && micError &&
micError.message
? `<div>${micError.message}</div>`
: ``;
let doNotShowWarningAgainSection = showDoNotShowWarning
? `<label>
2016-06-13 21:11:44 +00:00
<input type='checkbox' id='doNotShowWarningAgain'>
2016-05-27 15:49:26 +00:00
<span data-i18n='dialog.doNotShowWarningAgain'></span>
</label>`
: ``;
let message = '';
if (micError) {
message = `
${message}
<h3 data-i18n='dialog.micErrorPresent'></h3>
<h4 data-i18n='${micErrorMsg}'></h4>
${additionalMicErrorMsg}`;
}
if (cameraError) {
message = `
${message}
<h3 data-i18n='dialog.cameraErrorPresent'></h3>
<h4 data-i18n='${cameraErrorMsg}'></h4>
${additionalCameraErrorMsg}`;
}
message = `${message}${doNotShowWarningAgainSection}`;
2016-05-26 08:53:02 +00:00
// To make sure we don't have multiple error dialogs open at the same time,
// we will just close the previous one if we are going to show a new one.
deviceErrorDialog && deviceErrorDialog.close();
deviceErrorDialog = messageHandler.openDialog(
2016-05-27 15:49:26 +00:00
titleMsg,
2016-05-26 08:53:02 +00:00
message,
false,
{Ok: true},
function () {
2016-05-27 11:01:43 +00:00
let form = $.prompt.getPrompt();
if (form) {
let input = form.find("#doNotShowWarningAgain");
2016-05-26 08:53:02 +00:00
2016-05-27 11:01:43 +00:00
if (input.length) {
2016-05-27 15:49:26 +00:00
window.localStorage[localStoragePropName] =
input.prop("checked");
2016-05-27 11:01:43 +00:00
}
}
2016-06-21 14:39:00 +00:00
},
null,
function () {
// Reset dialog reference to null to avoid memory leaks when
// user closed the dialog manually.
deviceErrorDialog = null;
2016-05-26 08:53:02 +00:00
}
);
APP.translation.translateElement($(".jqibox"));
2016-05-27 15:49:26 +00:00
function getTitleKey() {
let title = "dialog.error";
if (micError && micError.name === TrackErrors.PERMISSION_DENIED) {
if (cameraError && cameraError.name === TrackErrors.PERMISSION_DENIED) {
title = "dialog.permissionDenied";
} else if (!cameraError) {
title = "dialog.permissionDenied";
}
} else if (cameraError &&
cameraError.name === TrackErrors.PERMISSION_DENIED) {
title = "dialog.permissionDenied";
}
return title;
}
2016-05-26 08:53:02 +00:00
};
2016-01-25 22:39:05 +00:00
UI.updateDevicesAvailability = function (id, devices) {
VideoLayout.setDeviceAvailabilityIcons(id, devices);
};
/**
* Show shared video.
* @param {string} id the id of the sender of the command
* @param {string} url video url
* @param {string} attributes
*/
2016-04-28 16:54:10 +00:00
UI.onSharedVideoStart = function (id, url, attributes) {
if (sharedVideoManager)
2016-04-28 16:54:10 +00:00
sharedVideoManager.onSharedVideoStart(id, url, attributes);
};
/**
* Update shared video.
* @param {string} id the id of the sender of the command
* @param {string} url video url
* @param {string} attributes
*/
2016-04-28 16:54:10 +00:00
UI.onSharedVideoUpdate = function (id, url, attributes) {
if (sharedVideoManager)
2016-04-28 16:54:10 +00:00
sharedVideoManager.onSharedVideoUpdate(id, url, attributes);
};
/**
* Stop showing shared video.
* @param {string} id the id of the sender of the command
* @param {string} attributes
*/
2016-04-28 16:54:10 +00:00
UI.onSharedVideoStop = function (id, attributes) {
if (sharedVideoManager)
2016-04-28 16:54:10 +00:00
sharedVideoManager.onSharedVideoStop(id, attributes);
};
/**
* Disables camera toolbar button.
*/
UI.disableCameraButton = function () {
Toolbar.markVideoIconAsDisabled(true);
};
/**
* Enables camera toolbar button.
*/
UI.enableCameraButton = function () {
Toolbar.markVideoIconAsDisabled(false);
};
/**
* Disables microphone toolbar button.
*/
UI.disableMicrophoneButton = function () {
Toolbar.markAudioIconAsDisabled(true);
};
/**
* Enables microphone toolbar button.
*/
UI.enableMicrophoneButton = function () {
Toolbar.markAudioIconAsDisabled(false);
};
2016-06-13 21:11:44 +00:00
let bottomToolbarEnabled = null;
UI.showRingOverLay = function () {
RingOverlay.show(APP.tokenData.callee);
ToolbarToggler.setAlwaysVisibleToolbar(true);
FilmStrip.toggleFilmStrip(false);
};
UI.hideRingOverLay = function () {
if (!RingOverlay.hide())
2016-06-13 21:11:44 +00:00
return;
ToolbarToggler.resetAlwaysVisibleToolbar();
FilmStrip.toggleFilmStrip(true);
};
/**
* Shows browser-specific overlay with guidance how to proceed with gUM prompt.
* @param {string} browser - name of browser for which to show the guidance
* overlay.
*/
UI.showUserMediaPermissionsGuidanceOverlay = function (browser) {
GumPermissionsOverlay.show(browser);
};
/**
* Hides browser-specific overlay with guidance how to proceed with gUM prompt.
*/
UI.hideUserMediaPermissionsGuidanceOverlay = function () {
GumPermissionsOverlay.hide();
};
/**
* Shows or hides the keyboard shortcuts panel, depending on the current state.'
*/
UI.toggleKeyboardShortcutsPanel = function() {
$('#keyboard-shortcuts').toggle();
};
/**
* Shows or hides the keyboard shortcuts panel.'
*/
UI.showKeyboardShortcutsPanel = function(show) {
if (show) {
$('#keyboard-shortcuts').show();
} else {
$('#keyboard-shortcuts').hide();
}
};
2015-01-07 14:54:03 +00:00
module.exports = UI;