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