Compare commits
3 commits
main
...
setup/use-
Author | SHA1 | Date | |
---|---|---|---|
|
a01b2bf140 | ||
|
8a6c4e1603 | ||
|
dbab1bdf08 |
9 changed files with 2113 additions and 13441 deletions
2107
frontend/bun.lock
Normal file
2107
frontend/bun.lock
Normal file
File diff suppressed because it is too large
Load diff
13383
frontend/package-lock.json
generated
13383
frontend/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
@ -2,11 +2,11 @@
|
|||
"name": "lf10-starter2024",
|
||||
"version": "0.0.0",
|
||||
"scripts": {
|
||||
"ng": "ng",
|
||||
"start": "ng serve --proxy-config src/proxy.conf.json",
|
||||
"build": "ng build",
|
||||
"watch": "ng build --watch --configuration development",
|
||||
"test": "ng test"
|
||||
"ng": "bunx @angular/cli",
|
||||
"start": "bunx @angular/cli serve --proxy-config src/proxy.conf.json",
|
||||
"build": "bunx @angular/cli build",
|
||||
"watch": "bunx @angular/cli build --watch --configuration development",
|
||||
"test": "bunx @angular/cli test"
|
||||
},
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
|
|
|
@ -1,6 +0,0 @@
|
|||
export class Hello {
|
||||
constructor(public id?: number,
|
||||
public message?: string,
|
||||
) {
|
||||
}
|
||||
}
|
|
@ -1,7 +1,3 @@
|
|||
<h1>LF12 Starter</h1>
|
||||
|
||||
<a href="/hello">hello</a>
|
||||
|
||||
<router-outlet></router-outlet>
|
||||
|
||||
|
||||
|
|
|
@ -1,7 +1,4 @@
|
|||
import { Routes } from '@angular/router';
|
||||
import {HelloListComponent} from "./hello-list/hello-list.component";
|
||||
import {authGuard} from "./auth.guard";
|
||||
import {Routes} from '@angular/router';
|
||||
|
||||
export const routes: Routes = [
|
||||
{ path: 'hello', component: HelloListComponent , canActivate: [authGuard] }
|
||||
];
|
||||
|
|
|
@ -1,8 +0,0 @@
|
|||
<h3>List of Hellos</h3>
|
||||
<ul>
|
||||
@for(e of employees$ | async; track e.id) {
|
||||
<li>
|
||||
{{e.id }}, {{e.message}}
|
||||
</li>
|
||||
}
|
||||
</ul>
|
|
@ -1,31 +0,0 @@
|
|||
import { Component } from '@angular/core';
|
||||
import {Observable, of} from "rxjs";
|
||||
import {Hello} from "../Hello";
|
||||
import {HttpClient, HttpClientModule, HttpHeaders, provideHttpClient} from "@angular/common/http";
|
||||
import {AsyncPipe} from "@angular/common";
|
||||
import {KeycloakService} from "keycloak-angular";
|
||||
|
||||
@Component({
|
||||
selector: 'app-hello-list',
|
||||
standalone: true,
|
||||
imports: [
|
||||
AsyncPipe
|
||||
],
|
||||
providers: [KeycloakService],
|
||||
templateUrl: './hello-list.component.html',
|
||||
styleUrl: './hello-list.component.css'
|
||||
})
|
||||
export class HelloListComponent {
|
||||
employees$: Observable<Hello[]>;
|
||||
|
||||
constructor(private http: HttpClient) {
|
||||
this.employees$ = of([]);
|
||||
this.fetchData();
|
||||
}
|
||||
|
||||
fetchData() {
|
||||
this.employees$ = this.http.get<Hello[]>('/backend/hellos');
|
||||
}
|
||||
|
||||
|
||||
}
|
Reference in a new issue