From 994604ddbfdef849d84556fe9fc35d3f19d65a72 Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <alexis@lahouze.org>
Date: Tue, 5 Jun 2018 08:10:35 +0200
Subject: [PATCH] Externalize app component html template.

---
 src/app.component.html |  8 ++++++++
 src/app.component.ts   | 11 +----------
 2 files changed, 9 insertions(+), 10 deletions(-)
 create mode 100644 src/app.component.html

diff --git a/src/app.component.html b/src/app.component.html
new file mode 100644
index 0000000..aaccfeb
--- /dev/null
+++ b/src/app.component.html
@@ -0,0 +1,8 @@
+<!-- Navbar -->
+<nav class="navbar fixed-top navbar-dark bg-dark">
+  <a class="navbar-brand" routerLink="/accounts">&nbsp;Accountant</a>
+</nav>
+
+<div class="container-fluid">
+  <router-outlet></router-outlet>
+</div>
diff --git a/src/app.component.ts b/src/app.component.ts
index 9d53703..3c8da74 100644
--- a/src/app.component.ts
+++ b/src/app.component.ts
@@ -4,15 +4,6 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'accountant',
-  template: `
-    <!-- Navbar -->
-    <nav class="navbar fixed-top navbar-dark bg-dark">
-      <a class="navbar-brand" routerLink="/accounts">&nbsp;Accountant</a>
-    </nav>
-
-    <div class="container-fluid">
-      <router-outlet></router-outlet>
-    </div>
-  `
+  templateUrl: './app.component.html'
 })
 export class AppComponent { }