// Función de debounce para optimizar el rendimiento
function debounce(func, wait) {
    let timeout;
    return function executedFunction(...args) {
        const later = () => {
            clearTimeout(timeout);
            func(...args);
        };
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
    };
}

jQuery(document).ready(function($) {
    // Initialize color pickers
    $('.color-picker').wpColorPicker({
        change: function(event, ui) {
            updateStyles();
        }
    });

    // Initialize html2canvas
    var script = document.createElement('script');
    script.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
    document.head.appendChild(script);

    script.onload = function() {
        console.log('html2canvas loaded');
        $('.download-jpg').prop('disabled', false);
    };

    // Optimized zoom handling
    const handleZoom = debounce(function(target, value) {
        const zoomValue = value/100;
        const template = $(target).closest('.preview-box').find('.sunset-template');
        template.css('transform', `scale(${zoomValue})`);
    }, 16);

    // Zoom control event listener
    $('.zoom-range').on('input', function() {
        const value = $(this).val();
        $(this).siblings('.zoom-value').text(value + '%');
        handleZoom(this, value);
    });

    // Toggle excerpt position field visibility
    $('#cwpai_show_excerpt').on('change', function() {
        $('#excerpt_position').toggle(this.checked);
        updateStyles();
    });

    // Update styles function
    function updateStyles() {
        const lineColor = $('#cwpai_line_color').val();
        const lineWidth = $('#cwpai_line_width').val() + 'px';
        const marginTop = $('#cwpai_line_margin_top').val() + 'px';
        const marginBottom = $('#cwpai_line_margin_bottom').val() + 'px';
        const marginLeft = $('#cwpai_line_margin_left').val() + 'px';
        const marginRight = $('#cwpai_line_margin_right').val() + 'px';
        const categoryTop = $('#cwpai_category_position_top').val() + 'px';
        const websiteTop = $('#cwpai_website_position_top').val() + 'px';
        const titleTop = $('#cwpai_title_position_top').val() + 'px';
        const excerptTop = $('#cwpai_excerpt_position_top').val() + 'px';
        const categoryLeft = $('#cwpai_category_position_left').val() + 'px';
        const websiteLeft = $('#cwpai_website_position_left').val() + 'px';
        const titleLeft = $('#cwpai_title_position_left').val() + 'px';
        const titleSize = $('#cwpai_title_font_size').val() + 'px';
        const categorySize = $('#cwpai_category_font_size').val() + 'px';
        const websiteSize = $('#cwpai_website_font_size').val() + 'px';

        // Update visibility states
        const showCategory = $('#cwpai_show_category').prop('checked');
        const showWebsite = $('#cwpai_show_website').prop('checked');
        const showTitle = $('#cwpai_show_title').prop('checked');
        const showExcerpt = $('#cwpai_show_excerpt').prop('checked');

        $('.vertical-line').css({
            'background-color': lineColor,
            'width': lineWidth,
            'top': marginTop,
            'height': `calc(100% - (${marginTop} + ${marginBottom}))`,
            'left': marginLeft,
            'margin-right': marginRight
        });

        $('.category-tag').css({
            'display': showCategory ? 'block' : 'none',
            'top': categoryTop,
            'left': categoryLeft,
            'font-size': categorySize
        });

        $('.website-link').css({
            'display': showWebsite ? 'block' : 'none',
            'top': websiteTop,
            'left': websiteLeft,
            'font-size': websiteSize
        });

        $('.title').css({
            'display': showTitle ? 'block' : 'none',
            'top': titleTop,
            'left': titleLeft,
            'font-size': titleSize
        });

        $('.excerpt-preview').css({
            'display': showExcerpt ? 'block' : 'none',
            'top': excerptTop,
            'left': titleLeft
        });
    }

    // Copy buttons functionality with improved feedback
    $('.copy-excerpt, .copy-hashtags').on('click', function() {
        const button = $(this);
        const content = button.data('content');
        const originalText = button.text();

        // Create temporary textarea
        const textarea = document.createElement('textarea');
        textarea.value = content;
        textarea.style.position = 'absolute';
        textarea.style.left = '-9999px';
        document.body.appendChild(textarea);

        try {
            // Select and copy text
            textarea.select();
            document.execCommand('copy');
            
            // Visual feedback
            button.text('¡Copiado!');
            button.css('background-color', '#4CAF50');
            
            // Reset button after delay
            setTimeout(() => {
                button.text(originalText);
                button.css('background-color', '');
            }, 2000);
        } catch(err) {
            console.error('Error al copiar:', err);
            button.text('Error al copiar');
            button.css('background-color', '#f44336');
            
            setTimeout(() => {
                button.text(originalText);
                button.css('background-color', '');
            }, 2000);
        } finally {
            document.body.removeChild(textarea);
        }
    });

    // Canvas optimization function
    function optimizeCanvas(canvas, format) {
        const ctx = canvas.getContext('2d');
        
        // Enable image smoothing
        ctx.imageSmoothingEnabled = true;
        ctx.imageSmoothingQuality = 'high';
        
        // Set dimensions based on format
        switch(format) {
            case 'rectangular':
                canvas.width = 1200;
                canvas.height = 630;
                break;
            case 'vertical':
                canvas.width = 500;
                canvas.height = 890;
                break;
            case 'horizontal':
                canvas.width = 864;
                canvas.height = 864;
                break;
        }
        
        return canvas;
    }

    // Image download functionality with improved error handling
    $('.download-jpg').on('click', function() {
        const button = $(this);
        const format = button.data('format');
        const template = button.closest('.preview-box').find('.sunset-template')[0];

        // Disable button and show loading state
        button.text('Generando...').prop('disabled', true);
        
        const options = {
            scale: 2, // Higher quality
            useCORS: true,
            allowTaint: true,
            backgroundColor: '#000000',
            logging: false, // Disable logging in production
            onclone: function(clonedDoc) {
                const clonedElement = clonedDoc.querySelector('.sunset-template');
                if (clonedElement) {
                    // Reset zoom for export
                    clonedElement.style.transform = 'scale(1)';
                    
                    // Set dimensions based on format
                    switch(format) {
                        case 'rectangular':
                            clonedElement.style.width = '1200px';
                            clonedElement.style.height = '630px';
                            break;
                        case 'vertical':
                            clonedElement.style.width = '500px';
                            clonedElement.style.height = '890px';
                            break;
                        case 'horizontal':
                            clonedElement.style.width = '864px';
                            clonedElement.style.height = '864px';
                            break;
                    }
                }
            }
        };

        // Wait for all images to load
        Promise.all(Array.from(template.getElementsByTagName('img')).map(img => {
            return new Promise((resolve, reject) => {
                if (img.complete) {
                    resolve();
                } else {
                    img.onload = resolve;
                    img.onerror = reject;
                }
            });
        }))
        .then(() => {
            return html2canvas(template, options);
        })
        .then(canvas => {
            // Optimize canvas
            canvas = optimizeCanvas(canvas, format);
            
            // Convert to blob
            return new Promise((resolve, reject) => {
                canvas.toBlob(resolve, 'image/jpeg', 0.95);
            });
        })
        .then(blob => {
            // Generate filename
            const postTitle = template.dataset.title;
            const timestamp = new Date().getTime();
            const fileName = `${postTitle}-${format}-${timestamp}.jpg`;
            
            // Save file
            saveAs(blob, fileName);
            
            // Reset button
            button.text('Descargar ' + (
                format === 'vertical' ? 'Vertical' : 
                format === 'horizontal' ? 'Horizontal' : 
                'Rectangular'
            )).prop('disabled', false);
        })
        .catch(error => {
            console.error('Error:', error);
            button.text('Error - Intentar de nuevo').prop('disabled', false)
                .css('background-color', '#f44336');
            
            setTimeout(() => {
                button.css('background-color', '');
                button.text('Descargar ' + (
                    format === 'vertical' ? 'Vertical' : 
                    format === 'horizontal' ? 'Horizontal' : 
                    'Rectangular'
                ));
            }, 3000);
        });
    });

    // Line and position controls
    $('#cwpai_line_width, #cwpai_line_margin_top, #cwpai_line_margin_bottom, #cwpai_line_margin_left, #cwpai_line_margin_right, #cwpai_category_position_top, #cwpai_website_position_top, #cwpai_title_position_top, #cwpai_excerpt_position_top, #cwpai_category_position_left, #cwpai_website_position_left, #cwpai_title_position_left, #cwpai_title_font_size, #cwpai_category_font_size, #cwpai_website_font_size')
        .on('change input', debounce(updateStyles, 100));

    // Visibility controls
    $('#cwpai_show_category, #cwpai_show_website, #cwpai_show_title, #cwpai_show_excerpt')
        .on('change', updateStyles);

    // Global error handler
    window.onerror = function(msg, url, lineNo, columnNo, error) {
        console.error('Error: ', {
            message: msg,
            url: url,
            lineNumber: lineNo,
            columnNumber: columnNo,
            error: error
        });
        return false;
    };

    // Initial styles update
    updateStyles();
});<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/vhosts/diariocosta.com/httpdocs/wp-content/plugins/social-media-stories/social-media-stories.php:1) in <b>/var/www/vhosts/diariocosta.com/httpdocs/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1893</b><br />
{"id":31522,"date":"2024-09-21T09:56:25","date_gmt":"2024-09-21T09:56:25","guid":{"rendered":"https:\/\/diariocosta.com\/?p=31522"},"modified":"2024-09-21T11:56:26","modified_gmt":"2024-09-21T09:56:26","slug":"casares-organiza-jornadas-sobre-salud-mental-para-profesionales-y-publico-general","status":"publish","type":"post","link":"https:\/\/diariocosta.com\/casares-organiza-jornadas-sobre-salud-mental-para-profesionales-y-publico-general\/","title":{"rendered":"Casares organiza jornadas sobre salud mental para profesionales y p\u00fablico general"},"content":{"rendered":"<p class=\"whitespace-pre-wrap break-words\">Casares se prepara para acoger las segundas jornadas \u00abCompartiendo Pol\u00edticas Sociales\u00bb el pr\u00f3ximo 10 de octubre. Este a\u00f1o, el evento se enfoca en un tema de creciente importancia: la salud mental.<\/p>\n<h2 class=\"font-600 text-xl font-bold\">Detalles del evento<\/h2>\n<ul class=\"-mt-1 list-disc space-y-2 pl-8\">\n<li class=\"whitespace-normal break-words\"><strong>Fecha<\/strong>: 10 de octubre<\/li>\n<li class=\"whitespace-normal break-words\"><strong>Lugar<\/strong>: Casares<\/li>\n<li class=\"whitespace-normal break-words\"><strong>Tema central<\/strong>: Salud mental<\/li>\n<li class=\"whitespace-normal break-words\"><strong>P\u00fablico objetivo<\/strong>: Profesionales del \u00e1mbito social y sanitario, y p\u00fablico en general<\/li>\n<li class=\"whitespace-normal break-words\"><strong>Inscripci\u00f3n<\/strong>: Gratuita, abierta hasta el 8 de octubre a trav\u00e9s de la web de Cursiva<\/li>\n<\/ul>\n<p class=\"whitespace-pre-wrap break-words\">Ana Umbr\u00eda, concejal de Derechos Sociales, ha destacado la importancia de estas jornadas como parte del compromiso del municipio con las pol\u00edticas sociales.<\/p>\n<h2 class=\"font-600 text-xl font-bold\">Programa de las jornadas<\/h2>\n<ol class=\"-mt-1 list-decimal space-y-2 pl-8\">\n<li class=\"whitespace-normal break-words\">Ponencia sobre el cuidado de la salud mental en adolescentes<\/li>\n<li class=\"whitespace-normal break-words\">Taller pr\u00e1ctico sobre autoconocimiento y autocuidado<\/li>\n<li class=\"whitespace-normal break-words\">Charla sobre el papel del trabajador social en el \u00e1mbito de la salud mental<\/li>\n<li class=\"whitespace-normal break-words\">Taller de la alegr\u00eda<\/li>\n<\/ol>\n<h2 class=\"font-600 text-xl font-bold\">Ponentes destacados<\/h2>\n<ul class=\"-mt-1 list-disc space-y-2 pl-8\">\n<li class=\"whitespace-normal break-words\"><strong>Ana Magallanes<\/strong>: Licenciada en pedagog\u00eda, experta en prevenci\u00f3n y M\u00e1ster en psicolog\u00eda, educaci\u00f3n y desarrollo<\/li>\n<li class=\"whitespace-normal break-words\"><strong>Rosa Mar\u00eda D\u00edaz Jim\u00e9nez<\/strong>: Doctora en trabajo social y decana de la facultad de ciencias sociales de la Universidad Pablo de Olavide<\/li>\n<li class=\"whitespace-normal break-words\"><strong>Ildefonso Mu\u00f1oz Herrera<\/strong>: Licenciado en psicolog\u00eda y M\u00e1ster en psicopatolog\u00eda y salud<\/li>\n<\/ul>\n<p class=\"whitespace-pre-wrap break-words\">Adem\u00e1s, contar\u00e1 con la participaci\u00f3n de la Fundaci\u00f3n Diacon\u00eda, entidad dedicada al trabajo con personas vulnerables.<\/p>\n<p class=\"whitespace-pre-wrap break-words\">Las jornadas ofrecen una oportunidad \u00fanica para profundizar en diversos aspectos de la salud mental a trav\u00e9s de ponencias, talleres y charlas con expertos en la materia. Los interesados pueden inscribirse gratuitamente hasta el 8 de octubre mediante el formulario disponible en la web de Cursiva, entidad colaboradora del evento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Casares se prepara para acoger las segundas jornadas \u00abCompartiendo Pol\u00edticas Sociales\u00bb el pr\u00f3ximo 10 de octubre. Este a\u00f1o, el evento se enfoca en un tema de creciente importancia: la salud mental. Detalles del evento Fecha: 10 de octubre Lugar: Casares Tema central: Salud mental P\u00fablico objetivo: Profesionales del \u00e1mbito social y sanitario, y p\u00fablico en [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":31524,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1714],"tags":[],"class_list":{"0":"post-31522","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-casares"},"_links":{"self":[{"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/posts\/31522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/comments?post=31522"}],"version-history":[{"count":0,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/posts\/31522\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/media\/31524"}],"wp:attachment":[{"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/media?parent=31522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/categories?post=31522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diariocosta.com\/wp-json\/wp\/v2\/tags?post=31522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}