[mirotalksfu] - improve settings UI
هذا الالتزام موجود في:
@@ -345,14 +345,6 @@ body {
|
|||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
#sessionTimeButton {
|
|
||||||
cursor: default;
|
|
||||||
position: absolute;
|
|
||||||
right: 15px;
|
|
||||||
bottom: 15px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* on open display devices tab */
|
/* on open display devices tab */
|
||||||
#tabDevices {
|
#tabDevices {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -1017,7 +1009,9 @@ progress {
|
|||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
|
||||||
table {
|
table {
|
||||||
|
width: 320px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
table-layout: fixed;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border-style: hidden;
|
border-style: hidden;
|
||||||
|
|||||||
@@ -187,7 +187,6 @@ function initClient() {
|
|||||||
setTippy('chatGhostButton', 'Toggle transparent background', 'bottom');
|
setTippy('chatGhostButton', 'Toggle transparent background', 'bottom');
|
||||||
setTippy('chatCloseButton', 'Close', 'right');
|
setTippy('chatCloseButton', 'Close', 'right');
|
||||||
setTippy('participantsCloseBtn', 'Close', 'left');
|
setTippy('participantsCloseBtn', 'Close', 'left');
|
||||||
setTippy('sessionTime', 'Session time', 'top');
|
|
||||||
}
|
}
|
||||||
setupWhiteboard();
|
setupWhiteboard();
|
||||||
initEnumerateDevices();
|
initEnumerateDevices();
|
||||||
@@ -829,7 +828,7 @@ function startSessionTimer() {
|
|||||||
let callStartTime = Date.now();
|
let callStartTime = Date.now();
|
||||||
setInterval(function printTime() {
|
setInterval(function printTime() {
|
||||||
let callElapsedTime = Date.now() - callStartTime;
|
let callElapsedTime = Date.now() - callStartTime;
|
||||||
sessionTime.innerHTML = ' ' + getTimeToString(callElapsedTime);
|
sessionTime.innerHTML = getTimeToString(callElapsedTime);
|
||||||
}, 1000);
|
}, 1000);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -219,30 +219,40 @@ access to use this app.
|
|||||||
<i class="fas fa-lock"></i>
|
<i class="fas fa-lock"></i>
|
||||||
<p>Unlock room</p>
|
<p>Unlock room</p>
|
||||||
</button>
|
</button>
|
||||||
<div id="lobbyButton" class="hidden">
|
<table>
|
||||||
<div class="form-check form-switch form-switch-md">
|
<tr id="lobbyButton" class="hidden">
|
||||||
<input class="form-check-input" type="checkbox" id="switchLobby" />
|
<td>
|
||||||
<label class="form-check-label" style="color: #fff" for="switchLobby"> Lobby</label>
|
<label for="switchLobby"><i class="fas fa-shield-halved"></i> Lobby</label>
|
||||||
</div>
|
</td>
|
||||||
</div>
|
<td class="form-check form-switch form-switch-md" style="margin-left: 10px">
|
||||||
<div id="pitchBarButton">
|
<input id="switchLobby" class="form-check-input" type="checkbox" />
|
||||||
<div class="form-check form-switch form-switch-md">
|
</td>
|
||||||
<input class="form-check-input" type="checkbox" id="switchPitchBar" checked />
|
</tr>
|
||||||
<label class="form-check-label" style="color: #fff" for="switchPitchBar"
|
<tr id="pitchBarButton">
|
||||||
> Audio pitch bar</label
|
<td>
|
||||||
>
|
<label for="switchPitchBar"
|
||||||
</div>
|
><i class="fas fa-microphone-lines"></i> Pitch bar</label
|
||||||
</div>
|
>
|
||||||
<div id="soundsButton">
|
</td>
|
||||||
<div class="form-check form-switch form-switch-md">
|
<td class="form-check form-switch form-switch-md" style="margin-left: 10px">
|
||||||
<input class="form-check-input" type="checkbox" id="switchSounds" checked />
|
<input id="switchPitchBar" class="form-check-input" type="checkbox" checked />
|
||||||
<label class="form-check-label" style="color: #fff" for="switchSounds"> Sounds</label>
|
</td>
|
||||||
</div>
|
</tr>
|
||||||
</div>
|
<tr id="soundsButton">
|
||||||
<button id="sessionTimeButton">
|
<td>
|
||||||
<i class="fas fa-clock"></i>
|
<label for="switchSounds"><i class="fas fa-music"></i> Sounds</label>
|
||||||
<p id="sessionTime"></p>
|
</td>
|
||||||
</button>
|
<td class="form-check form-switch form-switch-md" style="margin-left: 10px">
|
||||||
|
<input id="switchSounds" class="form-check-input" type="checkbox" checked />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<label for="sessionTime"><i class="fas fa-clock"></i> Session time</label>
|
||||||
|
</td>
|
||||||
|
<td><label id="sessionTime">00:00:00</label></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="tabRecording" class="tabcontent">
|
<div id="tabRecording" class="tabcontent">
|
||||||
|
|||||||
المرجع في مشكلة جديدة
حظر مستخدم