Giter VIP home page Giter VIP logo

angular-atlas's Introduction

Angular Atlas

An AngularJS wrapper for the Atlas feedback, metric, and PDF services.

Build Status

Installation

Include angular-atlas.js (and stacktrace.js if you want to log errors with stack traces) in your HTML:

<script src="stacktrace.js"></script>
<script src="angular-atlas.js"></script>

Then load the module in your application by adding it as a dependent module:

angular.module('app', ['boundstate.atlas']);

Usage

Configure your app id (and the Atlas service base URL if necessary) and log exceptions:

.config(function ($provide, atlasProvider) {
  atlasProvider.setBaseUrl('https://atlas.boundstatesoftware.com');
  atlasProvider.setAppId('my-app');
  
  // Log exceptions to Atlas (optional)
  $provide.decorator('$exceptionHandler', ['$delegate', 'atlas', function($delegate, atlas) {
    return function(exception, cause) {
      $delegate(exception, cause);
      atlas.logException(exception, cause);
    };
  }]);
})

Embed the feedback form:

.run(function (atlas) {
  atlas.embedFeedbackForm();
})

Record metrics:

atlas.recordMetric({
  category: 'assessment',
  action: 'download',
  value: '1',
  dimensions: {
    foo: 'bar'
  }
})

Generate a PDF:

atlas.generatePdf({
  filename: 'foo.pdf',
  html: $document[0].body.innerHTML,
  base_url: window.location.href.split('#')[0],
  stylesheets: 'http://example.com/stylesheet.css',
  footer_text: 'bar'
})

angular-atlas's People

Contributors

mikejpeters avatar

Watchers

James Cloos 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.