TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Allow importing muliple playlists at once

Browse source
This commit is contained in:
Bnyro 2023-05-17 09:55:49 +02:00
parent 5e955b2286
commit ebf5d126b9
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/PlaylistsPage.vue
View file

@ -10,7 +10,14 @@
class="btn" class="btn"
@click="exportPlaylists" @click="exportPlaylists"
/> />
<input id="fileSelector" ref="fileSelector" type="file" class="display-none" @change="importPlaylists" /> <input
id="fileSelector"
ref="fileSelector"
type="file"
class="display-none"
@change="importPlaylists"
multiple="multiple"
/>
<label for="fileSelector" v-t="'actions.import_from_json'" class="btn ml-2" /> <label for="fileSelector" v-t="'actions.import_from_json'" class="btn ml-2" />
</div> </div>
</div> </div>
@ -180,7 +187,13 @@ export default {
return playlistJson; return playlistJson;
}, },
async importPlaylists() { async importPlaylists() {
const file = this.$refs.fileSelector.files[0]; const files = this.$refs.fileSelector.files;
for (let file of files) {
await this.importPlaylistFile(file);
}
window.location.reload();
},
async importPlaylistFile(file) {
let text = await file.text(); let text = await file.text();
let tasks = []; let tasks = [];
// list of playlists exported from Piped // list of playlists exported from Piped
@ -209,7 +222,6 @@ export default {
return; return;
} }
await Promise.all(tasks); await Promise.all(tasks);
window.location.reload();
}, },
async createPlaylistWithVideos(playlist) { async createPlaylistWithVideos(playlist) {
let newPlaylist = await this.createPlaylist(playlist.name); let newPlaylist = await this.createPlaylist(playlist.name);