create macros for breast cancer history item cards

These cards are displayed within the overall card for medical history,
and are grouped under a section heading of "Breast cancer history".

Since the design system card component is currently being updated,
I've left the change link as a standalone link for now. When
the new release is out, we'll move it into the card.

Author: MatMoore

manage_breast_screening/mammograms/jinja2/mammograms/medical_information/medical_history/cards/breast_cancer_history_card.jinja

@@ -0,0 +1,115 @@
+{% from "components/nested-info-card/macro.jinja" import nestedInfoCard %}
+{% from "mammograms/medical_information/medical_history/cards/macros.jinja" import listWithDefault, itemWithDetails, paragraph %}
+
+{% macro breast_cancer_history_card(breast_cancer_history) %}
+  {% if breast_cancer_history %}
+    <section>
+    <h3 class="nhsuk-u-margin-bottom-2">Breast cancer</h3>
+  {% endif %}
+  {% for presented_item in breast_cancer_history %}
+    {% set keyHeadingLevel = 5 if presented_item.counter else 4 %}
+
+    <!-- This will be replaced with the card's actions param, once the card updates are released. -->
+    <a class="nhsuk-link nhsuk-link--no-visited-state" href="{{ presented_item.change_link.href }}">
+      {{ presented_item.change_link.text }}<span class="nhsuk-u-visually-hidden">{{ presented_item.change_link.visually_hidden_text }}</span>
+    </a>
+
+    {{
+      nestedInfoCard({
+        "card": {
+          "heading": "Item " ~ presented_item.counter,
+          "headingLevel": 4
+        } if presented_item.counter else {},
+        "headingLevel": keyHeadingLevel,
+        "rows": [
+          {
+            "key": "Cancer location",
+            "value": {
+              "html": paragraph(presented_item.cancer_location)
+            }
+          },
+          {
+            "key": "Procedures",
+            "value": {
+              "rows": [
+                {
+                  "columns": [
+                    {
+                      "heading": "Right breast",
+                      "html": paragraph(presented_item.right_breast_procedure)
+                    },
+                    {
+                      "heading": "Left breast",
+                      "html": paragraph(presented_item.left_breast_procedure)
+                    },
+                  ]
+                }
+              ]
+            }
+          },
+          {
+            "key": "Other surgery",
+            "value": {
+              "rows": [
+                {
+                  "columns": [
+                    {
+                      "heading": "Right breast",
+                      "html": listWithDefault(presented_item.right_breast_other_surgery)
+                    },
+                    {
+                      "heading": "Left breast",
+                      "html": listWithDefault(presented_item.left_breast_other_surgery)
+                    },
+                  ]
+                }
+              ]
+            }
+          },
+          {
+            "key": "Treatment",
+            "value": {
+              "rows": [
+                {
+                  "columns": [
+                    {
+                      "heading": "Right breast",
+                      "html": listWithDefault(presented_item.right_breast_treatments)
+                    },
+                    {
+                      "heading": "Left breast",
+                      "html": listWithDefault(presented_item.left_breast_treatments)
+                    },
+                  ]
+                },
+                {
+                  "columns": [
+                    {
+                      "heading": "Systemic treatments",
+                      "html": listWithDefault(presented_item.systemic_treatments)
+                    }
+                  ]
+                }
+              ]
+            }
+          },
+          {
+            "key": "Treatment location",
+            "value": {
+              "html": itemWithDetails(presented_item.intervention_location)
+            }
+          },
+          {
+            "key": "Additional details",
+            "value": {
+              "html": paragraph(presented_item.additional_details)
+            }
+          } if presented_item.additional_details
+        ]
+      })
+    }}
+  {% endfor %}
+  {% if breast_cancer_history %}
+  </section>
+  {% endif %}
+{% endmacro %}

manage_breast_screening/mammograms/jinja2/mammograms/medical_information/medical_history/cards/macros.jinja

@@ -0,0 +1,28 @@
+{# Present a plain list, or a default value if there are no items #}
+{% macro listWithDefault(items, default="None") %}
+  {% if items %}
+  <ul class="nhsuk-list">
+    {% for item in items %}
+      <li>{{ item }}</li>
+    {% endfor %}
+  </ul>
+  {% else %}
+    {{ default }}
+  {% endif %}
+{% endmacro %}
+
+{# Present an answer to a radio + details question #}
+{% macro itemWithDetails(item, default='Details not provided') %}
+  {{ item.type }}
+  {% if item.details %}
+    <br>
+    Details: {{ item.details }}
+  {% elif default %}
+    <br>
+    {{ default }}
+  {% endif %}
+{% endmacro %}
+
+{% macro paragraph(item) %}
+  <p>{{ item | nl2br }}</p>
+{% endmacro %}