diff --git a/angular.json b/angular.json
index 89a30c8..a8699ce 100644
--- a/angular.json
+++ b/angular.json
@@ -24,6 +24,7 @@
"src/assets"
],
"styles": [
+ "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
"src/styles.css"
],
"scripts": []
@@ -88,6 +89,7 @@
"src/assets"
],
"styles": [
+ "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
"src/styles.css"
],
"scripts": []
@@ -119,6 +121,7 @@
}
}
}
- }},
+ }
+ },
"defaultProject": "DocumentEPS"
-}
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 3f55e7a..8909d97 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -200,11 +200,35 @@
}
}
},
+ "@angular-material-components/datetime-picker": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/@angular-material-components/datetime-picker/-/datetime-picker-2.0.4.tgz",
+ "integrity": "sha512-3nXGFz7GXbFYeBI2/72rcmPFTWtcC1ERlgdkaY+65dFHXPIc8hKGv6o+JbtCoYPg7xmVCCy4xhmOgfd/CFGyOw==",
+ "requires": {
+ "tslib": "^1.9.0"
+ }
+ },
"@angular/animations": {
"version": "9.1.12",
"resolved": "https://registry.npmjs.org/@angular/animations/-/animations-9.1.12.tgz",
"integrity": "sha512-tphpf9QHnOPoL2Jl7KpR+R5aHNW3oifLEmRUTajJYJGvo1uzdUDE82+V9OGOinxJsYseCth9gYJhN24aYTB9NA=="
},
+ "@angular/cdk": {
+ "version": "9.2.4",
+ "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.2.4.tgz",
+ "integrity": "sha512-iw2+qHMXHYVC6K/fttHeNHIieSKiTEodVutZoOEcBu9rmRTGbLB26V/CRsfIRmA1RBk+uFYWc6UQZnMC3RdnJQ==",
+ "requires": {
+ "parse5": "^5.0.0"
+ },
+ "dependencies": {
+ "parse5": {
+ "version": "5.1.1",
+ "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz",
+ "integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==",
+ "optional": true
+ }
+ }
+ },
"@angular/cli": {
"version": "9.1.12",
"resolved": "https://registry.npmjs.org/@angular/cli/-/cli-9.1.12.tgz",
@@ -449,6 +473,11 @@
"resolved": "https://registry.npmjs.org/@angular/forms/-/forms-9.1.12.tgz",
"integrity": "sha512-LhjnZlC4WEsEsAJfOZLte+Lks3WBAFVeRv2lzoQNFVr/IMzBNDVfjEaaSqKF1cei3cjY39Df2nYDMJM7HfqbJA=="
},
+ "@angular/material": {
+ "version": "9.2.4",
+ "resolved": "https://registry.npmjs.org/@angular/material/-/material-9.2.4.tgz",
+ "integrity": "sha512-LkoTXE6B0slvMhvfZDdPWaz4yaYLkaAp5VSPunI9pxGsPxzqEV9e210wC1/sjG/76Nk8Ep7/2z9XKac8Q9bMwA=="
+ },
"@angular/platform-browser": {
"version": "9.1.12",
"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-9.1.12.tgz",
diff --git a/package.json b/package.json
index 9bfbe67..3233316 100644
--- a/package.json
+++ b/package.json
@@ -11,11 +11,14 @@
},
"private": true,
"dependencies": {
+ "@angular-material-components/datetime-picker": "^2.0.4",
"@angular/animations": "~9.1.9",
+ "@angular/cdk": "^9.2.4",
"@angular/common": "~9.1.9",
"@angular/compiler": "~9.1.9",
"@angular/core": "~9.1.9",
"@angular/forms": "~9.1.9",
+ "@angular/material": "^9.2.4",
"@angular/platform-browser": "~9.1.9",
"@angular/platform-browser-dynamic": "~9.1.9",
"@angular/router": "~9.1.9",
diff --git a/src/app/angular-material.module.ts b/src/app/angular-material.module.ts
new file mode 100644
index 0000000..481838f
--- /dev/null
+++ b/src/app/angular-material.module.ts
@@ -0,0 +1,53 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+
+import {MatCardModule} from '@angular/material/card';
+import { MatButtonModule } from '@angular/material/button';
+import {MatInputModule} from '@angular/material/input';
+import {MatIconModule} from '@angular/material/icon';
+import {MatMenuModule} from '@angular/material/menu';
+import {MatPaginatorModule} from '@angular/material/paginator';
+import {MatTableModule} from '@angular/material/table';
+import {MatSortModule} from '@angular/material/sort';
+import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
+import {MatTabsModule} from '@angular/material/tabs';
+import {MatFormFieldModule} from '@angular/material/form-field';
+import {MatDatepickerModule} from '@angular/material/datepicker';
+import {MatNativeDateModule} from '@angular/material/core';
+import {MatCheckboxModule} from '@angular/material/checkbox';
+import {MatSelectModule} from '@angular/material/select';
+import {MatListModule} from '@angular/material/list';
+import {MatDialogModule} from '@angular/material/dialog';
+
+
+import { NgxMatDatetimePickerModule, NgxMatTimepickerModule, NgxMatNativeDateModule } from '@angular-material-components/datetime-picker';
+
+
+/**
+ * Module qui va faire l'import et l'export de tous les componsants material design qui seront utilisés dans l'application.
+ */
+@NgModule({
+ imports : [MatCardModule,
+ MatButtonModule, MatMenuModule,
+ MatIconModule, MatPaginatorModule,
+ MatSortModule, MatTableModule,
+ MatInputModule, MatProgressSpinnerModule,
+ MatTabsModule, MatFormFieldModule,
+ NgxMatDatetimePickerModule, MatDatepickerModule,
+ NgxMatNativeDateModule, MatNativeDateModule,
+ MatCheckboxModule, MatSelectModule,
+ MatListModule, MatDialogModule
+ ],
+ exports : [MatCardModule,
+ MatButtonModule, MatMenuModule,
+ MatIconModule, MatPaginatorModule,
+ MatSortModule, MatTableModule,
+ MatInputModule, MatProgressSpinnerModule,
+ MatTabsModule, MatFormFieldModule,
+ NgxMatDatetimePickerModule, MatDatepickerModule,
+ NgxMatNativeDateModule, MatNativeDateModule,
+ MatCheckboxModule, MatSelectModule,
+ MatListModule, MatDialogModule
+ ]
+})
+export class MaterialModule {}
diff --git a/src/app/app.component.html b/src/app/app.component.html
index fdb26fb..07e3122 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,532 +1,2 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{{ title }} app is running!
-
-
-
-
-
-
-
Resources
-
Here are some links to help you get started:
-
-
-
-
-
Next Steps
-
What do you want to do next with your app?
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Run and Watch Tests
-
-
-
-
-
-
Build for Production
-
-
-
-
-
-
ng generate component xyz
-
ng add @angular/material
-
ng add @angular/pwa
-
ng add _____
-
ng test
-
ng build --prod
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 9d8f857..ef3aeb9 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -7,4 +7,6 @@ import { Component } from '@angular/core';
})
export class AppComponent {
title = 'DocumentEPS';
+ collaborateur = true;
+ referent = !this.collaborateur;
}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index f657163..8247200 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -2,13 +2,33 @@ import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
+import { CollaborateurComponent, ApsideComponent, CompetencesComponent, MissionComponent,
+ ObjectifsComponent, ObjectifsPrecComponent, CompetenceDialog } from './collaborateur';
+
+import { ReferentComponent, ApsideRefComponent, CompetencesRefComponent,
+ MissionRefComponent, ObjectifsRefComponent, ObjectifsPrecRefComponent,
+ EngagementDialog, EngagementComponent, SalaireComponent, FormationDialog,
+ FormationComponent} from './referent';
+
+
+import { MaterialModule } from './angular-material.module';
+
@NgModule({
declarations: [
- AppComponent
+ AppComponent, CollaborateurComponent, ReferentComponent,
+ ApsideComponent, CompetencesComponent, MissionComponent,
+ ObjectifsComponent, ObjectifsPrecComponent, ApsideRefComponent,
+ CompetencesRefComponent, MissionRefComponent, ObjectifsRefComponent,
+ ObjectifsPrecRefComponent, CompetenceDialog, EngagementComponent,
+ EngagementDialog, SalaireComponent, FormationDialog, FormationComponent
],
imports: [
- BrowserModule
+ BrowserModule,
+ BrowserAnimationsModule,
+ MaterialModule
],
providers: [],
bootstrap: [AppComponent]
diff --git a/src/app/collaborateur/apside/apside.css b/src/app/collaborateur/apside/apside.css
new file mode 100644
index 0000000..aaf9c47
--- /dev/null
+++ b/src/app/collaborateur/apside/apside.css
@@ -0,0 +1,16 @@
+.zone {
+ margin-top: 1%;
+}
+
+
+.moveright {
+ margin-left: 2%;
+}
+
+.commentaire {
+ width: 40%
+}
+
+form {
+ margin-left: 1%;
+}
diff --git a/src/app/collaborateur/apside/apside.html b/src/app/collaborateur/apside/apside.html
new file mode 100644
index 0000000..4af313b
--- /dev/null
+++ b/src/app/collaborateur/apside/apside.html
@@ -0,0 +1,141 @@
+
diff --git a/src/app/collaborateur/apside/apside.ts b/src/app/collaborateur/apside/apside.ts
new file mode 100644
index 0000000..913da3e
--- /dev/null
+++ b/src/app/collaborateur/apside/apside.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+
+/**
+ */
+@Component({
+ selector: 'apside',
+ templateUrl: './apside.html',
+ styleUrls: ['./apside.css']
+})
+export class ApsideComponent implements OnInit {
+
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/collaborateur/collaborateur.html b/src/app/collaborateur/collaborateur.html
new file mode 100644
index 0000000..3fbfe9c
--- /dev/null
+++ b/src/app/collaborateur/collaborateur.html
@@ -0,0 +1,9 @@
+Saisie EPS collaborateur
+
+
+
+
+
+
+
+
diff --git a/src/app/collaborateur/collaborateur.ts b/src/app/collaborateur/collaborateur.ts
new file mode 100644
index 0000000..f492446
--- /dev/null
+++ b/src/app/collaborateur/collaborateur.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+/**
+ */
+@Component({
+ selector: 'collaborateur',
+ templateUrl: './collaborateur.html'
+})
+export class CollaborateurComponent implements OnInit {
+
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/collaborateur/competences/competence-dialog.html b/src/app/collaborateur/competences/competence-dialog.html
new file mode 100644
index 0000000..b54d3d8
--- /dev/null
+++ b/src/app/collaborateur/competences/competence-dialog.html
@@ -0,0 +1,22 @@
+
diff --git a/src/app/collaborateur/competences/competences.css b/src/app/collaborateur/competences/competences.css
new file mode 100644
index 0000000..95963ee
--- /dev/null
+++ b/src/app/collaborateur/competences/competences.css
@@ -0,0 +1,32 @@
+mat-tab-group {
+ margin-top: 1%;
+}
+
+.moveright {
+ margin-left: 1%;
+}
+
+span {
+ font-size: smaller;
+ display: block;
+}
+
+.add_button {
+ font-size: 40px;
+}
+
+.movebottom {
+ margin-top: 1%;
+}
+
+mat-icon {
+ margin-top: 1%;
+}
+
+.input {
+ width: 100%;
+}
+
+.moverightbutton {
+ margin-left: 10%;
+}
diff --git a/src/app/collaborateur/competences/competences.html b/src/app/collaborateur/competences/competences.html
new file mode 100644
index 0000000..64751d8
--- /dev/null
+++ b/src/app/collaborateur/competences/competences.html
@@ -0,0 +1,185 @@
+
+
+ Evaluation des compétences utilisées durant la mission/le projet
+
+ 1 : ne maîtrise pas suffisamment, 2 : satisfaisant, 3 : maîtrise, 4 : expert
+
+
+
+
+ Evaluation des compétences utilisées durant la mission/le projet (langage, métier, méthodes, outil, …)
+
+ 1 : ne maîtrise pas suffisamment, 2 : satisfaisant, 3 : maîtrise, 4 : expert
+
+ Ajouter une compétence
+ add_circle_outline
+
+
+
+ Objectifs
+ {{row.competence}}
+
+
+
+ Résultat
+ {{row.note}}
+
+
+
+
+ clear
+
+
+
+
+
+
+
diff --git a/src/app/collaborateur/competences/competences.ts b/src/app/collaborateur/competences/competences.ts
new file mode 100644
index 0000000..3c29af3
--- /dev/null
+++ b/src/app/collaborateur/competences/competences.ts
@@ -0,0 +1,64 @@
+import { Component, OnInit } from '@angular/core';
+
+
+
+import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
+
+
+interface Competence {
+ competence:string;
+ note:number
+}
+
+
+
+
+@Component({
+ selector: 'competence-dialog',
+ templateUrl: 'competence-dialog.html',
+ styleUrls: ['./competences.css']
+})
+export class CompetenceDialog {
+ constructor(private dialogRef: MatDialogRef) {}
+
+ close() {
+ this.dialogRef.close();
+ }
+}
+
+
+
+const competencesTechniques : Competence[] = [
+ { competence:"Angular 9", note:2},
+ { competence:"ASP.Net Core", note:2},
+ { competence:"Entity FrameWork Core", note:2},
+ { competence:"Open API/SwaggerHub", note:3}/*,
+ { competence:"Méthode Agile", note:2},
+ { competence:"Git/Gitea", note:2},
+ { competence:"Visual Code/ATOM/Visual Studio", note:3},
+ { competence:"json-server", note:2},
+ { competence:"Overleaf/LaTeX", note:2}*/
+];
+@Component({
+ selector: 'competences',
+ templateUrl: './competences.html',
+ styleUrls: ['./competences.css']
+})
+export class CompetencesComponent implements OnInit {
+ displayedColumns: string[] = ["competence","note", "supprimer"];
+ dataSource = competencesTechniques;
+ constructor( private dialog: MatDialog) {}
+
+ ngOnInit() {
+ }
+
+ openDialog(): void {
+ const dialogRef = this.dialog.open(CompetenceDialog, {
+ width: 'auto'
+ });
+
+ dialogRef.afterClosed().subscribe(result => {
+ console.log('The dialog was closed');
+ });
+ }
+}
diff --git a/src/app/collaborateur/index.ts b/src/app/collaborateur/index.ts
new file mode 100644
index 0000000..26965c6
--- /dev/null
+++ b/src/app/collaborateur/index.ts
@@ -0,0 +1,6 @@
+export * from './apside/apside';
+export * from './competences/competences';
+export * from './mission/mission';
+export * from './objectifs/objectifs';
+export * from './objectifs-prec/objectifs-prec';
+export * from './collaborateur';
diff --git a/src/app/collaborateur/mission/mission.css b/src/app/collaborateur/mission/mission.css
new file mode 100644
index 0000000..6b87710
--- /dev/null
+++ b/src/app/collaborateur/mission/mission.css
@@ -0,0 +1,17 @@
+.moveright {
+ margin-left: 1%;
+}
+
+
+.input1 {
+ margin-top: 1%;
+ width: 40%;
+}
+
+.commentaire {
+ width: 40%;
+}
+
+form {
+ margin-left: 1%;
+}
diff --git a/src/app/collaborateur/mission/mission.html b/src/app/collaborateur/mission/mission.html
new file mode 100644
index 0000000..9e2abd7
--- /dev/null
+++ b/src/app/collaborateur/mission/mission.html
@@ -0,0 +1,183 @@
+
diff --git a/src/app/collaborateur/mission/mission.ts b/src/app/collaborateur/mission/mission.ts
new file mode 100644
index 0000000..1f3d1b6
--- /dev/null
+++ b/src/app/collaborateur/mission/mission.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+
+/**
+ */
+@Component({
+ selector: 'mission',
+ templateUrl: './mission.html',
+ styleUrls: ['./mission.css']
+})
+export class MissionComponent implements OnInit {
+
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/collaborateur/objectifs-prec/objectifs-prec.css b/src/app/collaborateur/objectifs-prec/objectifs-prec.css
new file mode 100644
index 0000000..6a6f9cb
--- /dev/null
+++ b/src/app/collaborateur/objectifs-prec/objectifs-prec.css
@@ -0,0 +1,15 @@
+.moveright {
+ margin-left: 1%;
+}
+
+.commentaire {
+ width: 50%;
+}
+
+.objectif {
+ margin-top: 1%
+}
+
+form {
+ margin-left: 1%;
+}
diff --git a/src/app/collaborateur/objectifs-prec/objectifs-prec.html b/src/app/collaborateur/objectifs-prec/objectifs-prec.html
new file mode 100644
index 0000000..8437743
--- /dev/null
+++ b/src/app/collaborateur/objectifs-prec/objectifs-prec.html
@@ -0,0 +1,61 @@
+
diff --git a/src/app/collaborateur/objectifs-prec/objectifs-prec.ts b/src/app/collaborateur/objectifs-prec/objectifs-prec.ts
new file mode 100644
index 0000000..3eed3f4
--- /dev/null
+++ b/src/app/collaborateur/objectifs-prec/objectifs-prec.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+
+/**
+ */
+@Component({
+ selector: 'objectifs-prec',
+ templateUrl: './objectifs-prec.html',
+ styleUrls: ['objectifs-prec.css']
+})
+export class ObjectifsPrecComponent implements OnInit {
+
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/collaborateur/objectifs/objectifs.css b/src/app/collaborateur/objectifs/objectifs.css
new file mode 100644
index 0000000..ff95dff
--- /dev/null
+++ b/src/app/collaborateur/objectifs/objectifs.css
@@ -0,0 +1,12 @@
+.moveright {
+ margin-left: 1%;
+}
+
+.commentaire {
+ width: 50%;
+ margin-top: 2%
+}
+
+form {
+ margin-left: 1%;
+}
diff --git a/src/app/collaborateur/objectifs/objectifs.html b/src/app/collaborateur/objectifs/objectifs.html
new file mode 100644
index 0000000..6e0387c
--- /dev/null
+++ b/src/app/collaborateur/objectifs/objectifs.html
@@ -0,0 +1,22 @@
+
diff --git a/src/app/collaborateur/objectifs/objectifs.ts b/src/app/collaborateur/objectifs/objectifs.ts
new file mode 100644
index 0000000..182f9de
--- /dev/null
+++ b/src/app/collaborateur/objectifs/objectifs.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+
+/**
+ */
+@Component({
+ selector: 'objectifs',
+ templateUrl: './objectifs.html',
+ styleUrls: ['objectifs.css']
+})
+export class ObjectifsComponent implements OnInit {
+
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/referent/apside/apside.css b/src/app/referent/apside/apside.css
new file mode 100644
index 0000000..2d80331
--- /dev/null
+++ b/src/app/referent/apside/apside.css
@@ -0,0 +1,3 @@
+mat-table {
+ margin-top: 2%;
+}
diff --git a/src/app/referent/apside/apside.html b/src/app/referent/apside/apside.html
new file mode 100644
index 0000000..efae5df
--- /dev/null
+++ b/src/app/referent/apside/apside.html
@@ -0,0 +1,23 @@
+
+
+ Objectifs
+ {{row.objectif}}
+ Moyenne globale
+
+
+
+ Résultat
+ {{row.res}}
+ 4
+
+
+
+ Commentaire
+ {{row.comm}}
+
+
+
+
+
+
+
diff --git a/src/app/referent/apside/apside.ts b/src/app/referent/apside/apside.ts
new file mode 100644
index 0000000..4774495
--- /dev/null
+++ b/src/app/referent/apside/apside.ts
@@ -0,0 +1,32 @@
+import { Component, OnInit } from '@angular/core';
+
+interface ApsideNote {
+ objectif:string;
+ res:number;
+ comm:string;
+}
+
+const data: ApsideNote[] = [
+ {objectif:"Relation avec la structure" , res:4, comm:"Bonne entente avec la structure"},
+ {objectif:"Sentiment d’écoute" , res:5, comm:"Je trouve toujours les bonnes personnes pour répondre à mes questions et à mes besoins"},
+ {objectif:"Perception de la stratégie de développement" , res:5, comm:"C'est très bien"},
+ {objectif:"Esprit d’entreprise" , res:4, comm:"Bon esprit d'entreprise au sein d'Apside TOP"},
+ {objectif:"Transparence de l’information" , res:4, comm:"C'est bien"},
+ {objectif:"Politique de formation" , res:5, comm:"Oui"},
+ {objectif:"Satisfaction Apisde" , res:4, comm:"Satisfait globalement d'Apside"}
+];
+
+
+@Component({
+ selector: 'apside-ref',
+ templateUrl: './apside.html',
+ styleUrls: ['./apside.css']
+})
+export class ApsideRefComponent implements OnInit {
+ displayedColumns: string[] = ["objectif","resultat","commentaire"];
+ dataSource = data;
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/referent/commentaire/commentaire.css b/src/app/referent/commentaire/commentaire.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/referent/commentaire/commentaire.html b/src/app/referent/commentaire/commentaire.html
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/referent/commentaire/commentaire.ts b/src/app/referent/commentaire/commentaire.ts
new file mode 100644
index 0000000..6870670
--- /dev/null
+++ b/src/app/referent/commentaire/commentaire.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+
+
+
+
+@Component({
+ selector: 'commentaire',
+ templateUrl: './commentaire.html',
+ styleUrls: ['./commentaire.css']
+})
+export class CommentaireComponent implements OnInit {
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/referent/competences/competences.css b/src/app/referent/competences/competences.css
new file mode 100644
index 0000000..b0a23f5
--- /dev/null
+++ b/src/app/referent/competences/competences.css
@@ -0,0 +1,15 @@
+mat-table {
+ margin-bottom: 3%;
+}
+
+mat-tab-group {
+ margin-top: 1%;
+}
+
+.moveright {
+ margin-left: 1%;
+}
+
+span {
+ font-size: smaller;
+}
diff --git a/src/app/referent/competences/competences.html b/src/app/referent/competences/competences.html
new file mode 100644
index 0000000..420d153
--- /dev/null
+++ b/src/app/referent/competences/competences.html
@@ -0,0 +1,41 @@
+
+
+ Evaluation des compétences utilisées durant la mission/le projet
+
+ 1 : ne maîtrise pas suffisamment, 2 : satisfaisant, 3 : maîtrise, 4 : expert
+
+
+ Objectifs
+ {{row.competence}}
+
+
+
+ Résultat
+ {{row.note}}
+
+
+
+
+
+
+
+
+
+ Evaluation des compétences utilisées durant la mission/le projet (langage, métier, méthodes, outil, …)
+
+ 1 : ne maîtrise pas suffisamment, 2 : satisfaisant, 3 : maîtrise, 4 : expert
+
+
+ Objectifs
+ {{row.competence}}
+
+
+
+ Résultat
+ {{row.note}}
+
+
+
+
+
+
diff --git a/src/app/referent/competences/competences.ts b/src/app/referent/competences/competences.ts
new file mode 100644
index 0000000..eda5c9c
--- /dev/null
+++ b/src/app/referent/competences/competences.ts
@@ -0,0 +1,53 @@
+import { Component, OnInit } from '@angular/core';
+
+import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
+
+
+interface Competence {
+ competence:string;
+ note:number
+}
+
+
+const competencesGenerales : Competence[] = [
+ { competence:"Motivation", note:3},
+ { competence:"Adaptabilité", note:2},
+ { competence:"Force de proposition", note:2},
+ { competence:"Leadership", note:1},
+ { competence:"Ecoute", note:3},
+ { competence:"Prise de recul", note:2},
+ { competence:"Sens du service", note:2},
+ { competence:"Communication", note:3},
+ { competence:"Rigueur", note:2},
+ { competence:"Organisation", note:2}
+];
+
+const competencesTechniques : Competence[] = [
+ { competence:"Angular 9", note:2},
+ { competence:"ASP.Net Core", note:2},
+ { competence:"Entity FrameWork Core", note:2},
+ { competence:"Open API/SwaggerHub", note:3},
+ { competence:"Méthode Agile", note:2},
+ { competence:"Git/Gitea", note:2},
+ { competence:"Visual Code/ATOM/Visual Studio", note:3},
+ { competence:"json-server", note:2},
+ { competence:"Overleaf/LaTeX", note:2}
+];
+
+/**
+ */
+@Component({
+ selector: 'competences-ref',
+ templateUrl: './competences.html',
+ styleUrls: ['./competences.css']
+})
+export class CompetencesRefComponent implements OnInit {
+ displayedColumns: string[] = ["competence","note"];
+ dataSource1 = competencesGenerales;
+ dataSource2 = competencesTechniques;
+ constructor() {}
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/referent/engagement/engagement-dialog.html b/src/app/referent/engagement/engagement-dialog.html
new file mode 100644
index 0000000..94af2ce
--- /dev/null
+++ b/src/app/referent/engagement/engagement-dialog.html
@@ -0,0 +1,32 @@
+
diff --git a/src/app/referent/engagement/engagement.css b/src/app/referent/engagement/engagement.css
new file mode 100644
index 0000000..00160b8
--- /dev/null
+++ b/src/app/referent/engagement/engagement.css
@@ -0,0 +1,3 @@
+.moverightbutton {
+ margin-left: 10%;
+}
diff --git a/src/app/referent/engagement/engagement.html b/src/app/referent/engagement/engagement.html
new file mode 100644
index 0000000..253a59f
--- /dev/null
+++ b/src/app/referent/engagement/engagement.html
@@ -0,0 +1,34 @@
+
+
+ Ajouter un engagement
+ add_circle_outline
+
+
+
+ Action
+ {{row.action}}
+
+
+
+ Dispositif
+ {{row.dispositif}}
+
+
+
+ Modalité
+ {{row.modalite}}
+
+
+
+ Date prévisionnelle
+ {{row.date | date:'dd/MM/yyyy'}}
+
+
+
+
+ clear
+
+
+
+
+
diff --git a/src/app/referent/engagement/engagement.ts b/src/app/referent/engagement/engagement.ts
new file mode 100644
index 0000000..cfea586
--- /dev/null
+++ b/src/app/referent/engagement/engagement.ts
@@ -0,0 +1,57 @@
+import { Component, OnInit } from '@angular/core';
+
+import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
+
+
+interface Engagement {
+ action:string;
+ dispositif:string;
+ modalite: string;
+ date: Date;
+}
+
+
+
+@Component({
+ selector: 'engagement-dialog',
+ templateUrl: 'engagement-dialog.html',
+ styleUrls: ['./engagement.css']
+})
+export class EngagementDialog {
+ constructor(private dialogRef: MatDialogRef) {}
+
+ close() {
+ this.dialogRef.close();
+ }
+}
+
+
+
+const engagements : Engagement[] = [
+ {action:"Action A", dispositif:"Dispositif A", modalite:"Hors-temps", date:new Date("2020/11/08")},
+ {action:"Action B", dispositif:"Dispositif B", modalite:"Hors-temps", date:new Date("2020/09/30")},
+ {action:"Action C", dispositif:"Dispositif C", modalite:"Sur temps de travail", date:new Date("2021/01/15")},
+];
+@Component({
+ selector: 'engagement',
+ templateUrl: './engagement.html',
+ styleUrls: ['./engagement.css']
+})
+export class EngagementComponent implements OnInit {
+ displayedColumns: string[] = ["action","dispositif", "modalite", "date", "supprimer"];
+ dataSource = engagements;
+ constructor( private dialog: MatDialog) {}
+
+ ngOnInit() {
+ }
+
+ openDialog(): void {
+ const dialogRef = this.dialog.open(EngagementDialog, {
+ width: 'auto'
+ });
+
+ dialogRef.afterClosed().subscribe(result => {
+ console.log('The dialog was closed');
+ });
+ }
+}
diff --git a/src/app/referent/formation/formation-dialog.html b/src/app/referent/formation/formation-dialog.html
new file mode 100644
index 0000000..e2e719c
--- /dev/null
+++ b/src/app/referent/formation/formation-dialog.html
@@ -0,0 +1,19 @@
+
diff --git a/src/app/referent/formation/formation.css b/src/app/referent/formation/formation.css
new file mode 100644
index 0000000..212f26e
--- /dev/null
+++ b/src/app/referent/formation/formation.css
@@ -0,0 +1,7 @@
+.moverightbutton {
+ margin-left: 10%;
+}
+
+.input {
+ width: 100%;
+}
diff --git a/src/app/referent/formation/formation.html b/src/app/referent/formation/formation.html
new file mode 100644
index 0000000..be611ec
--- /dev/null
+++ b/src/app/referent/formation/formation.html
@@ -0,0 +1,24 @@
+
+
+ Ajouter une demande de formation
+ add_circle_outline
+
+
+
+ Thème
+ {{row.theme}}
+
+
+
+ Description
+ {{row.description}}
+
+
+
+
+ clear
+
+
+
+
+
diff --git a/src/app/referent/formation/formation.ts b/src/app/referent/formation/formation.ts
new file mode 100644
index 0000000..0f6c37c
--- /dev/null
+++ b/src/app/referent/formation/formation.ts
@@ -0,0 +1,54 @@
+import { Component, OnInit } from '@angular/core';
+
+import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
+
+
+interface Formation {
+ theme: string;
+ description:string;
+}
+
+
+
+@Component({
+ selector: 'formation-dialog',
+ templateUrl: 'formation-dialog.html',
+ styleUrls: ['./formation.css']
+})
+export class FormationDialog {
+ constructor(private dialogRef: MatDialogRef) {}
+
+ close() {
+ this.dialogRef.close();
+ }
+}
+
+
+
+const formations : Formation[] = [
+ {theme:"Management", description:"Formation sur la gestion d'une équipe de projet"},
+ {theme:"Développement", description:"Formation Angular"}
+];
+@Component({
+ selector: 'formation',
+ templateUrl: './formation.html',
+ styleUrls: ['./formation.css']
+})
+export class FormationComponent implements OnInit {
+ displayedColumns: string[] = ["theme","description", "supprimer"];
+ dataSource = formations;
+ constructor( private dialog: MatDialog) {}
+
+ ngOnInit() {
+ }
+
+ openDialog(): void {
+ const dialogRef = this.dialog.open(FormationDialog, {
+ width: 'auto'
+ });
+
+ dialogRef.afterClosed().subscribe(result => {
+ console.log('The dialog was closed');
+ });
+ }
+}
diff --git a/src/app/referent/index.ts b/src/app/referent/index.ts
new file mode 100644
index 0000000..1a5bc16
--- /dev/null
+++ b/src/app/referent/index.ts
@@ -0,0 +1,9 @@
+export * from './apside/apside';
+export * from './competences/competences';
+export * from './mission/mission';
+export * from './objectifs/objectifs';
+export * from './objectifs-prec/objectifs-prec';
+export * from './referent';
+export * from './engagement/engagement';
+export * from './formation/formation';
+export * from './salaire/salaire';
diff --git a/src/app/referent/mission/mission.css b/src/app/referent/mission/mission.css
new file mode 100644
index 0000000..7491a4e
--- /dev/null
+++ b/src/app/referent/mission/mission.css
@@ -0,0 +1,20 @@
+.moveright {
+ margin-left: 1%;
+}
+
+.label {
+ display: block;
+}
+
+.input1 {
+ margin-top: 1%;
+ width: 50%;
+}
+
+.commentaire {
+ width: 50%
+}
+
+mat-table {
+ margin-bottom: 3%;
+}
diff --git a/src/app/referent/mission/mission.html b/src/app/referent/mission/mission.html
new file mode 100644
index 0000000..5157715
--- /dev/null
+++ b/src/app/referent/mission/mission.html
@@ -0,0 +1,61 @@
+
+
+
+ Impression générale
+
+
+
+
+
+
+ Faits Marquants
+
+
+
+
+
+
+ Succès
+
+
+
+
+
+
+ Retours client/chef de projet
+
+
+
+
+
+
+
+
+ Libellé
+ {{row.libelle}}
+ Moyenne globale
+
+
+
+ Note
+ {{row.note}}
+ 4
+
+
+
+ Commentaire
+ {{row.comm}}
+
+
+
+
+
+
+
+
diff --git a/src/app/referent/mission/mission.ts b/src/app/referent/mission/mission.ts
new file mode 100644
index 0000000..c805927
--- /dev/null
+++ b/src/app/referent/mission/mission.ts
@@ -0,0 +1,32 @@
+import { Component, OnInit } from '@angular/core';
+
+
+interface Mission {
+ libelle:string;
+ note:number;
+ comm?:string
+}
+
+const missions: Mission[] = [
+ {libelle:"Difficultés", note:3, comm:"Je travaille sur un très bon projet, je suis content du challenge mais je n'ai pas le temps nécessaire pour finir le projet. Je suis assez déçu de travailler sur un projet que je ne finirai pas."},
+ {libelle:"Relation Client/Chef de projet ", note:5, comm:"5"},
+ {libelle:"Relation équipe ", note:5},
+ {libelle:"Ambiance de travail ", note:5, comm:"Très bonne ambiance."},
+ {libelle:"Intérêt technique ", note:5, comm:"J'apprends de nouvelles technologies et consolide plusieurs de mes acquis."},
+ {libelle:"Intérêt fonctionnel ", note:5},
+ {libelle:"Site géographique ", note:5, comm:"Aucune contrainte géographique"}
+]
+
+@Component({
+ selector: 'mission-ref',
+ templateUrl: './mission.html',
+ styleUrls: ['./mission.css']
+})
+export class MissionRefComponent implements OnInit {
+ displayedColumns: string[] = ["libelle","note", "commentaire"];
+ dataSource = missions;
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/referent/objectifs-prec/objectifs-prec.css b/src/app/referent/objectifs-prec/objectifs-prec.css
new file mode 100644
index 0000000..999a892
--- /dev/null
+++ b/src/app/referent/objectifs-prec/objectifs-prec.css
@@ -0,0 +1,9 @@
+mat-table {
+ margin-top: 2%;
+}
+
+.commentaire {
+ width: 90%;
+ margin-top: 5%;
+ margin-left: 5%
+}
diff --git a/src/app/referent/objectifs-prec/objectifs-prec.html b/src/app/referent/objectifs-prec/objectifs-prec.html
new file mode 100644
index 0000000..68068a4
--- /dev/null
+++ b/src/app/referent/objectifs-prec/objectifs-prec.html
@@ -0,0 +1,28 @@
+
+
+ Objectifs
+ {{row.objectif}}
+
+
+
+ Résultat
+ {{row.res}}
+
+
+
+ Commentaire
+ {{row.comm}}
+
+
+
+
+
+
+
diff --git a/src/app/referent/objectifs-prec/objectifs-prec.ts b/src/app/referent/objectifs-prec/objectifs-prec.ts
new file mode 100644
index 0000000..664a5e0
--- /dev/null
+++ b/src/app/referent/objectifs-prec/objectifs-prec.ts
@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+
+
+interface Objectif {
+ objectif:string;
+ res:string;
+ comm:string;
+}
+
+const data: Objectif[] = [
+ {objectif:"Développer des connaissances de leadership" , res:"Non atteint", comm:"J'ai eu que deux occassions que je n'ai malheureusement saisies"},
+ {objectif:"Communique efficacement avec l'ensemble des participants du projet" , res:"Atteint", comm:"Objectif atteint"},
+ {objectif:"Devenir expert avec le framework Angular" , res:"Partiellement atteint", comm:"Le framework Angular est très vaste, j'ai développé énormément mes compétences à ce niveau mais il me reste beaucoup à apprendre"}
+];
+
+@Component({
+ selector: 'objectifs-prec-ref',
+ templateUrl: './objectifs-prec.html',
+ styleUrls: ['objectifs-prec.css']
+})
+export class ObjectifsPrecRefComponent implements OnInit {
+ displayedColumns: string[] = ["objectif","resultat","commentaire"];
+ dataSource = data;
+ constructor() {
+
+ }
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/referent/objectifs/objectifs.css b/src/app/referent/objectifs/objectifs.css
new file mode 100644
index 0000000..4e3ca80
--- /dev/null
+++ b/src/app/referent/objectifs/objectifs.css
@@ -0,0 +1,21 @@
+.moveright {
+ margin-left: 1%;
+}
+
+.label {
+ display: block;
+ margin-top: 2%
+}
+.commentaire {
+ width: 50%;
+}
+
+form {
+ margin-left: 1%;
+}
+
+.commentairereferent {
+ margin-top: 2%;
+ margin-left: 5%;
+ width: 90%;
+}
diff --git a/src/app/referent/objectifs/objectifs.html b/src/app/referent/objectifs/objectifs.html
new file mode 100644
index 0000000..4c3c328
--- /dev/null
+++ b/src/app/referent/objectifs/objectifs.html
@@ -0,0 +1,32 @@
+
diff --git a/src/app/referent/objectifs/objectifs.ts b/src/app/referent/objectifs/objectifs.ts
new file mode 100644
index 0000000..f601470
--- /dev/null
+++ b/src/app/referent/objectifs/objectifs.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+
+/**
+ */
+@Component({
+ selector: 'objectifs-ref',
+ templateUrl: './objectifs.html',
+ styleUrls: ['objectifs.css']
+})
+export class ObjectifsRefComponent implements OnInit {
+
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/referent/referent.html b/src/app/referent/referent.html
new file mode 100644
index 0000000..7f9f9a1
--- /dev/null
+++ b/src/app/referent/referent.html
@@ -0,0 +1,11 @@
+Saisie EPS référent
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/referent/referent.ts b/src/app/referent/referent.ts
new file mode 100644
index 0000000..6f9c6b0
--- /dev/null
+++ b/src/app/referent/referent.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+/**
+ */
+@Component({
+ selector: 'referent',
+ templateUrl: './referent.html'
+})
+export class ReferentComponent implements OnInit {
+
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/app/referent/salaire/salaire.css b/src/app/referent/salaire/salaire.css
new file mode 100644
index 0000000..2fd0416
--- /dev/null
+++ b/src/app/referent/salaire/salaire.css
@@ -0,0 +1,8 @@
+.message {
+ width: 50%
+}
+
+.input {
+ margin-left: 2%;
+ width: 10%;
+}
diff --git a/src/app/referent/salaire/salaire.html b/src/app/referent/salaire/salaire.html
new file mode 100644
index 0000000..31bb1ee
--- /dev/null
+++ b/src/app/referent/salaire/salaire.html
@@ -0,0 +1,14 @@
+
diff --git a/src/app/referent/salaire/salaire.ts b/src/app/referent/salaire/salaire.ts
new file mode 100644
index 0000000..0073985
--- /dev/null
+++ b/src/app/referent/salaire/salaire.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+
+@Component({
+ selector: 'salaire',
+ templateUrl: './salaire.html',
+ styleUrls: ['./salaire.css']
+})
+export class SalaireComponent implements OnInit {
+ constructor() {}
+
+ ngOnInit() {
+ }
+}
diff --git a/src/index.html b/src/index.html
index bf4c778..d4bf077 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,6 +6,8 @@
+
+
diff --git a/src/styles.css b/src/styles.css
index 90d4ee0..7e7239a 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1 +1,4 @@
/* You can add global styles to this file, and also import other style files */
+
+html, body { height: 100%; }
+body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }