2 |
3 | 4 |
5 |
--------------------------------------------------------------------------------
/employee frontend final/src/app/add-employee/add-employee.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { AddEmployeeComponent } from './add-employee.component';
4 |
5 | describe('AddEmployeeComponent', () => {
6 | let component: AddEmployeeComponent;
7 | let fixture: ComponentFixture
6 |
178 |
179 |
180 |
186 |
187 |
188 |
3 |
65 |
66 |
4 |
64 |
5 | 
7 |
8 |
7 |
9 |
62 |
63 | 2 |
3 | 4 | 5 |
6 |
7 |
18 |
19 |;
8 |
9 | beforeEach(() => {
10 | TestBed.configureTestingModule({
11 | declarations: [EmployeeListComponent]
12 | });
13 | fixture = TestBed.createComponent(EmployeeListComponent);
14 | component = fixture.componentInstance;
15 | fixture.detectChanges();
16 | });
17 |
18 | it('should create', () => {
19 | expect(component).toBeTruthy();
20 | });
21 | });
22 |
--------------------------------------------------------------------------------
/employee frontend final/src/app/employee-list/employee-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { Employee } from '../employee';
3 | import { EmployeeService } from '../employee.service';
4 | import{FormsModule} from '@angular/forms'
5 |
6 | import { Router } from '@angular/router';
7 | @Component({
8 | selector: 'app-employee-list',
9 | templateUrl: './employee-list.component.html',
10 | styleUrls: ['./employee-list.component.css']
11 | })
12 | export class EmployeeListComponent {
13 |
14 | employees: Employee[];
15 | EnteredID!:number;
16 |
17 | constructor(private employeeService: EmployeeService, private router: Router) {
18 | this.employees=[];
19 |
20 | }
21 |
22 | ngOnInit(): void {
23 |
24 | // this.employees = [
25 | // { "id":1,fname: 'John', lname: 'Doe', email: 'john@example.com', salary: 50000, department: 'IT', designation: 'Developer' },
26 |
27 | // ];
28 |
29 | this.getEmployees();
30 | }
31 |
32 |
33 | goToEmployee(){
34 |
35 |
36 | console.log(this.EnteredID);
37 | this.router.navigate(['details-of-employee',this.EnteredID]);
38 | }
39 |
40 | getEmployees(){
41 | this.employeeService.getEmployeesList().subscribe(data => {this.employees = data;});
42 |
43 |
44 | }
45 |
46 | updateEmployee(id: number){
47 | this.router.navigate(['updating-by-id', id]);
48 | }
49 |
50 |
51 |
52 |
53 | deleteEmployee(id: number){
54 |
55 | if(confirm("Are you sure to delete Employee ID: "+id)){
56 | this.employeeService.deleteEmployee(id).subscribe( data => {
57 | console.log(data);
58 | this.getEmployees();
59 | })}
60 | }
61 |
62 |
63 | detailsOfEmployee(id: number){
64 | this.router.navigate(['details-of-employee', id]);
65 | }
66 |
67 |
68 | }
69 |
--------------------------------------------------------------------------------
/employee frontend final/src/app/employee.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { EmployeeService } from './employee.service';
4 |
5 | describe('EmployeeService', () => {
6 | let service: EmployeeService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(EmployeeService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/employee frontend final/src/app/employee.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient } from '@angular/common/http';
3 |
4 | import { Observable } from 'rxjs';
5 | import { Employee } from './employee';
6 |
7 |
8 | @Injectable({
9 | providedIn: 'root'
10 | })
11 | export class EmployeeService {
12 |
13 |
14 |
15 | private baseURL = "http://localhost:8080/api/v1/employees";
16 |
17 | constructor(private httpClient: HttpClient) { }
18 |
19 | getEmployeesList(): Observable{
20 | return this.httpClient.get(`${this.baseURL}`);
21 | }
22 |
23 | addEmployee(employee: Employee): Observable
8 |
15 |
16 |
17 | 18 |
19 |
20 |
21 |
22 |
23 |
58 |
59 |
60 |
61 |
--------------------------------------------------------------------------------
/employee frontend final/src/app/employee-list/employee-list.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { EmployeeListComponent } from './employee-list.component';
4 |
5 | describe('EmployeeListComponent', () => {
6 | let component: EmployeeListComponent;
7 | let fixture: ComponentFixture| Id | 25 |First Name | 26 |Last Name | 27 |Department | 30 |Designation | 31 | 32 |Actions | 33 ||
|---|---|---|---|---|---|---|
| {{employee.id}} | 41 |{{employee.fname}} | 42 |{{employee.lname}} | 43 |{{employee.email}} | 44 | 45 |{{employee.department}} | 46 |{{employee.designation}} | 47 | 48 |49 | 50 | 51 | 52 | | 53 |
59 |