Skip to content

Commit dbb1350

Browse files
committed
chore: update to Angular 13 and TypeScript 4.4
1 parent 618ea39 commit dbb1350

33 files changed

+275
-317
lines changed

.browserslistrc

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,3 @@ last 2 Edge major versions
1414
last 2 Safari major versions
1515
last 2 iOS major versions
1616
Firefox ESR
17-
not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@ chrome-profiler-events*.json
3232
.history/*
3333

3434
# misc
35+
/.angular/cache
3536
/.sass-cache
3637
/connect.lock
3738
/coverage

README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
[![@coreui coreui](https://img.shields.io/badge/@coreui%20-coreui-lightgrey.svg?style=flat-square)](https://github.com/coreui/coreui)
55
[![npm package][npm-coreui-badge]][npm-coreui]
66
[![NPM downloads][npm-coreui-download]][npm-coreui]
7-
![angular](https://img.shields.io/badge/angular-^12.2.0-lightgrey.svg?style=flat-square&logo=angular)
7+
![angular](https://img.shields.io/badge/angular-^13.0.0-lightgrey.svg?style=flat-square&logo=angular)
88

99
[npm-coreui-angular]: https://www.npmjs.com/package/@coreui/angular
1010
[npm-coreui-angular-badge]: https://img.shields.io/npm/v/@coreui/angular.png?style=flat-square
@@ -14,7 +14,7 @@
1414
[npm-coreui-badge]: https://img.shields.io/npm/v/@coreui/coreui.png?style=flat-square
1515
[npm-coreui-download]: https://img.shields.io/npm/dm/@coreui/coreui.svg?style=flat-square
1616

17-
# CoreUI 4 Angular 12 Free Admin Template
17+
# CoreUI 4 Angular 13 Free Admin Template
1818

1919
CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – CoreUI covers them all!
2020

@@ -60,7 +60,7 @@ CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of
6060
Before you begin, make sure your development environment includes `Node.js®` and an `npm` package manager.
6161

6262
###### Node.js
63-
Angular 12 requires `Node.js` version 12.22 or later.
63+
Angular 13 requires `Node.js` version `^12.20`, `^14.15` or `^16.10`.
6464

6565
- To check your version, run `node -v` in a terminal/console window.
6666
- To get `Node.js`, go to [nodejs.org](https://nodejs.org/).

package.json

Lines changed: 27 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -14,42 +14,46 @@
1414
},
1515
"private": true,
1616
"dependencies": {
17-
"@angular/animations": "~12.2.0",
18-
"@angular/cdk": "~12.2.0",
19-
"@angular/common": "~12.2.0",
20-
"@angular/compiler": "~12.2.0",
21-
"@angular/core": "~12.2.0",
22-
"@angular/forms": "~12.2.0",
23-
"@angular/language-service": "~12.2.0",
24-
"@angular/platform-browser": "~12.2.0",
25-
"@angular/platform-browser-dynamic": "~12.2.0",
26-
"@angular/router": "~12.2.0",
27-
"@coreui/angular": "^4.0.0-alpha.2",
28-
"@coreui/angular-chartjs": "^2.0.0-alpha.5",
17+
"@angular/animations": "~13.0.0",
18+
"@angular/cdk": "~13.0.0",
19+
"@angular/common": "~13.0.0",
20+
"@angular/compiler": "~13.0.0",
21+
"@angular/core": "~13.0.0",
22+
"@angular/forms": "~13.0.0",
23+
"@angular/language-service": "~13.0.0",
24+
"@angular/platform-browser": "~13.0.0",
25+
"@angular/platform-browser-dynamic": "~13.0.0",
26+
"@angular/router": "~13.0.0",
27+
"@coreui/angular": "^4.0.0-alpha.3",
28+
"@coreui/angular-chartjs": "^2.0.0-alpha.6",
2929
"@coreui/chartjs": "^3.0.0",
3030
"@coreui/coreui": "~4.0.5",
3131
"@coreui/icons": "^2.1.0",
32-
"@coreui/icons-angular": "^3.0.0-alpha.3",
32+
"@coreui/icons-angular": "^3.0.0-alpha.4",
3333
"@coreui/utils": "^1.3.1",
34-
"chart.js": "^3.6.0",
34+
"chart.js": "^3.6.1",
3535
"ngx-perfect-scrollbar": "^10.1.1",
36-
"rxjs": "~6.6.0",
36+
"rxjs": "~7.4.0",
3737
"tslib": "^2.3.0",
3838
"zone.js": "~0.11.4"
3939
},
4040
"devDependencies": {
41-
"@angular-devkit/build-angular": "~12.2.5",
42-
"@angular/cli": "~12.2.5",
43-
"@angular/compiler-cli": "~12.2.0",
44-
"@angular/localize": "~12.2.0",
45-
"@types/jasmine": "~3.8.0",
46-
"@types/node": "^14.17.34",
47-
"jasmine-core": "~3.8.0",
41+
"@angular-devkit/build-angular": "~13.0.4",
42+
"@angular/cli": "~13.0.4",
43+
"@angular/compiler-cli": "~13.0.0",
44+
"@angular/localize": "~13.0.0",
45+
"@types/jasmine": "~3.10.0",
46+
"@types/node": "^16.11.11",
47+
"jasmine-core": "~3.10.0",
4848
"karma": "~6.3.0",
4949
"karma-chrome-launcher": "~3.1.0",
5050
"karma-coverage": "~2.0.3",
5151
"karma-jasmine": "~4.0.0",
5252
"karma-jasmine-html-reporter": "~1.7.0",
53-
"typescript": "~4.3.5"
53+
"typescript": "~4.4.3"
54+
},
55+
"engines": {
56+
"node": "^12.20.0 || ^14.15.0 || >=16.10.0",
57+
"npm": ">= 6"
5458
}
5559
}

src/app/app-routing.module.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,8 @@ const routes: Routes = [
9999
data: {
100100
title: 'Register Page'
101101
}
102-
}
102+
},
103+
{path: '**', component: Page404Component}
103104
];
104105

105106
@NgModule({

src/app/containers/default-layout/_nav.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -216,7 +216,7 @@ export const navItems: INavData[] = [
216216
},
217217
{
218218
name: 'Pages',
219-
url: '/',
219+
url: '/login',
220220
iconComponent: { name: 'cil-star' },
221221
children: [
222222
{

src/app/containers/default-layout/default-header/default-header.component.html

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -30,17 +30,17 @@
3030

3131
<c-header-nav class="d-none d-lg-flex">
3232
<c-nav-item>
33-
<a [routerLink] cNavLink>
33+
<a routerLink="./" cNavLink>
3434
<svg cIcon name="cilBell" size="lg"></svg>
3535
</a>
3636
</c-nav-item>
3737
<c-nav-item>
38-
<a [routerLink] cNavLink>
38+
<a routerLink="./" cNavLink>
3939
<svg cIcon name="cilList" size="lg"></svg>
4040
</a>
4141
</c-nav-item>
4242
<c-nav-item>
43-
<a [routerLink] cNavLink>
43+
<a routerLink="./" cNavLink>
4444
<svg cIcon name="cilEnvelopeOpen" size="lg"></svg>
4545
</a>
4646
</c-nav-item>
@@ -61,7 +61,7 @@
6161
<c-dropdown alignment="end" variant="nav-item">
6262
<a
6363
[caret]="false"
64-
[routerLink]
64+
routerLink
6565
cDropdownToggle
6666
class="py-0"
6767
>
@@ -79,7 +79,7 @@
7979
<h6 cDropdownHeader class="bg-light fw-semibold py-2">Account</h6>
8080
</li>
8181
<li>
82-
<a [routerLink] cDropdownItem>
82+
<a routerLink="./" cDropdownItem>
8383
<svg cIcon class="me-2" name="cilBell"></svg>
8484
Updates
8585
<c-badge class="ms-2 float-end" color="info">
@@ -88,7 +88,7 @@ <h6 cDropdownHeader class="bg-light fw-semibold py-2">Account</h6>
8888
</a>
8989
</li>
9090
<li>
91-
<a [routerLink] cDropdownItem>
91+
<a routerLink="./" cDropdownItem>
9292
<svg cIcon class="me-2" name="cilEnvelopeOpen"></svg>
9393
Messages
9494
<c-badge class="ms-2 float-end" color="success">
@@ -97,7 +97,7 @@ <h6 cDropdownHeader class="bg-light fw-semibold py-2">Account</h6>
9797
</a>
9898
</li>
9999
<li>
100-
<a [routerLink] cDropdownItem>
100+
<a routerLink="./" cDropdownItem>
101101
<svg cIcon class="me-2" name="cilTask"></svg>
102102
Tasks
103103
<c-badge class="ms-2 float-end" color="danger">
@@ -106,7 +106,7 @@ <h6 cDropdownHeader class="bg-light fw-semibold py-2">Account</h6>
106106
</a>
107107
</li>
108108
<li>
109-
<a [routerLink] cDropdownItem>
109+
<a routerLink="./" cDropdownItem>
110110
<svg cIcon class="me-2" name='cilCommentSquare'></svg>
111111
Comments
112112
<c-badge class="ms-auto" color="warning">
@@ -119,19 +119,19 @@ <h6 cDropdownHeader class="bg-light fw-semibold py-2">Settings</h6>
119119
</li>
120120
<li></li>
121121
<li>
122-
<a [routerLink] cDropdownItem>
122+
<a routerLink="./" cDropdownItem>
123123
<svg cIcon class="me-2" name="cilUser"></svg>
124124
Profile
125125
</a>
126126
</li>
127127
<li>
128-
<a [routerLink] cDropdownItem>
128+
<a routerLink="./" cDropdownItem>
129129
<svg cIcon class="me-2" name="cilSettings"></svg>
130130
Settings
131131
</a>
132132
</li>
133133
<li>
134-
<a [routerLink] cDropdownItem>
134+
<a routerLink="./" cDropdownItem>
135135
<svg cIcon class="me-2" name="cilCreditCard"></svg>
136136
Payments
137137
<c-badge class="ms-2 float-end" color="secondary">
@@ -140,7 +140,7 @@ <h6 cDropdownHeader class="bg-light fw-semibold py-2">Settings</h6>
140140
</a>
141141
</li>
142142
<li>
143-
<a [routerLink] cDropdownItem>
143+
<a routerLink="./" cDropdownItem>
144144
<svg cIcon class="me-2" name="cilFile"></svg>
145145
Projects
146146
<c-badge class="ms-2 float-end" color="primary">
@@ -152,7 +152,7 @@ <h6 cDropdownHeader class="bg-light fw-semibold py-2">Settings</h6>
152152
<hr cDropdownDivider/>
153153
</li>
154154
<li>
155-
<a [routerLink] cDropdownItem>
155+
<a routerLink="./" cDropdownItem>
156156
<svg cIcon class="me-2" name="cilLockLocked"></svg>
157157
Lock Account
158158
</a>

src/app/containers/default-layout/default-layout.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
height: 46,
1919
alt: 'CoreUI Logo'
2020
}"
21-
[routerLink]
21+
routerLink="./"
2222
>
2323
</c-sidebar-brand>
2424
<perfect-scrollbar [config]="perfectScrollbarConfig">

src/app/views/base/cards/cards.component.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -402,15 +402,15 @@ <h3>Using utilities</h3>
402402
<c-card-header>
403403
<c-nav class="card-header-tabs" variant="tabs">
404404
<c-nav-item>
405-
<a [active]="true" cNavLink [routerLink]>
405+
<a [active]="true" cNavLink routerLink="./">
406406
Active
407407
</a>
408408
</c-nav-item>
409409
<c-nav-item>
410-
<a cNavLink [routerLink]>Link</a>
410+
<a cNavLink routerLink="./">Link</a>
411411
</c-nav-item>
412412
<c-nav-item>
413-
<a cNavLink disabled [routerLink]>
413+
<a cNavLink disabled routerLink="./">
414414
Disabled
415415
</a>
416416
</c-nav-item>
@@ -428,15 +428,15 @@ <h3>Using utilities</h3>
428428
<c-card-header>
429429
<c-nav class="card-header-pills" variant="pills">
430430
<c-nav-item>
431-
<a [active]="true" cNavLink [routerLink]>
431+
<a [active]="true" cNavLink routerLink="./">
432432
Active
433433
</a>
434434
</c-nav-item>
435435
<c-nav-item>
436-
<a cNavLink [routerLink]>Link</a>
436+
<a cNavLink routerLink="./">Link</a>
437437
</c-nav-item>
438438
<c-nav-item>
439-
<a cNavLink disabled [routerLink]>
439+
<a cNavLink disabled routerLink="./">
440440
Disabled
441441
</a>
442442
</c-nav-item>

src/app/views/base/carousels/carousels.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@
6363
<c-card-body>
6464
<p class="text-medium-emphasis small">
6565
Adding in the previous and next controls with custom content of <code>c-carousel-controls</code> component.
66-
<app-docs-example href="components/carousel/#with-controls">&ndash;&gt;-->
66+
<app-docs-example href="components/carousel/#with-controls">
6767
<c-carousel (itemChange)="onItemChange($event)" [interval]="0">
6868
<c-carousel-inner>
6969
<c-carousel-item *ngFor="let slide of slides[0]">

0 commit comments

Comments
 (0)