tools pages stubbed out

src/app/tools/export.component.html

@@ -0,0 +1 @@
+<h1>Export</h1>

src/app/tools/export.component.ts

@@ -0,0 +1,9 @@
+import {
+    Component,
+} from '@angular/core';
+
+@Component({
+    selector: 'app-export',
+    templateUrl: 'export.component.html',
+})
+export class ExportComponent { }

src/app/tools/import.component.html

@@ -0,0 +1 @@
+<h1>Import</h1>

src/app/tools/import.component.ts

@@ -0,0 +1,9 @@
+import {
+    Component,
+} from '@angular/core';
+
+@Component({
+    selector: 'app-import',
+    templateUrl: 'import.component.html',
+})
+export class ImportComponent { }

src/app/tools/tools.component.html

@@ -0,0 +1,19 @@
+<div class="container page-content">
+    <div class="row">
+        <div class="col-3">
+            <div class="card">
+                <div class="card-header">Tools</div>
+                <div class="list-group list-group-flush">
+                    <a routerLink="import" class="list-group-item" routerLinkActive="active">
+                        Import
+                    </a>
+                    <a routerLink="export" class="list-group-item" routerLinkActive="active">
+                        Export</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-6">
+            <router-outlet></router-outlet>
+        </div>
+    </div>
+</div>

src/app/tools/tools.component.ts

@@ -0,0 +1,9 @@
+import {
+    Component,
+} from '@angular/core';
+
+@Component({
+    selector: 'app-tools',
+    templateUrl: 'tools.component.html',
+})
+export class ToolsComponent { }