Update angular 14.0.6 & add components module on react app

Author: ganatan

README.md

@@ -12,7 +12,7 @@ it's part of a repo series designed
 
 to create a **Web Application with Angular 14**
 
-* Featuring [**Angular 14.0.5**](https://github.com/angular/angular/releases) & [**Angular CLI 14.0.5**](https://github.com/angular/angular-cli/releases/)
+* Featuring [**Angular 14.0.6**](https://github.com/angular/angular/releases) & [**Angular CLI 14.0.6**](https://github.com/angular/angular-cli/releases/)
 
 
 * See the [**Live demo**](#angular-live-demo), Test the repo with [**Quick start**](#angular-quick-start) and for more information Read the step by step [**Tutorial**](#angular-tutorial) or read the [**Getting started**](#angular-getting-started)

angular/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-modules",
-  "version": "14.0.5",
+  "version": "14.0.6",
   "scripts": {
     "ng": "ng",
     "start": "ng serve --port 4200",
@@ -13,33 +13,33 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "14.0.5",
-    "@angular/common": "14.0.5",
-    "@angular/compiler": "14.0.5",
-    "@angular/core": "14.0.5",
-    "@angular/forms": "14.0.5",
-    "@angular/platform-browser": "14.0.5",
-    "@angular/platform-browser-dynamic": "14.0.5",
-    "@angular/router": "14.0.5",
+    "@angular/animations": "14.0.6",
+    "@angular/common": "14.0.6",
+    "@angular/compiler": "14.0.6",
+    "@angular/core": "14.0.6",
+    "@angular/forms": "14.0.6",
+    "@angular/platform-browser": "14.0.6",
+    "@angular/platform-browser-dynamic": "14.0.6",
+    "@angular/router": "14.0.6",
     "@fortawesome/fontawesome-free": "6.1.1",
     "bootstrap": "5.1.3",
-    "rxjs": "7.5.5",
+    "rxjs": "7.5.6",
     "tslib": "2.4.0",
     "zone.js": "0.11.6"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "14.0.5",
-    "@angular-eslint/builder": "14.0.0",
-    "@angular-eslint/eslint-plugin": "14.0.0",
-    "@angular-eslint/eslint-plugin-template": "14.0.0",
-    "@angular-eslint/schematics": "14.0.0",
-    "@angular-eslint/template-parser": "14.0.0",
-    "@angular/cli": "14.0.5",
-    "@angular/compiler-cli": "14.0.5",
+    "@angular-devkit/build-angular": "14.0.6",
+    "@angular-eslint/builder": "14.0.2",
+    "@angular-eslint/eslint-plugin": "14.0.2",
+    "@angular-eslint/eslint-plugin-template": "14.0.2",
+    "@angular-eslint/schematics": "14.0.2",
+    "@angular-eslint/template-parser": "14.0.2",
+    "@angular/cli": "14.0.6",
+    "@angular/compiler-cli": "14.0.6",
     "@types/jasmine": "4.0.3",
-    "@typescript-eslint/eslint-plugin": "5.30.5",
-    "@typescript-eslint/parser": "5.30.5",
-    "eslint": "8.19.0",
+    "@typescript-eslint/eslint-plugin": "5.30.7",
+    "@typescript-eslint/parser": "5.30.7",
+    "eslint": "8.20.0",
     "jasmine-core": "4.2.0",
     "karma": "6.4.0",
     "karma-chrome-launcher": "3.1.1",

angular/package.json

@@ -11,12 +11,12 @@ export class CollapsesComponent {
 
   constructor() { }
 
-
   closeCollapse() {
     const myCollapse = document.getElementById('collapseWidthJavascript')
     new bootstrap.Collapse(myCollapse, {
       hide: true,
     })
+
   }
 
   showCollapse() {

angular/src/app/modules/application/example-bootstrap/collapses/items.component.ts

@@ -6,44 +6,6 @@ <h1 class="h5">Components Features</h1>
     </div>
   </div>
   <div class="row">
-    <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 p-4">
-      <div class="row">
-        <div class="nga-card-component text-center">
-          <h5 class="card-title text-primary p-2">{{ channelSelected.title }}</h5>
-          <h5 class="card-title">{{ channelSelected.releaseDate }}</h5>
-          <div *ngIf="!channelSelected.name" class="card-body">
-            <div class="alert alert-info" role="alert">
-              Select a channel on the list<br><br>
-              <i class="fas fa-arrow-alt-circle-right ms-4 fa-2x"></i>
-              <br>
-            </div>
-          </div>
-          <div *ngIf="channelSelected.name" class="card-body text-center">
-            <img src="assets/params/images/channels/{{ channelSelected.name }}.jpg" class="img-thumbnail"
-              alt="channel.name">
-            <button type="button" class="btn btn-info mt-2" (click)="onReset()">Reset</button>
-          </div>
-        </div>        
-      </div>
-    </div>
-    <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8">
-      <div class="row">
-        <div *ngFor="let channel of channels; let i=index" class="col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3">
-          <app-channel [channel]="channel" [index]="i + 1" (selected)="onSelected($event)"></app-channel>
-        </div>
-      </div>
-    </div>
-  </div>
-</div> 
-
-<!--<div class="container pt-5">
-  <div class="row">
-    <div class="text-center">
-      <h1 class="h5">Components Feature<i class="fas fa-list ms-2"></i></h1>
-      <hr>
-    </div>
-  </div>
-  <div class="row p-4">
     <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 p-4">
       <div class="row">
         <div class="nga-card-component text-center">
@@ -72,4 +34,4 @@ <h5 class="card-title">{{ channelSelected.releaseDate }}</h5>
       </div>
     </div>
   </div>
-</div>-->
+</div>

angular/src/app/modules/application/example-components/tutorial.component.html

@@ -58,7 +58,7 @@ export class HomeComponent implements OnInit {
     this.meta.updateTag(
       {
         name: 'description',
-        content: 'This application was developed with Angular version 14.0.5 and bootstrap 5.1.3' +
+        content: 'This application was developed with Angular version 14.0.6 and bootstrap 5.1.3' +
           ' It applies Routing, Lazy loading, Server side rendering and Progressive Web App (PWA)'
       });
   }