feat(ngx-material-pages): input for the title of the toolbar

Author: AnthonyNahas

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

@@ -17,7 +17,7 @@
       <button mat-icon-button (click)="sidenav.toggle()">
         <mat-icon>menu</mat-icon>
       </button>
-      ngx-material-pages
+      {{title}}
     </mat-toolbar>
     <div class="demo-sidenav-content main-container">
 

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

@@ -3,7 +3,7 @@ import {
   ChangeDetectionStrategy,
   Component,
   ContentChildren, EventEmitter,
-  forwardRef, HostListener,
+  forwardRef, HostListener, Input,
   OnInit, Output,
   QueryList, ViewChild,
   ViewEncapsulation
@@ -25,6 +25,9 @@ export class NgxMaterialPagesComponent implements OnInit, AfterContentInit {
   @ContentChildren(NgxMaterialPageLoaderComponent)
   pages: QueryList<NgxMaterialPageLoaderComponent>;
 
+  @Input()
+  title: string;
+
   @Output()
   done: EventEmitter<void> = new EventEmitter<void>();