Add cancel button to ConditionForm for easier navigation

atlas/forms.py

@@ -56,7 +56,8 @@ from generic.models import Examination  # , Sign
 
 from django.contrib.admin.widgets import FilteredSelectMultiple
 from django.forms.widgets import RadioSelect, TextInput, Textarea, Select
-from crispy_forms.layout import Submit, Layout, Fieldset, Field, Div, HTML
+from crispy_forms.layout import Submit, Layout, Fieldset, Field, Div, HTML, Button
+from django.urls import reverse
 from crispy_forms.bootstrap import Accordion, AccordionGroup
 
 from tinymce.widgets import TinyMCE
@@ -137,7 +138,21 @@ class ConditionForm(ModelForm):
             self.helper = FormHelper()
             self.helper.form_method = "post"
             self.helper.form_tag = True
+            # Primary submit
             self.helper.add_input(Submit("submit", "Submit"))
+            # Cancel as a button that redirects back to the condition list
+            try:
+                cancel_url = reverse("atlas:condition_view")
+            except Exception:
+                cancel_url = "#"
+            self.helper.add_input(
+                Button(
+                    "cancel",
+                    "Cancel",
+                    css_class="btn btn-secondary ms-2",
+                    onclick=f"window.location='{cancel_url}'",
+                )
+            )
         except Exception:
             # If crispy not available or something goes wrong, don't break form
             pass

atlas/templates/atlas/condition_form.html

@@ -15,11 +15,6 @@
     <form action="" method="post" enctype="multipart/form-data" id="condition-form">
         {% csrf_token %}
         {% crispy form %}
-
-        <div class="mt-3">
-            <button type="submit" class="btn btn-primary">Submit</button>
-            <a class="btn btn-secondary ms-2" href="{% url 'atlas:condition_view' %}">Cancel</a>
-        </div>
     </form>
 
 {% endblock %}