fix(ngx-material-pages): removed the template in the loader component

Author: AnthonyNahas

src/module/components/ngx-material-pages/ngx-material-page-content/ngx-material-page-content.component.html

@@ -0,0 +1,8 @@
+<ng-template>
+  <mat-card>
+    <mat-card-title>{{title}} 21</mat-card-title>
+    <mat-card-content>
+      <!--<ng-content></ng-content>-->
+    </mat-card-content>
+  </mat-card>
+</ng-template>

src/module/components/ngx-material-pages/ngx-material-page-content/ngx-material-page-content.component.scss

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NgxMaterialPageContentComponent } from './ngx-material-page-content.component';
+
+describe('NgxMaterialPageContentComponent', () => {
+  let component: NgxMaterialPageContentComponent;
+  let fixture: ComponentFixture<NgxMaterialPageContentComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ NgxMaterialPageContentComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NgxMaterialPageContentComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/module/components/ngx-material-pages/ngx-material-page-content/ngx-material-page-content.component.spec.ts

@@ -0,0 +1,23 @@
+import {ChangeDetectionStrategy, Component, Input, OnInit, TemplateRef, ViewChild, ViewEncapsulation} from '@angular/core';
+
+@Component({
+  selector: 'ngx-material-page-content',
+  templateUrl: './ngx-material-page-content.component.html',
+  styleUrls: ['./ngx-material-page-content.component.scss'],
+
+})
+export class NgxMaterialPageContentComponent implements OnInit {
+
+  /** Template for page content. */
+  @ViewChild(TemplateRef) content: TemplateRef<any>;
+
+  @Input()
+  title: string;
+
+  constructor() {
+  }
+
+  ngOnInit() {
+  }
+
+}

src/module/components/ngx-material-pages/ngx-material-page-content/ngx-material-page-content.component.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NgxMaterialPageLoaderComponent } from './ngx-material-page-loader.component';
+
+describe('NgxMaterialPageLoaderComponent', () => {
+  let component: NgxMaterialPageLoaderComponent;
+  let fixture: ComponentFixture<NgxMaterialPageLoaderComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ NgxMaterialPageLoaderComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NgxMaterialPageLoaderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/module/components/ngx-material-pages/ngx-material-page-loader/ngx-material-page-loader.component.html

@@ -0,0 +1,26 @@
+import {AfterContentInit, Component, ContentChild, ContentChildren, OnInit, QueryList, TemplateRef, ViewChild} from '@angular/core';
+import {NgxMaterialPageOutlookComponent} from '../ngx-material-page-outlook/ngx-material-page-outlook.component';
+import {NgxMaterialPageContentComponent} from '../ngx-material-page-content/ngx-material-page-content.component';
+
+@Component({
+  selector: 'ngx-material-page-loader',
+  templateUrl: './ngx-material-page-loader.component.html',
+  styleUrls: ['./ngx-material-page-loader.component.scss']
+})
+export class NgxMaterialPageLoaderComponent implements OnInit, AfterContentInit {
+
+  @ContentChild(NgxMaterialPageOutlookComponent) pageOutlook: NgxMaterialPageOutlookComponent;
+  @ContentChild(NgxMaterialPageContentComponent) pageContent: NgxMaterialPageContentComponent;
+
+  constructor() {
+  }
+
+  ngOnInit() {
+  }
+
+  ngAfterContentInit(): void {
+    console.log('pagesOutlook:', this.pageOutlook);
+    console.log('pagesContent:', this.pageContent);
+  }
+
+}