tsai
/
abp
mirror of https://github.com/abpframework/abp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Merge pull request #21668 from abpframework/ng-update-templates/19 

Angular - Update Templates to the Version 19.0.x
pull/21669/head
Masum ULU 2 years ago
committed by GitHub
parent
9c6edb78f1 7d3c339327
commit
20e37c95aa
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
14 changed files with 131 additions and 131 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 40
      templates/app-nolayers/angular/package.json
  2. 7
      templates/app-nolayers/angular/src/app/app.component.ts
  3. 7
      templates/app-nolayers/angular/src/app/home/home.component.ts
  4. 29
      templates/app-nolayers/angular/src/app/route.provider.ts
  5. 40
      templates/app/angular/package.json
  6. 7
      templates/app/angular/src/app/app.component.ts
  7. 7
      templates/app/angular/src/app/home/home.component.ts
  8. 42
      templates/module/angular/package.json
  9. 5
      templates/module/angular/projects/dev-app/src/app/app.component.ts
  10. 1
      templates/module/angular/projects/dev-app/src/app/home/home.component.ts
  11. 34
      templates/module/angular/projects/dev-app/src/app/route.provider.ts
  12. 34
      templates/module/angular/projects/my-project-name/config/src/providers/route.provider.ts
  13. 4
      templates/module/angular/projects/my-project-name/package.json
  14. 5
      templates/module/angular/projects/my-project-name/src/lib/components/my-project-name.component.ts

40
templates/app-nolayers/angular/package.json
View File

@ -21,31 +21,31 @@
"@abp/ng.tenant-management": "~9.0.2", "@abp/ng.tenant-management": "~9.0.2",
"@abp/ng.theme.lepton-x": "~4.0.3", "@abp/ng.theme.lepton-x": "~4.0.3",
"@abp/ng.theme.shared": "~9.0.2", "@abp/ng.theme.shared": "~9.0.2",
"@angular/animations": "~18.1.0", "@angular/animations": "~19.0.0",
"@angular/common": "~18.1.0", "@angular/common": "~19.0.0",
"@angular/compiler": "~18.1.0", "@angular/compiler": "~19.0.0",
"@angular/core": "~18.1.0", "@angular/core": "~19.0.0",
"@angular/forms": "~18.1.0", "@angular/forms": "~19.0.0",
"@angular/localize": "~18.1.0", "@angular/localize": "~19.0.0",
"@angular/platform-browser": "~18.1.0", "@angular/platform-browser": "~19.0.0",
"@angular/platform-browser-dynamic": "~18.1.0", "@angular/platform-browser-dynamic": "~19.0.0",
"@angular/router": "~18.1.0", "@angular/router": "~19.0.0",
"bootstrap-icons": "~1.8.0", "bootstrap-icons": "~1.8.0",
"rxjs": "~7.8.0", "rxjs": "~7.8.0",
"tslib": "^2.0.0", "tslib": "^2.0.0",
"zone.js": "~0.14.0" "zone.js": "~0.15.0"
}, },
"devDependencies": { "devDependencies": {
"@abp/ng.schematics": "~9.0.2", "@abp/ng.schematics": "~9.0.2",
"@angular-devkit/build-angular": "~18.1.0", "@angular-devkit/build-angular": "~19.0.0",
"@angular-eslint/builder": "~18.1.0", "@angular-eslint/builder": "~19.0.0",
"@angular-eslint/eslint-plugin": "~18.1.0", "@angular-eslint/eslint-plugin": "~19.0.0",
"@angular-eslint/eslint-plugin-template": "~18.1.0", "@angular-eslint/eslint-plugin-template": "~19.0.0",
"@angular-eslint/schematics": "~18.1.0", "@angular-eslint/schematics": "~19.0.0",
"@angular-eslint/template-parser": "~18.1.0", "@angular-eslint/template-parser": "~19.0.0",
"@angular/cli": "~18.1.0", "@angular/cli": "~19.0.0",
"@angular/compiler-cli": "~18.1.0", "@angular/compiler-cli": "~19.0.0",
"@angular/language-service": "~18.1.0", "@angular/language-service": "~19.0.0",
"@types/jasmine": "~3.6.0", "@types/jasmine": "~3.6.0",
"@types/node": "^12.11.1", "@types/node": "^12.11.1",
"@typescript-eslint/eslint-plugin": "7.16.0", "@typescript-eslint/eslint-plugin": "7.16.0",
@ -57,6 +57,6 @@
"karma-coverage": "~2.1.0", "karma-coverage": "~2.1.0",
"karma-jasmine": "~4.0.0", "karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.7.0", "karma-jasmine-html-reporter": "^1.7.0",
"typescript": "~5.5.0" "typescript": "~5.6.0"
} }
} }

