danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Added reload button.

Browse source
This commit is contained in:
ArabCoders 2024-03-05 15:25:30 +03:00
parent 9ff44f3234
commit f0a538dad2
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/App.vue
View file

@ -1,5 +1,6 @@
<template> <template>
<PageHeader :config="config" @toggleForm="addForm = !addForm" @toggleTasks="showTasks = !showTasks" /> <PageHeader :config="config" @toggleForm="addForm = !addForm" @toggleTasks="showTasks = !showTasks"
@reload="reloadWindow" />
<formAdd v-if="addForm" :config="config" @addItem="addItem" /> <formAdd v-if="addForm" :config="config" @addItem="addItem" />
<pageTasks v-if="showTasks" :tasks="config.tasks" /> <pageTasks v-if="showTasks" :tasks="config.tasks" />
<DownloadingList :config="config" :queue="downloading" @deleteItem="deleteItem" /> <DownloadingList :config="config" :queue="downloading" @deleteItem="deleteItem" />
@ -176,6 +177,8 @@ const playItem = (item) => {
video_link.value = config.app.url_host + config.app.url_prefix + baseDir + encodeURIComponent(item.filename); video_link.value = config.app.url_host + config.app.url_prefix + baseDir + encodeURIComponent(item.filename);
}; };
const reloadWindow = () => window.location.reload();
bus.on((event, data) => { bus.on((event, data) => {
if (!['show_form'].includes(event)) { if (!['show_form'].includes(event)) {
return true; return true;
@ -187,4 +190,3 @@ bus.on((event, data) => {
}); });
</script> </script>

5
frontend/src/components/Page-Header.vue
View file

@ -17,6 +17,11 @@
<font-awesome-icon icon="fa-solid fa-tasks" /> <font-awesome-icon icon="fa-solid fa-tasks" />
</button> </button>
</div> </div>
<div class="navbar-item">
<button v-tooltip="'Reload window'" class="button is-dark has-tooltip-bottom" @click="$emit('reload')">
<font-awesome-icon icon="fa-solid fa-rotate-right" />
</button>
</div>
<div class="navbar-item"> <div class="navbar-item">
<button v-tooltip="'Switch to Light theme'" class="button is-dark has-tooltip-bottom" <button v-tooltip="'Switch to Light theme'" class="button is-dark has-tooltip-bottom"
@click="selectedTheme = 'light'" v-if="selectedTheme == 'dark'"> @click="selectedTheme = 'light'" v-if="selectedTheme == 'dark'">