Add skeleton template for technical recall page

Basic template, url and view class. Currently relies on dummy uuids and
the view doesn't implement form handling at this stage.

Author: malcolmbaig

manage_breast_screening/reading/apps.py

@@ -2,4 +2,5 @@
 
 
 class ReadingConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
     name = "manage_breast_screening.reading"

manage_breast_screening/reading/jinja2/read_image.jinja

@@ -91,9 +91,12 @@
           </div>
 
           <div class="nhsuk-u-margin-bottom-4">
-            <button class="nhsuk-button nhsuk-button--secondary nhsuk-u-width-full nhsuk-u-margin-bottom-3">
+            <a href="{{ url('reading:add_technical_recall', kwargs={'session_pk': view.kwargs.session_pk, 'read_pk': view.kwargs.pk}) }}"
+               role="button"
+               draggable="false"
+               class="nhsuk-button nhsuk-button--secondary nhsuk-u-width-full nhsuk-u-margin-bottom-3">
             Technical recall <span class="app-shortcut-hint">(T)</span>
-            </button>
+            </a>
           </div>
 
           <div class="nhsuk-u-margin-bottom-4">

manage_breast_screening/reading/jinja2/reading/technical_recall.jinja

@@ -0,0 +1,85 @@
+{% extends "layout-app.jinja" %}
+{% from "nhsuk/components/button/macro.jinja" import button %}
+{% from "nhsuk/components/checkboxes/macro.jinja" import checkboxes %}
+
+{% macro recall_fields(prefix) %}
+<div class="nhsuk-form-group">
+  <label class="nhsuk-label" for="{{ prefix }}_reason">Reason for recall</label>
+  <select class="nhsuk-select" id="{{ prefix }}_reason" name="{{ prefix }}_reason">
+    <option value="" selected disabled>Select a reason</option>
+    <option value="breast_positioning">Breast positioning</option>
+    <option value="incorrect_exposure">Incorrect exposure</option>
+    <option value="image_obscured">Image obscured</option>
+    <option value="image_blurred">Image blurred</option>
+    <option value="image_missing">Image missing</option>
+    <option value="other_reason">Other reason</option>
+  </select>
+</div>
+<div class="nhsuk-form-group">
+  <label class="nhsuk-label nhsuk-label--s" for="{{ prefix }}_details">Additional details (optional)</label>
+  <input class="nhsuk-input" id="{{ prefix }}_details" name="{{ prefix }}_details" type="text">
+</div>
+{% endmacro %}
+
+{% block page_content %}
+<div class="nhsuk-grid-row">
+  <div class="nhsuk-grid-column-full">
+    <span class="nhsuk-caption-l">Erin Sauer</span>
+    <h1 class="nhsuk-heading-l">Technical recall</h1>
+
+    <form action="{{ request.path }}" method="post" novalidate>
+      {{ csrf_input }}
+
+      <h2 class="nhsuk-heading-m">Which views need to be retaken?</h2>
+
+      <div class="nhsuk-grid-row">
+        <div class="nhsuk-grid-column-one-half">
+          <h3 class="nhsuk-heading-s">Right breast</h3>
+
+          {% set rcc_conditional = recall_fields("rcc") %}
+          {{ checkboxes({
+            "idPrefix": "rcc",
+            "name": "rcc",
+            "items": [
+              {"value": "rcc", "text": "RCC", "conditional": {"html": rcc_conditional}}
+            ]
+          }) }}
+
+          {% set rmlo_conditional = recall_fields("rmlo") %}
+          {{ checkboxes({
+            "idPrefix": "rmlo",
+            "name": "rmlo",
+            "items": [
+              {"value": "rmlo", "text": "RMLO", "conditional": {"html": rmlo_conditional}}
+            ]
+          }) }}
+        </div>
+
+        <div class="nhsuk-grid-column-one-half">
+          <h3 class="nhsuk-heading-s">Left breast</h3>
+
+          {% set lcc_conditional = recall_fields("lcc") %}
+          {{ checkboxes({
+            "idPrefix": "lcc",
+            "name": "lcc",
+            "items": [
+              {"value": "lcc", "text": "LCC", "conditional": {"html": lcc_conditional}}
+            ]
+          }) }}
+
+          {% set lmlo_conditional = recall_fields("lmlo") %}
+          {{ checkboxes({
+            "idPrefix": "lmlo",
+            "name": "lmlo",
+            "items": [
+              {"value": "lmlo", "text": "LMLO", "conditional": {"html": lmlo_conditional}}
+            ]
+          }) }}
+        </div>
+      </div>
+
+      {{ button({"text": "Continue"}) }}
+    </form>
+  </div>
+</div>
+{% endblock %}

manage_breast_screening/reading/urls.py

@@ -11,4 +11,9 @@
         views.ReadImageView.as_view(),
         name="image_read",
     ),
+    path(
+        "sessions/<uuid:session_pk>/reads/<uuid:read_pk>/technical-recall/",
+        views.AddTechnicalRecallView.as_view(),
+        name="add_technical_recall",
+    ),
 ]

manage_breast_screening/reading/views.py

@@ -1,8 +1,10 @@
+from logging import getLogger
+
 from django.contrib.auth.decorators import permission_required
 from django.forms import Form
 from django.shortcuts import render
 from django.views.decorators.http import require_http_methods
-from django.views.generic import FormView
+from django.views.generic import FormView, TemplateView
 from rules.contrib.views import PermissionRequiredMixin
 
 from manage_breast_screening.auth.models import Permission
@@ -11,6 +13,8 @@
 )
 from manage_breast_screening.mammograms.views.mixins import AppointmentMixin
 
+logger = getLogger(__name__)
+
 
 @require_http_methods(["GET"])
 @permission_required(Permission.READ_IMAGES, raise_exception=True)
@@ -61,3 +65,17 @@ def _get_images(self, study):
                 )
 
         return images
+
+
+class AddTechnicalRecallView(TemplateView):
+    template_name = "reading/technical_recall.jinja"
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context.update(
+            {
+                "page_title": "Technical recall",
+                "back_link_params": {"href": "#"},
+            }
+        )
+        return context