From 8df19bc7609182285df19c65e94f4c1a576c3ece Mon Sep 17 00:00:00 2001
From: Juliusz Chroboczek <jch@irif.fr>
Date: Mon, 30 Nov 2020 20:53:12 +0100
Subject: [PATCH] Remove more side menu entries when not allowed to present.

---
 static/sfu.css  |  1 -
 static/sfu.html | 44 +++++++++++++++++++++++++-------------------
 static/sfu.js   |  2 ++
 3 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/static/sfu.css b/static/sfu.css
index d3c1a13..e277ed5 100644
--- a/static/sfu.css
+++ b/static/sfu.css
@@ -860,7 +860,6 @@ h1 {
 }
 
 .sidenav form{
-    display: block;
     margin-top: 15px;
 }
 
diff --git a/static/sfu.html b/static/sfu.html
index 445053b..c57168d 100644
--- a/static/sfu.html
+++ b/static/sfu.html
@@ -178,31 +178,37 @@
 
         <fieldset>
           <legend>Other Settings</legend>
-          <label for="sendselect" class="label-first">Send:</label>
-          <select id="sendselect" class="select select-inline">
-            <option value="lowest">lowest</option>
-            <option value="low">low</option>
-            <option value="normal" selected>normal</option>
-            <option value="unlimited">unlimited</option>
-          </select>
-  
-          <label for="requestselect">Receive:</label>
-          <select id="requestselect" class="select select-inline">
-            <option value="">nothing</option>
-            <option value="audio">audio only</option>
-            <option value="screenshare">screen share</option>
-            <option value="everything" selected>everything</option>
-          </select>
+
+          <form id="sendform">
+            <label for="sendselect" class="label-first">Send:</label>
+            <select id="sendselect" class="select select-inline">
+              <option value="lowest">lowest</option>
+              <option value="low">low</option>
+              <option value="normal" selected>normal</option>
+              <option value="unlimited">unlimited</option>
+            </select>
+          </form>
+
+          <form id="requestform">
+            <label for="requestselect">Receive:</label>
+            <select id="requestselect" class="select select-inline">
+              <option value="">nothing</option>
+              <option value="audio">audio only</option>
+              <option value="screenshare">screen share</option>
+              <option value="everything" selected>everything</option>
+            </select>
+          </form>
   
           <form>
             <input id="activitybox" type="checkbox">Activity detection</input>
           </form>
 
-          <form>
-            <label for="fileinput">Play local file:</label>
-            <input type="file" id="fileinput" accept="audio/*,video/*" multiple></input>
-          </form>
         </fieldset>
+
+        <form id="fileform">
+          <label for="fileinput">Play local file:</label>
+          <input type="file" id="fileinput" accept="audio/*,video/*" multiple></input>
+        </form>
       </div>
     </div>
 
diff --git a/static/sfu.js b/static/sfu.js
index ad3e031..577647b 100644
--- a/static/sfu.js
+++ b/static/sfu.js
@@ -401,6 +401,8 @@ function setButtonsVisibility() {
     setVisibility('stopvideobutton', video);
 
     setVisibility('mediaoptions', permissions.present);
+    setVisibility('sendform', permissions.present);
+    setVisibility('fileform', permissions.present);
 }
 
 /**