diff --git a/src/components/Playlist/VideoPlaylistOperationsA.vue b/src/components/Playlist/VideoPlaylistOperationsA.vue new file mode 100644 index 0000000..da03798 --- /dev/null +++ b/src/components/Playlist/VideoPlaylistOperationsA.vue @@ -0,0 +1,72 @@ + + + diff --git a/src/components/Video/VideoPlaylistOperationsA.vue b/src/components/Video/VideoPlaylistOperationsA.vue deleted file mode 100644 index 0f25230..0000000 --- a/src/components/Video/VideoPlaylistOperationsA.vue +++ /dev/null @@ -1,53 +0,0 @@ - - - diff --git a/src/routes/PlaylistPage.vue b/src/routes/PlaylistPage.vue index bb9524f..7be9190 100644 --- a/src/routes/PlaylistPage.vue +++ b/src/routes/PlaylistPage.vue @@ -28,6 +28,12 @@ {{ mdiYoutube }} + + {{ $t('playlists.delete_self') }} + + + {{ $t('playlists.rename_self') }} + @@ -36,8 +42,13 @@ @@ -122,6 +133,30 @@ export default { } }) await this.getPlaylistData() + }, + + async deleteSelf () { + await this.$store.dispatch('auth/makeRequest', { + path: '/user/playlists/delete', + method: 'POST', + data: { + playlistId: this.playlistID + } + }) + await this.$router.replace('/playlists') + }, + + async renameSelf () { + const newName = window.prompt(this.$t('playlists.new_name_msg')) + await this.$store.dispatch('auth/makeRequest', { + path: '/user/playlists/rename', + method: 'POST', + data: { + playlistId: this.playlistID, + newName + } + }) + await this.getPlaylistData() } }, components: { diff --git a/src/routes/WatchVideo.vue b/src/routes/WatchVideo.vue index 5da7305..239b9dc 100644 --- a/src/routes/WatchVideo.vue +++ b/src/routes/WatchVideo.vue @@ -16,9 +16,11 @@ - - - + @@ -160,7 +162,7 @@ import VideoItem from '@/components/Video/VideoItem.vue' import VideoComment from '@/components/Video/VideoComment' import VideoChapters from '@/components/Video/VideoChapters' import VideoSharingPanel from '@/components/Video/VideoSharingPanel' -import VideoPlaylistOperationsA from '@/components/Video/VideoPlaylistOperationsA' +import VideoPlaylistOperationsA from '@/components/Playlist/VideoPlaylistOperationsA' export default { name: 'WatchVideo', diff --git a/src/styles/main.scss b/src/styles/main.scss index 3c0ebc5..5fd47d2 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -54,3 +54,13 @@ max-width: 100vw; overflow: hidden; } + +.pm-breakable-button { + max-width: 100%; + height: unset !important; + + > .v-btn__content { + max-width: 100%; + white-space: normal; + } +} diff --git a/src/translations/bn-Beng.json b/src/translations/bn-Beng.json index 1929383..f35361c 100644 --- a/src/translations/bn-Beng.json +++ b/src/translations/bn-Beng.json @@ -20,7 +20,11 @@ "add_to_playlist": "video টি কি তালিকা তে যোগ করবেন?", "confirm_addition": "ঠিক তো?", "create_playlist": "নতুন তালিকা বানাবেন?", - "playlist_field_name": "তালিকার নাম" + "playlist_field_name": "তালিকার নাম", + "remove_video": "আপনি কি এই videoটি এই তালিকা থেকে বাদ দিতে চান?", + "delete_self": "আপনি কি এই তালিকা কে মুছে দিতে চান?", + "rename_self": "আপনি কি এই তালিকা কে নতুন নাম দিতে চান?", + "new_name_msg": "তালিকার নতুন নাম কি হবে?" }, "misc": { "searchBarLabel": "কি সন্ধান করছেন বলুন?", diff --git a/src/translations/en.json b/src/translations/en.json index b7ec927..b04d4af 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -20,7 +20,11 @@ "add_to_playlist": "Add to Playlist", "confirm_addition": "Confirm addition", "create_playlist": "Create Playlist", - "playlist_field_name": "Playlist Name" + "playlist_field_name": "Playlist Name", + "remove_video": "Remove this video from the playlist", + "delete_self": "Delete", + "rename_self": "Rename", + "new_name_msg": "What do you want the new name to be?" }, "misc": { "searchBarLabel": "What are you looking for?",