jank/employeeService
1
1
Fork 0
Code Issues 2 Pull requests 4 Projects 1 Releases Packages Wiki Activity Actions

90% done

Browse source
This commit is contained in:
mehdiboudjoudi 2025-01-15 12:05:04 +01:00 • committed by Jan Klattenhoff
parent d736143ad6
commit e18436a57c
Signed by: jank
GPG key ID: 50620ADD22CD330B
11 changed files with 85 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
View file

@ -1,28 +1,17 @@
<!-- MitarbeiterverwaltungViewComponent HTML (components/mitarbeiterverwaltung-view.component.html) -->
<div class="container">
<div class="header">
<div class="dropdown position-absolute top-0 end-0 m-3">
<button
class="btn align-items-center d-flex"
type="button"
id="userDropdown"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<img
src="user.svg"
alt="User Icon"
class="rounded-circle"
style="width: 30px; height: 30px;"
>
<button class="btn align-items-center d-flex" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
<img src="user.svg" alt="User Icon" class="rounded-circle" style="width: 30px; height: 30px;">
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
<li>
<a class="dropdown-item" href="/logout">Log out</a>
</li>
<li><a class="dropdown-item" href="/logout">Log out</a></li>
</ul>
</div>
<h1>Employees</h1>
</div>
<div class="header-actions">
<div class="search-bar">
<input type="text" placeholder="Search employee">
@ -44,6 +33,18 @@
</tr>
</thead>
<tbody>
<tr *ngFor="let employee of employees">
<td>{{ employee.firstName }}</td>
<td>{{ employee.lastName }}</td>
<td>{{ employee.street }}</td>
<td>{{ employee.postcode }}</td>
<td>{{ employee.city }}</td>
<td>{{ employee.phone }}</td>
<td>
<button>Edit</button>
<button>Delete</button>
</td>
</tr>
</tbody>
</table>
</div>

32
src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
View file

@ -1,12 +1,34 @@
import { Component } from '@angular/core';
// MitarbeiterverwaltungViewComponent (components/mitarbeiterverwaltung-view.component.ts)
import { Component, OnInit } from '@angular/core';
import { EmployeeService } from '../../data_layer/service/mitarbeiter_data_service';
import { Employee } from '../../data_layer/model/employee';
import { CommonModule } from '@angular/common';
import { HttpClientModule } from '@angular/common/http';
@Component({
selector: 'app-mitarbeiterverwaltung-view',
standalone: true,
imports: [],
templateUrl: './mitarbeiterverwaltung-view.component.html',
styleUrl: './mitarbeiterverwaltung-view.component.css'
styleUrls: ['./mitarbeiterverwaltung-view.component.css'],
standalone: true,
imports: [CommonModule, HttpClientModule]
})
export class MitarbeiterverwaltungViewComponent {
export class MitarbeiterverwaltungViewComponent implements OnInit {
employees: Employee[] = [];
constructor(private employeeService: EmployeeService) {}
ngOnInit(): void {
this.fetchEmployees();
}
fetchEmployees(): void {
this.employeeService.getAllEmployees().subscribe(
(data: Employee[]) => {
this.employees = data;
},
(error: any) => {
console.error('Error fetching employees', error);
}
);
}
}