7
templates/app-nolayers/angular/src/app/app.component.ts
View File

@ -1,11 +1,12 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
@Component({ @Component({
standalone: false,
selector: 'app-root', selector: 'app-root',
template: ` template: `
<abp-loader-bar></abp-loader-bar> <abp-loader-bar />
<abp-dynamic-layout></abp-dynamic-layout> <abp-dynamic-layout />
<abp-internet-status></abp-internet-status> <abp-internet-status />
`, `,
}) })
export class AppComponent {} export class AppComponent {}

7
templates/app-nolayers/angular/src/app/home/home.component.ts
View File

@ -1,18 +1,19 @@
import { AuthService } from '@abp/ng.core'; import { AuthService } from '@abp/ng.core';
import { Component } from '@angular/core'; import { Component, inject } from '@angular/core';
@Component({ @Component({
standalone: false,
selector: 'app-home', selector: 'app-home',
templateUrl: './home.component.html', templateUrl: './home.component.html',
styleUrls: ['./home.component.scss'], styleUrls: ['./home.component.scss'],
}) })
export class HomeComponent { export class HomeComponent {
private authService = inject(AuthService);
get hasLoggedIn(): boolean { get hasLoggedIn(): boolean {
return this.authService.isAuthenticated; return this.authService.isAuthenticated;
} }
constructor(private authService: AuthService) {}
login() { login() {
this.authService.navigateToLogin(); this.authService.navigateToLogin();
} }

29
templates/app-nolayers/angular/src/app/route.provider.ts
View File

@ -1,20 +1,21 @@
import { RoutesService, eLayoutType } from '@abp/ng.core'; import { RoutesService, eLayoutType } from '@abp/ng.core';
import { APP_INITIALIZER } from '@angular/core'; import { inject, provideAppInitializer } from '@angular/core';
export const APP_ROUTE_PROVIDER = [ export const APP_ROUTE_PROVIDER = [
{ provide: APP_INITIALIZER, useFactory: configureRoutes, deps: [RoutesService], multi: true }, provideAppInitializer(() => {
configureRoutes();
}),
]; ];
function configureRoutes(routesService: RoutesService) { function configureRoutes() {
return () => { const routesService = inject(RoutesService);
routesService.add([ routesService.add([
{ {
path: '/', path: '/',
name: '::Menu:Home', name: '::Menu:Home',
iconClass: 'fas fa-home', iconClass: 'fas fa-home',
order: 1, order: 1,
layout: eLayoutType.application, layout: eLayoutType.application,
}, },
]); ]);
};
} }

40
templates/app/angular/package.json
View File

@ -21,31 +21,31 @@
"@abp/ng.tenant-management": "~9.0.2", "@abp/ng.tenant-management": "~9.0.2",
"@abp/ng.theme.lepton-x": "~4.0.3", "@abp/ng.theme.lepton-x": "~4.0.3",
"@abp/ng.theme.shared": "~9.0.2", "@abp/ng.theme.shared": "~9.0.2",
"@angular/animations": "~18.1.0", "@angular/animations": "~19.0.0",
"@angular/common": "~18.1.0", "@angular/common": "~19.0.0",
"@angular/compiler": "~18.1.0", "@angular/compiler": "~19.0.0",
"@angular/core": "~18.1.0", "@angular/core": "~19.0.0",
"@angular/forms": "~18.1.0", "@angular/forms": "~19.0.0",
"@angular/localize": "~18.1.0", "@angular/localize": "~19.0.0",
"@angular/platform-browser": "~18.1.0", "@angular/platform-browser": "~19.0.0",
"@angular/platform-browser-dynamic": "~18.1.0", "@angular/platform-browser-dynamic": "~19.0.0",
"@angular/router": "~18.1.0", "@angular/router": "~19.0.0",
"bootstrap-icons": "~1.8.0", "bootstrap-icons": "~1.8.0",
"rxjs": "~7.8.0", "rxjs": "~7.8.0",
"tslib": "^2.0.0", "tslib": "^2.0.0",
"zone.js": "~0.14.0" "zone.js": "~0.15.0"
}, },
"devDependencies": { "devDependencies": {
"@abp/ng.schematics": "~9.0.2", "@abp/ng.schematics": "~9.0.2",
"@angular-devkit/build-angular": "~18.1.0", "@angular-devkit/build-angular": "~19.0.0",
"@angular-eslint/builder": "~18.1.0", "@angular-eslint/builder": "~19.0.0",
"@angular-eslint/eslint-plugin": "~18.1.0", "@angular-eslint/eslint-plugin": "~19.0.0",
"@angular-eslint/eslint-plugin-template": "~18.1.0", "@angular-eslint/eslint-plugin-template": "~19.0.0",
"@angular-eslint/schematics": "~18.1.0", "@angular-eslint/schematics": "~19.0.0",
"@angular-eslint/template-parser": "~18.1.0", "@angular-eslint/template-parser": "~19.0.0",
"@angular/cli": "~18.1.0", "@angular/cli": "~19.0.0",
"@angular/compiler-cli": "~18.1.0", "@angular/compiler-cli": "~19.0.0",
"@angular/language-service": "~18.1.0", "@angular/language-service": "~19.0.0",
"@types/jasmine": "~3.6.0", "@types/jasmine": "~3.6.0",
"@types/node": "^12.11.1", "@types/node": "^12.11.1",
"@typescript-eslint/eslint-plugin": "7.16.0", "@typescript-eslint/eslint-plugin": "7.16.0",
@ -57,6 +57,6 @@
"karma-coverage": "~2.1.0", "karma-coverage": "~2.1.0",
"karma-jasmine": "~4.0.0", "karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.7.0", "karma-jasmine-html-reporter": "^1.7.0",
"typescript": "~5.5.0" "typescript": "~5.6.0"
} }
} }

