bendrucker/angular-live-or-test

Angular service and directive for toggling and indicating "live" and "test" modes

angular-live-or-test

Angular service and directive for toggling and indicating "live" and "test" modes. If you've ever used Stripe, you've seen how you can toggle between "live" and "test" from your dashboard. In test mode, the dashboard displays a badge reminding the user that they're in test mode. This allow you to replicate that effect.

Installing

$ npm install angular-live-or-test

Setup

angular.module('myApp', [
  require('angular-live-or-test')
]);

API

Service: live

live.enabled([Boolean]) -> Boolean

When either true or false is passed, live mode is enabled or disabled, respectively. If no argument is passed, the current setting is returned. live is a singleton. Your application can only have one live setting.

Directive: testBadge

Displays a badge that is synced to the live mode setting.

<test-badge>
  <h2>Test</h2>
</test-badge>