mirror of
				https://github.com/TeamPiped/Piped.git
				synced 2025-11-04 06:31:55 +00:00 
			
		
		
		
	Add shortcut to create new playlist from playlist add modal
This commit is contained in:
		@@ -4,7 +4,8 @@
 | 
				
			|||||||
        <select class="select w-full mt-3" v-model="selectedPlaylist">
 | 
					        <select class="select w-full mt-3" v-model="selectedPlaylist">
 | 
				
			||||||
            <option v-for="playlist in playlists" :value="playlist.id" :key="playlist.id" v-text="playlist.name" />
 | 
					            <option v-for="playlist in playlists" :value="playlist.id" :key="playlist.id" v-text="playlist.name" />
 | 
				
			||||||
        </select>
 | 
					        </select>
 | 
				
			||||||
        <div class="flex justify-end mt-3">
 | 
					        <div class="flex justify-between w-full mt-3">
 | 
				
			||||||
 | 
					            <button class="btn" @click="onCreatePlaylist" ref="addButton" v-t="'actions.create_playlist'" />
 | 
				
			||||||
            <button
 | 
					            <button
 | 
				
			||||||
                class="btn"
 | 
					                class="btn"
 | 
				
			||||||
                @click="handleClick(selectedPlaylist)"
 | 
					                @click="handleClick(selectedPlaylist)"
 | 
				
			||||||
@@ -77,6 +78,14 @@ export default {
 | 
				
			|||||||
                this.playlists = json;
 | 
					                this.playlists = json;
 | 
				
			||||||
            });
 | 
					            });
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
 | 
					        onCreatePlaylist() {
 | 
				
			||||||
 | 
					            const name = prompt(this.$t("actions.create_playlist"));
 | 
				
			||||||
 | 
					            if (!name) return;
 | 
				
			||||||
 | 
					            this.createPlaylist(name).then(json => {
 | 
				
			||||||
 | 
					                if (json.error) alert(json.error);
 | 
				
			||||||
 | 
					                else this.fetchPlaylists();
 | 
				
			||||||
 | 
					            });
 | 
				
			||||||
 | 
					        },
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user