demo(app): integration of the latest features of the library

Author: AnthonyNahas

demo/src/app/home/home.component.html

@@ -23,22 +23,18 @@ <h1>@angular-material-extensions/link-preview</h1>
 </div>
 
 <section class="home">
-  <div class="container">
-    <!-- put your content here-->
+  <div class="container" fxFlex.xs="100" fxFlex.sm="70" fxFlex="50">
+    <div fxLayout="column" fxLayoutAlign="center">
 
-    <div class="mx-auto">
-      <mat-link-preview [linkPreview]="linkExample"></mat-link-preview>
-    </div>
+      <mat-form-field class="demo-full-width" appearance="outline">
+        <mat-label>Enter here your text here with few links to preview ;)</mat-label>
+        <textarea matInput matTextareaAutosize matLinkPreview minRows="6"></textarea>
+        <mat-link-preview-container [multiple]="true" color=""></mat-link-preview-container>
+      </mat-form-field>
 
-    <mat-form-field class="demo-full-width">
-      <mat-label>Address 2</mat-label>
-      <textarea matInput matLinkPreview></textarea>
-    </mat-form-field>
+      <!--<mat-link-preview [linkPreview]="linkExample"></mat-link-preview>-->
 
-    <div>
-      <mat-link-preview-container></mat-link-preview-container>
+      <p>Happy ng-hacking!</p>
     </div>
-
-    <p>Happy ng-hacking!</p>
   </div>
 </section>

demo/src/app/home/home.component.scss

@@ -1,9 +1,13 @@
 .logo {
-    width: 256px;
-    height: 256px;
-    margin-top: 1.4rem;
+  width: 256px;
+  height: 256px;
+  margin-top: 1.4rem;
 }
 
 .home {
-    margin-top: 1.0rem;
-}
+  margin-top: 1.0rem;
+}
+
+mat-link-preview-container {
+  margin-top: 2rem;
+}

demo/src/app/home/home.module.ts

@@ -5,11 +5,13 @@ import {MatLinkPreviewModule} from '@angular-material-extensions/link-preview';
 import {HomeRoutingModule} from './home-routing.module';
 import {HomeComponent} from './home.component';
 import {MatInputModule} from '@angular/material';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 @NgModule({
   imports: [
     CommonModule,
     MatLinkPreviewModule.forRoot(),
+    FlexLayoutModule,
     HomeRoutingModule,
     MatInputModule,
   ],