up

Author: rxzx

.angular-cli.json

@@ -20,11 +20,15 @@
       "prefix": "app",
       "styles": [
         "styles.css",
-        "../node_modules/ngx-toastr/toastr.css"
+        "../node_modules/ngx-toastr/toastr.css",
+        "../node_modules/font-awesome/css/font-awesome.css",
+        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
       ],
       "scripts": [
         "../node_modules/lodash/lodash.js",
-        "../node_modules/moment/moment.js"
+        "../node_modules/moment/moment.js",
+        "../node_modules/jquery/dist/jquery.min.js",
+        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
       ],
       "environmentSource": "environments/environment.ts",
       "environments": {
@@ -58,7 +62,7 @@
     }
   },
   "defaults": {
-    "styleExt": "css",
+    "styleExt": "scss",
     "component": {}
   }
 }

package-lock.json

@@ -5,7 +5,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve --proxy-config proxy.conf.json",
-    "build": "ng build --prod",
+    "build": "ng build --prod --aot",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e",
@@ -24,9 +24,12 @@
     "@angular/router": "^5.2.0",
     "angular-highcharts": "^5.2.13",
     "angularfire": "^2.3.0",
+    "bootstrap": "^3.3.7",
     "core-js": "^2.4.1",
     "firebase": "^5.3.1",
+    "font-awesome": "^4.7.0",
     "highcharts": "^6.1.1",
+    "jquery": "^3.3.1",
     "moment": "^2.22.2",
     "ng2-file-upload": "^1.3.0",
     "ngx-bootstrap": "^2.0.5",

package.json

@@ -0,0 +1,7 @@
+@import 'variables';
+@import '../node_modules/font-awesome/scss/font-awesome';
+
+$icon-font-path: '../node_modules/bootstrap-sass/assets/fonts/bootstrap/';
+@import 'variables';
+@import '../node_modules/bootstrap/scss/bootstrap';
+

src/_variables.scss

@@ -8,7 +8,7 @@ import { Router } from '@angular/router';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
   title = 'app';

src/app/app.component.css src/app/app.component.scsssrc/app/app.component.css renamed to src/app/app.component.scss

@@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'app-about',
   templateUrl: './about.component.html',
-  styleUrls: ['./about.component.css']
+  styleUrls: ['./about.component.scss']
 })
 export class AboutComponent implements OnInit {
 

src/app/app.component.ts

@@ -4,7 +4,7 @@ import { Chart } from 'angular-highcharts';
 @Component({
   selector: 'app-demo-charts',
   templateUrl: './demo-charts.component.html',
-  styleUrls: ['./demo-charts.component.css']
+  styleUrls: ['./demo-charts.component.scss']
 })
 export class DemoChartsComponent implements OnInit {
   public linechart = new Chart();