...

Kai Reinhard

15.59.2018 5fb03f8022576dd391a26ede67c8cc6b85661d47

...

 borgbutler-webapp/src/components/views/repos/RepoArchiveListView.jsx

@@ -1,6 +1,7 @@
import React from 'react'
import {Table} from 'reactstrap';
import {PageHeader} from '../../general/BootstrapComponents';
import {getRestServiceUrl} from '../../../utilities/global';
import {getRestServiceUrl, humanFileSize} from '../../../utilities/global';
import ErrorAlert from '../../general/ErrorAlert';
import {IconRefresh} from "../../general/IconComponents";

@@ -66,6 +67,67 @@
                >
                    <IconRefresh/>
                </div>
                <Table hover>
                    <tbody>
                    <tr>
                        <td>Name</td>
                        <td>{repo.name}</td>
                    </tr>
                    <tr>
                        <td>Id</td>
                        <td>{repo.id}</td>
                    </tr>
                    <tr>
                        <td>Location</td>
                        <td>{repo.location}</td>
                    </tr>
                    <tr>
                        <td>Security dir</td>
                        <td>{repo.securityDir}</td>
                    </tr>
                    <tr>
                        <td>Encryption</td>
                        <td>{repo.encryption.mode}</td>
                    </tr>
                    <tr>
                        <td>Cache</td>
                        <td>{repo.cache.path}</td>
                    </tr>
                    <tr>
                        <td>Cache stats</td>
                        <td>
                            <table className="inline">
                                <tbody>
                                <tr>
                                    <td>Total chunks</td>
                                    <td>{Number(repo.cache.stats.total_chunks).toLocaleString()}</td>
                                </tr>
                                <tr>
                                    <td>Total csize</td>
                                    <td>{humanFileSize(repo.cache.stats.total_csize)}</td>
                                </tr>
                                <tr>
                                    <td>Total size</td>
                                    <td>{humanFileSize(repo.cache.stats.total_size)}</td>
                                </tr>
                                <tr>
                                    <td>Total unique chunks</td>
                                    <td>{Number(repo.cache.stats.total_unique_chunks).toLocaleString()}</td>
                                </tr>
                                <tr>
                                    <td>Unique csize</td>
                                    <td>{humanFileSize(repo.cache.stats.unique_csize)}</td>
                                </tr>
                                <tr>
                                    <td>Unique size</td>
                                    <td>{humanFileSize(repo.cache.stats.unique_size)}</td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </Table>
            </React.Fragment>;

        }

 borgbutler-webapp/src/css/my-style.css

@@ -348,6 +348,17 @@
.welcome-documentation-link {
    padding-top: 20px;
}

table.inline tbody td {
    border-top: none;
    padding-top: 0;
    padding-left: 0;
}

td.align-right {
    text-align: right;
}

/* @media only screen and (max-width: 1050px) {
    .navbar.navbar-light a.nav-link {
        font-size: 0.8rem;

 borgbutler-webapp/src/utilities/global.js

@@ -41,6 +41,11 @@
    //return date.toLocaleDateString("de-DE", options);
}

export const humanFileSize = (size) => {
    var i = Math.floor( Math.log(size) / Math.log(1024) );
    return (size / Math.pow(1024, i) ).toLocaleString(undefined,{maximumFractionDigits: 2}) + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
}

export const revisedRandId = () => Math.random().toString(36).replace(/[^a-z]+/g, '').substr(2, 10);

/* Checks if a given array is definied and is not empty. */