Remove unused dialog
This commit is contained in:
parent
a937e025b5
commit
2aea6c4120
|
@ -1,288 +0,0 @@
|
|||
/* global APP, $, JitsiMeetJS */
|
||||
import UIUtil from "../../util/UIUtil";
|
||||
import UIEvents from "../../../../service/UI/UIEvents";
|
||||
import languages from "../../../../service/translation/languages";
|
||||
import Settings from '../../../settings/Settings';
|
||||
import mediaDeviceHelper from '../../../devices/mediaDeviceHelper';
|
||||
|
||||
const RTCUIUtils = JitsiMeetJS.util.RTCUIHelper;
|
||||
|
||||
var constructAudioIndicatorHtml = function() {
|
||||
return '<span>'
|
||||
+ '<span id="audioLevel0" class="audioLevelDot"></span>'
|
||||
+ '<span id="audioLevel1" class="audioLevelDot"></span>'
|
||||
+ '<span id="audioLevel2" class="audioLevelDot"></span>'
|
||||
+ '<span id="audioLevel3" class="audioLevelDot"></span>'
|
||||
+ '<span id="audioLevel4" class="audioLevelDot"></span>'
|
||||
+ '<span id="audioLevel5" class="audioLevelDot"></span>'
|
||||
+ '<span id="audioLevel6" class="audioLevelDot"></span>'
|
||||
+ '<span id="audioLevel7" class="audioLevelDot"></span>'
|
||||
+ '<span id="audioLevel8" class="audioLevelDot"></span>'
|
||||
+ '<span id="audioLevel9" class="audioLevelDot"></span>'
|
||||
+ '</span>';
|
||||
};
|
||||
|
||||
var constructMediaSettingsHtml = function() {
|
||||
return '<div class="settingsContent">'
|
||||
+ '<video id="localVideoPreview"></video>'
|
||||
//+ constructAudioIndicatorHtml()
|
||||
+ '<div class="deviceSelection">'
|
||||
+ '<span class="device">'
|
||||
+ '<select id="selectCamera"></select> '
|
||||
+ '</span>'
|
||||
+ '<span class="device">'
|
||||
+ '<select id="selectMic"></select> '
|
||||
+ '</span>'
|
||||
+ '<span class="device">'
|
||||
+ '<select id="selectAudioOutput"></select> '
|
||||
+ '</span>'
|
||||
+ '</div>'
|
||||
+ '</div>';
|
||||
};
|
||||
|
||||
/**
|
||||
* The callback function corresponding to the openSettingsWindow parameter.
|
||||
*
|
||||
* @type {function}
|
||||
*/
|
||||
var settingsWindowCallback = null;
|
||||
|
||||
/**
|
||||
* Defines all methods in connection to the Settings dialog.
|
||||
*/
|
||||
var SettingsDialog = {
|
||||
init(eventEmitter) {
|
||||
this.eventEmitter = eventEmitter;
|
||||
},
|
||||
|
||||
/**
|
||||
* Generate html select options for available physical devices.
|
||||
* @param {{ deviceId, label }[]} items available devices
|
||||
* @param {string} [selectedId] id of selected device
|
||||
* @param {boolean} permissionGranted if permission to use selected device
|
||||
* type is granted
|
||||
* @returns {string}
|
||||
*/
|
||||
_generateDevicesOptions(items, selectedId, permissionGranted) {
|
||||
if (!permissionGranted && items.length) {
|
||||
return '<option data-i18n="settings.noPermission"></option>';
|
||||
}
|
||||
|
||||
var options = items.map(function (item) {
|
||||
let attrs = {
|
||||
value: item.deviceId
|
||||
};
|
||||
|
||||
if (item.deviceId === selectedId) {
|
||||
attrs.selected = 'selected';
|
||||
}
|
||||
|
||||
let attrsStr = UIUtil.attrsToString(attrs);
|
||||
return `<option ${attrsStr}>${item.label}</option>`;
|
||||
});
|
||||
|
||||
if (!items.length) {
|
||||
options.unshift('<option data-i18n="settings.noDevice"></option>');
|
||||
}
|
||||
|
||||
return options.join('');
|
||||
},
|
||||
|
||||
_onLoadMediaSettings() {
|
||||
let localVideoPreview = document.getElementById("localVideoPreview");
|
||||
RTCUIUtils.setAutoPlay(localVideoPreview, true);
|
||||
RTCUIUtils.setVolume(localVideoPreview, 0);
|
||||
|
||||
let localVideo = APP.conference.getVideoStream();
|
||||
if (localVideo)
|
||||
localVideoPreview = localVideo.attach(localVideoPreview);
|
||||
|
||||
this.eventEmitter.addListener(UIEvents.VIDEO_STREAM_CHANGED,
|
||||
function(newStream)
|
||||
{
|
||||
newStream.attach(localVideoPreview);
|
||||
});
|
||||
|
||||
// DEVICES LIST
|
||||
JitsiMeetJS.mediaDevices.isDeviceListAvailable()
|
||||
.then((isDeviceListAvailable) => {
|
||||
if (isDeviceListAvailable &&
|
||||
JitsiMeetJS.mediaDevices.isDeviceChangeAvailable()) {
|
||||
|
||||
this._initializeDeviceSelectionSettings();
|
||||
}
|
||||
});
|
||||
|
||||
APP.UI.eventEmitter.addListener(UIEvents.DEVICE_LIST_CHANGED,
|
||||
(devices) => {
|
||||
this._changeDevicesList(devices);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* Initializes the device list with the current available media devices
|
||||
* and attaches all listeners needed for device change user
|
||||
* event handling.
|
||||
*/
|
||||
_initializeDeviceSelectionSettings() {
|
||||
this._changeDevicesList(mediaDeviceHelper.getCurrentMediaDevices());
|
||||
|
||||
$('#selectCamera').change(function () {
|
||||
let cameraDeviceId = $(this).val();
|
||||
if (cameraDeviceId !== Settings.getCameraDeviceId()) {
|
||||
this.eventEmitter
|
||||
.emit(UIEvents.VIDEO_DEVICE_CHANGED, cameraDeviceId);
|
||||
}
|
||||
});
|
||||
$('#selectMic').change(function () {
|
||||
let micDeviceId = $(this).val();
|
||||
if (micDeviceId !== Settings.getMicDeviceId()) {
|
||||
this.eventEmitter
|
||||
.emit(UIEvents.AUDIO_DEVICE_CHANGED, micDeviceId);
|
||||
}
|
||||
});
|
||||
$('#selectAudioOutput').change(function () {
|
||||
let audioOutputDeviceId = $(this).val();
|
||||
if (audioOutputDeviceId !== Settings.getAudioOutputDeviceId()) {
|
||||
this.eventEmitter.emit(
|
||||
UIEvents.AUDIO_OUTPUT_DEVICE_CHANGED, audioOutputDeviceId);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* Sets microphone's <select> element to select microphone ID from settings.
|
||||
*/
|
||||
setSelectedMicFromSettings () {
|
||||
$('#selectMic').val(Settings.getMicDeviceId());
|
||||
},
|
||||
|
||||
/**
|
||||
* Sets camera's <select> element to select camera ID from settings.
|
||||
*/
|
||||
setSelectedCameraFromSettings () {
|
||||
$('#selectCamera').val(Settings.getCameraDeviceId());
|
||||
},
|
||||
|
||||
/**
|
||||
* Sets audio outputs's <select> element to select audio output ID from
|
||||
* settings.
|
||||
*/
|
||||
setSelectedAudioOutputFromSettings () {
|
||||
$('#selectAudioOutput').val(Settings.getAudioOutputDeviceId());
|
||||
},
|
||||
|
||||
/**
|
||||
* Change available cameras/microphones or hide selects completely if
|
||||
* no devices available.
|
||||
* @param {{ deviceId, label, kind }[]} devices list of available devices
|
||||
*/
|
||||
_changeDevicesList (devices) {
|
||||
let $selectCamera= $('#selectCamera'),
|
||||
$selectMic = $('#selectMic'),
|
||||
$selectAudioOutput = $('#selectAudioOutput'),
|
||||
$selectAudioOutputParent = $selectAudioOutput.parent();
|
||||
|
||||
let audio = devices.audioinput,
|
||||
video = devices.videoinput,
|
||||
audioOutput = devices.audiooutput,
|
||||
selectedAudioDevice = audio.find(
|
||||
d => d.deviceId === Settings.getMicDeviceId()) || audio[0],
|
||||
selectedVideoDevice = video.find(
|
||||
d => d.deviceId === Settings.getCameraDeviceId()) || video[0],
|
||||
selectedAudioOutputDevice = audioOutput.find(
|
||||
d => d.deviceId === Settings.getAudioOutputDeviceId()),
|
||||
videoPermissionGranted =
|
||||
JitsiMeetJS.mediaDevices.isDevicePermissionGranted('video'),
|
||||
audioPermissionGranted =
|
||||
JitsiMeetJS.mediaDevices.isDevicePermissionGranted('audio');
|
||||
|
||||
$selectCamera
|
||||
.html(this._generateDevicesOptions(
|
||||
video,
|
||||
selectedVideoDevice ? selectedVideoDevice.deviceId : '',
|
||||
videoPermissionGranted))
|
||||
.prop('disabled', !video.length || !videoPermissionGranted);
|
||||
|
||||
$selectMic
|
||||
.html(this._generateDevicesOptions(
|
||||
audio,
|
||||
selectedAudioDevice ? selectedAudioDevice.deviceId : '',
|
||||
audioPermissionGranted))
|
||||
.prop('disabled', !audio.length || !audioPermissionGranted);
|
||||
|
||||
if (JitsiMeetJS.mediaDevices.isDeviceChangeAvailable('output')) {
|
||||
$selectAudioOutput
|
||||
.html(this._generateDevicesOptions(
|
||||
audioOutput,
|
||||
selectedAudioOutputDevice
|
||||
? selectedAudioOutputDevice.deviceId
|
||||
: 'default',
|
||||
videoPermissionGranted || audioPermissionGranted))
|
||||
.prop('disabled', !audioOutput.length ||
|
||||
(!videoPermissionGranted && !audioPermissionGranted));
|
||||
|
||||
$selectAudioOutputParent.show();
|
||||
} else {
|
||||
$selectAudioOutputParent.hide();
|
||||
}
|
||||
|
||||
$('#devicesOptions').show();
|
||||
|
||||
APP.translation.translateElement($('#settings_container option'));
|
||||
},
|
||||
|
||||
/**
|
||||
* Opens the feedback window.
|
||||
*/
|
||||
openSettingsDialog: function (callback) {
|
||||
settingsWindowCallback = callback;
|
||||
|
||||
var htmlString = '<div class="settingsDialog">'
|
||||
+ constructMediaSettingsHtml()
|
||||
+ '</div>';
|
||||
|
||||
// Defines the different states of the feedback window.
|
||||
var states = {
|
||||
mediaSettings: {
|
||||
title: APP.translation.translateString("settings.title"),
|
||||
html: htmlString,
|
||||
persistent: false,
|
||||
buttons: {},
|
||||
closeText: '',
|
||||
//focus: "div[id='stars']",
|
||||
position: {width: 600}
|
||||
}
|
||||
};
|
||||
|
||||
const cancelButton
|
||||
= APP.translation.generateTranslationHTML("dialog.Cancel");
|
||||
const saveButton
|
||||
= APP.translation.generateTranslationHTML("dialog.Save");
|
||||
|
||||
// Create the settings dialog.
|
||||
var settingsDialog
|
||||
= APP.UI.messageHandler.openDialogWithStates(
|
||||
states,
|
||||
{
|
||||
persistent: false,
|
||||
buttons: [
|
||||
{title: cancelButton, value: false},
|
||||
{title: saveButton, value: true}
|
||||
],
|
||||
closeText: '',
|
||||
loaded: this._onLoadMediaSettings.bind(this),
|
||||
position: {width: 500},
|
||||
submit: function (e, v, m, f) {
|
||||
e.preventDefault();
|
||||
if (!v) {
|
||||
|
||||
}
|
||||
}
|
||||
}, null);
|
||||
JitsiMeetJS.analytics.sendEvent('settings.open');
|
||||
}
|
||||
};
|
||||
|
||||
// Exports the SettingsDialog class.
|
||||
module.exports = SettingsDialog;
|
Loading…
Reference in New Issue