7
templates/app/angular/src/app/app.component.ts
View File

@ -1,11 +1,12 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
@Component({ @Component({
standalone: false,
selector: 'app-root', selector: 'app-root',
template: ` template: `
<abp-loader-bar></abp-loader-bar> <abp-loader-bar />
<abp-dynamic-layout></abp-dynamic-layout> <abp-dynamic-layout />
<abp-internet-status></abp-internet-status> <abp-internet-status />
`, `,
}) })
export class AppComponent {} export class AppComponent {}

7
templates/app/angular/src/app/home/home.component.ts
View File

@ -1,18 +1,19 @@
import { AuthService } from '@abp/ng.core'; import { AuthService } from '@abp/ng.core';
import { Component } from '@angular/core'; import { Component, inject } from '@angular/core';
@Component({ @Component({
standalone: false,
selector: 'app-home', selector: 'app-home',
templateUrl: './home.component.html', templateUrl: './home.component.html',
styleUrls: ['./home.component.scss'], styleUrls: ['./home.component.scss'],
}) })
export class HomeComponent { export class HomeComponent {
private authService = inject(AuthService);
get hasLoggedIn(): boolean { get hasLoggedIn(): boolean {
return this.authService.isAuthenticated; return this.authService.isAuthenticated;
} }
constructor(private authService: AuthService) {}
login() { login() {
this.authService.navigateToLogin(); this.authService.navigateToLogin();
} }

42
templates/module/angular/package.json
View File

@ -22,30 +22,30 @@
"@abp/ng.tenant-management": "~9.0.2", "@abp/ng.tenant-management": "~9.0.2",
"@abp/ng.theme.basic": "~9.0.2", "@abp/ng.theme.basic": "~9.0.2",
"@abp/ng.theme.shared": "~9.0.2", "@abp/ng.theme.shared": "~9.0.2",
"@angular/animations": "~18.1.0", "@angular/animations": "~19.0.0",
"@angular/common": "~18.1.0", "@angular/common": "~19.0.0",
"@angular/compiler": "~18.1.0", "@angular/compiler": "~19.0.0",
"@angular/core": "~18.1.0", "@angular/core": "~19.0.0",
"@angular/forms": "~18.1.0", "@angular/forms": "~19.0.0",
"@angular/localize": "~18.1.0", "@angular/localize": "~19.0.0",
"@angular/platform-browser": "~18.1.0", "@angular/platform-browser": "~19.0.0",
"@angular/platform-browser-dynamic": "~18.1.0", "@angular/platform-browser-dynamic": "~19.0.0",
"@angular/router": "~18.1.0", "@angular/router": "~19.0.0",
"rxjs": "~7.8.0", "rxjs": "~7.8.0",
"tslib": "^2.0.0", "tslib": "^2.0.0",
"zone.js": "~0.14.0" "zone.js": "~0.15.0"
}, },
"devDependencies": { "devDependencies": {
"@abp/ng.schematics": "~9.0.2", "@abp/ng.schematics": "~9.0.2",
"@angular-devkit/build-angular": "~18.1.0", "@angular-devkit/build-angular": "~19.0.0",
"@angular-eslint/builder": "~18.1.0", "@angular-eslint/builder": "~19.0.0",
"@angular-eslint/eslint-plugin": "~18.1.0", "@angular-eslint/eslint-plugin": "~19.0.0",
"@angular-eslint/eslint-plugin-template": "~18.1.0", "@angular-eslint/eslint-plugin-template": "~19.0.0",
"@angular-eslint/schematics": "~18.1.0", "@angular-eslint/schematics": "~19.0.0",
"@angular-eslint/template-parser": "~18.1.0", "@angular-eslint/template-parser": "~19.0.0",
"@angular/cli": "~18.1.0", "@angular/cli": "~19.0.0",
"@angular/compiler-cli": "~18.1.0", "@angular/compiler-cli": "~19.0.0",
"@angular/language-service": "~18.1.0", "@angular/language-service": "~19.0.0",
"@types/jasmine": "~3.6.0", "@types/jasmine": "~3.6.0",
"@types/node": "^12.11.1", "@types/node": "^12.11.1",
"@typescript-eslint/eslint-plugin": "7.16.0", "@typescript-eslint/eslint-plugin": "7.16.0",
@ -57,8 +57,8 @@
"karma-coverage": "~2.1.0", "karma-coverage": "~2.1.0",
"karma-jasmine": "~4.0.0", "karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.7.0", "karma-jasmine-html-reporter": "^1.7.0",
"ng-packagr": "~17.3.0", "ng-packagr": "~19.0.0",
"symlink": "^2.0.0", "symlink": "^2.0.0",
"typescript": "~5.5.0" "typescript": "~5.6.0"
} }
} }

