...

Kai Reinhard

10.24.2018 092a9150d6a63afcfd73ab18f91dfb6256a48a55

...

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

@@ -15,20 +15,19 @@

    render = () => {
        const repo = this.props.repo;
        let repoId = repo.id ? repo.id : repo.name;
        let content = [['Name', repo.name, 'name']];
        let content = [['Id', repo.id, 'id'], ['Location', repo.location, 'location']];
        let repoText = this.buildItem(null, content);

        return <React.Fragment>
            <Card tag={Link} to={`/repos/${repo.primaryKey}`} outline color="success" className={'repo'}
            <Card tag={Link} to={`/repos/${repo.id}`} outline color="success" className={'repo'}
                  style={{backgroundColor: '#fff'}}>
                <CardHeader>{repoId}</CardHeader>
                <CardHeader>{repo.name}</CardHeader>
                <CardBody>
                    <ul className="list-group list-group-flush">
                        {repoText}
                    </ul>
                </CardBody>
                <CardFooter><span className={'lastModified'}>{formatDateTime(repo.lastModified)}</span></CardFooter>
                <CardFooter><span className={'lastModified'}>Last modified: {formatDateTime(repo.lastModified)}</span></CardFooter>
            </Card>
        </React.Fragment>
    };

 borgbutler-webapp/src/components/views/repos/RepoListView.css

@@ -6,39 +6,39 @@
    text-decoration: none;
}

a.card.template {
a.card.repo {
    margin: 5pt;
    cursor: pointer;
}

a.card.template div.card-footer {
a.card.repo div.card-footer {
    color: #666;
    font-size: 12px;
}

a.card.template:hover div.card-body,
a.card.template:hover div.card-body li.list-group-item {
a.card.repo:hover div.card-body,
a.card.repo:hover div.card-body li.list-group-item {
    background-color: #f5f5f5;
}

a.card.template div.card-list-entry {
a.card.repo div.card-list-entry {
    color: grey;
    font-size: 80%;
}

a.card.template div.card-list-entry .card-list-entry-value {
a.card.repo div.card-list-entry .card-list-entry-value {
    font-style: italic;
}

a.card.template div.card-list-entry .filename {
a.card.repo div.card-list-entry .filename {
    font-family: monospace;
}

a.card.template div.card-footer .lastModified {
a.card.repo div.card-footer .lastModified {
    float:right;
}

a.card.template:hover div.card-header,
a.card.template:hover div.card-footer {
a.card.repo:hover div.card-header,
a.card.repo:hover div.card-footer {
    background-color: #eeee;
}

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

@@ -33,11 +33,11 @@
        })
            .then(response => response.json())
            .then(json => {

                const repos = json.repos.map(repo => {
                const repos = json.map(repo => {
                    return {
                        id: repo.id,
                        name: repo.name,
                        location: repo.location,
                        lastModified: repo.last_modified
                    };
                });