Move debug info into breast diagram component

Author: colinrotherham

manage_breast_screening/core/jinja2/components/breast-diagram/template.jinja

@@ -19,4 +19,48 @@
 {% if params.version == 1 %}
 {% include "components/breast-diagram/v1.svg" %}
 {% endif %}
+
+{% if params.debug %}
+  {{ summaryList({
+    "rows": [
+      {
+        "key": {
+          "text": "Image X"
+        },
+        "value": {
+          "text": "N/A",
+          "classes": "app-js-image-x"
+        }
+      },
+      {
+        "key": {
+          "text": "Image Y"
+        },
+        "value": {
+          "text": "N/A",
+          "classes": "app-js-image-y"
+        }
+      },
+      {
+        "key": {
+          "text": "Image region"
+        },
+        "value": {
+          "text": "N/A",
+          "classes": "app-js-image-region"
+        }
+      },
+      {
+        "key": {
+          "text": "Input values"
+        },
+        "value": {
+          "text": "N/A",
+          "classes": "app-js-image-input"
+        },
+        "classes": "nhsuk-summary-list__row--no-border"
+      }
+    ]
+  }) }}
+{% endif %}
 </figure>

manage_breast_screening/mammograms/jinja2/mammograms/medical_information/breast_features/form.jinja

@@ -49,6 +49,7 @@
       </div>
 
       {{ app_breast_diagram({
+        "debug": "debug" in request.GET,
         "read_only": false,
         "version": diagram_version,
         "attributes": {
@@ -58,50 +59,6 @@
 
       {{ form.features }}
 
-      {% if "debug" in request.GET %}
-        {{ summaryList({
-          "rows": [
-            {
-              "key": {
-                "text": "Image X"
-              },
-              "value": {
-                "text": "N/A",
-                "classes": "app-js-image-x"
-              }
-            },
-            {
-              "key": {
-                "text": "Image Y"
-              },
-              "value": {
-                "text": "N/A",
-                "classes": "app-js-image-y"
-              }
-            },
-            {
-              "key": {
-                "text": "Image region"
-              },
-              "value": {
-                "text": "N/A",
-                "classes": "app-js-image-region"
-              }
-            },
-            {
-              "key": {
-                "text": "Input values"
-              },
-              "value": {
-                "text": "N/A",
-                "classes": "app-js-image-input"
-              },
-              "classes": "nhsuk-summary-list__row--no-border"
-            }
-          ]
-        }) }}
-      {% endif %}
-
       <div class="nhsuk-button-group">
         {{ button({
           "text": "Save"