rename props
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>)
|
||||||
|
|||||||
Reference in New Issue
Block a user