|
1 | 1 | {% extends "layout-app.jinja" %} |
2 | | -{% from "django_form_helpers.jinja" import form_error_summary %} |
3 | 2 | {% from "nhsuk/components/button/macro.jinja" import button %} |
4 | 3 | {% from "nhsuk/components/inset-text/macro.jinja" import insetText %} |
5 | 4 | {% from "nhsuk/components/summary-list/macro.jinja" import summaryList %} |
|
26 | 25 | {% block page_content %} |
27 | 26 | <div class="nhsuk-grid-row"> |
28 | 27 | <div class="nhsuk-grid-column-full"> |
29 | | - {{ form_error_summary(form) }} |
30 | | - |
31 | 28 | <div class="nhsuk-grid-row app-header"> |
32 | 29 | <div class="nhsuk-grid-column-two-thirds app-header"> |
33 | 30 | <h1 class="nhsuk-heading-l"> |
|
59 | 56 | </div> |
60 | 57 | </div> |
61 | 58 |
|
62 | | - <form method="post" novalidate> |
63 | | - {{ csrf_input }} |
64 | | - |
65 | | - <div class="nhsuk-grid-row"> |
66 | | - <div class="nhsuk-grid-column-one-third nhsuk-u-margin-bottom-4"> |
67 | | - <h2 class="nhsuk-heading-s">Image thumbnails ({{ images | length }})</h2> |
68 | | - <div class="app-mammogram-thumbnails"> |
69 | | - {% for image in images %} |
70 | | - <div class="app-mammogram-thumbnail {{ image.class }}"> |
71 | | - <div class="app-mammogram-thumbnail__image-wrapper"> |
72 | | - <span class="app-mammogram-thumbnail__label">{{ image.name }}</span> |
73 | | - <img class="app-mammogram-thumbnail__image app-mammogram-thumbnail__image--diagram" |
74 | | - src="{{ image.url }}" alt="{{ image.name }} view"> |
75 | | - </div> |
| 59 | + <div class="nhsuk-grid-row"> |
| 60 | + <div class="nhsuk-grid-column-one-third nhsuk-u-margin-bottom-4"> |
| 61 | + <h2 class="nhsuk-heading-s">Image thumbnails ({{ images | length }})</h2> |
| 62 | + <div class="app-mammogram-thumbnails"> |
| 63 | + {% for image in images %} |
| 64 | + <div class="app-mammogram-thumbnail {{ image.class }}"> |
| 65 | + <div class="app-mammogram-thumbnail__image-wrapper"> |
| 66 | + <span class="app-mammogram-thumbnail__label">{{ image.name }}</span> |
| 67 | + <img class="app-mammogram-thumbnail__image app-mammogram-thumbnail__image--diagram" |
| 68 | + src="{{ image.url }}" alt="{{ image.name }} view"> |
76 | 69 | </div> |
77 | | - {% endfor %} |
78 | | - </div> |
| 70 | + </div> |
| 71 | + {% endfor %} |
79 | 72 | </div> |
| 73 | + </div> |
80 | 74 |
|
81 | | - <div class="nhsuk-grid-column-two-thirds"> |
82 | | - <h2 class="nhsuk-heading-m">What is your opinion of these images?</h2> |
| 75 | + <div class="nhsuk-grid-column-two-thirds"> |
| 76 | + <h2 class="nhsuk-heading-m">What is your opinion of these images?</h2> |
83 | 77 |
|
84 | | - <div class="nhsuk-u-margin-bottom-4"> |
85 | | - <button class="nhsuk-button nhsuk-u-width-full nhsuk-u-margin-bottom-3"> |
86 | | - Normal <span class="app-shortcut-hint">(N)</span> |
87 | | - </button> |
88 | | - <p class="nhsuk-u-margin-bottom-4"> |
89 | | - <a class="nhsuk-link nhsuk-link--no-visited-state" href="#">Normal, but add details</a> |
90 | | - </p> |
91 | | - </div> |
| 78 | + <div class="nhsuk-u-margin-bottom-4"> |
| 79 | + <button class="nhsuk-button nhsuk-u-width-full nhsuk-u-margin-bottom-3"> |
| 80 | + Normal <span class="app-shortcut-hint">(N)</span> |
| 81 | + </button> |
| 82 | + <p class="nhsuk-u-margin-bottom-4"> |
| 83 | + <a class="nhsuk-link nhsuk-link--no-visited-state" href="#">Normal, but add details</a> |
| 84 | + </p> |
| 85 | + </div> |
92 | 86 |
|
93 | | - <div class="nhsuk-u-margin-bottom-4"> |
94 | | - <button class="nhsuk-button nhsuk-button--secondary nhsuk-u-width-full nhsuk-u-margin-bottom-3"> |
95 | | - Technical recall <span class="app-shortcut-hint">(T)</span> |
96 | | - </button> |
97 | | - </div> |
| 87 | + <div class="nhsuk-u-margin-bottom-4"> |
| 88 | + <a href="{{ url('reading:add_technical_recall', kwargs={'session_pk': view.kwargs.session_pk, 'read_pk': view.kwargs.pk}) }}" |
| 89 | + role="button" |
| 90 | + draggable="false" |
| 91 | + class="nhsuk-button nhsuk-button--secondary nhsuk-u-width-full nhsuk-u-margin-bottom-3"> |
| 92 | + Technical recall <span class="app-shortcut-hint">(T)</span> |
| 93 | + </a> |
| 94 | + </div> |
98 | 95 |
|
99 | | - <div class="nhsuk-u-margin-bottom-4"> |
100 | | - <button class="nhsuk-button nhsuk-button--warning nhsuk-u-width-full"> |
101 | | - Recall for assessment <span class="app-shortcut-hint">(R)</span> |
102 | | - </button> |
103 | | - </div> |
| 96 | + <div class="nhsuk-u-margin-bottom-4"> |
| 97 | + <button class="nhsuk-button nhsuk-button--warning nhsuk-u-width-full"> |
| 98 | + Recall for assessment <span class="app-shortcut-hint">(R)</span> |
| 99 | + </button> |
104 | 100 | </div> |
105 | 101 | </div> |
106 | | - </form> |
| 102 | + </div> |
107 | 103 |
|
108 | 104 | {% if notes_for_reader %} |
109 | 105 | {% set inset_html %} |
|
0 commit comments