AlexandreRuiz
/
Collaborateur_Epa_Front
2
1
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Factorisation du détail des collaborateurs de la vue pour ajouter et pour éditer dans le composant collaborateur-detail

Browse Source
pull/4/head
Clement FERRERE 3 years ago
parent 8fbcff9b17
commit 2ed1eed328
6 changed files with 73 additions and 80 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      src/app/app.module.ts
  2. 40
      src/app/components/collaborateur/collaborateur-detail/collaborateur-detail.component.html
  3. 9
      src/app/components/collaborateur/collaborateur-detail/collaborateur-detail.component.scss
  4. 19
      src/app/components/collaborateur/collaborateur-detail/collaborateur-detail.component.ts
  5. 40
      src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.html
  6. 41
      src/app/components/collaborateur/collaborateur.component.html

4
src/app/app.module.ts
Unescape View File

@ -11,6 +11,7 @@ import { AppRoutingModule } from './app-routing.module';
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';
@NgModule({
declarations: [
@ -19,7 +20,8 @@ import { AgenceEditComponent } from './components/agence/agence-edit/agence-edit
CollaborateurEditComponent,
HomeComponent,
AgenceComponent,
AgenceEditComponent
AgenceEditComponent,
CollaborateurDetailComponent
],
imports: [
BrowserModule,

40
src/app/components/collaborateur/collaborateur-detail/collaborateur-detail.component.html
Unescape View File

@ -0,0 +1,40 @@
<div *ngIf="collaborateur">
<label class="col-2" for="collaborateur-name">Collaborateur name </label>
<input id="collaborateur-name" [(ngModel)]="collaborateur.name" placeholder="name">
<label class="col-2" for="collaborateur-firstName">Collaborateur firstname </label>
<input id="collaborateur-firstName" [(ngModel)]="collaborateur.firstName" placeholder="firstname">
<label class="col-2" for="collaborateur-birthDate">Collaborateur birthDate </label>
<input id="collaborateur-birthDate" [(ngModel)]="collaborateur.birthDate" placeholder="birthDate">
<label class="col-2" for="collaborateur-gender">Collaborateur gender </label>
<input id="collaborateur-gender" [(ngModel)]="collaborateur.gender" placeholder="gender">
<label class="col-2" for="collaborateur-status">Collaborateur status </label>
<input id="collaborateur-status" [(ngModel)]="collaborateur.status" placeholder="status">
<label class="col-2" for="collaborateur-childrenNumber">Collaborateur childrenNumber </label>
<input id="collaborateur-childrenNumber" [(ngModel)]="collaborateur.childrenNumber" placeholder="childrenNumber">
<label class="col-2" for="collaborateur-address">Collaborateur address </label>
<input id="collaborateur-address" [(ngModel)]="collaborateur.address" placeholder="address">
<label class="col-2" for="collaborateur-telephone">Collaborateur telephone </label>
<input id="collaborateur-telephone" [(ngModel)]="collaborateur.telephone" placeholder="telephone">
<label class="col-2" for="collaborateur-personalMail">Collaborateur personalMail </label>
<input id="collaborateur-personalMail" [(ngModel)]="collaborateur.personalMail" placeholder="personalMail">
<label class="col-2" for="collaborateur-apsideMail">Collaborateur apsideMail </label>
<input id="collaborateur-apsideMail" [(ngModel)]="collaborateur.apsideMail" placeholder="apsideMail">
<label class="col-2" for="collaborateur-resignationDate">Collaborateur resignationDate </label>
<input id="collaborateur-resignationDate" [(ngModel)]="collaborateur.resignationDate" placeholder="resignationDate">
<label class="col-2" for="collaborateur-referrerId">Collaborateur referrerId </label>
<input id="collaborateur-referrerId" [(ngModel)]="collaborateur.referrerId" placeholder="referrerId">
<label class="col-2" for="collaborateur-businessUnitId">Collaborateur businessUnitId </label>
<input id="collaborateur-businessUnitId" [(ngModel)]="collaborateur.businessUnitId" placeholder="businessUnitId">
</div>

9
src/app/components/collaborateur/collaborateur-detail/collaborateur-detail.component.scss
Unescape View File

@ -0,0 +1,9 @@
label {
color: #435960;
font-weight: bold;
}
input {
font-size: 1em;
padding: .3rem;
margin: .5rem;
}

19
src/app/components/collaborateur/collaborateur-detail/collaborateur-detail.component.ts
Unescape View File

@ -0,0 +1,19 @@
import {Component, Input, OnInit} from '@angular/core';
import {Collaborateur} from "../../../interfaces/collaborateur";
@Component({
selector: 'app-collaborateur-detail',
templateUrl: './collaborateur-detail.component.html',
styleUrls: ['./collaborateur-detail.component.scss']
})
export class CollaborateurDetailComponent implements OnInit {
@Input()
collaborateur: Collaborateur | undefined;
constructor() { }
ngOnInit(): void {
}
}

40
src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.html
Unescape View File

@ -3,46 +3,8 @@
<h2>{{collaborateur.name | uppercase}} {{collaborateur.firstName | uppercase}} </h2>
<div><span>id : </span>{{collaborateur.id}}</div>
<div>
<label class="col-2" for="collaborateur-name">Collaborateur name </label>
<input id="collaborateur-name" [(ngModel)]="collaborateur.name" placeholder="name">
<label class="col-2" for="collaborateur-firstName">Collaborateur firstname </label>
<input id="collaborateur-firstName" [(ngModel)]="collaborateur.firstName" placeholder="firstname">
<label class="col-2" for="collaborateur-birthDate">Collaborateur birthDate </label>
<input id="collaborateur-birthDate" [(ngModel)]="collaborateur.birthDate" placeholder="birthDate">
<label class="col-2" for="collaborateur-gender">Collaborateur gender </label>
<input id="collaborateur-gender" [(ngModel)]="collaborateur.gender" placeholder="gender">
<label class="col-2" for="collaborateur-status">Collaborateur status </label>
<input id="collaborateur-status" [(ngModel)]="collaborateur.status" placeholder="status">
<label class="col-2" for="collaborateur-childrenNumber">Collaborateur childrenNumber </label>
<input id="collaborateur-childrenNumber" [(ngModel)]="collaborateur.childrenNumber" placeholder="childrenNumber">
<label class="col-2" for="collaborateur-address">Collaborateur address </label>
<input id="collaborateur-address" [(ngModel)]="collaborateur.address" placeholder="address">
<label class="col-2" for="collaborateur-telephone">Collaborateur telephone </label>
<input id="collaborateur-telephone" [(ngModel)]="collaborateur.telephone" placeholder="telephone">
<label class="col-2" for="collaborateur-personalMail">Collaborateur personalMail </label>
<input id="collaborateur-personalMail" [(ngModel)]="collaborateur.personalMail" placeholder="personalMail">
<label class="col-2" for="collaborateur-apsideMail">Collaborateur apsideMail </label>
<input id="collaborateur-apsideMail" [(ngModel)]="collaborateur.apsideMail" placeholder="apsideMail">
<label class="col-2" for="collaborateur-resignationDate">Collaborateur resignationDate </label>
<input id="collaborateur-resignationDate" [(ngModel)]="collaborateur.resignationDate" placeholder="resignationDate">
<label class="col-2" for="collaborateur-referrerId">Collaborateur referrerId </label>
<input id="collaborateur-referrerId" [(ngModel)]="collaborateur.referrerId" placeholder="referrerId">
<label class="col-2" for="collaborateur-businessUnitId">Collaborateur businessUnitId </label>
<input id="collaborateur-businessUnitId" [(ngModel)]="collaborateur.businessUnitId" placeholder="businessUnitId">
</div>
<app-collaborateur-detail [collaborateur]="collaborateur"></app-collaborateur-detail>
<button (click)="goBack()">Retour</button>
<button (click)="save()">Sauvegarder les changements</button>

41
src/app/components/collaborateur/collaborateur.component.html
Unescape View File

@ -14,46 +14,7 @@
<h3>Ajouter un collaborateur : </h3>
<div>
<label class="col-2" for="collaborateur-name">Collaborateur name </label>
<input id="collaborateur-name" [(ngModel)]="collaborateur.name" placeholder="name">
<label class="col-2" for="collaborateur-firstName">Collaborateur firstname </label>
<input id="collaborateur-firstName" [(ngModel)]="collaborateur.firstName" placeholder="firstname">
<label class="col-2" for="collaborateur-birthDate">Collaborateur birthDate </label>
<input id="collaborateur-birthDate" [(ngModel)]="collaborateur.birthDate" placeholder="birthDate">
<label class="col-2" for="collaborateur-gender">Collaborateur name </label>
<input id="collaborateur-gender" [(ngModel)]="collaborateur.gender" placeholder="gender">
<label class="col-2" for="collaborateur-status">Collaborateur status </label>
<input id="collaborateur-status" [(ngModel)]="collaborateur.status" placeholder="status">
<label class="col-2" for="collaborateur-childrenNumber">Collaborateur childrenNumber </label>
<input id="collaborateur-childrenNumber" [(ngModel)]="collaborateur.childrenNumber" placeholder="childrenNumber">
<label class="col-2" for="collaborateur-address">Collaborateur address </label>
<input id="collaborateur-address" [(ngModel)]="collaborateur.address" placeholder="address">
<label class="col-2" for="collaborateur-telephone">Collaborateur telephone </label>
<input id="collaborateur-telephone" [(ngModel)]="collaborateur.telephone" placeholder="telephone">
<label class="col-2" for="collaborateur-personalMail">Collaborateur personalMail </label>
<input id="collaborateur-personalMail" [(ngModel)]="collaborateur.personalMail" placeholder="personalMail">
<label class="col-2" for="collaborateur-apsideMail">Collaborateur apsideMail </label>
<input id="collaborateur-apsideMail" [(ngModel)]="collaborateur.apsideMail" placeholder="apsideMail">
<label class="col-2" for="collaborateur-resignationDate">Collaborateur resignationDate </label>
<input id="collaborateur-resignationDate" [(ngModel)]="collaborateur.resignationDate" placeholder="resignationDate">
<label class="col-2" for="collaborateur-referrerId">Collaborateur referrerId </label>
<input id="collaborateur-referrerId" [(ngModel)]="collaborateur.referrerId" placeholder="referrerId">
<label class="col-2" for="collaborateur-businessUnitId">Collaborateur businessUnitId </label>
<input id="collaborateur-businessUnitId" [(ngModel)]="collaborateur.businessUnitId" placeholder="businessUnitId">
</div>
<app-collaborateur-detail [collaborateur]="collaborateur"></app-collaborateur-detail>
<button class="add-button" (click)="add(collaborateur)">
Ajouter un Collaborateur

Write Preview
Loading…
Cancel
Save