Skip to content

Commit 484801e

Browse files
abeauquelabeauquel
committed
ajouts notes de versions, gestions du projet dev/prod avec l'API
1 parent b3182e2 commit 484801e

File tree

12 files changed

+173
-49
lines changed

12 files changed

+173
-49
lines changed

‎.env.development

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
REACT_APP_API_HOST=http://localhost/ALEX/www/api_pfolio/

‎.env.production

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
REACT_APP_API_HOST=https://abeauquel.ovh/api_pfolio/

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
"lodash": "^4.17.4",
77
"materialize-css": "^0.100.2",
88
"materialize-js": "^1.0.0",
9-
"query": "^0.2.0",
9+
"jquery": "^0.2.0",
1010
"react": "^16.2.0",
1111
"react-dom": "^16.2.0",
1212
"react-load-script": "0.0.6",

‎public/index.html

+4-3
Original file line numberDiff line numberDiff line change
@@ -50,8 +50,9 @@
5050
<script src="path/to/your/bundle.js"></script>-->
5151

5252
</body>
53-
<!--
54-
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
55-
-->
53+
54+
<!--
55+
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
56+
-->
5657

5758
</html>

‎src/App.js

+6-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import '../node_modules/materialize-css/dist/css/materialize.min.css';
22
import '../node_modules/materialize-css/dist/js/materialize.min';
3-
43
import React, { Component } from 'react';
54
import Header from './Components/Header';
65
import Myfooter from './Components/Footer';
@@ -22,6 +21,12 @@ import Veille from "./Veille/Veille"
2221

2322

