Is now realized as class for changing download icon to checked icon (state ...

Kai Reinhard

20.38.2018 37c0f9dddb5ebe161470a01dd15d6dc20174a402

Is now realized as class for changing download icon to checked icon (state needed).

 borgbutler-webapp/src/components/views/archives/FileListEntry.jsx

@@ -1,13 +1,20 @@
import React from 'react';
import PropTypes from 'prop-types';
import Highlight from 'react-highlighter';
import {IconDownload} from '../../general/IconComponents';
import {IconCheck, IconDownload} from '../../general/IconComponents';
import {getResponseHeaderFilename, getRestServiceUrl, humanFileSize} from '../../../utilities/global';
import fileDownload from 'js-file-download';
import {Button} from 'reactstrap';

function download(archiveId, fileNumber) {
class FileListEntry extends React.Component {

    state = {
        downloaded: false
    };

    download(archiveId, fileNumber) {
    let filename;
        this.setState({downloaded: true});
    fetch(getRestServiceUrl('archives/restore', {
        archiveId: archiveId,
        fileNumber: fileNumber
@@ -33,45 +40,56 @@
        });
}

function FileListEntry({archiveId, diffArchiveId, entry, search, mode, changeCurrentDirectory}) {
    let downloadArchiveId = archiveId;
    let displayPath = entry.displayPath;
    render = () => {
        let downloadArchiveId = this.props.archiveId;
        let displayPath = this.props.entry.displayPath;
    let pathCss = 'tt';
    let diffCol = undefined;
    if (entry.diffStatus === 'NEW') {
        if (this.props.entry.diffStatus === 'NEW') {
        pathCss = 'tt file-new';
        diffCol = <td className={'tt'}>NEW</td>;
    } else if  (entry.diffStatus === 'REMOVED') {
        } else if (this.props.entry.diffStatus === 'REMOVED') {
        pathCss = 'tt file-removed';
        // Download removed files from other archive.
        downloadArchiveId = diffArchiveId;
            downloadArchiveId = this.props.diffArchiveId;
        diffCol = <td className={'tt'}>REMOVED</td>;
    } else if (entry.diffStatus === 'MODIFIED') {
        } else if (this.props.entry.diffStatus === 'MODIFIED') {
        pathCss = 'tt file-modified';
        diffCol = <td className={'tt'}>{entry.differences}</td>;
            diffCol = <td className={'tt'}>{this.props.entry.differences}</td>;
    }
    let path;
    if (mode === 'tree' && entry.type === 'd') {
        path = <Button color={'link'} onClick={() => changeCurrentDirectory(entry.path)}><Highlight search={search}>{displayPath}</Highlight></Button>;
        if (this.props.mode === 'tree' && this.props.entry.type === 'd') {
            path = <Button color={'link'} onClick={() => this.props.changeCurrentDirectory(this.props.entry.path)}><Highlight
                search={this.props.search}>{displayPath}</Highlight></Button>;
    } else {
        path = <Highlight search={search}>{displayPath}</Highlight>;
            path = <Highlight search={this.props.search}>{displayPath}</Highlight>;
    }
        let icon = this.state.downloaded ? <IconCheck/> :
            <div className={'btn'} onClick={() => this.download(downloadArchiveId, this.props.entry.fileNumber)}>
            <IconDownload/></div>;
    return (
        <tr>
            <td className={pathCss}>{path}</td>
            <td className={'tt'}>
                <div className={'btn'} onClick={() => download(downloadArchiveId, entry.fileNumber)}>
                    <IconDownload/></div>
                <td className={'tt'} style={{textAlign: 'center'}}>
                    {icon}
            </td>
            <td className={'tt'}>{humanFileSize(entry.size, true, true)}</td>
            <td className={'tt'}>{entry.mode}</td>
            <td className={'tt'}>{entry.mtime}</td>
                <td className={'tt'}>{humanFileSize(this.props.entry.size, true, true)}</td>
                <td className={'tt'}>{this.props.entry.mode}</td>
                <td className={'tt'}>{this.props.entry.mtime}</td>
            {diffCol}
        </tr>
    );
}

FileListEntry.propTypes = {
    constructor(props) {
        super(props);

        this.download = this.download.bind(this);
    }
}

FileListEntry
    .propTypes = {
    entry: PropTypes.shape({}).isRequired,
    search: PropTypes.string,
    mode: PropTypes.string,