.dockerignore

+Dockerfile
+node_modules
+.gitignore
+README.md
+.env.template
+

.vscode/settings.json

+{
+    "python.pythonPath": "C:\\Users\\feliv\\anaconda3\\python.exe"
+}
\ No newline at end of file

Dockerfile

+FROM node:10
+WORKDIR /var/www/oser-frontend
+COPY package.json .
+COPY package-lock.json .
+RUN npm install
+COPY . .
+EXPOSE 4200
+RUN npm run build
+ENTRYPOINT ["npm", "run", "start"]
+

README.md

@@ -2,7 +2,7 @@
 
 Frontend du site d'Ouverture Sociale pour l'Egalité et la Réussite, développé avec Angular 6.
 
-## Installation
+## Installation sans docker
 
 Après avoir cloné le repo :
 
@@ -32,6 +32,19 @@ oser-frontend $ ng serve -c local
 
 Le site sera alors disponible à l'adresse http://localhost:4200.
 
+## Installation avec docker
+
+Docker est une plateforme permettant de lancer certaines applications dans des conteneurs logiciels.
+L'avantage est que l'installation est plus rapide.
+
+Etapes :
+
+1. Intaller docker sur votre pc
+2. Se placer dans le repertoire oser-frontend : cd oser-frontend/
+3. Lancer la commande : $ docker build -t oser-frontend .
+4. Lancer la commande : $ docker run -p 4200:4200 oser-frontend .
+5. Lancer votre navigateur préféré et taper 127.0.0.1:4200 dans la barre de recherche
+
 ## En cas d'erreur…
 
 ```

package.json

@@ -39,6 +39,7 @@
     "ng2-emoji": "^0.2.0",
     "ngx-markdown": "^6.3.0",
     "ngx-moment": "^2.0.0",
+    "node": "^10.0.0",
     "node-sass": "^4.14.1",
     "remove-markdown": "^0.2.2",
     "rxjs": "^6.0.0",

src/app/members/account/edit-data/edit-data.component.html

@@ -65,7 +65,9 @@
               <mat-option *ngFor="let school of possibleSchools" [value]="school.id">{{ school.name }}</mat-option>
             </mat-select>
           </mat-form-field>
-          
+          <mat-form-field class="full-width" >
+            <input matInput required   type="text" formControlName="specialTeaching" placeholder="Enseignements de spécialité (entrer 'aucun' si jamais vous n'etes pas concerné)" >
+          </mat-form-field>
           <div class="form-group">
             <mat-form-field class="horizontal-display">
               <mat-label>Classe</mat-label>
@@ -97,15 +99,6 @@
           </div>
            
           
-          <mat-form-field class="full-width" >
-            <mat-label>Enseignements de spécialité (entrer 'aucun' si jamais vous n'etes pas concerné) </mat-label>
-            <mat-select  formControlName="specialTeaching" required >
-              <mat-option *ngFor="let specialTeaching of dataList" [value]="specialTeaching.id">{{ specialTeaching.name }}</mat-option>
-            </mat-select>
-          </mat-form-field>
-           
-          <div> Ceci est un test : {{dataList}} </div>
-          
          
           <p class="text-center">Informations parentales</p>  
           <div class="form-group">

src/app/members/account/edit-data/edit-data.component.ts

@@ -6,8 +6,7 @@ import {ActivatedRoute} from '@angular/router'
 import { PersonalData,PersonalDataService } from '../core';
 import { tap, mergeMap } from 'rxjs/operators';
 import { AuthService } from 'app/core';
-import {User} from 'app/core';
-
+import {User} from 'app/core'
 
 
 
@@ -22,8 +21,6 @@ export class EditDataComponent implements OnInit {
   loading = false;
   public error : String = "";
   public postEditMessage : String = "" ;
-  public dataList; 
-
   public possibleParentsStatus = [
     {id:"maried",name:"Vos parents vivent ensemble"},
     {id:"cohabitation",name:"Vos parents vivent séparément"},
@@ -66,108 +63,6 @@ export class EditDataComponent implements OnInit {
   ]
 
 
-  public possibleSpecialitiesTechno = [
-    {id:"Aucun",name:"Aucun"},
-    {id:"STI2D",name:"Sciences et technologies de l’industrie et du développement durable"},
-    {id:"STD2A",name:"Sciences et technologies du design et des arts appliqués"},
-    {id:"STMG",name:"Sciences et technologies du management et de la gestion"},
-    {id:"ST2S",name:"Sciences et technologies de la santé et du social"},
-    {id:"STL",name:"Sciences et technologies de laboratoire"},
-    {id:"S2TMD",name:"Sciences et techniques du théâtre, de la musique et de la danse"},
-    {id:"STHR",name:"Sciences et technologies de l'hôtellerie et de la restauration"},
-    {id:"STAV",name:"Sciences et technologies de l'agronomie et du vivant"},
-
-  ]
-
-  public possibleSpecialitiesPro = [
-    {id:"Aucun",name:"Aucun"},
-    {id:"Accompagnement soins et services à la personne",name:"Accompagnement soins et services à la personne"},
-    {id:"Aéronautique",name:"Aéronautique"},
-    {id:"Aménagement et finition du bâtiment",name:"Aménagement et finition du bâtiment"},
-    {id:"Animation - enfance et personnes âgées",name:"Animation - enfance et personnes âgées"},
-    {id:"Artisanat et métiers d'art",name:"Artisanat et métiers d'art"},
-    {id:"Assistance à la gestion des organisations et de leurs activités",name:"Assistance à la gestion des organisations et de leurs activités"},
-    {id:"Aviation générale",name:"Aviation générale"},
-    {id:"Bio-industries de transformation",name:"Bio-industries de transformation"},
-    {id:"Boucher charcutier traiteur",name:"Boucher charcutier traiteur"},
-    {id:"Boulanger - pâtissier",name:"Boulanger - pâtissier"},
-    {id:"Commerce",name:"Commerce"},
-    {id:"Commercialisation et services en restauration",name:"Commercialisation et services en restauration"},
-    {id:"Conducteur transport routier marchandises",name:"Conducteur transport routier marchandises"},
-    {id:"Construction des carrosseries",name:"Construction des carrosseries"},
-    {id:"Cuisine",name:"Cuisine"},
-    {id:"Esthétique cosmétique parfumerie",name:"Esthétique cosmétique parfumerie"},
-    {id:"Étude et définition de produits industriels",name:"Étude et définition de produits industriels"},
-    {id:"Etude et réalisation d'agencement",name:"Etude et réalisation d'agencement"},
-    {id:"Façonnage de produits imprimés, routage",name:"Façonnage de produits imprimés, routage"},
-    {id:"Fonderie",name:"Fonderie"},
-    {id:"Gestion administration",name:"Gestion administration"},
-    {id:"Gestion des pollutions et protection de l'environnement",name:"Gestion des pollutions et protection de l'environnement"},
-    {id:"Hygiène, propreté et stérilisation",name:"Hygiène, propreté et stérilisation"},
-    {id:"Installateur en chauffage, climatisation et énergies renouvelables ",name:"Installateur en chauffage, climatisation et énergies renouvelables "},
-    {id:"Interventions sur le patrimoine bâti",name:"Interventions sur le patrimoine bâti"},
-    {id:"Logistique",name:"Logistique"},
-    {id:"Maintenance des équipements industriels",name:"Maintenance des équipements industriels"},
-    {id:"Maintenance des matériels",name:"Maintenance des matériels"},
-    {id:"Maintenance des systèmes de production connectés",name:"Maintenance des systèmes de production connectés"},
-    {id:"Maintenance des véhicules",name:"Maintenance des véhicules"},
-    {id:"Maintenance et Efficacité Energétique",name:"Maintenance et Efficacité Energétique"},
-    {id:"Maintenance nautique",name:"Maintenance nautique"},
-    {id:"Menuiserie Aluminium-Verre",name:"Menuiserie Aluminium-Verre"},
-    {id:"Métiers de l'accueil",name:"Métiers de l'accueil"},
-    {id:"Métiers de l'électricité et de ses environnements connectés",name:"Métiers de l'électricité et de ses environnements connectés"},
-    {id:"Métiers de la coiffure",name:"Métiers de la coiffure"},
-    {id:"Métiers de la mode - vêtements",name:"Logistique"},
-    {id:"Métiers de la sécurité",name:"Métiers de la sécurité"},
-    {id:"Métiers du commerce et de la vente",name:"Métiers du commerce et de la vente"},
-    {id:"Métiers du cuir",name:"Métiers du cuir"},
-    {id:"Métiers du Froid et des Énergies Renouvelables",name:"Métiers du Froid et des Énergies Renouvelables"},
-    {id:"Métiers du pressing et de la blanchisserie",name:"Métiers du pressing et de la blanchisserie"},
-    {id:"Métiers et arts de la pierre",name:"Métiers et arts de la pierre"},
-    {id:"Microtechniques",name:"Microtechniques"},
-    {id:"Modélisation et prototypage 3D",name:"Modélisation et prototypage 3D"},
-    {id:"Optique lunetterie",name:"Optique lunetterie"},
-    {id:"Organisation de transport de marchandises",name:"Organisation de transport de marchandises"},
-    {id:"Ouvrage du bâtiment : métallerie",name:"Ouvrage du bâtiment : métallerie"},
-    {id:"Perruquier posticheur",name:"Perruquier posticheur"},
-    {id:"Photographie",name:"Photographie"},
-    {id:"Pilote de ligne de production",name:"Pilote de ligne de production"},
-    {id:"Plastiques et composites",name:"Plastiques et composites"},
-    {id:"Poissonnier écailler traiteur",name:"Poissonnier écailler traiteur"},
-    {id:"Procédés de la chimie, de l'eau et des papiers-cartons",name:"Procédés de la chimie, de l'eau et des papiers-cartons"},
-    {id:"Productique mécanique",name:"Productique mécanique"},
-    {id:"Prothèse dentaire",name:"Prothèse dentaire"},
-    {id:"Réalisation de produits imprimés et plurimédia",name:"Réalisation de produits imprimés et plurimédia"},
-    {id:"Réparation des carrosseries",name:"Réparation des carrosseries"},
-    {id:"Services de proximité et vie locale",name:"Services de proximité et vie locale"},
-    {id:"Systèmes numériques",name:"Systèmes numériques"},
-    {id:"Technicien Gaz",name:"Technicien Gaz"},
-    {id:"Technicien constructeur bois",name:"Technicien constructeur bois"},
-    {id:"Technicien de maintenance de systèmes énergétiques et climatiques",name:"Technicien de maintenance de systèmes énergétiques et climatiques"},
-    {id:"Technicien d'études du bâtiment",name:"Technicien d'études du bâtiment"},
-    {id:"Technicien du froid et du conditionnement de l'air",name:"Technicien du froid et du conditionnement de l'air"},
-    {id:"Technicien d'usinage",name:"Technicien d'usinage"},
-    {id:"Technicien de fabrication bois et matériaux associés",name:"Technicien de fabrication bois et matériaux associés"},
-    {id:"Technicien de maintenance de systèmes énergétiques et climatiques",name:"Technicien de maintenance de systèmes énergétiques et climatiques"},
-    {id:"Technicien du bâtiment : organisation et réalisation du gros oeuvre",name:"Technicien du bâtiment : organisation et réalisation du gros oeuvre"},
-    {id:"Technicien en appareillage orthopédique",name:"Technicien en appareillage orthopédique"},
-    {id:"Technicien en chaudronnerie industrielle",name:"Technicien en chaudronnerie industrielle"},
-    {id:"Technicien en installation des systèmes énergétiques et climatiques",name:"Technicien en installation des systèmes énergétiques et climatiques"},
-    {id:"Technicien en prothèse dentaire",name:"Technicien en prothèse dentaire"},
-    {id:"Technicien en réalisation de produits mécaniques",name:"Technicien en réalisation de produits mécaniques"},
-    {id:"Technicien géomètre topographe",name:"Technicien géomètre topographe"},
-    {id:"Technicien menuisier agenceur",name:"Technicien menuisier agenceur"},
-    {id:"Technicien modeleur",name:"Technicien modeleur"},
-    {id:"Technicien outilleur",name:"Technicien outilleur"},
-    {id:"Techniques d'interventions sur installations nucléaires",name:"Techniques d'interventions sur installations nucléaires"},
-    {id:"Traitements des matériaux",name:"Traitements des matériaux"},
-    {id:"Transport",name:"Transport"},
-    {id:"Transport fluvial",name:"Transport fluvial"},
-    {id:"Travaux publics",name:"Travaux publics"},
-    {id:"Vente",name:"Vente"},
-
-
-  ]
 
   constructor(
     private route: ActivatedRoute,
@@ -182,8 +77,7 @@ export class EditDataComponent implements OnInit {
 
   ngOnInit() {
     this.personalData = this.route.snapshot.data['personalData'];
-    this.createForm();
-    
+    this.createForm()
   }
 
   
@@ -217,14 +111,6 @@ export class EditDataComponent implements OnInit {
  
   }
 
-  attributeSpeciality(){
-
-        this.dataList=this.possibleSpecialitiesTechno;
-    // else (id=="Professionnelle") 
-    // this.dataList=this.possibleSpecialitiesPro;
-      
-  }
-
   submit(){
     this.loading = true;
     const {firstName,lastName,gender,nationality,classType,addressNumber,street,zipCode,city,personalPhone,parentsPhone,parentsEmail,school,grade,specialTeaching,scholarship,fatherActivity,motherActivity,parentsStatus,dependantsNumber} = this.formGroup.value;

src/app/members/visits/shared/adapters.ts

@@ -111,6 +111,7 @@ export class VisitAdapter implements IAdapter<Visit> {
       registrationsOpen: data.registrations_open,
       image: data.image,
       factSheet: data.fact_sheet,
+      contextSheet: data.context_sheet,
       permissionSheet: data.permission,
       participants: participants,
       organizers: organizers,

src/app/members/visits/shared/models.ts

@@ -36,6 +36,7 @@ export class Visit {
   registrationsOpen: boolean;
   image: string;
   factSheet: string;
+  contextSheet: string;
   permissionSheet: string;
   participants: Participant[];
   organizers: Organizer[];
@@ -55,6 +56,7 @@ export class Visit {
     registrationsOpen: boolean,
     image: string;
     factSheet?: string;
+    contextSheet?: string;
     permissionSheet?: string;
     participants?: Participant[];
     organizers?: Organizer[],
@@ -73,6 +75,7 @@ export class Visit {
     this.registrationsOpen = opts.registrationsOpen;
     this.image = opts.image;
     this.factSheet = opts.factSheet;
+    this.contextSheet = opts.contextSheet;
     this.permissionSheet = opts.permissionSheet;
     this.participants = opts.participants || [];
     this.organizers = opts.organizers || [];

src/app/members/visits/visit-detail/visit-detail.component.html

 <div id="visit">
-  <app-register-form [visible]="registerFormActive" (closed)="registerFormActive = false" [userId]="userId" [visit]="visit" (participate)="onParticipate($event)"></app-register-form>
+  <app-register-form [visible]="registerFormActive" (closed)="registerFormActive = false" [userId]="userId"
+    [visit]="visit" (participate)="onParticipate($event)"></app-register-form>
 
-  <app-leave-form [visible]="leaveFormActive" (closed)="leaveFormActive = false" [visit]="visit" [userId]="userId" (left)="participant = null"></app-leave-form>
+  <app-leave-form [visible]="leaveFormActive" (closed)="leaveFormActive = false" [visit]="visit" [userId]="userId"
+    (left)="participant = null"></app-leave-form>
 
   <div class="text-center">
     <h1>{{ visit.title }}</h1>
     <p>
-      <strong>{{ visit.date | date:"EEEE d MMMM" }} – {{ visit.startTime | date:"shortTime"}}</strong> – {{ visit.place.name }}
+      <strong>{{ visit.date | date:"EEEE d MMMM" }} – {{ visit.startTime | date:"shortTime"}}</strong> – {{
+      visit.place.name }}
     </p>
 
     <p *ngIf="visit.summary" class="text-muted">
@@ -15,18 +18,12 @@
 
     <!-- Metadata badges -->
     <div>
-      <app-registration-badge
-        [title]="visit.title"
-        [open]="visit.registrationsOpen"
-        [passed]="visit.passed"
+      <app-registration-badge [title]="visit.title" [open]="visit.registrationsOpen" [passed]="visit.passed"
         [deadline]="visit.deadline"></app-registration-badge>
-      <app-participant-number-badge
-        [number]="acceptedParticipants"></app-participant-number-badge>
+      <app-participant-number-badge [number]="acceptedParticipants"></app-participant-number-badge>
 
       <span *ngIf="participant">
-        <app-participation-badge
-          [accepted]="participant.accepted"
-          [passed]="visit.passed"></app-participation-badge>
+        <app-participation-badge [accepted]="participant.accepted" [passed]="visit.passed"></app-participation-badge>
       </span>
     </div>
 
@@ -51,10 +48,17 @@
 
       <!-- Related documents -->
       <p class="alert alert-info" *ngIf="visit.permissionSheet">
-        <i class="fa fa-exclamation-triangle"></i>Avant de te rendre à la sortie, télécharge <a [href]="visit.permissionSheet">l'autorisation de sortie</a>. Fais-la remplir par tes parents et remets-la aux tuteurs le jour de la sortie.
+        <i class="fa fa-exclamation-triangle"></i>Avant de te rendre à la sortie, télécharge <a
+          [href]="visit.permissionSheet">l'autorisation de sortie</a>. Fais-la remplir par tes parents et remets-la aux
+        tuteurs le jour de la sortie.
       </p>
       <p class="alert alert-default" *ngIf="visit.factSheet">
-        <i class="fa fa-file-text"></i> Les organisateurs ont rédigé une <a [href]="visit.factSheet">fiche sortie</a>. N'hésite pas à en prendre connaissance avant de te rendre à la sortie !
+        <i class="fa fa-file-text"></i> Les organisateurs ont rédigé une <a [href]="visit.factSheet">fiche sortie</a>.
+        N'hésite pas à en prendre connaissance avant de te rendre à la sortie !
+      </p>
+      <p class="alert alert-default" *ngIf="visit.contextSheet">
+        <i class="fa fa-file-text"></i> Les organisateurs ont rédigé une <a [href]="visit.contextSheet">fiche de
+          contexte</a> sur la sortie. N'hésite pas à en prendre connaissance avant de te rendre à la sortie !
       </p>
     </div>
 
@@ -75,9 +79,7 @@
   <app-useful-information [visit]="visit"></app-useful-information>
 
   <h2>Se rendre à cette sortie</h2>
-  <app-visit-location-map
-    [geocoder]="geocoder"
-    [address]="visit.address"></app-visit-location-map>
+  <app-visit-location-map [geocoder]="geocoder" [address]="visit.address"></app-visit-location-map>
 
   <div *ngIf="visit.organizers.length > 0">
     <h2>Tuteurs organisateurs</h2>