Asana Navigator

Unofficial Google Chrome and Firefox extension to enhance navigation for Asana -- less mouse moves and key presses.

Feature list as well as to-do list

Going to sibling subtasks:

• Show arrows to go to previous/next sibling subtasks
• Show drop-down list to go to sibling subtasks

Setting new parent tasks:

• Set new parent task from the toolbar
• Convert multiple tasks to subtasks

Replacing text:

• Remove duplicate links and replace HTML entities in the task description
• Replace text in the task description

More seamless UI:

• Display undo toast on bottom left
• Support other languages Limited support

Others:

• Write an options page to enable/disable each feature
• Search tasks in a context-aware way, from my tasks, inbox, current open project, or user in the workspace (Advanced search)
• Move back from inbox to where the user has left off (Tab+J)

Usage

Chrome:

• Install it from the Chrome Web Store
• You can also git clone this repository (or download the repository as a zip file) and load the folder to Google Chrome to install it as a developer
• The options are accessible by clicking the icon on the toolbar or by going to chrome://extensions > Asana Navigator > Details > Extension options

Firefox:

• Install it from the Firefox AMO store
• Asana Navigator doesn't work with Firefox if added as a temporary add-on, because of the limitation of chrome.storage.sync
• The options are accessible from about:addons > Asana Navigator > Preferences

Common:

• The features are automatically enabled when you are on an Asana task page
• Please reload the Asana task page if this extension doesn't work well, especially after it was updated to a new version
• In incognito mode, features that interact with Asana API don't work

Motivation and design decisions

• I love Asana and use it every day to manage everything from personal to work stuff. It’s already great but I’m an efficiency-oriented person so I wanted to make it a little quicker. I hope some day Asana will implement those features on their own.
• My extension is focused on working in Asana task webpages, using content scripts and DOM methods. I can implement features seamlessly using the same classes/CSS used by Asana. This involves a lot of "Inspect" actions on Asana task pages.
• I'd like to make all tools I create be customizable to each user's preference. Therefore, I created an options page where users can switch features on/off.

Privacy policy and terms of use

We don't collect your data. We don't have our server to store, use, and share such information. We only use your Asana data (URLs, resource IDs, names, task description, etc.) to make API calls to Asana through HTTPS. All communications are between you and Asana API. All options are saved to your browser, not in other places.

The extension requires the following permissions:

• https://app.asana.com/* permission is needed to be active on Asana Web app
• activeTab permission is needed to reload all Asana Web app pages when the extension is updated
• storage permission is needed to save your options to the browser
• tabs permission is needed to be compatible with Firefox. The extension doesn't work as expected with only activeTab permission

I try my best to maintain the quality and safety of this extension, but please use it at your own risk. The author doesn't take any responsibility for any damage caused by use of this extension.

Feedback and contribution

I'd love to hear from users and developers. Please feel free to post feature requests, bug reports, and questions through the Chrome Web Store, addons.mozilla.org, GitHub Issues, or Asana Community Forum. I'd also welcome pull requests and help with translating the UI.

Localization style guide:

• Follow the style in localized UI in Asana as much as possible
• EN: Capitalize UI elements in the menu lists and the keyboard shortcut list, e.g. "Mark as Milestone" and "Jump to Inbox."
• JA: Insert space between half-width character and full-width character. Don't insert space between Katakana compounds. Use full-width characters for "?" and "!" in UI translation, use half-width characters for other symbols and occasions

License

MIT License