Platform admin: Highlight service in research mode

Research mode trumps live.

Copies the same style we use in the page footer.

app/assets/stylesheets/components/research-mode.scss

@@ -0,0 +1,8 @@
+.research-mode {
+  font-weight: bold;
+  display: inline-block;
+  padding: 5px 10px;
+  background: $govuk-blue;
+  color: $white;
+  border-radius: 2px;
+}

app/assets/stylesheets/main.scss

@@ -53,6 +53,7 @@ $path: '/static/images/';
 @import 'components/show-more';
 @import 'components/message';
 @import 'components/phone';
+@import 'components/research-mode';
 
 @import 'views/job';
 @import 'views/edit-template';

app/main/views/platform_admin.py

@@ -43,7 +43,8 @@ def format_stats_by_service(all_stats, services):
             ),
             'delivered': stats['sms_delivered'] + stats['emails_delivered'],
             'failed': stats['sms_failed'] + stats['emails_failed'],
-            'restricted': services[stats['service']]['restricted']
+            'restricted': services[stats['service']]['restricted'],
+            'research_mode': services[stats['service']]['research_mode']
         }
         for stats in all_stats
     ]

app/templates/admin_template.html

@@ -112,7 +112,7 @@
     Built by the <a href="https://www.gov.uk/government/organisations/government-digital-service">Government Digital Service</a>
     <a href="{{ url_for("main.cookies") }}">Cookies</a>
     {% if current_service.research_mode %}
-    <span id="research-mode" style="font-weight: bold; display: inline-block; padding: 5px 10px; background: #005EA5; color: #fff; border-radius: 2px;">research mode</span>
+    <span id="research-mode" class="research-mode">research mode</span>
     {% endif %}
   </nav>
 {% endblock %}

app/templates/views/platform-admin.html

@@ -2,7 +2,7 @@
 {% from "components/big-number.html" import big_number, big_number_with_status %}
 {% from "components/message-count-label.html" import message_count_label %}
 {% from "components/browse-list.html" import browse_list %}
-{% from "components/table.html" import list_table, field, right_aligned_field_heading, hidden_field_heading %}
+{% from "components/table.html" import list_table, field, right_aligned_field_heading, hidden_field_heading, text_field %}
 
 {% block page_title %}
   Platform admin – GOV.UK Notify
@@ -63,11 +63,19 @@
         <a href="{{ url_for('main.service_dashboard', service_id=item['id']) }}" class="browse-list-link">{{ item['name'] }}</a>
       </div>
     {% endcall %}
-    {% call field(status='error') %}
+    {% if item['research_mode'] %}
-      <span class="heading-medium">
+      {% call field() %}
-      {{ '' if item['restricted'] else 'Live' }}
+        <span class="research-mode">research mode</span>
-      </span>
+      {% endcall %}
-    {% endcall %}
+    {% elif not item['restricted'] %}
+      {% call field(status='error') %}
+        <span class="heading-medium">
+          Live
+        </span>
+      {% endcall %}
+    {% else %}
+      {{ text_field('') }}
+    {% endif %}
     {% call field(align='right') %}
       {{ big_number(item['sending'], smaller=True) }}
     {% endcall %}

tests/app/main/views/test_platform_admin.py

@@ -87,8 +87,8 @@ def create_stats(
 
 def test_format_stats_by_service_gets_correct_stats_for_each_service():
     services = [
-        {'name': 'a', 'id': 'aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa', 'restricted': False},
+        {'name': 'a', 'id': 'aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa', 'restricted': False, 'research_mode': True},
-        {'name': 'b', 'id': 'bbbbbbbb-bbbb-bbbb-bbbb-bbbbbbbbbbbb', 'restricted': True}
+        {'name': 'b', 'id': 'bbbbbbbb-bbbb-bbbb-bbbb-bbbbbbbbbbbb', 'restricted': True, 'research_mode': False}
     ]
     all_stats = [
         create_stats('aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa', emails_requested=1),
@@ -113,7 +113,7 @@ def test_format_stats_by_service_gets_correct_stats_for_each_service():
 
 def test_format_stats_by_service_sums_values_for_sending():
     services = [
-        {'name': 'a', 'id': 'aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa', 'restricted': False},
+        {'name': 'a', 'id': 'aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa', 'restricted': False, 'research_mode': False},
     ]
     all_stats = [
         create_stats(