first commit

src/app/layouts/intercept-loader/loader/loader.component.html

@@ -0,0 +1,13 @@
+<!-- <div class="progress-loader" [hidden]="!loading">
+    <div class="loading-spinner">
+        <div class="row examples">
+            <div class="col-3">
+                <div class="snippet" data-title=".dot-pulse">
+                    <div class="stage">
+                        <div class="dot-pulse"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div> -->

src/app/layouts/intercept-loader/loader/loader.component.ts

@@ -0,0 +1,22 @@
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { LoaderService } from 'src/app/core/common/loader.service';
+
+@Component({
+  selector: 'app-loader',
+  templateUrl: './loader.component.html',
+})
+export class LoaderComponent implements OnInit {
+
+  loading: boolean;
+
+  constructor(private loaderService: LoaderService, private cd: ChangeDetectorRef) {
+
+
+  }
+  ngOnInit() {
+    this.loaderService.isLoading.subscribe((v) => {
+      this.loading = v;
+      this.cd.detectChanges();
+    });
+  }
+}