Bump post for proper Playlist/Categories Sorting Feature

sogman I've got great news for you - in the discord this has been recommended for ages and SLR is redesigning their website for a while now...

I've made a userscript that does this feature on browsers, you need something like the tampermonkey extnsion, put this code in your UserScripts folder and walla! Alphabetical playlists

You're welcome!!!

I got tired of waiting for SLR to do this stuff so I just did it myself! SLR probably have a nice redesign waiting, but they've said that for months and months, and look how old this topic is.......

// @name         SexLikeReal.com Add, Remove, and Sort Playlist Alphabetically (Force Refresh) by ZackFair141
// @namespace    http://tampermonkey.net/
// @version      1.7
// @description  Adds a video to the topmost playlist, removes it after a delay, and sorts the playlist alphabetically with forced refresh.
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    let sortedFlag = false; // Prevent redundant sorting

    // Function to add and remove the video from the topmost playlist
    function toggleTopPlaylist() {
        const topPlaylistCheckbox = document.querySelector(
            '.u-px--four.u-pt--four.u-pb--two.u-absolute.u-stretch.u-width--full.u-height--full .o-checkbox input[type="checkbox"]'
        );

        if (!topPlaylistCheckbox) {
            console.error('Topmost playlist checkbox not found.');
            return;
        }

        // Check the checkbox to simulate adding the video
        topPlaylistCheckbox.checked = true;
        topPlaylistCheckbox.dispatchEvent(new Event('change', { bubbles: true }));
        console.log('Video added to the topmost playlist.');

        // Uncheck the checkbox after a 1-second delay to simulate removal
        setTimeout(() => {
            topPlaylistCheckbox.checked = false;
            topPlaylistCheckbox.dispatchEvent(new Event('change', { bubbles: true }));
            console.log('Video removed from the topmost playlist.');

            // Sort the playlist after adding and removing the video
            setTimeout(() => {
                console.log('Sorting playlist alphabetically...');
                sortPlaylist();
            }, 500); // Additional delay to ensure playlist updates
        }, 1000); // 1-second delay
    }

    // Function to sort the playlist alphabetically
    function sortPlaylist() {
        const playlistContainer = document.querySelector(
            '.u-px--four.u-pt--four.u-pb--two.u-absolute.u-stretch.u-width--full.u-height--full'
        );

        if (!playlistContainer) {
            console.log('Playlist container not found.');
            return;
        }

        const items = Array.from(
            playlistContainer.querySelectorAll('.o-checkbox.o-checkbox--wh.u-transition--base.u-pb--four')
        );

        if (items.length === 0) {
            console.log('No playlist items found.');
            return;
        }

        // Sort items alphabetically by their text content
        items.sort((a, b) => {
            const textA = a.textContent.trim().toUpperCase();
            const textB = b.textContent.trim().toUpperCase();
            return textA.localeCompare(textB);
        });

        // Clear the container and re-add items in sorted order
        playlistContainer.innerHTML = '';
        items.forEach((item) => playlistContainer.appendChild(item));

        console.log('Playlist sorted alphabetically!');

        // Force re-rendering of the modal to refresh UI
        refreshModal();
    }

    // Function to simulate a refresh of the playlist modal
    function refreshModal() {
        const playlistDialog = document.querySelector('#playlist');
        if (playlistDialog) {
            // Temporarily remove and re-add the dialog from the DOM
            const parent = playlistDialog.parentElement;
            parent.removeChild(playlistDialog);

            setTimeout(() => {
                parent.appendChild(playlistDialog);
                console.log('Playlist modal refreshed!');
            }, 100); // Wait 100ms before re-adding
        }
    }

    // Add a click event listener to the button that opens the playlist
    const button = document.querySelector(
        'button.js-m-modal[data-modal-target="playlist"]'
    );

    if (button) {
        button.addEventListener('click', () => {
            console.log('Playlist button clicked. Adding, removing, and sorting...');
            toggleTopPlaylist();
        });
    } else {
        console.error('Playlist button not found.');
    }

    console.log('Script is running and listening for playlist button clicks...');
})();

JordanSLR Hopefully that redesign comes soon!!