5
templates/module/angular/projects/dev-app/src/app/app.component.ts
View File

@ -1,10 +1,11 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
@Component({ @Component({
standalone: false,
selector: 'app-root', selector: 'app-root',
template: ` template: `
<abp-loader-bar></abp-loader-bar> <abp-loader-bar />
<abp-dynamic-layout></abp-dynamic-layout> <abp-dynamic-layout />
`, `,
}) })
export class AppComponent {} export class AppComponent {}

1
templates/module/angular/projects/dev-app/src/app/home/home.component.ts
View File

@ -1,6 +1,7 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
@Component({ @Component({
standalone: false,
selector: 'app-home', selector: 'app-home',
templateUrl: './home.component.html', templateUrl: './home.component.html',
}) })

34
templates/module/angular/projects/dev-app/src/app/route.provider.ts
View File

@ -1,25 +1,21 @@
import { RoutesService, eLayoutType } from '@abp/ng.core'; import { RoutesService, eLayoutType } from '@abp/ng.core';
import { APP_INITIALIZER } from '@angular/core'; import { inject, provideAppInitializer } from '@angular/core';
export const APP_ROUTE_PROVIDER = [ export const APP_ROUTE_PROVIDER = [
{ provideAppInitializer(() => {
provide: APP_INITIALIZER, configureRoutes();
useFactory: configureRoutes, }),
deps: [RoutesService],
multi: true,
},
]; ];
function configureRoutes(routesService: RoutesService) { function configureRoutes() {
return () => { const routesService = inject(RoutesService);
routesService.add([ routesService.add([
{ {
path: '/', path: '/',
name: 'Home', name: 'Home',
iconClass: 'fas fa-home', iconClass: 'fas fa-home',
order: 1, order: 1,
layout: eLayoutType.application, layout: eLayoutType.application,
}, },
]); ]);
};
} }

