From 092a9150d6a63afcfd73ab18f91dfb6256a48a55 Mon Sep 17 00:00:00 2001
From: Kai Reinhard <K.Reinhard@micromata.de>
Date: Sun, 09 Dec 2018 23:24:51 +0000
Subject: [PATCH] ...
---
borgbutler-webapp/src/components/views/repos/RepoListView.css | 20 ++++++++++----------
borgbutler-webapp/src/components/views/repos/RepoCard.jsx | 9 ++++-----
borgbutler-webapp/src/components/views/repos/RepoListView.jsx | 4 ++--
3 files changed, 16 insertions(+), 17 deletions(-)
diff --git a/borgbutler-webapp/src/components/views/repos/RepoCard.jsx b/borgbutler-webapp/src/components/views/repos/RepoCard.jsx
index 43b74f0..951db17 100644
--- a/borgbutler-webapp/src/components/views/repos/RepoCard.jsx
+++ b/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>
};
diff --git a/borgbutler-webapp/src/components/views/repos/RepoListView.css b/borgbutler-webapp/src/components/views/repos/RepoListView.css
index 321ba8f..e5dfcf6 100644
--- a/borgbutler-webapp/src/components/views/repos/RepoListView.css
+++ b/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;
}
diff --git a/borgbutler-webapp/src/components/views/repos/RepoListView.jsx b/borgbutler-webapp/src/components/views/repos/RepoListView.jsx
index ea02920..930504b 100644
--- a/borgbutler-webapp/src/components/views/repos/RepoListView.jsx
+++ b/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
};
});
--
Gitblit v1.10.0