Sample application illustrating use of the Asana API
JavaScript CSS HTML
Latest commit 54b35b6 Sep 6, 2016 @slobak slobak committed on GitHub Merge pull request #12 from Asana/quick-redesign
Quick and dirty redesign for non-embarassing marketing
Permalink
Failed to load latest commit information.
LICENSE Add a LICENSE file Dec 21, 2015
README Use browser action for command and switch keyboard shortcut to Alt+Sh… Jun 8, 2013
api_bridge.js Adding client header to API requests Oct 18, 2014
asana.js Updated comments Jun 4, 2013
background.js Alt and Tab hotkeys are now more robust Jun 3, 2013
extension_server.js Use browser action for command and switch keyboard shortcut to Alt+Sh… Jun 8, 2013
icon128.png Update icons for visual relaunch (still does not have new styles in U… Dec 1, 2015
icon16.png Update icons for visual relaunch (still does not have new styles in U… Dec 1, 2015
icon48.png Update icons for visual relaunch (still does not have new styles in U… Dec 1, 2015
jquery-1.7.1.min.js Initial version. Feb 25, 2012
jquery-ui-1.8.10.custom.min.js Initial version. Feb 25, 2012
manifest.json Remove typekit permissions and improve icon Sep 7, 2016
nopicture.png anonymous man Jun 4, 2013
options.css changing layout, wip May 31, 2013
options.html changing layout, wip May 31, 2013
options.js Update signup link Jun 4, 2013
options_init.js Modified source and manifest to work with manifest version 2 and the … Aug 22, 2012
options_page.js Modified source and manifest to work with manifest version 2 and the … Aug 22, 2012
popup.css Update font usage Aug 3, 2016
popup.html Update font usage Aug 3, 2016
popup.js Further design tweaks - status messages, icons Aug 3, 2016
server_model.js Increase photo resolution, better for retina display Jun 4, 2013
sprite-retina.png First pass at updated design: inputs, typeahead, logo, colors Aug 3, 2016
sprite.png First pass at updated design: inputs, typeahead, logo, colors Aug 3, 2016

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