// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. // See License.txt for license information. import ViewImageModal from './view_image.jsx'; import FileAttachment from './file_attachment.jsx'; import Constants from 'utils/constants.jsx'; import React from 'react'; export default class FileAttachmentList extends React.Component { constructor(props) { super(props); this.handleImageClick = this.handleImageClick.bind(this); this.state = {showPreviewModal: false, startImgIndex: 0}; } handleImageClick(indexClicked) { this.setState({showPreviewModal: true, startImgIndex: indexClicked}); } render() { const postFiles = []; if (this.props.fileInfos && this.props.fileInfos.length > 0) { for (let i = 0; i < Math.min(this.props.fileInfos.length, Constants.MAX_DISPLAY_FILES); i++) { const fileInfo = this.props.fileInfos[i]; postFiles.push( ); } } else if (this.props.fileCount > 0) { for (let i = 0; i < Math.min(this.props.fileCount, Constants.MAX_DISPLAY_FILES); i++) { // Add a placeholder to avoid pop-in once we get the file infos for this post postFiles.push(
); } } return (
{postFiles}
this.setState({showPreviewModal: false})} startId={this.state.startImgIndex} fileInfos={this.props.fileInfos} />
); } } FileAttachmentList.propTypes = { fileCount: React.PropTypes.number.isRequired, fileInfos: React.PropTypes.arrayOf(React.PropTypes.object), compactDisplay: React.PropTypes.bool };