2015-07-28 21:52:32 +00:00
|
|
|
/* global Strophe, APP, $, config, interfaceConfig, toastr */
|
2015-09-11 02:42:15 +00:00
|
|
|
/* jshint -W101 */
|
2015-01-07 14:54:03 +00:00
|
|
|
var UI = {};
|
|
|
|
|
|
|
|
var VideoLayout = require("./videolayout/VideoLayout.js");
|
|
|
|
var AudioLevels = require("./audio_levels/AudioLevels.js");
|
|
|
|
var Prezi = require("./prezi/Prezi.js");
|
|
|
|
var Etherpad = require("./etherpad/Etherpad.js");
|
|
|
|
var Chat = require("./side_pannels/chat/Chat.js");
|
2015-01-22 14:56:23 +00:00
|
|
|
var Toolbar = require("./toolbars/Toolbar");
|
|
|
|
var ToolbarToggler = require("./toolbars/ToolbarToggler");
|
2015-01-07 14:54:03 +00:00
|
|
|
var BottomToolbar = require("./toolbars/BottomToolbar");
|
|
|
|
var ContactList = require("./side_pannels/contactlist/ContactList");
|
|
|
|
var Avatar = require("./avatar/Avatar");
|
2015-01-22 16:02:37 +00:00
|
|
|
var EventEmitter = require("events");
|
2015-01-07 14:54:03 +00:00
|
|
|
var SettingsMenu = require("./side_pannels/settings/SettingsMenu");
|
2015-02-13 09:38:37 +00:00
|
|
|
var Settings = require("./../settings/Settings");
|
2015-01-07 14:54:03 +00:00
|
|
|
var PanelToggler = require("./side_pannels/SidePanelToggler");
|
|
|
|
UI.messageHandler = require("./util/MessageHandler");
|
|
|
|
var messageHandler = UI.messageHandler;
|
2015-01-19 09:20:00 +00:00
|
|
|
var Authentication = require("./authentication/Authentication");
|
|
|
|
var UIUtil = require("./util/UIUtil");
|
2015-08-06 23:34:40 +00:00
|
|
|
var JitsiPopover = require("./util/JitsiPopover");
|
2015-01-28 14:35:22 +00:00
|
|
|
var CQEvents = require("../../service/connectionquality/CQEvents");
|
|
|
|
var DesktopSharingEventTypes
|
|
|
|
= require("../../service/desktopsharing/DesktopSharingEventTypes");
|
2015-09-15 20:34:16 +00:00
|
|
|
var StatisticsEvents = require("../../service/statistics/Events");
|
2015-06-18 17:49:43 +00:00
|
|
|
var UIEvents = require("../../service/UI/UIEvents");
|
2015-11-05 17:27:26 +00:00
|
|
|
var Feedback = require("./Feedback");
|
2015-01-07 14:54:03 +00:00
|
|
|
|
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-07-02 14:04:37 +00:00
|
|
|
function promptDisplayName() {
|
|
|
|
var message = '<h2 data-i18n="dialog.displayNameRequired">';
|
|
|
|
message += APP.translation.translateString(
|
|
|
|
"dialog.displayNameRequired");
|
|
|
|
message += '</h2>' +
|
|
|
|
'<input name="displayName" type="text" data-i18n=' +
|
|
|
|
'"[placeholder]defaultNickname" placeholder="' +
|
|
|
|
APP.translation.translateString(
|
|
|
|
"defaultNickname", {name: "Jane Pink"}) +
|
|
|
|
'" autofocus>';
|
|
|
|
|
|
|
|
var buttonTxt
|
2015-07-03 09:34:05 +00:00
|
|
|
= APP.translation.generateTranslationHTML("dialog.Ok");
|
2015-07-02 14:04:37 +00:00
|
|
|
var buttons = [];
|
|
|
|
buttons.push({title: buttonTxt, value: "ok"});
|
|
|
|
|
|
|
|
messageHandler.openDialog(null, message,
|
|
|
|
true,
|
|
|
|
buttons,
|
|
|
|
function (e, v, m, f) {
|
|
|
|
if (v == "ok") {
|
|
|
|
var displayName = f.displayName;
|
|
|
|
if (displayName) {
|
2015-12-01 12:53:01 +00:00
|
|
|
UI.inputDisplayNameHandler(displayName);
|
2015-07-02 14:04:37 +00:00
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
e.preventDefault();
|
|
|
|
},
|
|
|
|
function () {
|
|
|
|
var form = $.prompt.getPrompt();
|
|
|
|
var input = form.find("input[name='displayName']");
|
2015-07-15 18:31:39 +00:00
|
|
|
input.focus();
|
2015-07-02 14:04:37 +00:00
|
|
|
var button = form.find("button");
|
|
|
|
button.attr("disabled", "disabled");
|
|
|
|
input.keyup(function () {
|
|
|
|
if(!input.val())
|
|
|
|
button.attr("disabled", "disabled");
|
|
|
|
else
|
|
|
|
button.removeAttr("disabled");
|
|
|
|
});
|
|
|
|
}
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2015-07-28 21:52:32 +00:00
|
|
|
function setupPrezi() {
|
|
|
|
$("#reloadPresentationLink").click(function() {
|
2015-01-07 14:54:03 +00:00
|
|
|
Prezi.reloadPresentation();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2015-07-28 21:52:32 +00:00
|
|
|
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();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function setupToolbars() {
|
2015-12-03 13:11:01 +00:00
|
|
|
Toolbar.init(eventEmitter);
|
2015-01-07 14:54:03 +00:00
|
|
|
Toolbar.setupButtonsFromConfig();
|
2015-11-13 17:04:49 +00:00
|
|
|
BottomToolbar.init(eventEmitter);
|
2015-01-07 14:54:03 +00:00
|
|
|
}
|
|
|
|
|
2015-11-30 15:24:42 +00:00
|
|
|
UI.notifyGracefulShudown = function () {
|
|
|
|
messageHandler.openMessageDialog(
|
|
|
|
'dialog.serviceUnavailable',
|
|
|
|
'dialog.gracefulShutdown'
|
|
|
|
);
|
|
|
|
};
|
2015-01-19 09:20:00 +00:00
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.notifyKicked = function () {
|
|
|
|
messageHandler.openMessageDialog("dialog.sessTerminated", "dialog.kickMessage");
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.notifyBridgeDown = function () {
|
|
|
|
messageHandler.showError("dialog.error", "dialog.bridgeUnavailable");
|
|
|
|
};
|
|
|
|
|
2015-12-01 13:41:58 +00:00
|
|
|
UI.changeDisplayName = function (id, displayName) {
|
|
|
|
ContactList.onDisplayNameChange(id, displayName);
|
|
|
|
SettingsMenu.onDisplayNameChange(id, displayName);
|
|
|
|
VideoLayout.onDisplayNameChanged(id, displayName);
|
2015-11-30 15:24:42 +00:00
|
|
|
};
|
2015-01-19 09:20:00 +00:00
|
|
|
|
2015-12-03 13:11:01 +00:00
|
|
|
UI.initConference = function () {
|
|
|
|
var id = APP.conference.localId;
|
2015-11-30 15:24:42 +00:00
|
|
|
Toolbar.updateRoomUrl(window.location.href);
|
|
|
|
var meHTML = APP.translation.generateTranslationHTML("me");
|
|
|
|
var settings = Settings.getSettings();
|
2015-06-18 17:49:43 +00:00
|
|
|
|
2015-12-02 15:24:57 +00:00
|
|
|
$("#localNick").html(settings.email || settings.uid + " (" + meHTML + ")");
|
|
|
|
|
2015-11-30 15:24:42 +00:00
|
|
|
// Make sure we configure our avatar id, before creating avatar for us
|
2015-12-02 15:24:57 +00:00
|
|
|
UI.setUserAvatar(id, settings.email || settings.uid);
|
2015-08-06 23:34:40 +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);
|
2015-08-06 23:34:40 +00:00
|
|
|
|
2015-11-30 15:24:42 +00:00
|
|
|
// Once we've joined the muc show the toolbar
|
|
|
|
ToolbarToggler.showToolbar();
|
2015-06-18 17:49:43 +00:00
|
|
|
|
2015-12-02 15:24:57 +00:00
|
|
|
var displayName = config.displayJids ? id : settings.displayName;
|
2015-08-06 23:34:40 +00:00
|
|
|
|
2015-11-30 15:24:42 +00:00
|
|
|
if (displayName) {
|
|
|
|
UI.changeDisplayName('localVideoContainer', displayName);
|
|
|
|
}
|
|
|
|
|
|
|
|
VideoLayout.mucJoined();
|
|
|
|
|
|
|
|
Toolbar.checkAutoEnableDesktopSharing();
|
|
|
|
};
|
2015-07-29 19:39:09 +00:00
|
|
|
|
2015-11-30 15:24:42 +00:00
|
|
|
function registerListeners() {
|
2015-07-29 19:39:09 +00:00
|
|
|
UI.addListener(UIEvents.LARGEVIDEO_INIT, function () {
|
|
|
|
AudioLevels.init();
|
|
|
|
});
|
2015-08-03 15:58:22 +00:00
|
|
|
|
2015-11-13 17:04:49 +00:00
|
|
|
UI.addListener(UIEvents.FILM_STRIP_TOGGLED, function (isToggled) {
|
|
|
|
VideoLayout.onFilmStripToggled(isToggled);
|
|
|
|
});
|
2015-12-01 13:41:58 +00:00
|
|
|
|
|
|
|
UI.addListener(UIEvents.EMAIL_CHANGED, function (email) {
|
2015-12-03 13:11:01 +00:00
|
|
|
UI.setUserAvatar(APP.conference.localId, email);
|
2015-12-01 13:41:58 +00:00
|
|
|
});
|
2015-12-09 13:09:12 +00:00
|
|
|
|
|
|
|
UI.addListener(UIEvents.PREZI_CLICKED, function () {
|
|
|
|
Prezi.openPreziDialog();
|
|
|
|
});
|
|
|
|
|
|
|
|
UI.addListener(UIEvents.ETHERPAD_CLICKED, function () {
|
|
|
|
Etherpad.toggleEtherpad(0);
|
|
|
|
});
|
2015-01-28 14:35:22 +00:00
|
|
|
}
|
|
|
|
|
2015-07-28 21:52:32 +00:00
|
|
|
function bindEvents() {
|
2015-12-03 13:11:01 +00:00
|
|
|
function onResize() {
|
|
|
|
Chat.resizeChat();
|
|
|
|
VideoLayout.resizeLargeVideoContainer();
|
|
|
|
}
|
|
|
|
|
|
|
|
// Resize and reposition videos in full screen mode.
|
|
|
|
$(document).on(
|
|
|
|
'webkitfullscreenchange mozfullscreenchange fullscreenchange', onResize
|
|
|
|
);
|
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
|
|
|
}
|
|
|
|
|
2015-11-30 11:54:54 +00:00
|
|
|
UI.start = function () {
|
2015-01-07 14:54:03 +00:00
|
|
|
document.title = interfaceConfig.APP_NAME;
|
2015-07-28 21:52:32 +00:00
|
|
|
var setupWelcomePage = null;
|
2015-01-07 14:54:03 +00:00
|
|
|
if(config.enableWelcomePage && window.location.pathname == "/" &&
|
2015-07-28 21:52:32 +00:00
|
|
|
(!window.localStorage.welcomePageDisabled ||
|
|
|
|
window.localStorage.welcomePageDisabled == "false")) {
|
2015-01-07 14:54:03 +00:00
|
|
|
$("#videoconference_page").hide();
|
2015-07-28 21:52:32 +00:00
|
|
|
if (!setupWelcomePage)
|
|
|
|
setupWelcomePage = require("./welcome_page/WelcomePage");
|
2015-01-07 14:54:03 +00:00
|
|
|
setupWelcomePage();
|
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
$("#welcome_page").hide();
|
|
|
|
|
|
|
|
// Set the defaults for prompt dialogs.
|
2015-07-28 21:52:32 +00:00
|
|
|
$.prompt.setDefaults({persistent: false});
|
2015-01-07 14:54:03 +00:00
|
|
|
|
2015-07-29 19:39:09 +00:00
|
|
|
registerListeners();
|
|
|
|
|
2015-02-13 09:31:25 +00:00
|
|
|
VideoLayout.init(eventEmitter);
|
2015-07-29 19:39:09 +00:00
|
|
|
|
2015-01-07 14:54:03 +00:00
|
|
|
bindEvents();
|
|
|
|
setupPrezi();
|
2015-08-10 17:59:12 +00:00
|
|
|
if (!interfaceConfig.filmStripOnly) {
|
2015-08-06 23:34:40 +00:00
|
|
|
$("#videospace").mousemove(function () {
|
|
|
|
return ToolbarToggler.showToolbar();
|
|
|
|
});
|
|
|
|
setupToolbars();
|
|
|
|
setupChat();
|
|
|
|
// Display notice message at the top of the toolbar
|
|
|
|
if (config.noticeMessage) {
|
|
|
|
$('#noticeText').text(config.noticeMessage);
|
|
|
|
$('#notice').css({display: 'block'});
|
|
|
|
}
|
|
|
|
$("#downloadlog").click(function (event) {
|
2015-11-30 15:24:42 +00:00
|
|
|
// dump(event.target);
|
|
|
|
// FIXME integrate logs
|
2015-08-06 23:34:40 +00:00
|
|
|
});
|
2015-11-17 00:06:28 +00:00
|
|
|
Feedback.init();
|
2015-12-02 13:05:29 +00:00
|
|
|
} else {
|
2015-08-06 23:34:40 +00:00
|
|
|
$("#header").css("display", "none");
|
|
|
|
$("#bottomToolbar").css("display", "none");
|
|
|
|
$("#downloadlog").css("display", "none");
|
|
|
|
$("#remoteVideos").css("padding", "0px 0px 18px 0px");
|
|
|
|
$("#remoteVideos").css("right", "0px");
|
|
|
|
messageHandler.disableNotifications();
|
|
|
|
$('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;
|
|
|
|
|
2015-07-02 14:04:37 +00:00
|
|
|
if(config.requireDisplayName) {
|
2015-12-01 12:53:01 +00:00
|
|
|
if (APP.settings.getDisplayName()) {
|
2015-07-02 14:04:37 +00:00
|
|
|
promptDisplayName();
|
|
|
|
}
|
2015-01-07 14:54:03 +00:00
|
|
|
}
|
|
|
|
|
2015-08-10 17:59:12 +00:00
|
|
|
if (!interfaceConfig.filmStripOnly) {
|
2015-08-06 23:34:40 +00:00
|
|
|
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-08-06 23:34:40 +00:00
|
|
|
SettingsMenu.init();
|
|
|
|
}
|
2015-01-07 14:54:03 +00:00
|
|
|
|
|
|
|
};
|
|
|
|
|
2015-11-30 11:54:54 +00:00
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
UI.addRemoteStream = function (stream) {
|
|
|
|
VideoLayout.onRemoteStreamAdded(stream);
|
|
|
|
};
|
|
|
|
|
2015-07-28 21:52:32 +00:00
|
|
|
function chatAddError(errorMessage, originalText) {
|
2015-01-07 14:54:03 +00:00
|
|
|
return Chat.chatAddError(errorMessage, originalText);
|
2015-07-28 21:52:32 +00:00
|
|
|
}
|
2015-01-07 14:54:03 +00:00
|
|
|
|
2015-07-28 21:52:32 +00:00
|
|
|
function chatSetSubject(text) {
|
2015-01-07 14:54:03 +00:00
|
|
|
return Chat.chatSetSubject(text);
|
2015-07-28 21:52:32 +00:00
|
|
|
}
|
2015-01-07 14:54:03 +00:00
|
|
|
|
2015-01-23 15:36:17 +00:00
|
|
|
function initEtherpad(name) {
|
2015-01-07 14:54:03 +00:00
|
|
|
Etherpad.init(name);
|
2015-06-15 10:07:31 +00:00
|
|
|
}
|
2015-01-07 14:54:03 +00:00
|
|
|
|
2015-11-30 15:24:42 +00:00
|
|
|
UI.addUser = function (jid, id, displayName) {
|
2015-12-02 15:24:57 +00:00
|
|
|
messageHandler.notify(
|
|
|
|
displayName,'notify.somebody', 'connected', 'notify.connected'
|
|
|
|
);
|
2015-01-07 14:54:03 +00:00
|
|
|
|
2015-07-28 21:52:32 +00:00
|
|
|
if (!config.startAudioMuted ||
|
2015-12-03 13:11:01 +00:00
|
|
|
config.startAudioMuted > APP.conference.membersCount)
|
2015-05-28 11:34:40 +00:00
|
|
|
UIUtil.playSoundNotification('userJoined');
|
2015-07-20 17:32:04 +00:00
|
|
|
|
|
|
|
// Configure avatar
|
2015-12-02 15:24:57 +00:00
|
|
|
UI.setUserAvatar(jid, id);
|
2015-07-20 17:32:04 +00:00
|
|
|
|
2015-01-07 14:54:03 +00:00
|
|
|
// Add Peer's container
|
2015-07-20 17:32:04 +00:00
|
|
|
VideoLayout.ensurePeerContainerExists(jid);
|
2015-11-30 15:24:42 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
UI.removeUser = function (jid) {
|
|
|
|
console.log('left.muc', jid);
|
|
|
|
var displayName = $('#participant_' + Strophe.getResourceFromJid(jid) +
|
|
|
|
'>.displayname').html();
|
|
|
|
messageHandler.notify(displayName,'notify.somebody',
|
|
|
|
'disconnected',
|
|
|
|
'notify.disconnected');
|
|
|
|
if (!config.startAudioMuted ||
|
2015-12-03 13:11:01 +00:00
|
|
|
config.startAudioMuted > APP.conference.membersCount) {
|
2015-11-30 15:24:42 +00:00
|
|
|
UIUtil.playSoundNotification('userLeft');
|
|
|
|
}
|
|
|
|
|
|
|
|
ContactList.removeContact(jid);
|
|
|
|
|
|
|
|
VideoLayout.participantLeft(jid);
|
|
|
|
};
|
2015-01-07 14:54:03 +00:00
|
|
|
|
2015-06-23 08:00:46 +00:00
|
|
|
function onMucPresenceStatus(jid, info) {
|
|
|
|
VideoLayout.setPresenceStatus(Strophe.getResourceFromJid(jid), info.status);
|
2015-01-23 15:36:17 +00:00
|
|
|
}
|
2015-01-07 14:54:03 +00:00
|
|
|
|
2015-08-05 12:09:12 +00:00
|
|
|
function onPeerVideoTypeChanged(resourceJid, newVideoType) {
|
|
|
|
VideoLayout.onVideoTypeChanged(resourceJid, newVideoType);
|
|
|
|
}
|
|
|
|
|
2015-12-08 15:13:44 +00:00
|
|
|
UI.updateLocalRole = function (isModerator) {
|
2015-01-07 14:54:03 +00:00
|
|
|
VideoLayout.showModeratorIndicator();
|
|
|
|
|
2015-12-08 15:13:44 +00:00
|
|
|
Toolbar.showSipCallButton(isModerator);
|
|
|
|
Toolbar.showRecordingButton(isModerator);
|
|
|
|
SettingsMenu.onRoleChanged();
|
|
|
|
|
|
|
|
if (isModerator) {
|
|
|
|
Authentication.closeAuthenticationWindow();
|
|
|
|
messageHandler.notify(null, "notify.me", 'connected', "notify.moderator");
|
|
|
|
|
|
|
|
Toolbar.checkAutoRecord();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
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(
|
2015-12-08 15:13:44 +00:00
|
|
|
displayName, 'notify.somebody',
|
|
|
|
'connected', 'notify.grantedTo', {
|
|
|
|
to: displayName
|
|
|
|
}
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
messageHandler.notify(
|
|
|
|
'', 'notify.somebody',
|
|
|
|
'connected', 'notify.grantedToUnknown', {}
|
|
|
|
);
|
2015-01-07 14:54:03 +00:00
|
|
|
}
|
2015-12-08 15:13:44 +00:00
|
|
|
};
|
2015-01-23 15:36:17 +00:00
|
|
|
|
2015-11-30 15:24:42 +00:00
|
|
|
UI.notifyAuthRequired = function (intervalCallback) {
|
2015-01-23 15:36:17 +00:00
|
|
|
Authentication.openAuthenticationDialog(
|
2015-12-04 14:57:28 +00:00
|
|
|
APP.conference.roomName, intervalCallback, function () {
|
2015-01-23 15:36:17 +00:00
|
|
|
Toolbar.authenticateClicked();
|
2015-11-30 15:24:42 +00:00
|
|
|
}
|
|
|
|
);
|
|
|
|
};
|
2015-01-23 15:36:17 +00:00
|
|
|
|
2015-01-27 09:56:22 +00:00
|
|
|
|
2015-01-28 14:35:22 +00:00
|
|
|
UI.toggleSmileys = function () {
|
|
|
|
Chat.toggleSmileys();
|
|
|
|
};
|
|
|
|
|
2015-01-27 09:56:22 +00:00
|
|
|
UI.getSettings = function () {
|
|
|
|
return Settings.getSettings();
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.toggleFilmStrip = function () {
|
|
|
|
return BottomToolbar.toggleFilmStrip();
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.toggleChat = function () {
|
|
|
|
return BottomToolbar.toggleChat();
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.toggleContactList = function () {
|
|
|
|
return BottomToolbar.toggleContactList();
|
|
|
|
};
|
|
|
|
|
2015-01-23 15:36:17 +00:00
|
|
|
UI.inputDisplayNameHandler = function (value) {
|
|
|
|
VideoLayout.inputDisplayNameHandler(value);
|
2015-01-07 14:54:03 +00:00
|
|
|
};
|
|
|
|
|
2015-11-16 23:42:21 +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);
|
|
|
|
};
|
|
|
|
|
2015-07-28 21:52:32 +00:00
|
|
|
UI.connectionIndicatorShowMore = function(jid) {
|
2015-06-23 08:00:46 +00:00
|
|
|
return VideoLayout.showMore(jid);
|
2015-01-09 12:19:48 +00:00
|
|
|
};
|
2015-01-07 14:54:03 +00:00
|
|
|
|
2015-07-28 21:52:32 +00:00
|
|
|
UI.showLoginPopup = function(callback) {
|
2015-01-19 09:20:00 +00:00
|
|
|
console.log('password is required');
|
2015-02-20 16:17:46 +00:00
|
|
|
var message = '<h2 data-i18n="dialog.passwordRequired">';
|
|
|
|
message += APP.translation.translateString(
|
2015-02-26 15:35:35 +00:00
|
|
|
"dialog.passwordRequired");
|
2015-02-20 16:17:46 +00:00
|
|
|
message += '</h2>' +
|
2015-03-11 09:03:32 +00:00
|
|
|
'<input name="username" type="text" ' +
|
2015-02-20 16:17:46 +00:00
|
|
|
'placeholder="user@domain.net" autofocus>' +
|
2015-03-11 09:03:32 +00:00
|
|
|
'<input name="password" ' +
|
2015-03-04 10:59:52 +00:00
|
|
|
'type="password" data-i18n="[placeholder]dialog.userPassword"' +
|
|
|
|
' placeholder="user password">';
|
2015-02-20 16:17:46 +00:00
|
|
|
UI.messageHandler.openTwoButtonDialog(null, null, null, message,
|
2015-01-19 09:20:00 +00:00
|
|
|
true,
|
2015-02-20 16:17:46 +00:00
|
|
|
"dialog.Ok",
|
2015-01-19 09:20:00 +00:00
|
|
|
function (e, v, m, f) {
|
|
|
|
if (v) {
|
2015-09-11 03:26:29 +00:00
|
|
|
if (f.username && f.password) {
|
2015-03-11 09:03:32 +00:00
|
|
|
callback(f.username, f.password);
|
2015-01-19 09:20:00 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
2015-03-11 09:03:32 +00:00
|
|
|
null, null, ':input:first'
|
|
|
|
|
2015-01-19 09:20:00 +00:00
|
|
|
);
|
2015-07-28 21:52:32 +00:00
|
|
|
};
|
2015-01-19 09:20:00 +00:00
|
|
|
|
2015-11-30 15:24:42 +00:00
|
|
|
UI.closeAuthenticationDialog = function () {
|
2015-01-19 09:20:00 +00:00
|
|
|
Authentication.closeAuthenticationDialog();
|
|
|
|
Authentication.stopInterval();
|
2015-11-30 15:24:42 +00:00
|
|
|
};
|
2015-01-19 09:20:00 +00:00
|
|
|
|
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
|
|
|
|
2015-01-19 09:20:00 +00:00
|
|
|
/**
|
|
|
|
* Sets muted audio state for the local participant.
|
|
|
|
*/
|
2015-11-30 11:54:54 +00:00
|
|
|
UI.setAudioMuted = function (mute) {
|
|
|
|
VideoLayout.showLocalAudioIndicator(mute);
|
|
|
|
UIUtil.buttonClick("#toolbar_button_mute", "icon-microphone icon-mic-disabled");
|
|
|
|
};
|
2015-01-19 09:20:00 +00:00
|
|
|
|
2015-11-30 11:54:54 +00:00
|
|
|
UI.setVideoMuted = function (muted) {
|
|
|
|
$('#toolbar_button_camera').toggleClass("icon-camera-disabled", muted);
|
2015-07-28 21:52:32 +00:00
|
|
|
};
|
2015-01-19 09:20:00 +00:00
|
|
|
|
2015-01-22 16:02:37 +00:00
|
|
|
UI.addListener = function (type, listener) {
|
|
|
|
eventEmitter.on(type, listener);
|
2015-07-28 21:52:32 +00:00
|
|
|
};
|
2015-01-22 16:02:37 +00:00
|
|
|
|
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-07-28 21:52:32 +00:00
|
|
|
};
|
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-07-28 21:52:32 +00:00
|
|
|
};
|
2015-02-09 08:12:55 +00:00
|
|
|
|
|
|
|
//Used by torture
|
|
|
|
UI.dockToolbar = function (isDock) {
|
|
|
|
return ToolbarToggler.dockToolbar(isDock);
|
2015-07-28 21:52:32 +00:00
|
|
|
};
|
2015-02-09 08:12:55 +00:00
|
|
|
|
2015-12-02 15:24:57 +00:00
|
|
|
UI.setUserAvatar = function (id, email) {
|
|
|
|
// update avatar
|
|
|
|
Avatar.setUserAvatar(id, email);
|
|
|
|
|
|
|
|
var thumbUrl = Avatar.getThumbUrl(id);
|
|
|
|
var contactListUrl = Avatar.getContactListUrl(id);
|
|
|
|
|
|
|
|
VideoLayout.changeUserAvatar(id, thumbUrl);
|
|
|
|
ContactList.changeUserAvatar(id, contactListUrl);
|
|
|
|
if (APP.conference.isLocalId(id)) {
|
2015-11-30 11:54:54 +00:00
|
|
|
SettingsMenu.changeAvatar(thumbUrl);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.notifyConnectionFailed = function (stropheErrorMsg) {
|
|
|
|
var title = APP.translation.generateTranslationHTML(
|
|
|
|
"dialog.error");
|
2015-03-23 16:12:24 +00:00
|
|
|
|
2015-11-30 11:54:54 +00:00
|
|
|
var message;
|
|
|
|
if (stropheErrorMsg) {
|
|
|
|
message = APP.translation.generateTranslationHTML(
|
|
|
|
"dialog.connectErrorWithMsg", {msg: stropheErrorMsg});
|
2015-03-23 16:12:24 +00:00
|
|
|
} else {
|
2015-11-30 11:54:54 +00:00
|
|
|
message = APP.translation.generateTranslationHTML(
|
|
|
|
"dialog.connectError");
|
2015-03-23 16:12:24 +00:00
|
|
|
}
|
2015-11-30 11:54:54 +00:00
|
|
|
|
|
|
|
messageHandler.openDialog(
|
|
|
|
title, message, true, {}, function (e, v, m, f) { return false; }
|
|
|
|
);
|
2015-07-28 21:52:32 +00:00
|
|
|
};
|
2015-03-23 16:12:24 +00:00
|
|
|
|
2015-11-30 11:54:54 +00:00
|
|
|
UI.notifyFirefoxExtensionRequired = function (url) {
|
|
|
|
messageHandler.openMessageDialog(
|
|
|
|
"dialog.extensionRequired",
|
|
|
|
null,
|
|
|
|
null,
|
|
|
|
APP.translation.generateTranslationHTML(
|
|
|
|
"dialog.firefoxExtensionPrompt", {url: url}
|
|
|
|
)
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.notifyInitiallyMuted = function () {
|
|
|
|
messageHandler.notify(
|
|
|
|
null, "notify.mutedTitle", "connected", "notify.muted", null, {timeOut: 120000}
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.markDominantSpiker = function (id) {
|
|
|
|
VideoLayout.onDominantSpeakerChanged(id);
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.handleLastNEndpoints = function (ids) {
|
|
|
|
VideoLayout.onLastNEndpointsChanged(ids, []);
|
|
|
|
};
|
|
|
|
|
2015-12-04 15:25:24 +00:00
|
|
|
UI.setAudioLevel = function (id, lvl) {
|
2015-11-30 11:54:54 +00:00
|
|
|
AudioLevels.updateAudioLevel(
|
2015-12-04 15:25:24 +00:00
|
|
|
id, lvl, VideoLayout.getLargeVideoResource()
|
2015-11-30 11:54:54 +00:00
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.updateDesktopSharingButtons = function () {
|
|
|
|
Toolbar.changeDesktopSharingButtonState();
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.hideStats = function () {
|
|
|
|
VideoLayout.hideStats();
|
2015-07-28 21:52:32 +00:00
|
|
|
};
|
2015-04-22 09:31:08 +00:00
|
|
|
|
2015-11-30 11:54:54 +00:00
|
|
|
UI.updateLocalStats = function (percent, stats) {
|
|
|
|
VideoLayout.updateLocalConnectionStats(percent, stats);
|
|
|
|
};
|
|
|
|
|
|
|
|
UI.updateRemoteStats = function (jid, percent, stats) {
|
|
|
|
VideoLayout.updateConnectionStats(jid, percent, stats);
|
|
|
|
};
|
2015-04-22 09:31:08 +00:00
|
|
|
|
2015-11-30 15:24:42 +00:00
|
|
|
UI.showAuthenticateButton = function (show) {
|
|
|
|
Toolbar.showAuthenticateButton(show);
|
|
|
|
};
|
|
|
|
|
2015-12-01 10:05:55 +00:00
|
|
|
UI.markVideoInterrupted = function (interrupted) {
|
|
|
|
if (interrupted) {
|
|
|
|
VideoLayout.onVideoInterrupted();
|
|
|
|
} else {
|
|
|
|
VideoLayout.onVideoRestored();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2015-12-09 17:10:49 +00:00
|
|
|
UI.markRoomLocked = function (locked) {
|
|
|
|
if (locked) {
|
|
|
|
Toolbar.lockLockButton();
|
|
|
|
} else {
|
|
|
|
Toolbar.unlockLockButton();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
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-01-07 14:54:03 +00:00
|
|
|
module.exports = UI;
|