leonetienne/Tubio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed that horrendous "please wait" blocker... Also updated favicon

Browse Source
This commit is contained in:
Leon Etienne (ubuntu wsl)
2021-01-23 21:23:56 +01:00
parent 486064cef3
commit 267e8b6151
4 changed files with 64 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
tubio-frontend-nuxt-app/pages/index.vue
View File

@@ -1,41 +1,42 @@
<template>
<div>
<span class="inherit-all" v-if="!isWaitingForResponse">
<div class="hidden md:block">
<Spacer height="0" m_height="1em" />
<Logo class="logo mt-4" />
<Spacer height="2em" m_height="2em" />
</div>
<div class="flex flex-row flex-wrap md:flex-no-wrap input-flex justify-between md:justify-center">
<input class="flex-grow md:mr-4 mb-2 md:mb-0 w-full"
type="url"
name="video_url"
id="video_url"
ref="video_url"
placeholder="video-url"
v-on:keydown="keyMonitor"
/>
<div class="w-full md:hidden" />
<div class="flex-shrink button-submit flex-grow-0">
<select name="mode" id="mode" ref="mode" class="dropdown">
<option value="video">Video</option>
<option value="audio">Audio</option>
</select>
</div>
<div class="button flex-shrink button-submit flex-grow-0 ml-3" v-on:click="downloadButtonClicked">
<IconArrowRightSquare class="icon-button" />
</div>
</div>
<div class="hidden md:block">
<Spacer height="0" m_height="1em" />
<Logo class="logo mt-4" />
<Spacer height="2em" m_height="2em" />
</div>
<div class="flex flex-row flex-wrap md:flex-no-wrap input-flex justify-between md:justify-center">
<input class="flex-grow md:mr-4 mb-2 md:mb-0 w-full"
type="url"
name="video_url"
id="video_url"
ref="video_url"
placeholder="video-url"
v-on:keydown="keyMonitor"
/>
<div class="w-full md:hidden" />
<div class="flex-shrink button-submit flex-grow-0">
<select name="mode" id="mode" ref="mode" class="dropdown">
<option value="video">Video</option>
<option value="audio">Audio</option>
</select>
</div>
<div class="button flex-shrink button-submit flex-grow-0 ml-3" v-on:click="downloadButtonClicked">
<IconArrowRightSquare class="icon-button" />
</div>
</div>
<Spacer height="2em" m_height="2em" />
<DownloadBox />
<PleaseWaitBlocker v-if="isWaitingForResponse" />
<DownloadBox />
</span>
<PleaseWaitBlocker v-else />
</div>
</template>