ADD: Added support for image for spinner.

Napster2210 · Mar 5, 2020 · cf48158 · cf48158
1 parent d5e710e
commit cf48158
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/projects/ngx-spinner/src/lib/ngx-spinner.component.html b/projects/ngx-spinner/src/lib/ngx-spinner.component.html
@@ -1,8 +1,9 @@
-<div [@fadeIn]="'in'" *ngIf="spinner.show" class="overlay" [style.background-color]="spinner.bdColor" [style.z-index]="spinner.zIndex"
-  [style.position]="spinner.fullScreen ? 'fixed' : 'absolute'">
-  <div [class]="spinner.class" [style.color]="spinner.color">
+<div [@fadeIn]="'in'" *ngIf="spinner.show" class="overlay" [style.background-color]="spinner.bdColor"
+  [style.z-index]="spinner.zIndex" [style.position]="spinner.fullScreen ? 'fixed' : 'absolute'">
+  <div *ngIf="!template" [class]="spinner.class" [style.color]="spinner.color">
     <div *ngFor="let index of spinner.divArray"></div>
   </div>
+  <div *ngIf="template" [innerHTML]="template"></div>
   <div class="loading-text" [style.z-index]="spinner.zIndex">
     <ng-content></ng-content>
   </div>

diff --git a/projects/ngx-spinner/src/lib/ngx-spinner.component.ts b/projects/ngx-spinner/src/lib/ngx-spinner.component.ts
@@ -75,6 +75,12 @@ export class NgxSpinnerComponent implements OnDestroy, OnInit, OnChanges {
    * @memberof NgxSpinnerComponent
    */
   @Input() zIndex: number;
+  /**
+   * Custom template for spinner/loader
+   *
+   * @memberof NgxSpinnerComponent
+   */
+  @Input() template: string;
   /**
    * Spinner Object
    *
@@ -120,6 +126,7 @@ export class NgxSpinnerComponent implements OnDestroy, OnInit, OnChanges {
     this.size = 'large';
     this.fullScreen = true;
     this.name = PRIMARY_SPINNER;
+    this.template = null;
 
     this.divArray = [];
     this.divCount = 0;
@@ -162,6 +169,7 @@ export class NgxSpinnerComponent implements OnDestroy, OnInit, OnChanges {
       divCount: this.divCount,
       show: this.show,
       zIndex: this.zIndex,
+      template: this.template,
     });
   }
   /**

diff --git a/projects/ngx-spinner/src/lib/ngx-spinner.enum.ts b/projects/ngx-spinner/src/lib/ngx-spinner.enum.ts
@@ -72,6 +72,7 @@ export interface Spinner {
   type?: string;
   fullScreen?: boolean;
   zIndex?: number;
+  template?: string;
 }
 
 export class NgxSpinner {
@@ -86,6 +87,7 @@ export class NgxSpinner {
   fullScreen: boolean;
   show: boolean;
   zIndex: number;
+  template: string;
 
   constructor(init?: Partial<NgxSpinner>) {
     Object.assign(this, init);