https://github.com/tinesoft/ng-browser-update
AngularJS directive for Browser-Update.org (http://browser-update.org): out-dated browsers notifier.
https://github.com/tinesoft/ng-browser-update
Last synced: 8 months ago
JSON representation
AngularJS directive for Browser-Update.org (http://browser-update.org): out-dated browsers notifier.
- Host: GitHub
- URL: https://github.com/tinesoft/ng-browser-update
- Owner: tinesoft
- License: mit
- Archived: true
- Created: 2014-12-22T12:58:46.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2016-03-06T12:35:59.000Z (over 10 years ago)
- Last Synced: 2025-10-12T03:52:13.502Z (8 months ago)
- Language: JavaScript
- Homepage: http://tinesoft.github.io/ng-browser-update
- Size: 730 KB
- Stars: 17
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
ng-browser-update [](https://travis-ci.org/tinesoft/ng-browser-update)[](https://david-dm.org/tinesoft/ng-browser-update#info=devDependencies)
===========================================================================================================================================
AngularJS directive for [Browser-Update.org](http://browser-update.org): out-dated browsers notifier.
Demo: http://tinesoft.github.io/ng-browser-update
Installation
------------
Using bower:
```
bower install ng-browser-update
```
Using npm:
```
npm install ng-browser-update
```
How to use it
-------------
You should already angular script referenced. If not, add it:
```
```
Then add the library:
```
```
Next, inject `ngBrowserUpdate` in your application module:
```
angular.module('myApp', ['ngBrowserUpdate']);
```
and then just add an `browser-update` tag in your main file (index.html for example):
```
```
### Implemented features so far:
* `versions` : browser versions to notify
* `language` : set a language for the message, e.g. "en", overrides the default detection
* `reminder` : atfer how many hours should the message reappear: 0 = show all the time
* `new-window`: open link in new window/tab
* `always-show-bar`: always show the bar (for testing)
* `notification-text` : custom notification html text (takes precedence over the 'language' option)
* `on-notification-bar-shown`: callback function after the bar has appeared
* `on-notificationBar-clicked`: callback function if bar was clicked
Example with some above features:
```
```
### Easy i18n support for custom notification message
Version [v1.1](http://github.com/tinesoft/ng-browser-update/blob/v1.1/CHANGELOG.md) of **ng-browser-update** makes it possible to use angular's expressions as value for the `notification-text` attribute.
This allows you to use, for example, [angular-translate](https://angular-translate.github.io/)'s `translate` filter, to easily translate the custom message that appears in the notification bar.
Here is an example:
```
```
> where **CUSTOM_NOTIFICATION_MESSAGE_ID** is the key of the message.
More information on how to use [angular-translate](https://angular-translate.github.io/)'s `translate` filter can be found [here](http://angular-translate.github.io/docs/#/guide/04_using-translate-filter).
### Features to be implemented:
* `onNotificationClosed` : callback when user closes the notification bar
### Build
You can run the tests by cloning the repo and then (inside the project folder) running
```
npm install
bower install
grunt watch
```
assuming you already have `grunt` installed, otherwise you also need to do:
```
npm install -g grunt-cli
```
### License
Copyright (c) 2015 Tine Kondo. Licensed under the MIT License (MIT)
### Thanks To
Credits and thanks go to the team behind [Browser-Update.org](http://browser-update.org) for this awesome initiative!