From 3dec0c75193ae7f524fc4bfba66be60b27284ccb Mon Sep 17 00:00:00 2001
From: Christoph Stahl <christoph.stahl@uni-dortmund.de>
Date: Sat, 11 Mar 2023 17:06:07 +0100
Subject: [PATCH] Welcome Reveal now hides advanced options

---
 src/components/WelcomeReveal.vue | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/WelcomeReveal.vue b/src/components/WelcomeReveal.vue
index ce33823..009966f 100644
--- a/src/components/WelcomeReveal.vue
+++ b/src/components/WelcomeReveal.vue
@@ -23,16 +23,6 @@ onBeforeUnmount(() => {
 
   <div class="grid-container">
     <div class="grid-x grid-padding-x">
-      <div class="medium-6 cell">
-        <label>Syng server
-          <input type="text" :value="server" @input="$emit('update:server', $event.target.value)">
-        </label>
-      </div>
-      <div class="medium-6 cell">
-        <label>Admin password
-          <input type="password" @input="$emit('update:secret', $event.target.value)" :value="secret" placeholder="Leave free, if not admin">
-        </label>
-      </div>
       <div class="medium-6 cell">
         <label>Room code
           <input type="text" :value="room" @input="$emit('update:room', $event.target.value)" placeholder="ABCD">
@@ -48,5 +38,26 @@ onBeforeUnmount(() => {
   <p v-html="joinMsg">
   </p>
   <button class="button expanded" @click="$emit('connect')">Connect</button>
+  <ul class="accordion" data-accordion>
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Advanced</a>
+      <div class="accordion-content" data-tab-content>
+        <div class="grid-container">
+          <div class="grid-x grid-padding-x">
+            <div class="medium-6 cell">
+              <label>Syng server
+                <input type="text" :value="server" @input="$emit('update:server', $event.target.value)">
+              </label>
+            </div>
+            <div class="medium-6 cell">
+              <label>Admin password
+                <input type="password" @input="$emit('update:secret', $event.target.value)" :value="secret" placeholder="Leave free, if not admin">
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
 </div>
 </template>