Asana bookmarklets

Asana Bookmarklets README.md

• Paste one of these into https://caiorss.github.io/bookmarklet-maker/
• Click "Generate Bookmarklet"
• Click and drag the blue thing into your bookmarks bar

click just my tasks.js

document.querySelector('.PageToolbarStructure-rightChildren .ProjectPageToolbarHiddenChildrenWhenNoTasks-child div[role="button"]').click();
setTimeout(() => {
  Array.from(document.querySelectorAll('.MultiFilterQuickFiltersRefreshed-content .QuickFilterButton')).find((e) => e.innerText == 'Just my tasks').click();
  document.querySelector('.PageToolbarStructure-rightChildren .ProjectPageToolbarHiddenChildrenWhenNoTasks-child div[role="button"]').click();
}, 50)

copy pretty asana link to clipboard.js

// copy pretty asana link to clipboard
// so you can paste a link into Slack, and people can see the task title without leaving the conversation
async function copyHyperlinkToClipboard(title, url) {
    if (!title || !url) {
        console.error("Both title and URL are required.");
        return;
    }

    // Generate the HTML anchor element as a string
    const html = `<a href="${url}" target="_blank" rel="noopener noreferrer">${title}</a>`;

    try {
        // Create a Blob containing the HTML
        const blobHtml = new Blob([html], { type: 'text/html' });
        const blobPlain = new Blob([title], { type: 'text/plain' });

        // Create a ClipboardItem
        const clipboardItem = new ClipboardItem({ 'text/html': blobHtml, 'text/plain': blobPlain });

        // Write to the clipboard
        await navigator.clipboard.write([clipboardItem]);
        console.log("HTML hyperlink copied to clipboard!");
    } catch (error) {
        console.error("Failed to copy to clipboard:", error);
    }
}
copyHyperlinkToClipboard(document.querySelector("[aria-label='Task Name'").innerHTML, window.location.href);