création de la page businessunit et de la page businessunitedit

src/app/app-routing.module.ts

@@ -5,6 +5,8 @@ import {CollaborateurEditComponent} from "./components/collaborateur/collaborate
 import {HomeComponent} from "./components/home/home.component";
 import {AgenceComponent} from "./components/agence/agence.component";
 import {AgenceEditComponent} from "./components/agence/agence-edit/agence-edit.component";
+import {BusinessunitComponent} from "./components/businessunit/businessunit.component";
+import {BusinessunitEditComponent} from "./components/businessunit/businessunit-edit/businessunit-edit.component";
 
 const routes : Routes = [
   {path:'', redirectTo:'/home', pathMatch:'full'},
@@ -13,6 +15,8 @@ const routes : Routes = [
   { path: 'collaborateurs/:id', component: CollaborateurEditComponent },
   { path:'agences',component:AgenceComponent },
   { path: 'agences/:id', component: AgenceEditComponent },
+  { path:'businessunits',component:BusinessunitComponent },
+  { path: 'businessunits/:id', component: BusinessunitEditComponent },
 ];
 
 @NgModule({

src/app/app.component.html

@@ -73,6 +73,9 @@
   <nav>
     <a class="toolbar-button" routerLink="/agences">Agences</a>
   </nav>
+  <nav>
+    <a class="toolbar-button" routerLink="/businessunits">Business Units</a>
+  </nav>
 </div>
 
 <div class="content" role="main">

src/app/app.module.ts

@@ -12,6 +12,8 @@ import { HomeComponent } from './components/home/home.component';
 import { AgenceComponent } from './components/agence/agence.component';
 import { AgenceEditComponent } from './components/agence/agence-edit/agence-edit.component';
 import { CollaborateurDetailComponent } from './components/collaborateur/collaborateur-detail/collaborateur-detail.component';
+import { BusinessunitComponent } from './components/businessunit/businessunit.component';
+import { BusinessunitEditComponent } from './components/businessunit/businessunit-edit/businessunit-edit.component';
 
 @NgModule({
   declarations: [
@@ -21,7 +23,9 @@ import { CollaborateurDetailComponent } from './components/collaborateur/collabo
     HomeComponent,
     AgenceComponent,
     AgenceEditComponent,
-    CollaborateurDetailComponent
+    CollaborateurDetailComponent,
+    BusinessunitComponent,
+    BusinessunitEditComponent
   ],
   imports: [
     BrowserModule,

src/app/interfaces/businessunit.ts

@@ -0,0 +1,5 @@
+export interface Businessunit {
+  name: string;
+  id: number;
+  agenceId : number;
+}

src/app/services/businessunit.service.ts

@@ -0,0 +1,40 @@
+import { Injectable } from '@angular/core';
+import {HttpClient, HttpHeaders} from "@angular/common/http";
+import {Observable} from "rxjs";
+import {Businessunit} from "../interfaces/businessunit";
+import {businessunitsUrl} from "../../ressources/routes/routes";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class BusinessunitService {
+  private businessunitsUrl = businessunitsUrl;
+
+  httpOptions = {
+    headers: new HttpHeaders({ 'Content-Type': 'application/json' })
+  };
+
+  constructor(private http: HttpClient) { }
+
+  getBusinessunits():Observable<Businessunit[]> {
+    return this.http.get<Businessunit[]>(this.businessunitsUrl);
+  }
+
+  getBusinessunit(id : number):Observable<Businessunit>{
+    return this.http.get<Businessunit>(this.businessunitsUrl+"/"+id);
+  }
+
+  updateBusinessunit(businessunit : Businessunit):Observable<Businessunit>{
+    let body = JSON.stringify(businessunit);
+    return this.http.put<Businessunit>(this.businessunitsUrl + "/" + businessunit.id, body, this.httpOptions);
+  }
+
+  deleteBusinessunit(businessunit: Businessunit) {
+    return this.http.delete(this.businessunitsUrl + "/" + businessunit.id);
+  }
+
+  addBusinessunit(businessunit: Businessunit): Observable<Businessunit> {
+    let body = JSON.stringify(businessunit);
+    return this.http.post<Businessunit>(this.businessunitsUrl, body, this.httpOptions);
+  }
+}

src/ressources/routes/routes.ts

@@ -1,2 +1,3 @@
 export const collaborateursUrl = 'https://localhost:7125/api/collaborateurs';
 export const agencesUrl = 'https://localhost:7125/api/agences';
+export const businessunitsUrl = 'https://localhost:7125/api/businessunits';