add bootstrap to bower and npm

Author: jacqueslareau

.gitignore

@@ -1,2 +1,3 @@
 bower_components
 dev
+node_modules

README.md

@@ -1,10 +1,10 @@
 angular-pnotify
 ====================
 
-This is a simple wrapper for [PNotify](http://sciactive.com/pnotify/) as a [AngularJS](http://angularjs.org/) service. 
+This is a simple wrapper for [PNotify](http://sciactive.com/pnotify/) as a [AngularJS](http://angularjs.org/) service.
 This service provides several helper methods to display notifications on web applications.
 
-A PNotify 2.0 port heavily based on [angular-pines-notify](https://github.com/mykabam/angular-pines-notify) project. 
+A PNotify 2.0 port heavily based on [angular-pines-notify](https://github.com/mykabam/angular-pines-notify) project.
 
 ### Dependencies
 
@@ -46,7 +46,7 @@ Here is an example using Bootstrap 3.
 
 <script src="bower_components/jquery/dist/jquery.min.js"></script>
 <script src="bower_components/angular/angular.js"></script>
-<script src="bower_components/pnotify/pnotify.core.js"></script>
+<script src="bower_components/pnotify/dist/pnotify.core.js"></script>
 <script src="bower_components/pnotify/pnotify.confirm.js"></script>
 <script src="bower_components/pnotify/pnotify.buttons.js"></script>
 <script src="bower_components/angular-pnotify/src/angular-pnotify.js"></script>
@@ -58,7 +58,7 @@ Add the angular-pnotify module as a dependency to your application module:
 angular.module('MyApp', ['jlareau.pnotify']);
 ```
 
-In order to use the API you need to inject the `notificationService` service into your controllers. 
+In order to use the API you need to inject the `notificationService` service into your controllers.
 
 ```javascript
 angular.module('MyApp')
@@ -104,7 +104,7 @@ Display a generic PNotify notification with the options you pass to it. It ignor
 
 #### notifyWithDefaults
 
-Same as `notify` but will merge the options with defaults. Useful when you only want to override or add one options, without 
+Same as `notify` but will merge the options with defaults. Useful when you only want to override or add one options, without
 clearing all defaults.
 
 `notificationService.notifyWithDefaults(options, [stack name]);`
@@ -135,14 +135,14 @@ angular.module('MyApp')
 	.config(['notificationServiceProvider', function(notificationServiceProvider) {
 
 		notificationServiceProvider
-		
+
 			.setDefaults({
 				history: false,
 				delay: 4000,
 				closer: false,
 				closer_hover: false
 			})
-		
+
 			// Configure a stack named 'bottom_right' that append a call 'stack-bottomright'
 			.setStack('bottom_right', 'stack-bottomright', {
 				dir1: 'up',
@@ -157,7 +157,7 @@ angular.module('MyApp')
 				dir2: 'right',
 				push: 'top'
 			})
-			
+
 		;
 
 	}])
@@ -167,7 +167,7 @@ angular.module('MyApp')
 
 ### PNotify Stacks
 
-You can set the position and direction of notifications by using PNotify stacks. You can add stack information to the following methods: 
+You can set the position and direction of notifications by using PNotify stacks. You can add stack information to the following methods:
 
 * info
 * notice
@@ -185,7 +185,7 @@ angular.module('MyApp')
 			dir1: 'down',
 			dir2: 'right',
 			push: 'top'
-		}); 
+		});
 
 	}])
 ;

demo/index.html renamed to index.html

@@ -4,29 +4,29 @@
 
 	<meta charset="utf-8">
 
-	<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-	<link rel="stylesheet" href="/bower_components/pnotify/pnotify.core.css">
-	<link rel="stylesheet" href="/bower_components/pnotify/pnotify.buttons.css">
-
-	<script src="/bower_components/jquery/dist/jquery.min.js"></script>
-	<script src="/bower_components/angular/angular.js"></script>
-	<script src="/bower_components/pnotify/pnotify.core.js"></script>
-	<script src="/bower_components/pnotify/pnotify.confirm.js"></script>
-	<script src="/bower_components/pnotify/pnotify.buttons.js"></script>
-	<script src="/src/angular-pnotify.js"></script>
-  
+	<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
+	<link rel="stylesheet" href="node_modules/pnotify/dist/pnotify.css">
+	<link rel="stylesheet" href="node_modules/pnotify/dist/pnotify.buttons.css">
+
+	<script src="node_modules/jquery/dist/jquery.min.js"></script>
+	<script src="node_modules/angular/angular.js"></script>
+	<script src="node_modules/pnotify/dist/pnotify.js"></script>
+	<script src="node_modules/pnotify/dist/pnotify.confirm.js"></script>
+	<script src="node_modules/pnotify/dist/pnotify.buttons.js"></script>
+	<script src="src/angular-pnotify.js"></script>
+
 </head>
 
 <body ng-app="pnotify-demo">
 
 	<div ng-controller="MyCtrl">
