Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import React, { Component } from "react";
import Button from 'react-bootstrap/Button';
import Modal from 'react-bootstrap/Modal';
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import * as applicationmanagementActions from '../../actions/ApplicationManagementActions'
const mapStateToProps = state => {
return {
accessToken: state.AuthenticationReducer.accessToken,
showDeleteApplicationModal: state.DegreeCourseApplicationReducer.showDeleteApplicationModal,
deleteApplicationModalData: state.DegreeCourseApplicationReducer.deleteApplicationModalData
};
}
class DeleteApplicationModal extends Component {
constructor(props) {
super(props);
this.handleClose = this.handleClose.bind(this);
this.handlePushDelete = this.handlePushDelete.bind(this);
}
handleClose() {
const { hideDeleteApplicationModalAction } = this.props;
hideDeleteApplicationModalAction();
}
handlePushDelete(e) {
e.preventDefault();
const { pushDeleteApplicationModalAction } = this.props;
pushDeleteApplicationModalAction(this.props.deleteApplicationModalData.applicationID, this.props.accessToken)
}
render() {
var showModal = this.props.showDeleteApplicationModal
if (showModal === undefined) {
showModal = false
}
let dialogID
let applicationName
let applicantName
let universityName
if (this.props.deleteApplicationModalData) {
dialogID = this.props.deleteApplicationModalData.dialogID;
applicationName = this.props.deleteApplicationModalData.name;
applicantName = this.props.deleteApplicationModalData.user;
universityName = this.props.deleteApplicationModalData.universityName;
} else {
dialogID = ""
applicationName = ""
}
return (
<div className="modal show" id="ApplicationManagementPageDeleteComponent" style={{ display: 'block', position: 'initial' }}>
<Modal show={showModal} id={dialogID} onHide={this.handleClose}>
<Modal.Header closeButton>
<Modal.Title>Bewerbung von {applicantName} für {applicationName} löschen?</Modal.Title>
</Modal.Header>
<Modal.Body style={{ textAlign: 'left' }}>
<p>Soll die Bewerbung von {applicantName} für den Studiengang {applicationName} an der {universityName} gelöscht werden?</p>
</Modal.Body>
<Modal.Footer>
<Button variant="secondary" id="DeleteDialogCancelButton" onClick={this.handleClose}>Cancel</Button>
<Button variant="primary" id="DeleteDialogConfirmButton" onClick={this.handlePushDelete}>Delete</Button>
</Modal.Footer>
</Modal>
</div >
)
}
}
const mapDispatchToProps = dispatch => bindActionCreators({
hideDeleteApplicationModalAction: applicationmanagementActions.getHideDeleteApplicationModalAction,
pushDeleteApplicationModalAction: applicationmanagementActions.deleteApplicationWithID
}, dispatch)
const ConnectedDeleteApplicationModal = connect(mapStateToProps, mapDispatchToProps)(DeleteApplicationModal)
export default ConnectedDeleteApplicationModal