Add Move Top/Bottom to playlist

[ArthurKun21]

Add Move Top/Bottom to playlist

Pull Request Type

• Bugfix
• Feature Implementation
• Documentation
• Other

Related issue

closes #4603

Description

This adds another button to move to Top/Bottom of the playlist

Screenshots

Testing

1. Add at least 3 videos to the playlist
2. Go to the 2nd Video, click on the Move Video Top and it should move to the Top of the playlist
3. Go to the 2nd Video, click on the Move Video Bottom and it should move to the Bottom of the playlist

Desktop

• OS: Window
• OS Version: Windows 11
• FreeTube version: 0.19.1

Additional context

This is my first time messing around with javascript/vue. Please forgive some errors if there is any.

[kommunarr]

Thanks for the initiative on this @ArthurKun21! My suggestions (haven't looked into the code yet):

1. Change labels to "Move Video to Top" and "Move Video to Bottom".
2. Move "Move Video to Top" arrow to the right of the "Move Video Up/Down" buttons, such that it's next to its counterpart.
3. I like the icons, but I worry deciphering the two arrow icon sets' different meanings could be confusing to some. If you don't mind, could you try replacing these new icons with arrow-up-long and arrow-down-long, and possibly even up-long and down-long, and take screenshots of the result? I'm interested to see if it might be clearer from a distance.

Thanks @ArthurKun21!

[kommunarr]

Just had an idea: changing the original up/down to angle-up and angle-down, and making these new icons angles-up and angles-down.

[ArthurKun21]

Top -> Angles-up
Up -> Angle-up
Down -> Angle-down
Bottom -> Angles-down

[kommunarr]

Left a handful of comments after looking into the code. Thanks @ArthurKun21!

[ArthurKun21]

Forgot to add the new screenshot

[PikachuEXE]

I will have to review this after #4597 is merged which introduced pagination for user playlists and test on playlists with > 100 items

[absidue]

The video thumbnail looks really crowded now. As move to top and move to bottom are presumably used a lot less often than the normal up and down, maybe these two new options should be added to the 3 dots menu?

[ArthurKun21]

Remove from the video thumbnail and move options to the dropdown

[efb4f5ff-1298-471a-8973-3d47447115dc]

I noticed a weird glitch in the animation

VirtualBoxVM_7OElD5orOG.mp4

Also i agree that the thumbnail is too crowded but im not sure if the placement into the 3 dots menu is the right thing to do here. All the playlist related features are accessible in the playlist it self and this one is now a bit tucked away so i would never look in there to find extra options related to playlists

Im not sure what the correct placement is, open for suggestions/discussions

[ArthurKun21]

Does this playlist have duplicate videos?

[github-actions]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

[efb4f5ff-1298-471a-8973-3d47447115dc]

I already deleted that playlist but i created a new one without any duplicates an its still doing it.

VirtualBoxVM_4sypDgz0Gc.mp4

[github-actions]

This PR is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 14 days.

[github-actions]

This PR was closed because it has been stalled for 14 days with no activity.