From 8dba9cff44e1374d335e76f9335175680a6a5173 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Sat, 25 Mar 2023 21:53:17 +0100
Subject: [PATCH] revert extra controls usecase.

---
 client/src/app.vue              |  7 ++++++-
 client/src/components/video.vue | 15 ++++++++++++---
 docs/changelog.md               |  1 +
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/client/src/app.vue b/client/src/app.vue
index 057720b..2540245 100644
--- a/client/src/app.vue
+++ b/client/src/app.vue
@@ -9,7 +9,12 @@
           <neko-header />
         </div>
         <div class="video-container">
-          <neko-video ref="video" :hideControls="hideControls" @control-attempt="controlAttempt" />
+          <neko-video
+            ref="video"
+            :hideControls="hideControls"
+            :extraControls="isEmbedMode"
+            @control-attempt="controlAttempt"
+          />
         </div>
         <div v-if="!videoOnly" class="room-container">
           <neko-members />
diff --git a/client/src/components/video.vue b/client/src/components/video.vue
index 7262bae..1356009 100644
--- a/client/src/components/video.vue
+++ b/client/src/components/video.vue
@@ -33,7 +33,7 @@
       <ul v-if="!fullscreen && !hideControls" class="video-menu top">
         <li><i @click.stop.prevent="requestFullscreen" class="fas fa-expand"></i></li>
         <li v-if="admin"><i @click.stop.prevent="openResolution" class="fas fa-desktop"></i></li>
-        <li v-if="!this.implicitHosting" class="request-control">
+        <li v-if="!implicitHosting" :class="extraControls || 'extra-control'">
           <i
             :class="[hosted && !hosting ? 'disabled' : '', !hosted && !hosting ? 'faded' : '', 'fas', 'fa-keyboard']"
             @click.stop.prevent="toggleControl"
@@ -106,8 +106,14 @@
             }
           }
 
-          &.request-control {
-            display: inline-block;
+          /* usually extra controls are only shown on mobile */
+          &.extra-control {
+            display: none;
+          }
+          @media (max-width: 768px) {
+            &.extra-control {
+              display: inline-block;
+            }
           }
 
           &:last-child {
@@ -217,7 +223,10 @@
     @Ref('resolution') readonly _resolution!: Resolution
     @Ref('clipboard') readonly _clipboard!: Clipboard
 
+    // all controls are hidden (e.g. for cast mode)
     @Prop(Boolean) readonly hideControls!: boolean
+    // extra controls are shown (e.g. for embed mode)
+    @Prop(Boolean) readonly extraControls!: boolean
 
     private keyboard = GuacamoleKeyboard()
     private observer = new ResizeObserver(this.onResize.bind(this))
diff --git a/docs/changelog.md b/docs/changelog.md
index 796148a..1061d25 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -6,6 +6,7 @@
 - Added AV1 tag, metadata and pipeline. Unfortunately does not work yet, since the encoding is way too slow (by @mbattista).
 - Added `m1k1o/neko:kde` tag as an alternative to `m1k1o/neko:xfce`.
 - New VirtualGL version 3.1 was released, adding support for Chromium browsers to use Nvidia GPU acceleration!
+- Added `?embed=1` parameter to the URL, which will hide the sidebar and the top bar, so that it can be embedded in other websites.
 
 ### Bugs
 - Fixed TCP mux occasional freeze by adding write buffer to it.