Aucune absence de l'élève
+Aucune absence de l'étudiant.e
} - {this.state.abs.map((abs, index) => { + {this.state.abs.map((abs) => { return (
-
Liste des élèves
+Liste des étudiants
- {this.state.students.map((students, index) => {
+ {this.state.students.map((students) => {
// Creation du tableau de deux colonnes
return (
{students.map((etud, index) => {
return (
-
+
{/* Recuperation de la photo de l'etudiant */}
- 
{
this.setState({ status: res["status"] });
})
diff --git a/src/ScoDoc/Request.js b/src/ScoDoc/Request.js
new file mode 100644
index 0000000..46b186b
--- /dev/null
+++ b/src/ScoDoc/Request.js
@@ -0,0 +1,67 @@
+/**
+ * Lance une requête GET a l'URL donnée en paramètre et retourne une Promise.
+ * @param url {String} - URL de la requête
+ * @returns {Promise}
+ */
+export function get(url) {
+ return (
+ fetch(url, {
+ method: 'GET',
+ verify: false,
+ credentials: 'include',
+ })
+ )
+}
+
+/**
+ * Lance une requête GET a l'URL donnée en paramètre et retourne une Promise.
+ * Dans ce cas particulier, on ajoute un header d'authentification.
+ * @param url {String} - URL de la requête
+ * @param login {String} - Identifiant
+ * @param pass {String} - Mot de passe
+ * @returns {Promise}
+ */
+export function getLogin(url, login, pass) {
+ return (
+ fetch(url, {
+ method: 'GET',
+ verify: false,
+ credentials: 'include',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'Authorization': 'Basic ' + btoa(login + ":" + pass)
+ },
+ })
+ )
+}
+
+/**
+ * Lance une requête GET a l'URL donnée en paramètre et retourne les données JSON d'une Promise.
+ * @param url {String} - URL de la requête
+ * @returns {Promise<{data: any}>}
+ */
+export function getJson(url) {
+ return get(url)
+ .then(response => response.json()
+ .then(data => ({data: data}))
+ .then(res => {return res})
+ );
+}
+
+/**
+ * Lance une requête POST a l'URL donnée en paramètre et retourne une Promise.
+ * @param url {String} - URL de la requête
+ * @param data {String} - Données de la requête au format "param1=val1¶m2=val2..."
+ * @returns {Promise}
+ */
+export function post(url, data) {
+ return (
+ fetch(url, {
+ method: 'POST',
+ verify: false,
+ credentials: 'include',
+ headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+ body: data
+ })
+ )
+}
\ No newline at end of file
diff --git a/src/ScoDoc/ScoNavBar.js b/src/ScoDoc/ScoNavBar.js
index 369594a..18ac27e 100644
--- a/src/ScoDoc/ScoNavBar.js
+++ b/src/ScoDoc/ScoNavBar.js
@@ -3,6 +3,7 @@ import {Nav, Navbar, Button, Container} from 'react-bootstrap'
import { Redirect } from 'react-router-dom';
import './Style.css'
+/** Barre de navigation */
class ScoNavBar extends Component {
constructor(props) {
super(props);
@@ -42,7 +43,7 @@ class ScoNavBar extends Component {
{this.state.logout === true &&
-
-
+
Semestres passés
{this.state.semestres.map((sem, index) => {
- if(sem.etat !== "1")
+ if (sem.etat !== "1") {
return (
diff --git a/src/ScoDoc/SearchStudent.js b/src/ScoDoc/SearchStudent.js
index 86416d9..d71bf8d 100644
--- a/src/ScoDoc/SearchStudent.js
+++ b/src/ScoDoc/SearchStudent.js
@@ -1,7 +1,9 @@
import React, {Component} from "react";
import {Link} from "react-router-dom";
import {Row, Col} from "react-bootstrap"
+import {getJson} from "./Request";
+/** Module de recherche d'étudiant */
class SearchStudent extends Component {
constructor(props) {
super(props);
@@ -20,46 +22,47 @@ class SearchStudent extends Component {
this.setState({ search: e.target.value });
}
- searchStudent() {
- let dept = window.location.href.split('/')[6]
+ /**
+ * Lance une recherche de l'étudiant depuis l'API
+ * @param search {String} - Texte recherché
+ */
+ searchStudent(search) {
+ let dept = window.location.href.split('/')[7]
let BASE_URL = window.$api_url
- fetch(BASE_URL + dept +
- '/Scolarite/Notes/search_etud_by_name?term=' + this.state.search +'&format=json', {
- method: "GET",
- credentials: "include",
- })
- .then(response =>
- response.json().then(data => ({data: data}))
- .then(res => {
- this.setState({ students: res.data });
-
- if (this.state.students.length === 0) {
- this.setState({search_status: 1, toast: true});
- } else {
- this.setState({search_status: 2, toast: false});
- }
- }))
+ getJson(BASE_URL + dept + '/Scolarite/Notes/search_etud_by_name?term=' + search +'&format=json')
+ .then(res => {
+ this.setState({ students: res.data });
+ if (this.state.students.length === 0) {
+ this.setState({search_status: 1, toast: true});
+ } else {
+ this.setState({search_status: 2, toast: false});
+ }
+ })
this.setState({searched: true})
}
+ /**
+ * Presentation du résultat
+ * @returns {JSX.Element} - Resultat au format JSX
+ */
result() {
if (this.state.toast === true) {
return (
-
+
{student.label}
- );
+ )
})}
)
@@ -72,7 +75,7 @@ class SearchStudent extends Component {
+ /*
-
+ */
+
+
+
+
+
+
);
}
{this.state.semestres.map((sem, index) => {
- if(sem.etat === "1")
- return (
-
-
-
- )
+ if (sem.etat === "1") {
+ return (
+ {sem.titre} [{sem.modalite}]
-Semestre {sem.semestre_id} - Année {sem.anneescolaire} [{sem.date_debut} - {sem.date_fin}]
- -
+
+
+ )
+ }
})}
{sem.titre} [{sem.modalite}]
+Semestre {sem.semestre_id} - Année {sem.anneescolaire} [{sem.date_debut} - {sem.date_fin}]
+ +
-
+
)
+ }
})}
{sem.titre} [{sem.modalite}]
Semestre {sem.semestre_id} - Année {sem.anneescolaire} [{sem.date_debut} - {sem.date_fin}]
- Aucun élève trouvé
+ Aucun étudiant trouvé
)
} else if (this.state.search_status === 2) {
return (
-
diff --git a/src/main.js b/src/main.js
index 6d06d53..4b59c93 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,5 @@
import React from 'react';
-import {Switch, Route} from 'react-router-dom';
+import {HashRouter, Route} from 'react-router-dom';
import Scolarite from './ScoDoc/Scolarite.js'
import Login from './ScoDoc/Login'
import GestionSemestre from "./ScoDoc/GestionSemestre";
@@ -8,12 +8,18 @@ import Etudiant from "./ScoDoc/Etudiant";
const Main = () => {
return (
-