Copy link for GenerateBlocks Button.js

// In this example, we are copying Apple Calendar and Outlook Calendar links from a GenerateBlocks button. Each button needs the ICS calendar link added, plus a unqiue ID: copyApple and copyOutlook. Add the JavaScript code to the footer.


document.addEventListener('DOMContentLoaded', function() {
    var appleLink = document.getElementById('copyApple');
    var outlookLink = document.getElementById('copyOutlook');

    if (appleLink) {
        appleLink.addEventListener('click', function(event) {
            copyToClipboard(appleLink, event);
        });
    }

    if (outlookLink) {
        outlookLink.addEventListener('click', function(event) {
            copyToClipboard(outlookLink, event);
        });
    }

    function copyToClipboard(element, event) {
        event.preventDefault(); // Prevent the default link behavior
        var copyText = element.getAttribute('href');

        // Create a temporary text area to copy from
        var textArea = document.createElement('textarea');
        textArea.value = copyText;
        document.body.appendChild(textArea);
        textArea.select();
        document.execCommand('Copy');
        textArea.remove();

        alert('Calendar link copied: ' + copyText); // Optional: alert the user that the link was copied
    }
});