/* global $, APP, config*/ /** * Build html for "password required" dialog. * @returns {string} html string */ function getPasswordInputHtml() { let placeholder = config.hosts.authdomain ? "user identity" : "user@domain.net"; let passRequiredMsg = APP.translation.translateString( "dialog.passwordRequired" ); return `

${passRequiredMsg}

`; } /** * Convert provided id to jid if it's not jid yet. * @param {string} id user id or jid * @returns {string} jid */ function toJid(id) { if (id.indexOf("@") >= 0) { return id; } let jid = id.concat('@'); if (config.hosts.authdomain) { jid += config.hosts.authdomain; } else { jid += config.hosts.domain; } return jid; } /** * Generate cancel button config for the dialog. * @returns {Object} */ function cancelButton() { return { title: APP.translation.generateTranslationHTML("dialog.Cancel"), value: false }; } /** * Auth dialog for JitsiConnection which supports retries. * If no cancelCallback provided then there will be * no cancel button on the dialog. * * @class LoginDialog * @constructor * * @param {function(jid, password)} successCallback * @param {function} [cancelCallback] callback to invoke if user canceled. */ function LoginDialog(successCallback, cancelCallback) { let loginButtons = [{ title: APP.translation.generateTranslationHTML("dialog.Ok"), value: true }]; let finishedButtons = [{ title: APP.translation.translateString('dialog.retry'), value: 'retry' }]; // show "cancel" button only if cancelCallback provided if (cancelCallback) { loginButtons.push(cancelButton()); finishedButtons.push(cancelButton()); } const states = { login: { html: getPasswordInputHtml(), buttons: loginButtons, focus: ':input:first', submit: function (e, v, m, f) { e.preventDefault(); if (v) { let jid = f.username; let password = f.password; if (jid && password) { connDialog.goToState('connecting'); successCallback(toJid(jid), password); } } else { // User cancelled cancelCallback(); } } }, connecting: { title: APP.translation.translateString('dialog.connecting'), html: '
', buttons: [], defaultButton: 0 }, finished: { title: APP.translation.translateString('dialog.error'), html: '
', buttons: finishedButtons, defaultButton: 0, submit: function (e, v, m, f) { e.preventDefault(); if (v === 'retry') { connDialog.goToState('login'); } else { // User cancelled cancelCallback(); } } } }; var connDialog = APP.UI.messageHandler.openDialogWithStates( states, { persistent: true, closeText: '' }, null ); /** * Displays error message in 'finished' state which allows either to cancel * or retry. * @param message the final message to be displayed. */ this.displayError = function (message) { let finishedState = connDialog.getState('finished'); let errorMessageElem = finishedState.find('#errorMessage'); errorMessageElem.text(message); connDialog.goToState('finished'); }; /** * Show message as connection status. * @param {string} message */ this.displayConnectionStatus = function (message) { let connectingState = connDialog.getState('connecting'); let connectionStatus = connectingState.find('#connectionStatus'); connectionStatus.text(message); }; /** * Closes LoginDialog. */ this.close = function () { connDialog.close(); }; } export default { /** * Show new auth dialog for JitsiConnection. * * @param {function(jid, password)} successCallback * @param {function} [cancelCallback] callback to invoke if user canceled. * * @returns {LoginDialog} */ showAuthDialog: function (successCallback, cancelCallback) { return new LoginDialog(successCallback, cancelCallback); }, /** * Show notification that external auth is required (using provided url). * @param {string} url URL to use for external auth. * @param {function} callback callback to invoke when auth popup is closed. * @returns auth dialog */ showExternalAuthDialog: function (url, callback) { var dialog = APP.UI.messageHandler.openCenteredPopup( url, 910, 660, // On closed callback ); if (!dialog) { APP.UI.messageHandler.openMessageDialog(null, "dialog.popupError"); } return dialog; }, /** * Show notification that authentication is required * to create the conference, so he should authenticate or wait for a host. * @param {string} roomName name of the conference * @param {function} onAuthNow callback to invoke if * user want to authenticate. * @returns dialog */ showAuthRequiredDialog: function (roomName, onAuthNow) { var title = APP.translation.generateTranslationHTML( "dialog.WaitingForHost" ); var msg = APP.translation.generateTranslationHTML( "dialog.WaitForHostMsg", {room: roomName} ); var buttonTxt = APP.translation.generateTranslationHTML( "dialog.IamHost" ); var buttons = [{title: buttonTxt, value: "authNow"}]; return APP.UI.messageHandler.openDialog( title, msg, true, buttons, function (e, submitValue) { // Do not close the dialog yet e.preventDefault(); // Open login popup if (submitValue === 'authNow') { onAuthNow(); } } ); } };