Merge pull request #39 from mpalourdio/0.7.0

Fixes #31 : Add possibility to define a custom spinner

Author: mpalourdio

CHANGELOG.MD

@@ -1,5 +1,11 @@
 # Changelog
 
+## v0.7.0
+
+This release adds the ``entryComponent`` property. It allows to specify your own component instead of the built-in ones. It uses the [NgComponentOutlet](https://angular.io/api/common/NgComponentOutlet) feature.
+
+See [Defining your own spinner](https://github.com/mpalourdio/ng-http-loader#defining-your-own-spinner) section.
+
 ## v0.6.0
 
 This release adds the ``debounceDelay`` parameter (default is 0). It allows to discard the spinner for fast and repeated http requests, which can be annoying under some conditions.

README.MD

@@ -10,7 +10,7 @@
 
 ## Contributing
 
-Use the fork, Luke (And add tests).
+Use the fork, Luke. PR without tests will likely not be merged.
 
 ## Installation
 
@@ -136,6 +136,18 @@ The different spinners available are referenced in [this class](src/spinkits.ts)
 <spinner backgroundColor="#ff0000" spinner="sk-wave"></spinner>
 ```
 
+## Defining your own spinner
+
+You can define your own loader component in place of the built-in ones. The needed steps are:
+
+- Create your component
+- Add it to the [entryComponent](https://angular.io/guide/ngmodule-faq#what-is-an-entry-component) definition in your module definition
+- Reference your component in a public property in your ``app.component.ts``
+- Reference the property in the spinner component like this :
+```xml
+<spinner [entryComponent]="myAwesomeComponent"></spinner>
+```
+
 ## Requests filtering
 
 You can also filter the http requests that shouldn't be caught by the interceptor by providing **an array of regex patterns**:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-http-loader",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "scripts": {
     "prepare-deploy": "gulp inline-templates && gulp clean-dist && ngc -p tsconfig.ngc.json && gulp clean-tmp && gulp copy-all",
     "test": "ng test --watch false"

src/components/spinner/spinner.component.ts

@@ -34,7 +34,7 @@ export class SpinnerComponent implements OnDestroy, OnInit {
     @Input()
     public debounceDelay = 0;
     @Input()
-    public entryComponent = null;
+    public entryComponent: any = null;
 
     constructor(private pendingRequestInterceptorService: PendingInterceptorService) {
         this.subscription = this.pendingRequestInterceptorService

yarn.lock

@@ -3680,8 +3680,8 @@ jasmine-core@~2.6.2:
   resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-2.6.4.tgz#dec926cd0a9fa287fb6db5c755fa487e74cecac5"
 
 jasmine-core@~2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-2.9.0.tgz#bfbb56defcd30789adec5a3fbba8504233289c72"
+  version "2.9.1"
+  resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-2.9.1.tgz#b6bbc1d8e65250d56f5888461705ebeeeb88f22f"
 
 jasmine-spec-reporter@~4.1.0:
   version "4.1.1"
@@ -7005,8 +7005,8 @@ uglify-es@^3.3.4:
     source-map "~0.6.1"
 
 uglify-js@3.3.x:
-  version "3.3.7"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.3.7.tgz#28463e7c7451f89061d2b235e30925bf5625e14d"
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.3.8.tgz#51e9a5db73afb53ac98603d08224edcd0be45fd8"
   dependencies:
     commander "~2.13.0"
     source-map "~0.6.1"
@@ -7331,8 +7331,8 @@ webpack-dev-middleware@1.12.2, webpack-dev-middleware@~1.12.0:
     time-stamp "^2.0.0"
 
 webpack-dev-server@~2.11.0:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-2.11.0.tgz#e9d4830ab7eb16c6f92ed68b92f6089027960e1b"
+  version "2.11.1"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-2.11.1.tgz#6f9358a002db8403f016e336816f4485384e5ec0"
   dependencies:
     ansi-html "0.0.7"
     array-includes "^3.0.3"
@@ -7357,7 +7357,7 @@ webpack-dev-server@~2.11.0:
     sockjs "0.3.19"
     sockjs-client "1.1.4"
     spdy "^3.4.1"
-    strip-ansi "^4.0.0"
+    strip-ansi "^3.0.0"
     supports-color "^5.1.0"
     webpack-dev-middleware "1.12.2"
     yargs "6.6.0"