Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Sample application illustrating use of the Asana API
JavaScript CSS
Failed to load latest commit information.
README Use browser action for command and switch keyboard shortcut to Alt+Sh…
api_bridge.js Adding client header to API requests
asana.js Updated comments
background.js Alt and Tab hotkeys are now more robust
extension_server.js Use browser action for command and switch keyboard shortcut to Alt+Sh…
icon128.png Update 128px icon
icon16.png Moved to use command API instead of a content script
icon19.png Initial version.
icon48.png Moved to use command API instead of a content script
jquery-1.7.1.min.js Initial version.
jquery-ui-1.8.10.custom.min.js Initial version.
load_typekit.js Updated comments
manifest.json Adding client header to API requests
nopicture.png anonymous man
options.css changing layout, wip
options.html changing layout, wip
options.js Update signup link
options_init.js Modified source and manifest to work with manifest version 2 and the …
options_page.js Modified source and manifest to work with manifest version 2 and the …
popup.css Fix banner icon alignment
popup.html final fixes.
popup.js Don't focus popup body
server_model.js Increase photo resolution, better for retina display
sprite-retina.png Final styling.
sprite.png Final styling.

README

This is a free, open-source, sample application demonstrating use of the
Asana API. It takes the form of a Chrome Extension that, when installed,
integrates Asana into your web experience in the following ways:

  * Creates a button in your button-bar which, when clicked, pops up a
    QuickAdd window to create a new task associated with the current web page.
    You can click a button to populate the task name with the page title and
    the URL and current selected text in the notes.

  * Installs the special Asana ALT+A keyboard shortcut. When this key combo
    is pressed from any web page, it brings up the same popup.
    This functionality will operate on any window opened after the extension
    is loaded.

See: http://developer.asana.com/

Files of special interest:

  api_bridge.js:
    Handles generic communication with the API.

  server_model.js:
    Wraps specifics of individual API calls to return objects to calling code.
    This is not a real ORM, just the bare bones necessary to get a few
    simple things done.

  popup.html
    Source for the popup window, contains the top-level logic which drives
    most of the user-facing functionality.

To install:

  1. Download the code, e.g. `git clone git://github.com/Asana/Chrome-Extension-Example.git`
  2. Navigate chrome to `chrome://extensions`
  3. Check the `Developer mode` toggle
  4. Click on `Load Unpacked Extension...`
  5. Select the folder containing the extension
Something went wrong with that request. Please try again.