From 80c530f803be7d4be2394f5baec4491a810db205 Mon Sep 17 00:00:00 2001
From: Arman Ozak <arman@armanozak.com>
Date: Thu, 28 May 2020 23:23:08 +0300
Subject: [PATCH] feat: apply style chunk changes to template

---
 templates/app/angular/angular.json            | 15 ++++++++++-----
 .../app/angular/src/app/app.component.ts      | 19 ++-----------------
 2 files changed, 12 insertions(+), 22 deletions(-)

diff --git a/templates/app/angular/angular.json b/templates/app/angular/angular.json
index 567b8f95c7..4f176a44b8 100644
--- a/templates/app/angular/angular.json
+++ b/templates/app/angular/angular.json
@@ -26,22 +26,27 @@
             "extractCss": true,
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
+              {
+                "input": "node_modules/@abp/ng.theme.shared/styles/bootstrap-rtl.min.css",
+                "inject": false,
+                "bundleName": "bootstrap-rtl.min"
+              },
               {
                 "input": "node_modules/bootstrap/dist/css/bootstrap.min.css",
                 "inject": true,
-                "bundleName": "bootstrap.min"
+                "bundleName": "bootstrap-ltr.min"
               },
-              "src/styles.scss",
               {
                 "input": "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
-                "inject": false,
+                "inject": true,
                 "bundleName": "fontawesome-all.min"
               },
               {
                 "input": "node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css",
-                "inject": false,
+                "inject": true,
                 "bundleName": "fontawesome-v4-shims.min"
-              }
+              },
+              "apps/dev-app/src/styles.scss"
             ],
             "scripts": []
           },
diff --git a/templates/app/angular/src/app/app.component.ts b/templates/app/angular/src/app/app.component.ts
index 963806c4f4..bf2a27962a 100644
--- a/templates/app/angular/src/app/app.component.ts
+++ b/templates/app/angular/src/app/app.component.ts
@@ -1,6 +1,4 @@
-import { LazyLoadService, LOADING_STRATEGY } from '@abp/ng.core';
-import { Component, OnInit } from '@angular/core';
-import { forkJoin } from 'rxjs';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-root',
@@ -9,17 +7,4 @@ import { forkJoin } from 'rxjs';
     <router-outlet></router-outlet>
   `,
 })
-export class AppComponent implements OnInit {
-  constructor(private lazyLoadService: LazyLoadService) {}
-
-  ngOnInit() {
-    forkJoin(
-      this.lazyLoadService.load(
-        LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-v4-shims.min.css')
-      ),
-      this.lazyLoadService.load(
-        LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-all.min.css')
-      )
-    ).subscribe();
-  }
-}
+export class AppComponent {}