From 57e56f768fbd0ca09980269da8d10cdaf20052ce Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Wed, 31 Jul 2019 16:16:39 +0300
Subject: [PATCH] refactor(ng-template): move home html to home.component

---
 .../angular/src/app/home/home.component.html  | 16 ++++++++++++++++
 .../angular/src/app/home/home.component.ts    | 19 +------------------
 2 files changed, 17 insertions(+), 18 deletions(-)
 create mode 100644 templates/app/angular/src/app/home/home.component.html

diff --git a/templates/app/angular/src/app/home/home.component.html b/templates/app/angular/src/app/home/home.component.html
new file mode 100644
index 0000000000..ca2ebda8c5
--- /dev/null
+++ b/templates/app/angular/src/app/home/home.component.html
@@ -0,0 +1,16 @@
+<div class="card">
+  <div class="card-header">Welcome</div>
+  <div class="card-body">
+    <p>
+      Welcome to the application. This is a startup project based on the ABP framework. For more information, visit
+      abp.io.
+    </p>
+    <p *ngIf="!hasLoggedIn">
+      <a routerLink="/account/login" [state]="{ redirectUrl: '/home' }" class="btn btn-primary" role="button"
+        ><i class="fa fa-sign-in"></i>{{ 'AbpIdentity::Login' | abpLocalization }}</a
+      >
+    </p>
+    <hr />
+    <p class="text-right"><a href="https://abp.io?ref=tmpl" target="_blank">abp.io</a></p>
+  </div>
+</div>
diff --git a/templates/app/angular/src/app/home/home.component.ts b/templates/app/angular/src/app/home/home.component.ts
index cd815a9e2b..aa56d34131 100644
--- a/templates/app/angular/src/app/home/home.component.ts
+++ b/templates/app/angular/src/app/home/home.component.ts
@@ -3,24 +3,7 @@ import { OAuthService } from 'angular-oauth2-oidc';
 
 @Component({
   selector: 'abp-home',
-  template: `
-    <div class="card">
-      <div class="card-header">Welcome</div>
-      <div class="card-body">
-        <p>
-          Welcome to the application. This is a startup project based on the ABP framework. For more information, visit
-          abp.io.
-        </p>
-        <p *ngIf="!hasLoggedIn">
-          <a routerLink="/account/login" [state]="{ redirectUrl: '/home' }" class="btn btn-primary" role="button"
-            ><i class="fa fa-sign-in"></i>{{ 'AbpIdentity::Login' | abpLocalization }}</a
-          >
-        </p>
-        <hr />
-        <p class="text-right"><a href="https://abp.io?ref=tmpl" target="_blank">abp.io</a></p>
-      </div>
-    </div>
-  `,
+  templateUrl: './home.component.html',
 })
 export class HomeComponent {
   get hasLoggedIn(): boolean {