Remove the frontend annotation-tableau middleman

Author: jgonggrijp

frontend/src/app/annotate/annotation-menu/annotation-menu.component.html

@@ -1,35 +1,37 @@
-<ul ngbNav #nav="ngbNav" [(activeId)]="active" class="nav-tabs flex-nowrap">
-    <li [ngbNavItem]="1">
-        <button ngbNavLink>
-            <fa-icon
-                [icon]="faSquarePollHorizontal"
-                class="me-2"
-                aria-hidden="true"
-            />
-            <span i18n>Syntactic parses</span>
-        </button>
-        <ng-template ngbNavContent>
-            <la-annotation-parse-results />
-        </ng-template>
-    </li>
-    <li [ngbNavItem]="2">
-        <button ngbNavLink>
-            <fa-icon [icon]="faTree" class="me-2" aria-hidden="true" />
-            <span i18n>Tableau / Proof</span>
-        </button>
-        <ng-template ngbNavContent>
-            <la-annotation-tableau />
-        </ng-template>
-    </li>
-    <li [ngbNavItem]="3">
-        <button ngbNavLink>
-            <fa-icon [icon]="faPenNib" class="me-2" aria-hidden="true" />
-            <span i18n>Comments / History</span>
-        </button>
-        <ng-template ngbNavContent>
-            <la-annotation-comments />
-        </ng-template>
-    </li>
-</ul>
-
-<div [ngbNavOutlet]="nav" class="mt-2"></div>
+<ul ngbNav #nav="ngbNav" [(activeId)]="active" class="nav-tabs flex-nowrap">
+    <li [ngbNavItem]="1">
+        <button ngbNavLink>
+            <fa-icon
+                [icon]="faSquarePollHorizontal"
+                class="me-2"
+                aria-hidden="true"
+            />
+            <span i18n>Syntactic parses</span>
+        </button>
+        <ng-template ngbNavContent>
+            <la-annotation-parse-results />
+        </ng-template>
+    </li>
+    <li [ngbNavItem]="2">
+        <button ngbNavLink>
+            <fa-icon [icon]="faTree" class="me-2" aria-hidden="true" />
+            <span i18n>Tableau / Proof</span>
+        </button>
+        <ng-template ngbNavContent>
+            <section>
+                <la-tableau-svg></la-tableau-svg>
+            </section>
+        </ng-template>
+    </li>
+    <li [ngbNavItem]="3">
+        <button ngbNavLink>
+            <fa-icon [icon]="faPenNib" class="me-2" aria-hidden="true" />
+            <span i18n>Comments / History</span>
+        </button>
+        <ng-template ngbNavContent>
+            <la-annotation-comments />
+        </ng-template>
+    </li>
+</ul>
+
+<div [ngbNavOutlet]="nav" class="mt-2"></div>

frontend/src/app/annotate/annotation-menu/annotation-menu.component.ts

@@ -7,7 +7,7 @@ import {
     faPenNib,
 } from "@fortawesome/free-solid-svg-icons";
 import { AnnotationParseResultsComponent } from "../annotation-parse-results/annotation-parse-results.component";
-import { AnnotationTableauComponent } from "../annotation-tableau/annotation-tableau.component";
+import { TableauSVG } from '../tableau-svg/tableau-svg.component';
 import { AnnotationCommentsComponent } from "../annotation-comments/annotation-comments.component";
 
 @Component({
@@ -17,7 +17,7 @@ import { AnnotationCommentsComponent } from "../annotation-comments/annotation-c
         NgbNavModule,
         FontAwesomeModule,
         AnnotationParseResultsComponent,
-        AnnotationTableauComponent,
+        TableauSVG,
         AnnotationCommentsComponent,
     ],
     templateUrl: "./annotation-menu.component.html",