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 @@
+
+
+
+
+ {{ $t('playlists.add_to_playlist') }}
+
+
+
+
+ {{ $t('playlists.confirm_addition') }}
+
+
+
+
+
+
+
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 @@
-
-
-
- {{ $t('playlists.add_to_playlist') }}
-
-
-
-
- {{ $t('playlists.confirm_addition') }}
-
-
-
-
-
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 @@
-
- Delete this video
+
+ {{ $t('playlists.remove_video')}}
@@ -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?",