Handle order documents

This commit is contained in:
Almira Krdzic
2018-11-15 11:29:15 +01:00
parent 0ba27b2f1d
commit 6c656a0b26
10 changed files with 216 additions and 108 deletions

View File

@@ -3,8 +3,18 @@ import {connect} from 'react-redux';
import OrderDocumentsGroup from './OrderDocumentsGroup.jsx';
import {orderTexts} from '../../../constants/ordersConstants';
import WiaasBox from "../../../mainComponents/box/WiaasBox";
import {API_SERVER} from "../../../config";
import FileDownloader from "../../../helpers/FileDownloader";
const fileHandler = new FileDownloader();
class OrderDocuments extends Component {
downloadDocument(orderId, document){
const fileUrl = `${API_SERVER}/wp-json/wiaas/order/${orderId}/document/${document.key}`;
fileHandler.download(fileUrl, `${document.name}.${document.extension}`);
}
render() {
const {orderInfo} = this.props;
@@ -23,14 +33,13 @@ class OrderDocuments extends Component {
<WiaasBox mainTitle={orderTexts.labels.OTHER_DOCS}>
{
orderInfo.documents.map((document, index) => (
<a className="document-link-big" key={'order-document-' + index} download href={document.url}>
<span className="document-link">
<i className={`fa fa-4x fa-${document.icon}`} aria-hidden="true"></i>
<a id={'document-' + document.key} key={'order-document-' + document.key}>
<div onClick={() => {this.downloadDocument(orderInfo.id, document)}} className="document-link-big">
<i className={`fa fa-4x fa-${document.icon}`} aria-hidden="true"></i>
<div>
{document.name}
</div>
</span>
</a>
</div></a>
))
}
</WiaasBox>