From 3ee7c3649c4e63f073e2a8e90c06741780c3cf14 Mon Sep 17 00:00:00 2001
From: Kai Reinhard <K.Reinhard@micromata.de>
Date: Sun, 06 Jan 2019 00:05:15 +0000
Subject: [PATCH] style

---
 borgbutler-webapp/src/components/views/jobs/Job.jsx |    9 +++++++--
 1 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/borgbutler-webapp/src/components/views/jobs/Job.jsx b/borgbutler-webapp/src/components/views/jobs/Job.jsx
index 9baf27b..2baae8a 100644
--- a/borgbutler-webapp/src/components/views/jobs/Job.jsx
+++ b/borgbutler-webapp/src/components/views/jobs/Job.jsx
@@ -26,10 +26,14 @@
         let job = this.props.job;
         if (job.status === 'RUNNING') {
             let progressPercent = 100;
+            let color = 'success';
+            if (job.cancellationRequested) {
+                color = 'warning';
+            }
             if (job.progressPercent >= 0 && job.progressPercent <= 100) {
                 progressPercent = job.progressPercent;
             }
-            content = <Progress animated color={'success'} value={progressPercent}>{job.progressText}</Progress>;
+            content = <Progress animated color={color} value={progressPercent}>{job.progressText}</Progress>;
         } else {
             content = <Progress color={'info'} value={100}>{job.status}</Progress>
         }
@@ -41,7 +45,8 @@
             <div>
                 <Button color="link" onClick={this.toggle}>{job.description}</Button>
                 <div>{content}
-                    <Button color={'danger'} onClick={() => this.cancelJob(job.uniqueJobNumber)} disabled={cancelDisabled}><IconCancel/></Button>
+                    <Button color={'danger'} onClick={() => this.cancelJob(job.uniqueJobNumber)}
+                            disabled={cancelDisabled}><IconCancel/></Button>
                 </div>
                 <Collapse isOpen={this.state.collapse}>
                     <Card>

--
Gitblit v1.10.0