Skip to content

Commit 41b2dce

Browse files
ganatanganatan
committed
Update Angular 14.0.5 & improve bootstrap example on react app
1 parent ef3fce3 commit 41b2dce

File tree

59 files changed

+1430
-562
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+1430
-562
lines changed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ it's part of a repo series designed
1212

1313
to create a **Web Application with Angular 14**
1414

15-
* Featuring [**Angular 14.0.4**](https://github.com/angular/angular/releases) & [**Angular CLI 14.0.4**](https://github.com/angular/angular-cli/releases/)
15+
* Featuring [**Angular 14.0.5**](https://github.com/angular/angular/releases) & [**Angular CLI 14.0.5**](https://github.com/angular/angular-cli/releases/)
1616

1717

1818
* 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‎

Lines changed: 326 additions & 326 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎angular/package.json‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "angular-bootstrap",
3-
"version": "14.0.4",
3+
"version": "14.0.5",
44
"scripts": {
55
"ng": "ng",
66
"start": "ng serve --port 4200",
@@ -13,33 +13,33 @@
1313
},
1414
"private": true,
1515
"dependencies": {
16-
"@angular/animations": "14.0.4",
17-
"@angular/common": "14.0.4",
18-
"@angular/compiler": "14.0.4",
19-
"@angular/core": "14.0.4",
20-
"@angular/forms": "14.0.4",
21-
"@angular/platform-browser": "14.0.4",
22-
"@angular/platform-browser-dynamic": "14.0.4",
23-
"@angular/router": "14.0.4",
16+
"@angular/animations": "14.0.5",
17+
"@angular/common": "14.0.5",
18+
"@angular/compiler": "14.0.5",
19+
"@angular/core": "14.0.5",
20+
"@angular/forms": "14.0.5",
21+
"@angular/platform-browser": "14.0.5",
22+
"@angular/platform-browser-dynamic": "14.0.5",
23+
"@angular/router": "14.0.5",
2424
"@fortawesome/fontawesome-free": "6.1.1",
2525
"bootstrap": "5.1.3",
2626
"rxjs": "7.5.5",
2727
"tslib": "2.4.0",
2828
"zone.js": "0.11.6"
2929
},
3030
"devDependencies": {
31-
"@angular-devkit/build-angular": "14.0.4",
31+
"@angular-devkit/build-angular": "14.0.5",
3232
"@angular-eslint/builder": "14.0.0",
3333
"@angular-eslint/eslint-plugin": "14.0.0",
3434
"@angular-eslint/eslint-plugin-template": "14.0.0",
3535
"@angular-eslint/schematics": "14.0.0",
3636
"@angular-eslint/template-parser": "14.0.0",
37-
"@angular/cli": "14.0.4",
38-
"@angular/compiler-cli": "14.0.4",
37+
"@angular/cli": "14.0.5",
38+
"@angular/compiler-cli": "14.0.5",
3939
"@types/jasmine": "4.0.3",
40-
"@typescript-eslint/eslint-plugin": "5.30.0",
41-
"@typescript-eslint/parser": "5.30.0",
42-
"eslint": "8.18.0",
40+
"@typescript-eslint/eslint-plugin": "5.30.5",
41+
"@typescript-eslint/parser": "5.30.5",
42+
"eslint": "8.19.0",
4343
"jasmine-core": "4.2.0",
4444
"karma": "6.4.0",
4545
"karma-chrome-launcher": "3.1.1",

‎angular/src/app/modules/application/example-bootstrap/alerts/items.component.html‎

Lines changed: 0 additions & 118 deletions
Original file line numberDiff line numberDiff line change
@@ -116,121 +116,3 @@ <h1 class="card-title text-primary">Alerts with Font Awesome Icon</h1>
116116
</div>
117117
</div>
118118
</div>
119-
120-
<!--<div class="card mb-2">
121-
<div class="card-body">
122-
<h1 class="card-title text-primary">Alerts</h1>
123-
<div class="alert alert-warning alert-dismissible fade show" role="alert">
124-
<strong>Alien Covenant!</strong> Warning Movie with custom close button.
125-
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
126-
</div>
127-
<div class="alert alert-primary alert-dismissible fade show" role="alert" data-tor="show:scale.from(0)">
128-
<strong>Alien Prometheus!</strong> Primary Movie with custom close button.
129-
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
130-
</div>
131-
</div>
132-
</div>
133-
134-
135-
<div class="card mb-2">
136-
<div class="card-body">
137-
<h1 class="card-title text-primary">Alerts</h1>
138-
<div class="alert alert-primary" role="alert">
139-
A simple primary alert—check it out!
140-
</div>
141-
<div class="alert alert-secondary" role="alert">
142-
A simple secondary alert—check it out!
143-
</div>
144-
<div class="alert alert-success" role="alert">
145-
A simple success alert—check it out!
146-
</div>
147-
<div class="alert alert-danger" role="alert">
148-
A simple danger alert—check it out!
149-
</div>
150-
<div class="alert alert-warning" role="alert">
151-
A simple warning alert—check it out!
152-
</div>
153-
<div class="alert alert-info" role="alert">
154-
A simple info alert—check it out!
155-
</div>
156-
<div class="alert alert-light" role="alert">
157-
A simple light alert—check it out!
158-
</div>
159-
<div class="alert alert-dark" role="alert">
160-
A simple dark alert—check it out!
161-
</div>
162-
</div>
163-
</div>
164-
165-
<div class="card mb-2">
166-
<div class="card-body">
167-
<h1 class="card-title text-primary">Alerts</h1>
168-
169-
<div class="alert alert-primary" role="alert">
170-
A simple primary alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you
171-
like.
172-
</div>
173-
<div class="alert alert-secondary" role="alert">
174-
A simple secondary alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you
175-
like.
176-
</div>
177-
<div class="alert alert-success" role="alert">
178-
A simple success alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you
179-
like.
180-
</div>
181-
<div class="alert alert-danger" role="alert">
182-
A simple danger alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you
183-
like.
184-
</div>
185-
<div class="alert alert-warning" role="alert">
186-
A simple warning alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you
187-
like.
188-
</div>
189-
<div class="alert alert-info" role="alert">
190-
A simple info alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
191-
</div>
192-
<div class="alert alert-light" role="alert">
193-
A simple light alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
194-
</div>
195-
<div class="alert alert-dark" role="alert">
196-
A simple dark alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
197-
</div>
198-
</div>
199-
</div>
200-
201-
<div class="card mb-2">
202-
<div class="card-body">
203-
<h1 class="card-title text-primary">Alerts with Font Awesome Icon</h1>
204-
<div class="alert alert-primary d-flex align-items-center" role="alert">
205-
<div>
206-
<i class="fas fa-rss-square me-1"></i>
207-
An example alert with an icon
208-
</div>
209-
</div>
210-
<div class="alert alert-primary d-flex align-items-center" role="alert">
211-
<div>
212-
<i class="fas fa-rss-square me-1"></i>
213-
An example alert with an icon
214-
</div>
215-
</div>
216-
<div class="alert alert-success d-flex align-items-center" role="alert">
217-
<div>
218-
<i class="fas fa-rss-square me-1"></i>
219-
An example success alert with an icon
220-
</div>
221-
</div>
222-
<div class="alert alert-warning d-flex align-items-center" role="alert">
223-
<div>
224-
<i class="fas fa-rss-square me-1"></i>
225-
An example warning alert with an icon
226-
</div>
227-
</div>
228-
<div class="alert alert-danger d-flex align-items-center" role="alert">
229-
<div>
230-
<i class="fas fa-rss-square me-1"></i>
231-
An example danger alert with an icon
232-
</div>
233-
</div>
234-
</div>
235-
236-
</div>-->

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

Lines changed: 90 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -8,25 +8,42 @@
88
</button>
99
<div class="collapse" id="home-collapse">
1010
<ul class="nga-btn-toggle-nav list-unstyled fw-normal pb-1 small">
11-
<li><a routerLink="/bootstrap/alerts" class="link-dark rounded"><i
11+
<li>
12+
<a routerLink="/bootstrap/alerts" class="link-dark rounded"><i
1213
class="fas fa-user text-primary mt-1 me-2"></i>Alerts</a>
1314
</li>
14-
<li><a routerLink="/bootstrap/badges" class="link-dark rounded"><i
15-
class="fas fa-user-friends text-primary mt-1 me-2"></i>Badges</a></li>
16-
<li><a routerLink="/bootstrap/blockquotes" class="link-dark rounded"><i
17-
class="fas fa-house-user text-primary mt-1 me-2"></i>Blockquotes</a></li>
18-
<li><a routerLink="/bootstrap/cards" class="link-dark rounded"><i
19-
class="fab fa-asymmetrik text-primary mt-1 me-2"></i>Cards</a></li>
20-
<li><a routerLink="/bootstrap/collapse" class="link-dark rounded"><i
21-
class="fas fa-balance-scale-right text-primary mt-1 me-2"></i>Collapse</a></li>
22-
<li><a routerLink="/bootstrap/dropdowns" class="link-dark rounded"><i
23-
class="fas fa-bahai text-primary mt-1 me-2"></i>Dropdowns</a></li>
24-
<li><a routerLink="/bootstrap/modal" class="link-dark rounded"><i
25-
class="fab fa-canadian-maple-leaf text-primary mt-1 me-2"></i>Modal</a></li>
26-
<li><a routerLink="/bootstrap/toasts" class="link-dark rounded"><i
27-
class="fas fa-cogs text-primary mt-1 me-2"></i>Toasts</a></li>
28-
<li><a routerLink="/bootstrap/tooltips" class="link-dark rounded"><i
29-
class="fab fa-edge text-primary mt-1 me-2"></i>Tooltips</a></li>
15+
<li>
16+
<a routerLink="/bootstrap/badges" class="link-dark rounded"><i
17+
class="fas fa-user-friends text-primary mt-1 me-2"></i>Badges</a>
18+
</li>
19+
<li>
20+
<a routerLink="/bootstrap/blockquotes" class="link-dark rounded"><i
21+
class="fas fa-house-user text-primary mt-1 me-2"></i>Blockquotes</a>
22+
</li>
23+
<li>
24+
<a routerLink="/bootstrap/cards" class="link-dark rounded"><i
25+
class="fab fa-asymmetrik text-primary mt-1 me-2"></i>Cards</a>
26+
</li>
27+
<li>
28+
<a routerLink="/bootstrap/collapse" class="link-dark rounded"><i
29+
class="fas fa-balance-scale-right text-primary mt-1 me-2"></i>Collapse</a>
30+
</li>
31+
<li>
32+
<a routerLink="/bootstrap/dropdowns" class="link-dark rounded"><i
33+
class="fas fa-bahai text-primary mt-1 me-2"></i>Dropdowns</a>
34+
</li>
35+
<li>
36+
<a routerLink="/bootstrap/modal" class="link-dark rounded"><i
37+
class="fab fa-canadian-maple-leaf text-primary mt-1 me-2"></i>Modal</a>
38+
</li>
39+
<li>
40+
<a routerLink="/bootstrap/toasts" class="link-dark rounded"><i
41+
class="fas fa-cogs text-primary mt-1 me-2"></i>Toasts</a>
42+
</li>
43+
<li>
44+
<a routerLink="/bootstrap/tooltips" class="link-dark rounded"><i
45+
class="fab fa-edge text-primary mt-1 me-2"></i>Tooltips</a>
46+
</li>
3047
</ul>
3148
</div>
3249
</li>
@@ -37,20 +54,34 @@
3754
</button>
3855
<div class="collapse" id="orders-collapse">
3956
<ul class="nga-btn-toggle-nav list-unstyled fw-normal pb-1 small">
40-
<li><a routerLink="/bootstrap/buttons" class="link-dark rounded">
41-
<i class="fab fa-artstation text-primary mt-1 me-2"></i>Buttons</a></li>
42-
<li><a routerLink="/bootstrap/checkbox" class="link-dark rounded">
43-
<i class="fas fa-atom text-primary mt-1 me-2"></i>Checkbox</a></li>
44-
<li><a routerLink="/bootstrap/form-control" class="link-dark rounded">
45-
<i class="fas fa-basketball-ball text-primary mt-1 me-2"></i>Forms</a></li>
46-
<li><a routerLink="/bootstrap/pagination" class="link-dark rounded">
47-
<i class="far fa-address-card text-primary mt-1 me-2"></i>Pagination</a></li>
48-
<li><a routerLink="/bootstrap/radio" class="link-dark rounded">
49-
<i class="fas fa-cart-plus text-primary mt-1 me-2"></i>Radio</a></li>
50-
<li><a routerLink="/bootstrap/select" class="link-dark rounded">
51-
<i class="fab fa-centos text-primary mt-1 me-2"></i>Select</a></li>
52-
<li><a routerLink="/bootstrap/tables" class="link-dark rounded">
53-
<i class="fas fa-chart-line text-primary mt-1 me-2"></i>Tables</a></li>
57+
<li>
58+
<a routerLink="/bootstrap/buttons" class="link-dark rounded">
59+
<i class="fab fa-artstation text-primary mt-1 me-2"></i>Buttons</a>
60+
</li>
61+
<li>
62+
<a routerLink="/bootstrap/checkbox" class="link-dark rounded">
63+
<i class="fas fa-atom text-primary mt-1 me-2"></i>Checkbox</a>
64+
</li>
65+
<li>
66+
<a routerLink="/bootstrap/form-control" class="link-dark rounded">
67+
<i class="fas fa-basketball-ball text-primary mt-1 me-2"></i>Forms</a>
68+
</li>
69+
<li>
70+
<a routerLink="/bootstrap/pagination" class="link-dark rounded">
71+
<i class="far fa-address-card text-primary mt-1 me-2"></i>Pagination</a>
72+
</li>
73+
<li>
74+
<a routerLink="/bootstrap/radio" class="link-dark rounded">
75+
<i class="fas fa-cart-plus text-primary mt-1 me-2"></i>Radio</a>
76+
</li>
77+
<li>
78+
<a routerLink="/bootstrap/select" class="link-dark rounded">
79+
<i class="fab fa-centos text-primary mt-1 me-2"></i>Select</a>
80+
</li>
81+
<li>
82+
<a routerLink="/bootstrap/tables" class="link-dark rounded">
83+
<i class="fas fa-chart-line text-primary mt-1 me-2"></i>Tables</a>
84+
</li>
5485
</ul>
5586
</div>
5687
</li>
@@ -62,20 +93,34 @@
6293
</button>
6394
<div class="collapse" id="account-collapse">
6495
<ul class="nga-btn-toggle-nav list-unstyled fw-normal pb-1 small">
65-
<li><a routerLink="/bootstrap/accordions" class="link-dark rounded">
66-
<i class="far fa-address-card text-primary mt-1 me-2"></i>Accordions</a></li>
67-
<li><a routerLink="/bootstrap/breadcrumb" class="link-dark rounded">
68-
<i class="fab fa-app-store text-primary mt-1 me-2"></i>Breadcrumb</a></li>
69-
<li><a routerLink="/bootstrap/images" class="link-dark rounded">
70-
<i class="fab fa-battle-net text-primary mt-1 me-2"></i>Images</a></li>
71-
<li><a routerLink="/bootstrap/popovers" class="link-dark rounded">
72-
<i class="fab fa-jedi-order text-primary mt-1 me-2"></i>Popovers</a></li>
73-
<li><a routerLink="/bootstrap/progress" class="link-dark rounded">
74-
<i class="fab fa-galactic-republic text-primary mt-1 me-2"></i>Progress</a></li>
75-
<li><a routerLink="/bootstrap/spinners" class="link-dark rounded">
76-
<i class="fab fa-empire text-primary mt-1 me-2"></i>Spinners</a></li>
77-
<li><a routerLink="/bootstrap/typography" class="link-dark rounded">
78-
<i class="fas fa-dove text-primary mt-1 me-2"></i>Typography</a></li>
96+
<li>
97+
<a routerLink="/bootstrap/accordions" class="link-dark rounded">
98+
<i class="far fa-address-card text-primary mt-1 me-2"></i>Accordions</a>
99+
</li>
100+
<li>
101+
<a routerLink="/bootstrap/breadcrumb" class="link-dark rounded">
102+
<i class="fab fa-app-store text-primary mt-1 me-2"></i>Breadcrumb</a>
103+
</li>
104+
<li>
105+
<a routerLink="/bootstrap/images" class="link-dark rounded">
106+
<i class="fab fa-battle-net text-primary mt-1 me-2"></i>Images</a>
107+
</li>
108+
<li>
109+
<a routerLink="/bootstrap/popovers" class="link-dark rounded">
110+
<i class="fab fa-jedi-order text-primary mt-1 me-2"></i>Popovers</a>
111+
</li>
112+
<li>
113+
<a routerLink="/bootstrap/progress" class="link-dark rounded">
114+
<i class="fab fa-galactic-republic text-primary mt-1 me-2"></i>Progress</a>
115+
</li>
116+
<li>
117+
<a routerLink="/bootstrap/spinners" class="link-dark rounded">
118+
<i class="fab fa-empire text-primary mt-1 me-2"></i>Spinners</a>
119+
</li>
120+
<li>
121+
<a routerLink="/bootstrap/typography" class="link-dark rounded">
122+
<i class="fas fa-dove text-primary mt-1 me-2"></i>Typography</a>
123+
</li>
79124
</ul>
80125
</div>
81126
</li>

‎angular/src/environments/environment.prod.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ export const environment = {
33
application:
44
{
55
name: 'angular-starter',
6-
version: 'Angular 14.0.4',
6+
version: 'Angular 14.0.5',
77
bootstrap: 'Bootstrap 5.1.3',
88
fontawesome: 'Font Awesome 6.1.1',
99
}

‎angular/src/environments/environment.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ export const environment = {
33
application:
44
{
55
name: 'angular-starter',
6-
version: 'Angular 14.0.4',
6+
version: 'Angular 14.0.5',
77
bootstrap: 'Bootstrap 5.1.3',
88
fontawesome: 'Font Awesome 6.1.1',
99
}

‎angular/ui/angular-starter-home.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,7 @@ <h1 class="h5">
158158
</div>
159159
<div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 text-center text-danger mb-2">
160160
<h2 class="h5">
161-
Angular 14.0.4<i class="fab fa-angular fa-lg ms-2"></i>
161+
Angular 14.0.5<i class="fab fa-angular fa-lg ms-2"></i>
162162
</h2>
163163
</div>
164164
<div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 text-center text-primary mb-2">

0 commit comments

Comments
 (0)