[mirotalksfu] - refactoring
هذا الالتزام موجود في:
Miroslav Pejic
@@ -40,7 +40,7 @@
|
||||
<!-- StyleSheet -->
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
||||
<link rel="stylesheet" href="../css/landing.css" />
|
||||
<link rel="stylesheet" href="../css/Landing.css" />
|
||||
|
||||
<!-- Js scripts -->
|
||||
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
<!-- StyleSheet -->
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
||||
<link rel="stylesheet" href="../css/landing.css" />
|
||||
<link rel="stylesheet" href="../css/Landing.css" />
|
||||
|
||||
<!-- Js scripts -->
|
||||
|
||||
|
||||
@@ -123,7 +123,7 @@
|
||||
|
||||
<div id="loadingDiv" class="center pulsate">
|
||||
<h1>Loading</h1>
|
||||
<img src="../images/loading.gif" style="width: 400px" />
|
||||
<img class="loading-img" src="../images/loading.gif" />
|
||||
<pre>
|
||||
Please allow the camera or microphone
|
||||
access to use this app.
|
||||
@@ -140,7 +140,6 @@ access to use this app.
|
||||
autoplay=""
|
||||
class="mirror"
|
||||
poster="../images/loader.gif"
|
||||
style="object-fit: contain"
|
||||
></video>
|
||||
</div>
|
||||
<div class="initComands">
|
||||
@@ -168,7 +167,7 @@ access to use this app.
|
||||
<button id="startScreenButton" class="hidden"><i class="fas fa-desktop"></i></button>
|
||||
<button id="stopScreenButton" class="hidden"><i class="fas fa-stop-circle"></i></button>
|
||||
<button id="startRecButton" class="hidden"><i class="fas fa-record-vinyl"></i></button>
|
||||
<button id="stopRecButton" style="color: red" class="hidden"><i class="fas fa-record-vinyl"></i></button>
|
||||
<button id="stopRecButton" class="hidden"><i class="fas fa-record-vinyl cr"></i></button>
|
||||
<button id="raiseHandButton" class="hidden"><i class="fas fa-hand-paper"></i></button>
|
||||
<button id="lowerHandButton" class="hidden"><i id="lowerHandIcon" class="fas fa-hand-paper"></i></button>
|
||||
<button id="emojiRoomButton" class="hidden"><i class="fas fa-face-smile"></i></button>
|
||||
@@ -246,7 +245,7 @@ access to use this app.
|
||||
<i class="fas fa-lock"></i>
|
||||
<p>Unlock room</p>
|
||||
</button>
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr id="broadcastingButton" class="hidden">
|
||||
<td class="custom-width">
|
||||
@@ -314,13 +313,13 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="title">
|
||||
<i class="fa-solid fa-person-shelter"></i>
|
||||
<p id="roomId" style="cursor: pointer">xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx</p>
|
||||
<p id="roomId" class="cp">xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -329,7 +328,7 @@ access to use this app.
|
||||
<div id="sendEmailInvitation" class="hidden">
|
||||
<div class="title">
|
||||
<i class="fas fa-envelope-circle-check"></i>
|
||||
<p id="roomSendEmail" style="cursor: pointer">Send email invitation</p>
|
||||
<p id="roomSendEmail" class="cp">Send email invitation</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
@@ -600,13 +599,13 @@ access to use this app.
|
||||
</div>
|
||||
</div>
|
||||
<div id="speakerSelectDiv">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<div class="title">
|
||||
<i class="fas fa-headphones"></i>
|
||||
<p>Speaker:</p>
|
||||
</div>
|
||||
<select id="speakerSelect" class="form-select text-light bg-dark"></select>
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<button id="speakerTestBtn">
|
||||
<i class="fa-solid fa-circle-play"></i>
|
||||
<p>Test speaker</p>
|
||||
@@ -614,7 +613,7 @@ access to use this app.
|
||||
<br />
|
||||
</div>
|
||||
<div id="pushToTalkDiv" class="hidden">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td class="width-150">
|
||||
@@ -637,7 +636,7 @@ access to use this app.
|
||||
<div id="tabModerator" class="tabcontent">
|
||||
<table class="settingsTable">
|
||||
<tr id="everyoneMuteBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-microphone-slash"></i>
|
||||
<p>Everyone starts muted</p>
|
||||
@@ -650,7 +649,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneHideBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-video-slash"></i>
|
||||
<p>Everyone starts hidden</p>
|
||||
@@ -669,11 +668,11 @@ access to use this app.
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantUnmuteBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-microphone red"></i>
|
||||
<p>Everyone can't unmute themselves</p>
|
||||
@@ -691,7 +690,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantUnhideBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-video red"></i>
|
||||
<p>Everyone can't unhide themselves</p>
|
||||
@@ -709,7 +708,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantShareScreenBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-display red"></i>
|
||||
<p>Everyone can't share screen</p>
|
||||
@@ -727,7 +726,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantChatPrivatelyBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fa-solid fa-comments red"></i>
|
||||
<p>Everyone can't chat privately</p>
|
||||
@@ -745,7 +744,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantChatGPTBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fa-solid fa-robot red"></i>
|
||||
<p>Everyone can't use ChatGPT</p>
|
||||
@@ -763,7 +762,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="disconnectAllOnLeave">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-users-slash red"></i>
|
||||
<p>Disconnect all upon leaving room</p>
|
||||
@@ -785,7 +784,7 @@ access to use this app.
|
||||
<div id="tabRecording" class="tabcontent">
|
||||
<img id="recordingImage" class="hidden" src="../images/recording.png" />
|
||||
<div id="roomRecordingOptions" class="hidden">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td class="width-180">
|
||||
@@ -803,7 +802,7 @@ access to use this app.
|
||||
</table>
|
||||
</div>
|
||||
<div id="roomHostOnlyRecording" class="hidden">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td class="width-180">
|
||||
@@ -844,7 +843,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
</div>
|
||||
<button id="pauseRecButton" class="hidden">
|
||||
<i class="far fa-pause-circle"></i>
|
||||
@@ -855,12 +854,12 @@ access to use this app.
|
||||
<p>Resume recording</p>
|
||||
</button>
|
||||
<div id="recordingTime" class="hidden">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td class="custom-width">
|
||||
<div class="title">
|
||||
<i style="color: red" class="fa-solid fa-circle pulsate"></i>
|
||||
<i class="fa-solid fa-circle pulsate cr"></i>
|
||||
<p>REC time:</p>
|
||||
</div>
|
||||
</td>
|
||||
@@ -1060,7 +1059,7 @@ access to use this app.
|
||||
<header id="whiteboardHeader" class="whiteboard-header">
|
||||
<div id="whiteboardTitle" class="whiteboard-header-title">
|
||||
<button id="whiteboardCloseBtn" class="fas fa-times"></button>
|
||||
<div class="form-check form-switch form-switch-md" style="margin-left: 10px">
|
||||
<div class="form-check form-switch form-switch-md">
|
||||
<input id="whiteboardLockButton" class="form-check-input" type="checkbox" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -1198,7 +1197,7 @@ access to use this app.
|
||||
</button>
|
||||
<ul class="dropdown-menu text-start" aria-labelledby="chatDropDownMenu">
|
||||
<li>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
<div class="title ml10">
|
||||
<i class="fa-solid fa-eye"></i>
|
||||
<div class="form-check form-switch form-switch-md ml10">
|
||||
@@ -1212,7 +1211,7 @@ access to use this app.
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
<div id="speechMsgDiv" class="title ml10">
|
||||
<i class="fas fa-volume-high"></i>
|
||||
<div class="form-check form-switch form-switch-md ml10">
|
||||
@@ -1223,7 +1222,7 @@ access to use this app.
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
</li>
|
||||
<li>
|
||||
<button id="chatGhostButton" class="btn-sm">
|
||||
@@ -1315,9 +1314,9 @@ access to use this app.
|
||||
<header id="transcriptionHeader" class="transcription-header">
|
||||
<div class="transcription-header-title">
|
||||
<button id="transcriptionSpeechStatus" class="fas fa-microphone-alt"></button>
|
||||
<div style="margin-left: 5px" class="title">
|
||||
<div class="title ml-5">
|
||||
<i class="fa-solid fa-infinity"></i>
|
||||
<div style="margin-left: 5px" class="form-check form-switch form-switch-md">
|
||||
<div class="form-check form-switch form-switch-md ml-5">
|
||||
<input class="form-check-input" type="checkbox" id="transcriptPersistentMode" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -1338,10 +1337,10 @@ access to use this app.
|
||||
</button>
|
||||
<ul class="dropdown-menu text-start" aria-labelledby="transcriptionDropDownMenu">
|
||||
<li>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
<div class="title ml5">
|
||||
<i class="fa-solid fa-eye"></i>
|
||||
<div style="margin-left: 5px" class="form-check form-switch form-switch-md">
|
||||
<div class="form-check form-switch form-switch-md ml-5">
|
||||
<input
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
@@ -1350,7 +1349,7 @@ access to use this app.
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
</li>
|
||||
<li>
|
||||
<button id="transcriptionGhostBtn">
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
<!-- StyleSheet -->
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
||||
<link rel="stylesheet" href="../css/landing.css" />
|
||||
<link rel="stylesheet" href="../css/Landing.css" />
|
||||
|
||||
<!-- Js scripts -->
|
||||
|
||||
@@ -52,33 +52,10 @@
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div
|
||||
style="
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-top: 56.25%;
|
||||
padding-bottom: 48px;
|
||||
box-shadow: 0 2px 8px 0 rgba(63, 69, 81, 0.16);
|
||||
margin-top: 1.6em;
|
||||
margin-bottom: 0.9em;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
will-change: transform;
|
||||
"
|
||||
>
|
||||
<div id="aboutDiv">
|
||||
<iframe
|
||||
id="aboutIframe"
|
||||
loading="lazy"
|
||||
style="
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
"
|
||||
src="https://www.canva.com/design/DAE693uLOIU/view?embed"
|
||||
allowfullscreen="allowfullscreen"
|
||||
allow="fullscreen"
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../css/landing.css" />
|
||||
<link rel="stylesheet" href="../css/Landing.css" />
|
||||
|
||||
<!-- Snow effects -->
|
||||
|
||||
@@ -128,14 +128,7 @@
|
||||
<div class="mb-24">
|
||||
<label for="roomName"></label>
|
||||
<div class="form-group-desktop">
|
||||
<input
|
||||
id="roomName"
|
||||
class="form-input"
|
||||
type="text"
|
||||
maxlength="36"
|
||||
value=""
|
||||
style="border-radius: 6px"
|
||||
/>
|
||||
<input id="roomName" class="form-input" type="text" maxlength="36" value="" />
|
||||
<button
|
||||
id="genRoomButton"
|
||||
class="button button-primary br-6 mr-8 mb-8 fas fa-arrows-rotate"
|
||||
@@ -319,7 +312,7 @@
|
||||
|
||||
<section id="teams" class="cta section">
|
||||
<div class="container reveal-from-bottom">
|
||||
<h2 style="text-align: center">Meet the team</h2>
|
||||
<h2 class="tac">Meet the team</h2>
|
||||
<br />
|
||||
<div align="center">
|
||||
<img
|
||||
@@ -344,9 +337,9 @@
|
||||
|
||||
<section id="tryEasier" class="cta section">
|
||||
<div class="container">
|
||||
<h2 style="text-align: center">Try an easier, more secure way of calling.</h2>
|
||||
<h2 class="tac">Try an easier, more secure way of calling.</h2>
|
||||
<br />
|
||||
<div style="text-align: center">
|
||||
<div class="tac">
|
||||
<a class="button button-primary button-wide-mobile br-6 pulse" href="/newroom">Try now</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -356,7 +349,7 @@
|
||||
|
||||
<section id="poweredBy" class="clients section">
|
||||
<div class="container">
|
||||
<h4 style="text-align: center; color: grey">Powered by</h4>
|
||||
<h4 class="powered-by">Powered by</h4>
|
||||
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
||||
<ul class="list-reset">
|
||||
<li class="reveal-from-left" data-reveal-delay="150">
|
||||
@@ -376,7 +369,7 @@
|
||||
|
||||
<section id="sponsors" class="clients section">
|
||||
<div class="container">
|
||||
<h3 style="text-align: center">Our sponsors</h3>
|
||||
<h3 class="tac">Our sponsors</h3>
|
||||
<br />
|
||||
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
||||
<ul class="list-reset">
|
||||
@@ -399,7 +392,7 @@
|
||||
</li>
|
||||
<li class="reveal-from-left" data-reveal-delay="450">
|
||||
<div class="clients-logo">
|
||||
<a id="adultCnt" style="cursor: pointer"
|
||||
<a id="adultCnt" class="cp"
|
||||
><img
|
||||
class="clients-size-logo"
|
||||
src="../sponsors/LuvLounge.png"
|
||||
@@ -461,7 +454,7 @@
|
||||
|
||||
<section id="advertisers" class="clients section">
|
||||
<div class="container">
|
||||
<h3 style="text-align: center">Our advertisers</h3>
|
||||
<h3 class="tac">Our advertisers</h3>
|
||||
<br />
|
||||
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
||||
<ul class="list-reset">
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
<!-- StyleSheet -->
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
||||
<link rel="stylesheet" href="../css/landing.css" />
|
||||
<link rel="stylesheet" href="../css/Landing.css" />
|
||||
|
||||
<!-- Js scripts -->
|
||||
|
||||
@@ -99,7 +99,6 @@
|
||||
type="name"
|
||||
placeholder="Username"
|
||||
maxlength="36"
|
||||
style="border-radius: 6px"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
@@ -109,7 +108,6 @@
|
||||
id="password"
|
||||
class="form-input"
|
||||
type="password"
|
||||
style="border-radius: 6px"
|
||||
placeholder="Password"
|
||||
maxlength="36"
|
||||
required
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
|
||||
<link rel="stylesheet" href="../css/landing.css" />
|
||||
<link rel="stylesheet" href="../css/Landing.css" />
|
||||
|
||||
<!-- Js scripts -->
|
||||
|
||||
@@ -126,14 +126,7 @@
|
||||
<div class="mb-24">
|
||||
<label for="roomName"></label>
|
||||
<div class="form-group-desktop">
|
||||
<input
|
||||
id="roomName"
|
||||
class="form-input"
|
||||
type="text"
|
||||
maxlength="36"
|
||||
value=""
|
||||
style="border-radius: 6px"
|
||||
/>
|
||||
<input id="roomName" class="form-input" type="text" maxlength="36" value="" />
|
||||
<button
|
||||
id="genRoomButton"
|
||||
class="button button-primary br-6 mr-8 mb-8 fas fa-arrows-rotate"
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
<!-- StyleSheet -->
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
||||
<link rel="stylesheet" href="../css/landing.css" />
|
||||
<link rel="stylesheet" href="../css/Landing.css" />
|
||||
|
||||
<!-- Js scripts -->
|
||||
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
<!-- StyleSheet -->
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
||||
<link rel="stylesheet" href="../css/landing.css" />
|
||||
<link rel="stylesheet" href="../css/Landing.css" />
|
||||
|
||||
<!-- Js scripts -->
|
||||
|
||||
|
||||
المرجع في مشكلة جديدة
حظر مستخدم