34
templates/module/angular/projects/my-project-name/config/src/providers/route.provider.ts
View File

@ -1,26 +1,22 @@
import { eLayoutType, RoutesService } from '@abp/ng.core'; import { eLayoutType, RoutesService } from '@abp/ng.core';
import { APP_INITIALIZER } from '@angular/core'; import { inject, provideAppInitializer } from '@angular/core';
import { eMyProjectNameRouteNames } from '../enums/route-names'; import { eMyProjectNameRouteNames } from '../enums/route-names';
export const MY_PROJECT_NAME_ROUTE_PROVIDERS = [ export const MY_PROJECT_NAME_ROUTE_PROVIDERS = [
{ provideAppInitializer(() => {
provide: APP_INITIALIZER, configureRoutes();
useFactory: configureRoutes, }),
deps: [RoutesService],
multi: true,
},
]; ];
export function configureRoutes(routesService: RoutesService) { export function configureRoutes() {
return () => { const routesService = inject(RoutesService);
routesService.add([ routesService.add([
{ {
path: '/my-project-name', path: '/my-project-name',
name: eMyProjectNameRouteNames.MyProjectName, name: eMyProjectNameRouteNames.MyProjectName,
iconClass: 'fas fa-book', iconClass: 'fas fa-book',
layout: eLayoutType.application, layout: eLayoutType.application,
order: 3, order: 3,
}, },
]); ]);
};
} }

4
templates/module/angular/projects/my-project-name/package.json
View File

@ -2,8 +2,8 @@
"name": "@my-company-name/my-project-name", "name": "@my-company-name/my-project-name",
"version": "0.0.1", "version": "0.0.1",
"peerDependencies": { "peerDependencies": {
"@angular/common": "~18.1.0", "@angular/common": "~19.0.0",
"@angular/core": "~18.1.0", "@angular/core": "~19.0.0",
"@abp/ng.core": "~9.0.2", "@abp/ng.core": "~9.0.2",
"@abp/ng.theme.shared": "~9.0.2" "@abp/ng.theme.shared": "~9.0.2"
}, },

5
templates/module/angular/projects/my-project-name/src/lib/components/my-project-name.component.ts
View File

@ -1,13 +1,14 @@
import { Component, OnInit } from '@angular/core'; import { Component, inject, OnInit } from '@angular/core';
import { MyProjectNameService } from '../services/my-project-name.service'; import { MyProjectNameService } from '../services/my-project-name.service';
@Component({ @Component({
standalone: false,
selector: 'lib-my-project-name', selector: 'lib-my-project-name',
template: ` <p>my-project-name works!</p> `, template: ` <p>my-project-name works!</p> `,
styles: [], styles: [],
}) })
export class MyProjectNameComponent implements OnInit { export class MyProjectNameComponent implements OnInit {
constructor(private service: MyProjectNameService) {} private service = inject(MyProjectNameService);
ngOnInit(): void { ngOnInit(): void {
this.service.sample().subscribe(console.log); this.service.sample().subscribe(console.log);

Write Preview
Loading…
Cancel
Save