-    
+
 		<div class="container-fluid">
-    
+
 			<div class="page-header">
 				<h1>angular-pnotify demo</h1>
 			</div>
-      
+
 			<p>View source for more details.</p>
 			<hr>
 
@@ -45,24 +45,24 @@ <h1>angular-pnotify demo</h1>
 			<p><button ng-click="error()" class="btn btn-danger">Error</button></p>
 			<p><pre>notificationService.error('Error text')</pre></p>
 			<hr>
-      
+
 			<p>Use the generic PNotify object.</p>
 			<p><button ng-click="generic()" class="btn btn-primary">Generic PNotify</button></p>
 			<p>
 				<pre>
 notificationService.notify({
-	title: 'The notice title.', 
+	title: 'The notice title.',
 	title_escape: false,
 	text: 'The notice text.',
 	text_escape: false,
 	styling: "bootstrap3",
-	type: "notice", 
+	type: "notice",
 	icon: true
 });
 				</pre>
 			</p>
 			<hr>
-      
+
 			<p><button ng-click="confirmDialog()" class="btn btn-primary">Confirm dialog</button></p>
 			<p>
 				<pre>
@@ -89,7 +89,7 @@ <h1>angular-pnotify demo</h1>
 			</p>
 			<hr>
 
-			<p><button ng-click="overrideDefaults()" class="btn btn-primary">Override defaults</button></p>      
+			<p><button ng-click="overrideDefaults()" class="btn btn-primary">Override defaults</button></p>
 			<p>
 				<pre>
 notificationService.notifyWithDefaults({
@@ -99,8 +99,8 @@ <h1>angular-pnotify demo</h1>
 				</pre>
 			</p>
 			<hr>
-      
-			<p><button ng-click="stackTopLeft()" class="btn btn-primary">Stack top left</button></p>      
+
+			<p><button ng-click="stackTopLeft()" class="btn btn-primary">Stack top left</button></p>
 			<p>
 				In config:
 				<pre>
@@ -109,16 +109,16 @@ <h1>angular-pnotify demo</h1>
 	dir1: 'down',
 	dir2: 'right',
 	push: 'top'
-});          
+});
 				</pre>
 				In controller:
 				<pre>
 notificationService.info('Hello World : Top left', 'top_left');
 				</pre>
 			</p>
 			<hr>
-      
-			<p><button ng-click="stackBottomRight()" class="btn btn-primary">Stack bottom right</button></p>      
+
+			<p><button ng-click="stackBottomRight()" class="btn btn-primary">Stack bottom right</button></p>
 			<p>
 				In config:
 				<pre>
@@ -135,19 +135,30 @@ <h1>angular-pnotify demo</h1>
 notificationService.info('Hello World : Bottom right', 'bottom_right');
 				</pre>
 			</p>
+            <hr>
+
+            <p><button ng-click="removeNotifications()" class="btn btn-primary">Remove all notifications</button></p>
+            <p>
+                In controller:
+				<pre>
+notificationService.removeNotifications();
+				</pre>
+            </p>
 
 		</div>
+
 	</div>
-	
+
 	<script>
 
 		angular.module('pnotify-demo', ['jlareau.pnotify'])
-  
+
 			.config(['notificationServiceProvider', function(notificationServiceProvider) {
 
 				notificationServiceProvider
-	  
+
 					.setDefaults({
+                        styling: 'bootstrap3',
 						delay: 4000,
 						buttons: {
 							closer: false,
@@ -172,7 +183,7 @@ <h1>angular-pnotify demo</h1>
 						dir2: 'right',
 						push: 'top'
 					})
-					
+
 				;
 
 			}])
@@ -199,12 +210,12 @@ <h1>angular-pnotify demo</h1>
 
 					// This is a sample using the generic PNotify object
 					notificationService.notify({
-						title: 'The notice title.', 
+						title: 'The notice title.',
 						title_escape: false,
 						text: 'The notice text.',
 						text_escape: false,
 						styling: 'bootstrap3',
-						type: 'notice', 
+						type: 'notice',
 						icon: true
 					});
 
@@ -231,7 +242,7 @@ <h1>angular-pnotify demo</h1>
 						alert('Ok, cool.');
 					}).on('pnotify.cancel', function() {
 						alert('Oh ok. Chicken, I see.');
-					});      
+					});
 
 				};
 
@@ -250,6 +261,10 @@ <h1>angular-pnotify demo</h1>
 					notificationService.info('Hello World : Bottom right', 'bottom_right');
 				};
 
+                $scope.removeNotifications = function(){
+                    notificationService.removeNotifications();
+                }
+
 			}]);
 
 		</script>

package.json

@@ -24,7 +24,8 @@
   ],
   "dependencies": {
     "angular": "~1.5.5",
-    "pnotify": "~3.0.0",
-    "jquery": ">=1.9"
+    "bootstrap": "^3.3.6",
+    "jquery": ">=1.9",
+    "pnotify": "~3.0.0"
   }
 }