2423
class App extends Component{
24+
componentWillMount() {
25+
console.log(process.env.NODE_ENV);
26+
console.log(process.env);
27+
console.log(process.env.REACT_APP_API_HOST);
28+
29+
}
2530
render(){
2631
return(
2732
<Router>

‎src/Components/Header.js

+2
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,9 @@ class Header extends Component{
2121
<OldSchoolMenuLink to="/E4" label="E4" icon={"web"}/>
2222
<OldSchoolMenuLink to="/E6" label="E6" icon={"computer"}/>
2323
<OldSchoolMenuLink to="/Projets" label="Mes projets" icon={"book"}/>
24+
{/*
2425
<OldSchoolMenuLink to="/construction" label="Construction de ce PortFolio" icon={"build"}/>
26+
*/}
2527
<OldSchoolMenuLink to="/veilletech" label="Veille technologique"
2628
icon={"lightbulb_outline"}/>
2729
</Navbar>

‎src/E4/Activites.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -159,7 +159,8 @@ class Activites extends Component {
159159
acquiseOnly: event.target.value !== "",
160160
}, () => {
161161
this.loadActivite(this.props._activites);
162-
this.props.changeValue('projetSelected', event.target.value)
162+
this.props.changeValue('projetSelected', event.target.value);
163+
this.props.changeValue('codeActivite', null);
163164
})
164165

165166
}

‎src/E4/E4.js

+10-15
Original file line numberDiff line numberDiff line change
@@ -30,14 +30,7 @@ class E4 extends Component{
3030
componentWillMount() {
3131
this.fetchActivites();
3232
this.fetchProjet();
33-
/*if (this.props.match.params.codeActivite){
34-
let code = this.props.match.params.codeActivite;
35-
this.setState({
36-
codeActivite:code,
37-
},()=>{
38-
console.log("mon state : "+ this.state.codeActivite)
39-
})
40-
}*/
33+
4134
}
4235

4336
componentWillReceiveProps(nextProps) {
@@ -51,7 +44,7 @@ class E4 extends Component{
5144
* Chargement des activités
5245
*/
5346
fetchActivites() {
54-
fetch("https://abeauquel.ovh/api_pfolio/activites", {
47+
fetch(process.env.REACT_APP_API_HOST + "activites", {
5548
method: 'GET',
5649
header: {
5750
'Accept': 'application/json',
@@ -84,7 +77,7 @@ class E4 extends Component{
8477
* Chargement des projets
8578
*/
8679
fetchProjet() {
87-
fetch("https://abeauquel.ovh/api_pfolio/projets", {
80+
fetch(process.env.REACT_APP_API_HOST + "projets", {
8881
method: 'GET',
8982
header: {
9083
'Accept': 'application/json',
@@ -126,8 +119,10 @@ class E4 extends Component{
126119

127120
return (
128121
<div>
129-
<Navbar brand='' ref={'navBarE4'} left
130-
className={Appearances.backgroundColor}>
122+
{/* <Navbar brand='' ref={'navBarE4'} left
123+
className={Appearances.backgroundColor}
124+
options={{edge: 'right'}}
125+
>
131126
<div className={'nav-wrapper ' + Appearances.backgroundColor}>
132127
<ul className="rightt hide-on-med-and-down">
133128
<OldSchoolMenuLink to="/E4/Activites"
@@ -141,8 +136,8 @@ class E4 extends Component{
141136
icon={"view_list"}/>
142137
</ul>
143138
</div>
144-
</Navbar>
145-
{/* <nav>
139+
</Navbar>*/}
140+
<nav>
146141
<div className={' nav-wrapper ' + Appearances.backgroundColor}>
147142
<ul className="hide-on-med-and-down">
148143
<OldSchoolMenuLink to="/E4/Activites"
@@ -156,7 +151,7 @@ class E4 extends Component{
156151
icon={"view_list"}/>
157152
</ul>
158153
</div>
159-
</nav>*/}
154+
</nav>
160155
<Switch>
161156

162157
<Route exact path={'/E4/Grille'} render={() => (

‎src/E6/E6.js

+5-3
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,13 @@ import {Collection, CollectionItem, Badge, Row, Col} from 'react-materialize';
55
class E6 extends Component{
66
render(){
77
return(
8-
8+
99
<Container>
10-
<h3>Bien routé dans E6</h3>
10+
<div style={{marginBottom: '45em'}}>
11+
<h3>Epreuve E6</h3>
1112

12-
<small>A venir</small>
13+
<small style={{marginBottom: '50%'}}>A venir</small>
14+
</div>
1315
</Container>
1416

1517
)}

‎src/Home/Home.js

+55-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
import React, {Component} from 'react';
2-
import {Container}from 'react-materialize'
2+
import {
3+
Container,
4+
Collection,
5+
CollectionItem,
6+
Badge,
7+
Row
8+
} from 'react-materialize'
39

410
class Home extends Component{
511
componentWillMount () {
@@ -22,6 +28,54 @@ class Home extends Component{
2228
<p>Epreuve E6 : Evaluation sur la gestion du patrimoine
2329
informatique et sur la veille technologique. Ce projet est donc en mesure de pouvoir fournir des
2430
éléments concrets sur ces points. Montrer les outils et méthodes utilisés et rencontrer personnellement ou en entreprise.</p>
31+
<Row>
32+
33+
<Collection className={'col m5'} header='Notes de versions'>
34+
<CollectionItem><Badge newIcon> </Badge><b>Version
35+
1.3</b> Ebauche de l'onglet Home, ajout onglet veille
36+
technologique
37+
<p>Maquette fonctionnelle en simulant des comptes twitter
38+
sélectionner ainsi que l'affichage du fil de l'actualité
39+
de ce compte</p>
40+
41+
</CollectionItem>
42+
<CollectionItem><b>Version 1.2</b> &nbsp; Modifications
43+
estétiques
44+
<p>Ajout de badge pour le nombre de documents par
45+
activités</p>
46+
<p>Modification du nombre du badge nombre de doc pour le
47+
nombre de documents par activités en fonction du projet
48+
sélectionné</p>
49+
<p>Ajout d'image pour illustrer les compétences</p>
50+
</CollectionItem>
51+
<CollectionItem><b>Version 1.1</b> &nbsp;Changement de
52+
l'algorythme de trie
53+
<p>Barre de recherches</p>
54+
<p>Trie par Activités acquises seulements</p>
55+
<p>Trie de compétences acquises seulements</p>
56+
<p>Trie des activités par projet</p>
57+
</CollectionItem>
58+
<CollectionItem><b>Version 1.0</b> &nbsp; Changement majeur :
59+
passage en reactjs, partie Base de données passée sur une
60+
API en php
61+
<p>Gestions des activités dynamiques</p>
62+
<p>Ajout de l'onglet projet</p>
63+
</CollectionItem>
64+
<CollectionItem><b>Version 0.5</b> &nbsp;en php(affichage des
65+
activités, et des compétences)</CollectionItem>
66+
</Collection>
67+
<br/>
68+
<h5>Liens complémentaires</h5>
69+
<Collection className={'col m5'}>
70+
<CollectionItem href={'https://github.com/abeauquel/pfolio'}>Lien
71+
git hub </CollectionItem>
72+
<CollectionItem
73+
href={'http://www.abeauquel.ovh/api_pfolio/doc.php'}>Documentation
74+
de l'API </CollectionItem>
75+
76+
</Collection>
77+
78+
</Row>
2579
</Container>
2680

2781
)}

‎src/Projet/Projets.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ class Projets extends Component{
2020
}
2121

2222
fetchProjet(){
23-
fetch("https://abeauquel.ovh/api_pfolio/projets",{
23+
fetch(process.env.REACT_APP_API_HOST + "projets", {
2424
method:'GET',
2525
header:{
2626
'Accept':'application/json',

‎src/Veille/Veille.js

+85-23
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,14 @@
11
import React, {Component} from 'react';
22
import {Timeline, Tweet} from 'react-twitter-widgets'
33
import {
4-
Container,
5-
Row,
6-
Col,
7-
Card,
8-
Collection,
9-
ProgressBar
4+
Container, Row, Col, Card, Collection, ProgressBar, Tabs, Tab
105
} from 'react-materialize'
116
import {
127
Link,
138
} from 'react-router-dom';
149

10+
let query = require('jquery');
11+
1512
class Veille extends Component {
1613
constructor(props) {
1714
super(props);
@@ -55,7 +52,7 @@ class Veille extends Component {
5552

5653
render() {
5754

58-
return (<Row>
55+
return (<Row style={{marginTop: 10, height: '56em'}}>
5956
<Card className={'col s4'}>
6057
<h5>Comptes twitter suivies</h5>
6158
<hr/>
@@ -86,24 +83,89 @@ class Veille extends Component {
8683
</Card>
8784
<Col s={8}>
8885
<Container>
89-
{this.state.selected ? <Timeline
90-
dataSource={{
91-
sourceType: 'profile',
92-
screenName: this.state.selected ? this.state.selected.id
93-
: "reactjs"
94-
}}
95-
options={{
96-
username: this.state.selected ? this.state.selected.id
97-
: "reactjs",
98-
height: '800'
99-
}}
100-
onLoad={() => console.log('Timeline is loaded!')}
101-
/>
102-
103-
: <p>Sélectionnez un compte</p>}
104-
86+
<Tabs className='tab-demo z-depth-1'>
87+
<Tab title="TimeLine" active>
88+
<div>
89+
{this.state.selected ? null : <p>Sélectionnez un compte</p>}
90+
<Timeline
91+
dataSource={{
92+
sourceType: 'profile',
93+
screenName: this.state.selected
94+
? this.state.selected.id
95+
: "react"
96+
}}
97+
options={{
98+
username: this.state.selected ? this.state.selected.id
99+
: "merde",
100+
height: '800'
101+
}}
102+
onLoad={() => console.log('Timeline is loaded!')}
103+
/>
104+
</div>
105+
</Tab>
106+
<Tab title="Tweets sauvegardés">
107+
<div>
108+
<Tweet
109+
tweetId="955857875695529984"
110+
options={{
111+
username: this.state.selected ? this.state.selected.id
112+
: "reactjs",
113+
height: '1000',
114+
width: '500'
115+
}}>
116+
</Tweet>
117+
</div>
118+
</Tab>
119+
<Tab title="Test 3">
120+
<div className={'green'}>
121+
Test 3
122+
</div>
123+
124+
</Tab>
125+
<Tab title="Test 4">Test 4</Tab>
126+
</Tabs>
127+
128+
{/*<ul id="tabs-swipe-demo" class="tabs col s12">
129+
<li class="tab col s3"><a class="active" href="#test-swipe-1">TimeLine</a></li>
130+
<li class="tab col s3"><a href="#test-swipe-2">Tweets sauvegardés</a></li>
131+
<li class="tab col s3"><a href="#test-swipe-3">Test 3</a></li>
132+
</ul>
133+
134+
<div id="test-swipe-1" class="col s12 " style={{height:'50em'}}>
135+
{this.state.selected ? null : <p>Sélectionnez un compte</p>}
136+
<Timeline
137+
dataSource={{
138+
sourceType: 'profile',
139+
screenName: this.state.selected ? this.state.selected.id
140+
: "react"
141+
}}
142+
options={{
143+
username: this.state.selected ? this.state.selected.id
144+
: "merde",
145+
height: '800'
146+
}}
147+
onLoad={()=> console.log('Timeline is loaded!')}
148+
/>
149+
150+
</div>
151+
152+
<div id="test-swipe-2" class="col s12" style={{height:'30em'}}>
153+
154+
<Tweet
155+
tweetId="955857875695529984"
156+
options={{
157+
username: this.state.selected ? this.state.selected.id
158+
: "reactjs",
159+
height: '1000',
160+
width:'500'
161+
}}>
162+
</Tweet>
163+
164+
</div>
165+
<div id="test-swipe-3" class="col s12 green" style={{height:'30em'}}>Test 3</div>*/}
105166
</Container>
106167
</Col>
168+
107169
</Row>
108170
)
109171
}

0 commit comments

Comments
 (0)