Update Angular 9.1.7 & bootstrap 4.5.0 & UI

Author: ganatan

README.md

@@ -1,7 +1,7 @@
 <p align="center">
   <h1 align="center">Angular 9 Application</h1>
   <p align="center">
-    Angular 9.1.4 + Angular CLI + Angular Universal
+    Angular 9.1.7 + Angular CLI + Angular Universal
     <br>
     Lazy Loading + SSR + PWA + SEO + google Analytics + API REST (Node.js)
     <br>
@@ -37,10 +37,10 @@
 
 ### Front-end : What's included
 > Dependencies
-- [x] Angular : 9.1.4
-- [x] Angular CLI : 9.1.4
-- [x] Angular Universal : 9.1.0
-- [x] Bootstrap : 4.4.1
+- [x] Angular : 9.1.7
+- [x] Angular CLI : 9.1.6
+- [x] Angular Universal : 9.1.1
+- [x] Bootstrap : 4.5.0
 - [x] Fontawesome : 5.13.0
 - [x] jquery : 3.5.1
 
@@ -149,7 +149,7 @@ in your browser go to [http://localhost:4200](http://localhost:4200)
 * in your browser [http://localhost:5200/movies](http://localhost:5200/movies) 
 
 ### Author
-* Updated : 01/05/2020
+* Updated : 14/05/2020
 * Author  : danny
 
 ## Documentation

api/data/import/movies.json

@@ -129,8 +129,8 @@
     "name": "Avengers: Infinity War",
     "releaseDate": "27/04/2018",
     "wikipediaLink": "Black_Panther_(film)",
-    "fileName": "Black_Panther_(film).jpg",
-    "img": "./assets/params/images/movies/Black_Panther_(film).jpg"
+    "fileName": "Avengers_Infinity_War.jpg",
+    "img": "./assets/params/images/movies/Avengers_Infinity_War.jpg"
   },
   {
     "name": "Ant-Man and the Wasp",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-starter",
-  "version": "9.1.4",
+  "version": "9.1.7",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -30,48 +30,48 @@
   "homepage": "https://github.com/ganatan/angular9-app#readme",
   "private": true,
   "dependencies": {
-    "@angular/animations": "9.1.4",
-    "@angular/common": "9.1.4",
-    "@angular/compiler": "9.1.4",
-    "@angular/core": "9.1.4",
-    "@angular/forms": "9.1.4",
-    "@angular/platform-browser": "9.1.4",
-    "@angular/platform-browser-dynamic": "9.1.4",
-    "@angular/platform-server": "9.1.4",
-    "@angular/router": "9.1.4",
-    "@angular/service-worker": "9.1.4",
+    "@angular/animations": "9.1.7",
+    "@angular/common": "9.1.7",
+    "@angular/compiler": "9.1.7",
+    "@angular/core": "9.1.7",
+    "@angular/forms": "9.1.7",
+    "@angular/platform-browser": "9.1.7",
+    "@angular/platform-browser-dynamic": "9.1.7",
+    "@angular/platform-server": "9.1.7",
+    "@angular/router": "9.1.7",
+    "@angular/service-worker": "9.1.7",
     "@asymmetrik/ngx-leaflet": "7.0.0",
     "@fortawesome/fontawesome-free": "5.13.0",
-    "@nguniversal/express-engine": "9.1.0",
-    "bootstrap": "4.4.1",
+    "@nguniversal/express-engine": "9.1.1",
+    "bootstrap": "4.5.0",
     "express": "4.17.1",
     "chart.js": "2.9.3",
     "jquery": "3.5.1",
     "leaflet": "1.6.0",
-    "ng2-charts": "2.3.0",
+    "ng2-charts": "2.3.1",
     "rxjs": "6.5.5",
-    "tslib": "1.11.2",
+    "tslib": "2.0.0",
     "zone.js": "0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.901.4",
-    "@angular/cli": "9.1.4",
-    "@angular/compiler-cli": "9.1.4",
-    "@angular/language-service": "9.1.4",
-    "@nguniversal/builders": "9.1.0",
+    "@angular-devkit/build-angular": "0.901.6",
+    "@angular/cli": "9.1.6",
+    "@angular/compiler-cli": "9.1.7",
+    "@angular/language-service": "9.1.7",
+    "@nguniversal/builders": "9.1.1",
     "@types/express": "4.17.6",
-    "@types/node": "13.13.5",
+    "@types/node": "14.0.1",
     "@types/jasmine": "3.5.10",
     "@types/jasminewd2": "2.0.8",
     "codelyzer": "5.2.2",
     "jasmine-core": "3.5.0",
     "jasmine-spec-reporter": "5.0.2",
-    "karma": "5.0.4",
+    "karma": "5.0.5",
     "karma-chrome-launcher": "3.1.0",
     "karma-coverage-istanbul-reporter": "3.0.2",
     "karma-jasmine": "3.1.1",
-    "karma-jasmine-html-reporter": "1.5.3",
-    "protractor": "5.4.4",
+    "karma-jasmine-html-reporter": "1.5.4",
+    "protractor": "7.0.0",
     "ts-node": "8.10.1",
     "tslint": "6.1.2",
     "typescript": "3.8.3"

src/app/app.component.ts

@@ -7,5 +7,5 @@ import { Component } from '@angular/core';
 })
 export class AppComponent {
   title = 'angular-starter';
-  version = 'Angular version 9.1.4';
+  version = 'Angular version 9.1.7';
 }

src/app/modules/general/about/about.component.ts

@@ -13,11 +13,11 @@ export class AboutComponent {
   constructor() {
     this.dependencies = {
       frontend: [
-        { name: 'Angular 9.1.4' },
-        { name: 'Angular Universal 9.1.0' },
+        { name: 'Angular 9.1.7' },
+        { name: 'Angular Universal 9.1.1' },
         { name: 'Font Awesome 5.13.0' },
-        { name: 'Bootstrap 4.4.1' },
-        { name: 'JQuery 3.4.1' },
+        { name: 'Bootstrap 4.5.0' },
+        { name: 'JQuery 3.5.1' },
       ],
       backend: [
         { name: 'Node.js' },

src/app/modules/general/home/home.component.ts

@@ -88,7 +88,7 @@ export class HomeComponent implements OnInit {
     this.meta.updateTag(
       {
         name: 'description',
-        content: 'Cette application a été développée avec Angular version 9.1.4 et bootstrap 4.4.1' +
+        content: 'Cette application a été développée avec Angular version 9.1.7 et bootstrap 4.5.0' +
           ' Elle applique le Routing, le Lazy loading, le Server side rendering et les Progressive Web App (PWA)'
       });
   }

src/assets/params/images/movies/Avengers_Infinity_War.jpg

@@ -128,9 +128,9 @@
   {
     "name": "Avengers: Infinity War",
     "releaseDate": "27/04/2018",
-    "wikipediaLink": "Black_Panther_(film)",
-    "fileName": "Black_Panther_(film).jpg",
-    "img": "./assets/params/images/movies/Black_Panther_(film).jpg"
+    "wikipediaLink": "Avengers_Infinity_War",
+    "fileName": "Avengers_Infinity_War.jpg",
+    "img": "./assets/params/images/movies/Avengers_Infinity_War.jpg"
   },
   {
     "name": "Ant-Man and the Wasp",

src/assets/params/json/movies.json

@@ -3,8 +3,8 @@ export const environment = {
   application:
   {
     name: 'angular-starter',
-    angular: 'Angular 9.1.4',
-    bootstrap: 'Bootstrap 4.4.1',
+    angular: 'Angular 9.1.7',
+    bootstrap: 'Bootstrap 4.5.0',
     fontawesome: 'Font Awesome 5.13.0',
   }
 };

src/environments/environment.prod.ts

@@ -3,8 +3,8 @@ export const environment = {
   application:
   {
     name: 'angular-starter',
-    angular: 'Angular 9.1.4',
-    bootstrap: 'Bootstrap 4.4.1',
+    angular: 'Angular 9.1.7',
+    bootstrap: 'Bootstrap 4.5.0',
     fontawesome: 'Font Awesome 5.13.0',
   }
 };