component container et action

Author: JoPFullJS

src/actions/getCompetences.js

@@ -0,0 +1,57 @@
+//Asyncrone request and Promise based HTTP client for the browser
+import axios from 'axios';
+
+//Liste des actions
+import {
+	GET_COMPETENCES_REQUEST,GET_COMPETENCES_SUCCESS,GET_COMPETENCES_FAILURE
+} from '../constants/actionTypes';
+
+// Point d'entré de notre API
+const ROOT_URI = axios.create({
+	baseURL: 'http://127.0.0.1:8000'
+})
+
+
+
+const getCompetencesRequest = (request) => {
+  return {
+    type: GET_COMPETENCES_REQUEST,
+    request
+  }
+};
+
+const getCompetencesSuccess = (data) => {
+
+  return {
+    type: GET_COMPETENCES_SUCCESS,
+    data
+  }
+};
+const getCompetencesFailure = (error) => {
+
+  return {
+    type: GET_COMPETENCES_FAILURE,
+    error
+  }
+};
+
+
+export const getCompetences = () => {
+
+  let request = "/competences";
+
+  return dispatch => {
+    dispatch(getCompetencesRequest(request));
+    return ROOT_URI.get(request)
+      .then(
+        res => dispatch(getCompetencesSuccess(res)),
+        error => {
+          dispatch(getCompetencesFailure(error))
+        }
+      )
+  }
+};
+
+export default getCompetences;
+
+

src/actions/getInterventions.js

@@ -0,0 +1,58 @@
+//Asyncrone request and Promise based HTTP client for the browser
+import axios from 'axios';
+
+//Liste des actions
+import {
+	GET_INTERVENTIONS_REQUEST,GET_INTERVENTIONS_SUCCESS,GET_INTERVENTIONS_FAILURE,
+	GET_COMPETENCES_REQUEST,GET_COMPETENCES_SUCCESS,GET_COMPETENCES_FAILURE
+} from '../constants/actionTypes';
+
+// Point d'entré de notre API
+const ROOT_URI = axios.create({
+	baseURL: 'http://127.0.0.1:8000'
+})
+
+
+
+const getInterventionsRequest = (request) => {
+  return {
+    type: GET_INTERVENTIONS_REQUEST,
+    request
+  }
+};
+
+const getInterventionsSuccess = (data) => {
+
+  return {
+    type: GET_INTERVENTIONS_SUCCESS,
+    data
+  }
+};
+const getInterventionsFailure = (error) => {
+
+  return {
+    type: GET_INTERVENTIONS_FAILURE,
+    error
+  }
+};
+
+
+export const getInterventions = () => {
+
+  let request = "/interventions";
+
+  return dispatch => {
+    dispatch(getInterventionsRequest(request));
+    return ROOT_URI.get(request)
+      .then(
+        res => dispatch(getInterventionsSuccess(res)),
+        error => {
+          dispatch(getInterventionsFailure(error))
+        }
+      )
+  }
+};
+
+export default getInterventions;
+
+

src/actions/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+
+
+const CompetencesList =({competencesList}) => { 
+	
+
+		return (
+			<div>
+				{competencesList.map((competence, index) =>
+	            <div key={index}>
+	              <span>{competence.description}</span>
+            </div>
+        )}
+
+			</div>
+		);
+}
+
+
+export default CompetencesList;

src/components/CompetencesList.js

@@ -0,0 +1,20 @@
+import React from 'react';
+
+
+const InterventionsList =({interventionsList}) => { 
+	
+
+		return (
+			<div>
+				{interventionsList.map((intervention, index) =>
+	            <div key={index}>
+	              <span>{intervention.description}</span>
+            </div>
+        )}
+
+			</div>
+		);
+}
+
+
+export default InterventionsList;

src/components/InterventionsList.js

@@ -1,10 +1,10 @@
 
 //Liste des Interventins 
-export const FETCH_INTERVENTIONS = 'FETCH_INTERVENTIONS';
-export const FETCH_INTERVENTIONS_SUCCESS = 'FETCH_INTERVENTIONS_SUCCESS';
-export const FETCH_INTERVENTIONS_FAILURE = 'FETCH_INTERVENTIONS_FAILURE';
+export const GET_INTERVENTIONS_REQUEST = 'GET_INTERVENTIONS_REQUEST';
+export const GET_INTERVENTIONS_SUCCESS = 'GET_INTERVENTIONS_SUCCESS';
+export const GET_INTERVENTIONS_FAILURE = 'GET_INTERVENTIONS_FAILURE';
 
 //Liste des Competences
-export const FETCH_COMPETENCES = 'FETCH_COMPETENCES';
-export const FETCH_COMPETENCES_SUCCESS = 'FETCH_COMPETENCES_SUCCESS';
-export const FETCH_COMPETENCES_FAILURE = 'FETCH_COMPETENCES_FAILURE';
+export const GET_COMPETENCES_REQUEST = 'GET_COMPETENCES_REQUEST';
+export const GET_COMPETENCES_SUCCESS = 'GET_COMPETENCES_SUCCESS';
+export const GET_COMPETENCES_FAILURE = 'GET_COMPETENCES_FAILURE';