Filmaffinity old.js

// ==UserScript==
// @name         Filmaffinity old
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Filmaffinity old
// @author       You
// @updateURL   https://gist.githubusercontent.com/robot00f/a4ce0cbf073bd9cd504a3c0c33d0987c/raw/5017348ec45d392a62962268fbbe7f1344d4b645/Filmaffinity%2520old.js
// @downloadURL https://gist.githubusercontent.com/robot00f/a4ce0cbf073bd9cd504a3c0c33d0987c/raw/5017348ec45d392a62962268fbbe7f1344d4b645/Filmaffinity%2520old.js
// @match        https://www.filmaffinity.com/*/film*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Seleccionar el contenedor principal que tiene la lista de actores
    var slickTrack = document.querySelector('.credits-scroller .slick-track');

    // Ajustar la altura del contenedor .card-cast-debug
    var cardCastDebug = document.querySelector('.z-movie #left-column .movie-info .card-cast-debug');
    if (cardCastDebug) {
        cardCastDebug.style.height = '58px'; // Establecer la altura a 58px
    }

    if (slickTrack) {
        // Obtener todos los elementos <li> que contienen los actores
        var actorItems = slickTrack.querySelectorAll('li[itemprop="actor"]');

        // Crear un nuevo elemento contenedor para los nombres
        var namesContainer = document.createElement('div');
        namesContainer.classList.add('names-container');
        namesContainer.style.display = 'inline-flex'; // Estilo para mostrar los nombres en línea
        namesContainer.style.flexWrap = 'wrap'; // Permitir que los nombres se envuelvan en caso de ser muchos

        // Extraer los nombres de los actores y concatenarlos
        var concatenatedNames = Array.from(actorItems).map(function(actorItem) {
            var nameElement = actorItem.querySelector('.name');
            return nameElement ? nameElement.textContent.trim() : '';
        }).join(', ');

        // Asignar la cadena de nombres al contenedor
        namesContainer.textContent = concatenatedNames;

        // Insertar el contenedor de nombres después del contenedor de actores
        slickTrack.parentNode.insertBefore(namesContainer, slickTrack.nextSibling);

        // Eliminar el contenedor de las imágenes de actores
        slickTrack.parentNode.removeChild(slickTrack);

        // Eliminar la flecha de navegación derecha si existe
        var arrowRight = document.querySelector('.arrow-right.slick-arrow');
        if (arrowRight) {
            arrowRight.remove();
        }

        // Permitir la selección y copia de los nombres
        namesContainer.style.userSelect = 'text';
    }

})();