IPSA Directive

Using IPSA as an AngularJS directive

Overview

The spectrum renderer used in IPSA has been configured to be used as an AngularJS directive. Angular directives, read more here, allows a developer to extend Angular JavaScript functionality into HTML tags. In other words, you can integrate IPSA's interactive spectrum renderer into a custom website with a few easy steps.

Contents

• Dependencies

• Specifying Peptide Modifications

Instructions

Dependencies

First, the following files need to be included in your web page.

• Javascript files

  Angular.js Angular v1.6.5

  d3.vs.min.js D3 version 3 codebase d3-ease.v1.min.js D3 transitions d3-tip.js Tooltip behavior IPSA.js Spectrum Renderer

• CSS files

  PeptideAnnotator.css IPSA's custom styling Inconsolata.css Style sheet for Inconsolata font Open+Sans.css Style sheet for Open Sans font Montserrat.css Style sheet for Montserrat font

---