From 294612a819cc8945a200f5dbff66edf430a98a43 Mon Sep 17 00:00:00 2001
From: Damien <damien.armillon@gmail.com>
Date: Fri, 3 May 2019 19:16:06 +0200
Subject: [PATCH] Modal Fonctionnel
---
front/src/ModalSuppression.js | 16 +++++++++++-----
front/src/ToucanLine.js | 4 ++--
2 files changed, 13 insertions(+), 7 deletions(-)
diff --git a/front/src/ModalSuppression.js b/front/src/ModalSuppression.js
index bc9884d..d9f89bc 100644
--- a/front/src/ModalSuppression.js
+++ b/front/src/ModalSuppression.js
@@ -1,8 +1,14 @@
import React, {Component} from 'react'
-import {Modal, Button, Image, Grid} from 'semantic-ui-react'
+import {Modal, Button, Image} from 'semantic-ui-react'
class ModalSupression extends Component {
- state={hihi:true};
+ deleteToucan(id) {
+ fetch(`/toucan/delete/${id}`,{
+ method: "Post"
+ })
+ .then(this.props.closeModal())
+ }
+
render() {
return (
<Modal open={this.props.open} size="tiny"
@@ -10,11 +16,11 @@ class ModalSupression extends Component {
>
<Modal.Header style ={{textAlign:"center"}}>Veux tu vraiment supprimer ce Toucan ?</Modal.Header>
<Modal.Content>
- <Image centered src={`/toucan/img/${this.props.imageId}`} size="medium"/>
+ <Image centered src={`/toucan/img/${this.props.toucanId}`} size="medium"/>
</Modal.Content>
<Modal.Actions style ={{textAlign:"center"}} >
- <Button negative>Supprimer le Toucan</Button>
- <Button positive> Laisser le Toucan là où il est</Button>
+ <Button negative onClick={()=>this.deleteToucan(this.props.toucanId)}>Supprimer le Toucan</Button>
+ <Button positive onClick={()=>this.props.closeModal()}> Laisser le Toucan là où il est</Button>
</Modal.Actions>
</Modal>
)
diff --git a/front/src/ToucanLine.js b/front/src/ToucanLine.js
index f8b3e0f..e0e9367 100644
--- a/front/src/ToucanLine.js
+++ b/front/src/ToucanLine.js
@@ -1,5 +1,5 @@
import React, {Component} from 'react'
-import {Table, Image, Button, Modal} from 'semantic-ui-react'
+import {Table, Image, Button} from 'semantic-ui-react'
import ModalSuppression from './ModalSuppression'
class ToucanLine extends Component {
@@ -43,7 +43,7 @@ class ToucanLine extends Component {
<Button negative icon="cancel" onClick={() => this.setState({isModalOpen: true})}/>
<ModalSuppression
open={this.state.isModalOpen}
- imageId={this.props.toucan["_id"]}
+ toucanId={this.props.toucan["_id"]}
closeModal={this.closeModal}
/>
</Table.Cell>
--
GitLab