rename props

This commit is contained in:
Bilal Catic
2018-09-27 15:22:04 +02:00
parent 174517a161
commit 2cd4a77a34
2 changed files with 17 additions and 19 deletions

View File

@@ -5,16 +5,14 @@ import {orderTexts} from '../../../constants/ordersConstants';
class OrderDocuments extends Component { class OrderDocuments extends Component {
render() { render() {
const {orderInfo} = this.props; const {orderDocumentsBundle} = this.props;
return ( return (
<div id="order-documents" className="order-documents"> <div id="order-documents" className="order-documents">
{ {
orderInfo.packages.map(orderPackage => <OrderDocumentsGroup key={'order-package-' + orderPackage.id} documentsGroup={orderPackage} />) orderDocumentsBundle.map(bundle => <OrderDocumentsGroup key={'order-package-' + bundle.package.name} packageName={bundle.package.name} packageID={bundle.package.id} documents={bundle.documents} />)
}
{
orderInfo.orderDocuments && <OrderDocumentsGroup key={'order-package-0'} documentsGroup={{documents: orderInfo.documents, packageName: orderTexts.labels.OTHER_DOCS}} />
} }
</div> </div>
); );
} }

View File

@@ -40,39 +40,39 @@ class OrderDocumentsGroup extends Component {
} }
getDocumentText(document) { getDocumentText(document) {
const name = document.documentName + '.' + document.extension; const name = document.name + '.' + document.extension;
return name.length > 9 ? name.substring(0, 10) + '...' : name; return name.length > 9 ? name.substring(0, 10) + '...' : name;
} }
downloadDocument(document){ downloadDocument(document, packageID){
const fileUrl = `${API_SERVER}/utils/api/downloadFile?idDocument=${document.idDocument}&fileName=${document.documentName}.${document.extension}&fileType=${document.documentTypeName}` const fileUrl = `${API_SERVER}/wp-json/wiaas/download-package-file?document_id=${document.id}&package_id=${packageID}`
const fileName = document.documentName + '.' + document.extension; const fileName = document.name + '.' + document.extension;
fileHandler.download(fileUrl, fileName); fileHandler.download(fileUrl, fileName);
} }
render() { render() {
const {documentsGroup} = this.props; const {documents, packageName, packageID} = this.props;
return ( return (
<div> <div>
{ {
documentsGroup.documents && documents &&
documentsGroup.documents.length > 0 && documents.length > 0 &&
<WiaasBox mainTitle={documentsGroup.packageName}> <WiaasBox mainTitle={packageName}>
{ {
documentsGroup.documents.map(document => <a id={'document-' + document.idDocument} key={'order-document-' + document.idDocument}> documents.map(document => <a id={'document-' + document.id} key={'order-document-' + document.id}>
<div onClick={() => {this.downloadDocument(document)}} className="document-link-big"> <div onClick={() => {this.downloadDocument(document, packageID)}} className="document-link-big">
<i className={'fa fa-4x fa-' + this.getDocumentIcon(document.extension)} aria-hidden="true"></i> <i className={'fa fa-4x fa-' + this.getDocumentIcon(document.extension)} aria-hidden="true"></i>
<div> <div>
{this.getDocumentText(document)} {this.getDocumentText(document)}
<Tooltip placement="bottom" <Tooltip placement="bottom"
delay={{ show: 0, hide: 0}} delay={{ show: 0, hide: 0}}
container="order-documents" container="order-documents"
isOpen={this.state[document.idDocument]} isOpen={this.state[document.id]}
target={'document-' + document.idDocument} target={'document-' + document.id}
toggle={()=>this.toggle(document.idDocument)}> toggle={()=>this.toggle(document.id)}>
{document.documentName} ({document.extension}) {document.name} ({document.extension})
</Tooltip> </Tooltip>
</div> </div>
</div></a>) </div></a>)