<commit_before>ng-monitor [![NPM version](https://badge.fury.io/js/ng-monitor.png)](http://badge.fury.io/js/ng-monitor) [![Build Status](https://travis-ci.org/darul75/ng-monitor.png?branch=master)](https://travis-ci.org/darul75/ng-monitor) [![Total views](https://sourcegraph.com/api/repos/github.com/darul75/ng-monitor/counters/views.png)](https://sourcegraph.com/github.com/darul75/ng-monitor)
=====================

Simple angular monitor directive Bootstrap 3 style. 

It includes a small CSS3 effect, so you may guess IE6 do not like it.

*Bootstrap version 3.*

Why
------------

I had to test some CSS3 instructions and play with it.

Then AngularStrap or native Boostrap alert messages are not very friendly, popup too big, this one looks less intrusive.

This directive is fully based on angular event broadcasting, you trigger event => directive catch it.

Demo
------------
http://darul75.github.io/ng-monitor/

How to use it
-------------

You should already have script required for Angular.

```html
<script type="text/javascript" src="angular.min.js"></script>
```

to the list above, you should add:

```html
<link rel="stylesheet" type="text/css" href="ng-monitor.min.css">
<script type="text/javascript" src="ng-monitor.min.js"></script>
```

Inject `ngMonitor` in your application module:

```javascript
angular.module('myApp', ['ngMonitor']);
```

and then just add 

```html
<canvas monitor id='2' w='300' h='200'></canvas>
```

and broadcast some events to display notifications when needed

```javascript
$scope.$broadcast('ng-monitor', {prc: val});
// val: 50 for 50%...

```

### Options

TODO


Installation
------------
<commit_msg>some fix<commit_after>ng-monitor [![NPM version](https://badge.fury.io/js/ng-monitor.png)](http://badge.fury.io/js/ng-monitor) [![Build Status](https://travis-ci.org/darul75/ng-monitor.png?branch=master)](https://travis-ci.org/darul75/ng-monitor) [![Total views](https://sourcegraph.com/api/repos/github.com/darul75/ng-monitor/counters/views.png)](https://sourcegraph.com/github.com/darul75/ng-monitor)
=====================

Angular directive monitoring with friendly funky status display.

Canvas mandatory.

*Bootstrap version 3.*

Why
------------

Play with canvas, get simple back-office status display (serveur, disks capacity..)

Demo
------------
http://darul75.github.io/ng-monitor/

How to use it
-------------

You should already have script required for Angular.

```html
<script type="text/javascript" src="angular.min.js"></script>
```

to the list above, you should add:

```html
<script type="text/javascript" src="ng-monitor.min.js"></script>
```

Inject `ngMonitor` in your application module:

```javascript
angular.module('myApp', ['ngMonitor']);
```

and then just add 

```html
<canvas monitor id='2' w='300' h='200'></canvas>
```

and broadcast some events of that kind with percentage value:

```javascript
$scope.$broadcast('ng-monitor', {prc: val});
// val: 50 for 50%...

```

### Options

TODO: animation improves ( faster, slower...)
...


Installation
------------

{'fraction_non_alphanumeric': 0.20098199672667758, 'fraction_numerical': 0.015711947626841243, 'mean_word_length': 4.018062397372742, 'pattern_counts': {'":': 0, '<': 16, '<?xml version=': 0, '>': 17, 'https://': 10, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '388972', 'n_tokens_mistral': 1027, 'n_tokens_neox': 949, 'n_words': 256}