From 1c087fae322a1b07bb7bd554ee10ff473c47c727 Mon Sep 17 00:00:00 2001
From: Fin Reinhard <fin.reinhard@icloud.com>
Date: Tue, 22 Jan 2019 20:51:03 +0000
Subject: [PATCH] Merge branch 'master' into feature/15-archive-view-url
---
borgbutler-webapp/src/components/views/jobs/JobQueue.jsx | 58 +++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 39 insertions(+), 19 deletions(-)
diff --git a/borgbutler-webapp/src/components/views/jobs/JobQueue.jsx b/borgbutler-webapp/src/components/views/jobs/JobQueue.jsx
index 20310ab..c04090e 100644
--- a/borgbutler-webapp/src/components/views/jobs/JobQueue.jsx
+++ b/borgbutler-webapp/src/components/views/jobs/JobQueue.jsx
@@ -1,25 +1,45 @@
import React from 'react';
-import {Card, CardBody, CardHeader, ListGroup} from 'reactstrap';
+import {Card, CardBody, CardHeader, Collapse, ListGroup} from 'reactstrap';
import Job from "./Job";
-function JobQueue({queue, embedded}) {
- return (
- <div>
- <Card>
- <CardHeader>Job queue: {queue.repo}</CardHeader>
- <CardBody>
- <ListGroup>
- {queue.jobs
- .map((job, index) => <Job
- embedded={embedded}
- job={job}
- key={job.uniqueJobNumber}
- />)}
- </ListGroup>
- </CardBody>
- </Card>
- </div>
- );
+class JobQueue extends React.Component {
+ state = {
+ collapsed: true
+ };
+
+ toggle() {
+ this.setState({collapsed: !this.state.collapsed});
+ }
+
+
+ render() {
+ const queue = this.props.queue;
+ return (
+ <div>
+ <Card>
+ <CardHeader className={'onclick'} onClick={this.toggle}>Job queue: {queue.repo}</CardHeader>
+ <Collapse isOpen={this.state.collapsed}>
+ <CardBody>
+ <ListGroup>
+ {queue.jobs
+ .map((job, index) => <Job
+ embedded={this.props.embedded}
+ job={job}
+ key={job.uniqueJobNumber}
+ />)}
+ </ListGroup>
+ </CardBody>
+ </Collapse>
+ </Card>
+ </div>
+ );
+ }
+
+ constructor(props) {
+ super(props);
+ this.toggle = this.toggle.bind(this);
+
+ }
}
export default JobQueue;
--
Gitblit v1.10.0