Loading ...
} @else {
-
Back to list
diff --git a/templates/angular/app/components/foo/show/show.component.ts b/templates/angular/app/components/foo/show/show.component.ts
index 636682fd..e9c7088e 100644
--- a/templates/angular/app/components/foo/show/show.component.ts
+++ b/templates/angular/app/components/foo/show/show.component.ts
@@ -13,7 +13,7 @@ import {ApiShow} from "../../../interface/api";
RouterLink,
DeleteComponent
],
- templateUrl: './show.component.html',
+ templateUrl: './show.component.svg',
})
export class ShowComponent implements OnInit {
public item: WritableSignal
= signal(null)
@@ -21,7 +21,7 @@ export class ShowComponent implements OnInit {
public error = signal(undefined)
constructor(
- private heroService: ApiService,
+ private apiService: ApiService,
private router: Router,
private location: Location
) {
@@ -30,7 +30,7 @@ export class ShowComponent implements OnInit {
ngOnInit() {
this.isLoading.set(true)
const id = this.router.url
- this.heroService
+ this.apiService
.getData(id)
.subscribe(item => {
this.item.set(item)
@@ -39,7 +39,7 @@ export class ShowComponent implements OnInit {
}
delete() {
- return this.heroService.delete(this.item()?.['@id']).subscribe(
+ return this.apiService.delete(this.item()?.['@id']).subscribe(
() => this.location.back()
)
}
diff --git a/templates/angular/app/components/svg/edit-svg/edit-svg.component.svg b/templates/angular/app/components/svg/edit-svg/edit-svg.component.svg
new file mode 100644
index 00000000..826ad3bd
--- /dev/null
+++ b/templates/angular/app/components/svg/edit-svg/edit-svg.component.svg
@@ -0,0 +1,11 @@
+
diff --git a/templates/angular/app/components/svg/edit-svg/edit-svg.component.ts b/templates/angular/app/components/svg/edit-svg/edit-svg.component.ts
new file mode 100644
index 00000000..b2f8ac8d
--- /dev/null
+++ b/templates/angular/app/components/svg/edit-svg/edit-svg.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-edit-svg',
+ standalone: true,
+ imports: [],
+ templateUrl: './edit-svg.component.svg',
+ styleUrl: './edit-svg.component.css'
+})
+export class EditSvgComponent {
+
+}
diff --git a/templates/angular/app/components/svg/list-svg/list-svg.component.css b/templates/angular/app/components/svg/list-svg/list-svg.component.css
deleted file mode 100644
index e69de29b..00000000
diff --git a/templates/angular/app/components/svg/list-svg/list-svg.component.spec.ts b/templates/angular/app/components/svg/list-svg/list-svg.component.spec.ts
deleted file mode 100644
index 280bf40f..00000000
--- a/templates/angular/app/components/svg/list-svg/list-svg.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ListSvgComponent } from './list-svg.component';
-
-describe('ListSvgComponent', () => {
- let component: ListSvgComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async () => {
- await TestBed.configureTestingModule({
- imports: [ListSvgComponent]
- })
- .compileComponents();
-
- fixture = TestBed.createComponent(ListSvgComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/templates/angular/app/components/svg/list-svg/list-svg.component.ts b/templates/angular/app/components/svg/list-svg/list-svg.component.ts
index b88307aa..7ed65c66 100644
--- a/templates/angular/app/components/svg/list-svg/list-svg.component.ts
+++ b/templates/angular/app/components/svg/list-svg/list-svg.component.ts
@@ -5,7 +5,6 @@ import { Component } from '@angular/core';
standalone: true,
imports: [],
templateUrl: './list-svg.component.svg',
- styleUrl: './list-svg.component.css'
})
export class ListSvgComponent {
diff --git a/templates/angular/app/components/svg/show-svg/show-svg.component.svg b/templates/angular/app/components/svg/show-svg/show-svg.component.svg
new file mode 100644
index 00000000..b91d5d60
--- /dev/null
+++ b/templates/angular/app/components/svg/show-svg/show-svg.component.svg
@@ -0,0 +1,13 @@
+show-svg works!
diff --git a/templates/angular/app/components/svg/show-svg/show-svg.component.ts b/templates/angular/app/components/svg/show-svg/show-svg.component.ts
new file mode 100644
index 00000000..b68a0328
--- /dev/null
+++ b/templates/angular/app/components/svg/show-svg/show-svg.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-show-svg',
+ standalone: true,
+ imports: [],
+ templateUrl: './show-svg.component.svg',
+ styleUrl: './show-svg.component.css'
+})
+export class ShowSvgComponent {
+
+}
diff --git a/templates/angular/app/router/foo.ts b/templates/angular/app/router/foo.ts
index 28791df4..f819dbdd 100644
--- a/templates/angular/app/router/foo.ts
+++ b/templates/angular/app/router/foo.ts
@@ -1,23 +1,23 @@
-import {ListComponent} from "../components/foo/list/list.component";
-import {CreateComponent} from "../components/foo/create/create.component";
-import {ShowComponent} from "../components/foo/show/show.component";
-import {EditComponent} from "../components/foo/edit/edit.component";
+import {ListComponent} from "../components/{{lc}}/list/list.component";
+import {CreateComponent} from "../components/{{lc}}/create/create.component";
+import {ShowComponent} from "../components/{{lc}}/show/show.component";
+import {EditComponent} from "../components/{{lc}}/edit/edit.component";
-export default [
+export const {{title}}Routes = [
{
- path: 'heroes',
+ path: '{{lc}}',
component: ListComponent
},
{
- path: 'heroes/add',
+ path: '{{lc}}/add',
component: CreateComponent
},
{
- path: 'heroes/:id',
+ path: '{{lc}}/:id',
component: ShowComponent,
},
{
- path: 'heroes/:id/edit',
+ path: '{{lc}}/:id/edit',
component: EditComponent
},
]
diff --git a/templates/angular/app/service/api.service.ts b/templates/angular/app/service/api.service.ts
index 297343c5..7fb3cfd8 100644
--- a/templates/angular/app/service/api.service.ts
+++ b/templates/angular/app/service/api.service.ts
@@ -30,9 +30,9 @@ export class ApiService {
)
}
- getHeroes(id: string): Observable {
+ getData(id: string): Observable {
return this.http
- .get(this.baseUrl + id)
+ .get(this.baseUrl + id)
.pipe(
catchError(
this.handleError
@@ -40,14 +40,6 @@ export class ApiService {
)
}
- getHero(id: string): Observable {
- return this.http
- .get(this.baseUrl + id)
- .pipe(
- catchError(this.handleError)
- )
- }
-
putHero(id: Signal | string | undefined, data: ApiShow | null) {
return this.http
diff --git a/testapp.sh b/testapp.sh
index 47459444..45fd8f7a 100755
--- a/testapp.sh
+++ b/testapp.sh
@@ -75,3 +75,27 @@ if [ "$1" = "vue" ]; then
yarn --cwd ./tmp/app/vue build
start-server-and-test 'yarn --cwd ./tmp/app/vue vite preview --port 3000' http://localhost:3000/books/ 'yarn playwright test'
fi
+
+if [ "$1" = "angular" ]; then
+ cd ./tmp/app
+ npm install -g @angular/cli
+
+ ng new angular
+ cd ../..
+ yarn --cwd ./tmp/app/angular add tailwindcss postcss autoprefixer
+ yarn --cwd ./tmp/app/angular tailwindcss init -p
+
+ cp ./templates/common/tailwind.config.js ./tmp/app/angular
+ cp ./templates/common/style.css ./tmp/app/angular/src
+
+ cp ./templates/angular/app/app.component.html ./tmp/app/angular/src/app
+ cp ./templates/angular/app/app.component.ts ./tmp/app/angular/src/app
+
+ mkdir -p ./tmp/app/angular/src/app/components/common
+ mkdir -p ./tmp/app/angular/src/app/components/svg
+
+ cp -r ./templates/angular/app/components/common/* ./tmp/app/angular/src/app/components/common/
+ cp -r ./templates/angular/app/components/svg/* ./tmp/app/angular/src/app/components/svg/
+ yarn --cwd ./tmp/app/angular build
+ start-server-and-test 'yarn --cwd ./tmp/app/angular start' http://127.0.0.1:4200/books/ 'yarn playwright test'
+fi
diff --git a/testgen.sh b/testgen.sh
index 37254865..fcd765df 100755
--- a/testgen.sh
+++ b/testgen.sh
@@ -6,7 +6,7 @@ if [ $ENTRYPOINT ]; then
entrypoint="$ENTRYPOINT"
fi
-gens="angular"
+gens="vue angular"
if [ $1 ]; then
gens="$1"
fi