christofsteel/syng-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Welcome Reveal now hides advanced options

Browse source
This commit is contained in:
Christoph Stahl 2023-03-11 17:06:07 +01:00
parent 1009ea2775
commit 3dec0c7519
1 changed files with 21 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/components/WelcomeReveal.vue
View file

@ -23,16 +23,6 @@ onBeforeUnmount(() => {
<div class="grid-container"> <div class="grid-container">
<div class="grid-x grid-padding-x"> <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"> <div class="medium-6 cell">
<label>Room code <label>Room code
<input type="text" :value="room" @input="$emit('update:room', $event.target.value)" placeholder="ABCD"> <input type="text" :value="room" @input="$emit('update:room', $event.target.value)" placeholder="ABCD">
@ -48,5 +38,26 @@ onBeforeUnmount(() => {
<p v-html="joinMsg"> <p v-html="joinMsg">
</p> </p>
<button class="button expanded" @click="$emit('connect')">Connect</button> <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> </div>
</template> </template>