138 lines
4.0 KiB
JavaScript
138 lines
4.0 KiB
JavaScript
/* global $, JitsiMeetJS, config, getRoomName */
|
|
/* application specific logic */
|
|
|
|
import "babel-polyfill";
|
|
import "jquery";
|
|
import "jquery-ui";
|
|
import "strophe";
|
|
import "strophe-disco";
|
|
import "strophe-caps";
|
|
import "tooltip";
|
|
import "popover";
|
|
import "jQuery-Impromptu";
|
|
import "autosize";
|
|
window.toastr = require("toastr");
|
|
|
|
import URLProcessor from "./modules/config/URLProcessor";
|
|
import RoomnameGenerator from './modules/util/RoomnameGenerator';
|
|
|
|
import UI from "./modules/UI/UI";
|
|
import settings from "./modules/settings/Settings";
|
|
import conference from './conference';
|
|
import API from './modules/API/API';
|
|
|
|
import UIEvents from './service/UI/UIEvents';
|
|
|
|
/**
|
|
* Builds and returns the room name.
|
|
*/
|
|
function buildRoomName () {
|
|
let roomName = getRoomName();
|
|
|
|
if(!roomName) {
|
|
let word = RoomnameGenerator.generateRoomWithoutSeparator();
|
|
roomName = word.toLowerCase();
|
|
window.history.pushState(
|
|
'VideoChat', `Room: ${word}`, window.location.pathname + word
|
|
);
|
|
}
|
|
|
|
return roomName;
|
|
}
|
|
|
|
const APP = {
|
|
// Used by do_external_connect.js if we receive the attach data after
|
|
// connect was already executed. status property can be "initialized",
|
|
// "ready" or "connecting". We are interested in "ready" status only which
|
|
// means that connect was executed but we have to wait for the attach data.
|
|
// In status "ready" handler property will be set to a function that will
|
|
// finish the connect process when the attach data or error is received.
|
|
connect: {
|
|
status: "initialized",
|
|
handler: null
|
|
},
|
|
UI,
|
|
settings,
|
|
conference,
|
|
API,
|
|
init () {
|
|
this.keyboardshortcut =
|
|
require("./modules/keyboardshortcut/keyboardshortcut");
|
|
this.translation = require("./modules/translation/translation");
|
|
this.configFetch = require("./modules/config/HttpConfigFetch");
|
|
}
|
|
};
|
|
|
|
function init() {
|
|
var isUIReady = APP.UI.start();
|
|
if (isUIReady) {
|
|
APP.conference.init({roomName: buildRoomName()}).then(function () {
|
|
APP.UI.initConference();
|
|
|
|
APP.UI.addListener(UIEvents.LANG_CHANGED, function (language) {
|
|
APP.translation.setLanguage(language);
|
|
APP.settings.setLanguage(language);
|
|
});
|
|
|
|
APP.keyboardshortcut.init();
|
|
}).catch(function (err) {
|
|
console.error(err);
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* If we have an HTTP endpoint for getting config.json configured we're going to
|
|
* read it and override properties from config.js and interfaceConfig.js.
|
|
* If there is no endpoint we'll just continue with initialization.
|
|
* Keep in mind that if the endpoint has been configured and we fail to obtain
|
|
* the config for any reason then the conference won't start and error message
|
|
* will be displayed to the user.
|
|
*/
|
|
function obtainConfigAndInit() {
|
|
let roomName = APP.conference.roomName;
|
|
|
|
if (config.configLocation) {
|
|
APP.configFetch.obtainConfig(
|
|
config.configLocation, roomName,
|
|
// Get config result callback
|
|
function(success, error) {
|
|
if (success) {
|
|
console.log("(TIME) configuration fetched:\t",
|
|
window.performance.now());
|
|
init();
|
|
} else {
|
|
// Show obtain config error,
|
|
// pass the error object for report
|
|
APP.UI.messageHandler.openReportDialog(
|
|
null, "dialog.connectError", error);
|
|
}
|
|
});
|
|
} else {
|
|
require("./modules/config/BoshAddressChoice").chooseAddress(
|
|
config, roomName);
|
|
|
|
init();
|
|
}
|
|
}
|
|
|
|
|
|
$(document).ready(function () {
|
|
console.log("(TIME) document ready:\t", window.performance.now());
|
|
|
|
URLProcessor.setConfigParametersFromUrl();
|
|
APP.init();
|
|
|
|
APP.translation.init(settings.getLanguage());
|
|
|
|
APP.API.init();
|
|
|
|
obtainConfigAndInit();
|
|
});
|
|
|
|
$(window).bind('beforeunload', function () {
|
|
APP.API.dispose();
|
|
});
|
|
|
|
module.exports = APP;
|