Dhaverd/ youtube-download-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Thumbnail test

This commit is contained in:
Dhaverd 2025-06-03 23:16:07 +08:00
parent e270c71ab1
commit 5d0febf284
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/views/Main.vue
View File

@ -14,6 +14,9 @@
<v-btn class="mt-3 mb-3 mr-5 ml-5" :class="isWide ? '' : 'w-75'" variant="elevated" color="blue" @click="startDownload">Найти</v-btn> <v-btn class="mt-3 mb-3 mr-5 ml-5" :class="isWide ? '' : 'w-75'" variant="elevated" color="blue" @click="startDownload">Найти</v-btn>
<v-btn v-if="downloadAvailable" :href="downloadLink" target="_blank" class="mt-3 mb-3 mr-5 ml-5" :class="isWide ? '' : 'w-75'" variant="elevated" color="blue">Скачать</v-btn> <v-btn v-if="downloadAvailable" :href="downloadLink" target="_blank" class="mt-3 mb-3 mr-5 ml-5" :class="isWide ? '' : 'w-75'" variant="elevated" color="blue">Скачать</v-btn>
</div> </div>
<div>
<v-img :src="this.downloadThumbnail"></v-img>
</div>
<div class="d-flex justify-end align-end flex-grow-1 w-100 ml-5 mr-5"> <div class="d-flex justify-end align-end flex-grow-1 w-100 ml-5 mr-5">
<v-label>BETA</v-label> <v-label>BETA</v-label>
</div> </div>
@ -34,7 +37,7 @@ export default {
fetching: ref(false), fetching: ref(false),
downloadAvailable: ref(false), downloadAvailable: ref(false),
downloadLink: '', downloadLink: '',
downloadFileName: '', downloadThumbnail: '',
hint: ref(''), hint: ref(''),
error: ref(false), error: ref(false),
errorText: ref(''), errorText: ref(''),
@ -57,6 +60,7 @@ export default {
} else if (responce.data.link){ } else if (responce.data.link){
this.downloadAvailable = true; this.downloadAvailable = true;
this.downloadLink = `/api/v1/file/download/${responce.data.link}`; this.downloadLink = `/api/v1/file/download/${responce.data.link}`;
this.downloadThumbnail = responce.data.thumbnail;
} }
}).catch((error)=>{ }).catch((error)=>{
this.fetching = false; this.fetching = false;