Skip to content

Commit cd31bbc

Browse files
ct-dixitct-dixit
authored
Angular 18 (#9)
* angular 18 update complete * version change
1 parent 1f29db3 commit cd31bbc

File tree

118 files changed

+5051
-6811
lines changed

Some content is hidden

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

118 files changed

+5051
-6811
lines changed

‎package.json‎

Lines changed: 27 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "mantis-free-angular-admin-template",
3-
"version": "3.0.0",
3+
"version": "4.0.0",
44
"author": "CodedThemes",
55
"license": "MIT",
66
"scripts": {
@@ -15,15 +15,16 @@
1515
},
1616
"private": false,
1717
"dependencies": {
18-
"@angular/animations": "^17.1.1",
19-
"@angular/cdk": "^17.1.1",
20-
"@angular/common": "^17.1.1",
21-
"@angular/compiler": "^17.1.1",
22-
"@angular/core": "^17.1.1",
23-
"@angular/forms": "^17.1.1",
24-
"@angular/platform-browser": "^17.1.1",
25-
"@angular/platform-browser-dynamic": "^17.1.1",
26-
"@angular/router": "^17.1.1",
18+
"@angular/animations": "^18.0.0-next.3",
19+
"@angular/cdk": "^18.0.0-next.3",
20+
"@angular/common": "^18.0.0-next.3",
21+
"@angular/compiler": "^18.0.0-next.3",
22+
"@angular/core": "^18.0.0-next.3",
23+
"@angular/forms": "^18.0.0-next.3",
24+
"@angular/platform-browser": "^18.0.0-next.3",
25+
"@angular/platform-browser-dynamic": "^18.0.0-next.3",
26+
"@angular/router": "^18.0.0-next.3",
27+
"@ant-design/icons-angular": "^17.0.0",
2728
"@ng-bootstrap/ng-bootstrap": "^16.0.0",
2829
"@popperjs/core": "^2.11.8",
2930
"apexcharts": "^3.45.2",
@@ -32,29 +33,29 @@
3233
"ngx-scrollbar": "^13.0.3",
3334
"rxjs": "~7.8.1",
3435
"tslib": "^2.6.2",
35-
"zone.js": "~0.14.3"
36+
"zone.js": "~0.14.4"
3637
},
3738
"devDependencies": {
38-
"@angular-devkit/build-angular": "^17.1.1",
39-
"@angular-eslint/builder": "17.2.1",
40-
"@angular-eslint/eslint-plugin": "17.2.1",
41-
"@angular-eslint/eslint-plugin-template": "17.2.1",
42-
"@angular-eslint/schematics": "17.2.1",
43-
"@angular-eslint/template-parser": "17.2.1",
44-
"@angular/cli": "~17.1.1",
45-
"@angular/compiler-cli": "^17.1.1",
39+
"@angular-devkit/build-angular": "^18.0.0-next.3",
40+
"@angular-eslint/builder": "17.3.0",
41+
"@angular-eslint/eslint-plugin": "17.3.0",
42+
"@angular-eslint/eslint-plugin-template": "17.3.0",
43+
"@angular-eslint/schematics": "17.3.0",
44+
"@angular-eslint/template-parser": "17.3.0",
45+
"@angular/cli": "~18.0.0-next.3",
46+
"@angular/compiler-cli": "^18.0.0-next.3",
4647
"@types/jasmine": "~5.1.4",
47-
"@types/node": "^20.4.2",
48-
"@typescript-eslint/eslint-plugin": "6.19.1",
49-
"@typescript-eslint/parser": "6.19.1",
48+
"@types/node": "^20.12.7",
49+
"@typescript-eslint/eslint-plugin": "7.7.1",
50+
"@typescript-eslint/parser": "7.7.1",
5051
"eslint": "^8.56.0",
51-
"jasmine-core": "~5.1.1",
52-
"karma": "~6.4.2",
52+
"jasmine-core": "~5.1.2",
53+
"karma": "~6.4.3",
5354
"karma-chrome-launcher": "~3.2.0",
5455
"karma-coverage": "~2.2.1",
5556
"karma-jasmine": "~5.1.0",
5657
"karma-jasmine-html-reporter": "~2.1.0",
57-
"prettier": "3.2.4",
58-
"typescript": "5.2.2"
58+
"prettier": "3.2.5",
59+
"typescript": "5.4"
5960
}
6061
}

