in progress banner

4 files changed, 42 insertions, 0 deletions

diff --git a/perllib/FixMyStreet/Cobrand/Default.pm b/perllib/FixMyStreet/Cobrand/Default.pm
index b226b5868..878e98c10 100644
--- a/perllib/FixMyStreet/Cobrand/Default.pm
+++ b/perllib/FixMyStreet/Cobrand/Default.pm
@@ -836,6 +836,11 @@ sub generate_problem_banner {
         $banner->{text} = _('This problem has been closed') . '.';
     }
 
+    if ( grep { $problem->state eq $_ } ( 'investigating', 'in progress', 'planned' ) ) {
+        $banner->{id} = 'progress';
+        $banner->{text} = _('This problem is in progress') . '.';
+    }
+
     return $banner;
 }
 
diff --git a/t/app/controller/report_display.t b/t/app/controller/report_display.t
index 49b524b44..fc844e31c 100644
--- a/t/app/controller/report_display.t
+++ b/t/app/controller/report_display.t
@@ -259,6 +259,30 @@ for my $test (
         banner_text => 'This problem has been closed.',
         fixed => 0
     },
+    {
+        description => 'investigating report',
+        date => DateTime->now,
+        state => 'investigating',
+        banner_id => 'progress',
+        banner_text => 'This problem is in progress.',
+        fixed => 0
+    },
+    {
+        description => 'planned report',
+        date => DateTime->now,
+        state => 'planned',
+        banner_id => 'progress',
+        banner_text => 'This problem is in progress.',
+        fixed => 0
+    },
+    {
+        description => 'in progressreport',
+        date => DateTime->now,
+        state => 'in progress',
+        banner_id => 'progress',
+        banner_text => 'This problem is in progress.',
+        fixed => 0
+    },
 ) {
     subtest "banner for $test->{description}" => sub {
         $report->confirmed( $test->{date}->ymd . ' ' . $test->{date}->hms );
diff --git a/web/css/core.css b/web/css/core.css
index 474480cc8..39f448b8c 100644
--- a/web/css/core.css
+++ b/web/css/core.css
@@ -203,6 +203,13 @@
   position: relative;
   background-color: #ccccff;
   border: solid 2px #000099; }
+#mysociety #progress {
+  margin: 0 530px 1em 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+  background-color: #ffffcc;
+  border: solid 2px #999900; }
 #mysociety #updates div {
   padding: 0 0 0.5em;
   margin: 0 0 0.25em;
diff --git a/web/css/core.scss b/web/css/core.scss
index 93ff70435..1c9d5f451 100644
--- a/web/css/core.scss
+++ b/web/css/core.scss
@@ -309,6 +309,12 @@ $map_width: 500px;
         border: solid 2px #000099;
     }
 
+    #progress {
+        @include problem-banner;
+        background-color: #ffffcc;
+        border: solid 2px #999900;
+    }
+
     #updates {
         div {
             padding: 0 0 0.5em;