GithubHelp home page GithubHelp logo

isabella232 / chrome-extension-example Goto Github PK

View Code? Open in Web Editor NEW

This project forked from asana/chrome-extension-example

0.0 0.0 0.0 417 KB

Sample application illustrating use of the Asana API

License: MIT License

JavaScript 68.00% CSS 21.84% HTML 10.17%

chrome-extension-example's Introduction

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

chrome-extension-example's People

Contributors

chadworth avatar periodic avatar slobak avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.