‎src/app/app-routing.module.ts‎

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { NgModule } from '@angular/core';
33
import { RouterModule, Routes } from '@angular/router';
44

55
// Project import
6-
import { AdminComponent } from './theme/layouts/admin/admin.component';
6+
import { AdminComponent } from './theme/layouts/admin-layout/admin-layout.component';
77
import { GuestComponent } from './theme/layouts/guest/guest.component';
88

99
const routes: Routes = [
@@ -18,24 +18,12 @@ const routes: Routes = [
1818
},
1919
{
2020
path: 'dashboard/default',
21-
loadComponent: () => import('./demo/default/dashboard/dashboard.component')
21+
loadComponent: () => import('./demo/default/dashboard/dashboard.component').then((c) => c.DefaultComponent)
2222
},
2323
{
2424
path: 'typography',
2525
loadComponent: () => import('./demo/ui-component/typography/typography.component')
2626
},
27-
{
28-
path: 'card',
29-
loadComponent: () => import('./demo/component/card/card.component')
30-
},
31-
{
32-
path: 'breadcrumb',
33-
loadComponent: () => import('./demo/component/breadcrumb/breadcrumb.component')
34-
},
35-
{
36-
path: 'spinner',
37-
loadComponent: () => import('./demo/component/spinner/spinner.component')
38-
},
3927
{
4028
path: 'color',
4129
loadComponent: () => import('./demo/ui-component/ui-color/ui-color.component')

‎src/app/app.module.ts‎

Lines changed: 1 addition & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -7,31 +7,9 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
77
import { AppRoutingModule } from './app-routing.module';
88
import { AppComponent } from './app.component';
99
import { SharedModule } from './theme/shared/shared.module';
10-
import { AdminComponent } from './theme/layouts/admin/admin.component';
11-
import { GuestComponent } from './theme/layouts/guest/guest.component';
12-
import { NavigationComponent } from './theme/layouts/admin/navigation/navigation.component';
13-
import { NavBarComponent } from './theme/layouts/admin/nav-bar/nav-bar.component';
14-
import { NavLeftComponent } from './theme/layouts/admin/nav-bar/nav-left/nav-left.component';
15-
import { NavRightComponent } from './theme/layouts/admin/nav-bar/nav-right/nav-right.component';
16-
import { NavContentComponent } from './theme/layouts/admin/navigation/nav-content/nav-content.component';
17-
import { NavCollapseComponent } from './theme/layouts/admin/navigation/nav-content/nav-collapse/nav-collapse.component';
18-
import { NavGroupComponent } from './theme/layouts/admin/navigation/nav-content/nav-group/nav-group.component';
19-
import { NavItemComponent } from './theme/layouts/admin/navigation/nav-content/nav-item/nav-item.component';
2010

2111
@NgModule({
22-
declarations: [
23-
AppComponent,
24-
AdminComponent,
25-
GuestComponent,
26-
NavigationComponent,
27-
NavBarComponent,
28-
NavLeftComponent,
29-
NavRightComponent,
30-
NavContentComponent,
31-
NavCollapseComponent,
32-
NavGroupComponent,
33-
NavItemComponent
34-
],
12+
declarations: [AppComponent],
3513
imports: [BrowserModule, AppRoutingModule, SharedModule, BrowserAnimationsModule],
3614
bootstrap: [AppComponent]
3715
})

‎src/app/demo/authentication/login/login.component.scss‎

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
@import '../../../../scss/settings/color-variables.scss';
2+
3+
.auth-main {
4+
position: relative;
5+
6+
.auth-wrapper {
7+
height: 100%;
8+
width: 100%;
9+
min-height: 100vh;
10+
11+
.saprator {
12+
position: relative;
13+
display: flex;
14+
align-self: center;
15+
justify-content: center;
16+
17+
&:after {
18+
content: '';
19+
position: absolute;
20+
top: 50%;
21+
left: 0;
22+
width: 100%;
23+
height: 1px;
24+
background: var(--bs-border-color);
25+
z-index: 1;
26+
}
27+
28+
span {
29+
font-size: 0.875rem;
30+
padding: 8px 24px;
31+
background: $white;
32+
z-index: 5;
33+
text-transform: capitalize;
34+
color: $gray-800;
35+
font-weight: 500;
36+
}
37+
}
38+
39+
&.v3 {
40+
display: flex;
41+
align-items: center;
42+
43+
.auth-form {
44+
flex-direction: column;
45+
background: url('../../../../assets/images/authentication/img-auth-bg.svg');
46+
min-height: 100vh;
47+
padding: 24px;
48+
background-repeat: no-repeat;
49+
background-size: auto 82%;
50+
background-position: left bottom;
51+
position: relative;
52+
justify-content: space-between;
53+
> * {
54+
position: relative;
55+
z-index: 5;
56+
}
57+
&:after {
58+
content: '';
59+
position: absolute;
60+
top: 0;
61+
left: 0;
62+
width: 100%;
63+
height: 100%;
64+
background: rgba($white, 0.2);
65+
backdrop-filter: blur(16px);
66+
}
67+
}
68+
}
69+
.auth-form {
70+
display: flex;
71+
align-items: center;
72+
justify-content: center;
73+
flex-grow: 1;
74+
75+
.card {
76+
width: 100%;
77+
max-width: 495px;
78+
box-shadow: none;
79+
}
80+
81+
img + span {
82+
padding-left: 15px;
83+
}
84+
85+
h5 {
86+
span {
87+
text-decoration: underline;
88+
}
89+
}
90+
}
91+
.auth-footer,
92+
.auth-header {
93+
width: 100%;
94+
display: flex;
95+
align-items: center;
96+
justify-content: space-between;
97+
}
98+
}
99+
}
100+
101+
form i {
102+
display: inline-flex;
103+
align-items: center;
104+
justify-content: center;
105+
margin: 0px -12px 0px 0px;
106+
cursor: pointer;
107+
padding: 12px;
108+
font-size: 18px;
109+
position: absolute;
110+
top: 203px;
111+
right: 45px;
112+
}

‎src/app/demo/authentication/register/register.component.scss‎

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
@import '../../../../scss/settings/color-variables.scss';
2+
3+
.auth-main {
4+
position: relative;
5+
6+
.auth-wrapper {
7+
height: 100%;
8+
width: 100%;
9+
min-height: 100vh;
10+
11+
.saprator {
12+
position: relative;
13+
display: flex;
14+
align-self: center;
15+
justify-content: center;
16+
17+
&:after {
18+
content: '';
19+
position: absolute;
20+
top: 50%;
21+
left: 0;
22+
width: 100%;
23+
height: 1px;
24+
background: var(--bs-border-color);
25+
z-index: 1;
26+
}
27+
28+
span {
29+
font-size: 0.875rem;
30+
padding: 8px 24px;
31+
background: $white;
32+
z-index: 5;
33+
text-transform: capitalize;
34+
color: $gray-800;
35+
font-weight: 500;
36+
}
37+
}
38+
39+
&.v3 {
40+
display: flex;
41+
align-items: center;
42+
43+
.auth-form {
44+
flex-direction: column;
45+
background: url('../../../../assets/images/authentication/img-auth-bg.svg');
46+
min-height: 100vh;
47+
padding: 24px;
48+
background-repeat: no-repeat;
49+
background-size: auto 82%;
50+
background-position: left bottom;
51+
position: relative;
52+
justify-content: space-between;
53+
> * {
54+
position: relative;
55+
z-index: 5;
56+
}
57+
&:after {
58+
content: '';
59+
position: absolute;
60+
top: 0;
61+
left: 0;
62+
width: 100%;
63+
height: 100%;
64+
background: rgba($white, 0.2);
65+
backdrop-filter: blur(16px);
66+
}
67+
}
68+
}
69+
.auth-form {
70+
display: flex;
71+
align-items: center;
72+
justify-content: center;
73+
flex-grow: 1;
74+
75+
.card {
76+
width: 100%;
77+
max-width: 495px;
78+
box-shadow: none;
79+
}
80+
81+
img + span {
82+
padding-left: 15px;
83+
}
84+
85+
h5 {
86+
span {
87+
text-decoration: underline;
88+
}
89+
}
90+
}
91+
.auth-footer,
92+
.auth-header {
93+
width: 100%;
94+
display: flex;
95+
align-items: center;
96+
justify-content: space-between;
97+
}
98+
}
99+
}

0 commit comments

Comments
 (0)