add short date filter and note form

Author: ashimali

application/blueprints/planning_consideration/views.py

@@ -544,7 +544,7 @@ def add_note(slug):
     page = {"title": "Add note", "submit_text": "Save note"}
 
     return render_template(
-        "questiontypes/input.html", consideration=consideration, form=form, page=page
+        "note-form.html", consideration=consideration, form=form, page=page
     )
 
 
@@ -569,7 +569,7 @@ def edit_note(slug, note_id):
     page = {"title": "Edit note", "submit_text": "Update note"}
 
     return render_template(
-        "questiontypes/input.html", consideration=consideration, form=form, page=page
+        "note-form.html", consideration=consideration, form=form, page=page, note=note
     )
 
 

application/static/stylesheets/application.css

@@ -8581,3 +8581,6 @@ p + .govuk-heading-s,
       .app-previous-item .govuk-summary-list__value {
         font-size: 14pt;
         line-height: 1.2; } }
+
+.app-note__actions span {
+  margin-right: 5px; }

application/templates/note-form.html

@@ -0,0 +1,65 @@
+{% extends 'layouts/base.html' %}
+
+{% block beforeContent %}
+
+{{ govukBreadcrumbs({
+  'items': [
+    {
+      'text': "Home",
+      'href': "/"
+    },
+    {
+      'text': "Planning consideration",
+      'href': "/"
+    },
+    {
+        'text': consideration.name,
+        'href': url_for('planning_consideration.consideration', slug=consideration.slug)
+      },
+    {
+      'text': "Add note",
+    }
+  ]
+}) }}
+
+{% endblock beforeContent %}
+
+{% block content %}
+
+<div class="govuk-grid-column-three-quarters">
+    <span class="govuk-caption-xl">{{ consideration.name }}</span>
+    <h1 class="govuk-heading-xl">{{ page.title }}</h1>
+  </div>
+
+
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-two-thirds">
+
+    {% if note %}
+        {% set post_url = url_for('planning_consideration.edit_note', slug=consideration.slug, note_id=note.id) %}
+    {% else %}
+        {% set post_url = url_for('planning_consideration.add_note', slug=consideration.slug) %}
+    {% endif %}
+
+    <form class="govuk-form" method="POST" action="{{ post_url }}">
+      {{ form.hidden_tag() }}
+      <div class="govuk-form-group">
+        {{ form.text.label(class='govuk-label') }}
+        {{ form.text(class='govuk-textarea', rows=15) }}
+        {% if form.errors %}
+            <ul>
+            {% for error in field.errors %}
+            <li>{{ error }}</li>
+            {% endfor %}
+            </ul>
+        {% endif %}
+      </div>
+      <div class="govuk-button-group">
+        <button class="govuk-button" type="submit">{{ page.submit_text }}</button>
+        <a class="govuk-link" href="{{ url_for('planning_consideration.consideration', slug=consideration.slug) }}">Cancel</a>
+      </div>
+    </form>
+  </div>
+</div>
+
+{% endblock content %}

src/scss/application.scss

@@ -109,3 +109,7 @@ $govuk-new-link-styles: true;
     @include govuk-font($size: 16);
   }
 }
+
+.app-note__actions span {
+  margin-right: 5px;
+}