Implementaiton of preview tab.

frontend/src/app/pages/publication-edition/publication-edition.component.html

@@ -8,7 +8,7 @@
                 <h1>Modification de l'article {{ publication.title }}</h1>
             </header>
 
-            <mat-tab-group dynamicHeight>
+            <mat-tab-group dynamicHeight (selectedIndexChange)="onTabChange($event)">
                 <mat-tab label="Edition">
                     <div class="form-content">
                         <div class="first-part">
@@ -66,7 +66,19 @@
                 </mat-tab>
 
                 <mat-tab label="Previewing">
-
+                    <div class="preview">
+                        @if ((isPreviewing$ | async) === true) {
+                            <h2>Preview is loading...</h2>
+                            <mat-spinner></mat-spinner>
+                        } @else {
+                            <img class="illustration" src="/pictures/{{ publication.illustrationId }}" />
+                            <header>
+                                <h1>{{ publication.title }}</h1>
+                                <h2>{{ publication.description }}</h2>
+                            </header>
+                            <main [innerHTML]="publication.parsedText"></main>
+                        }
+                    </div>
                 </mat-tab>
             </mat-tab-group>
             <footer>