use summary card for grid data

digital-land · Dec 1, 2023 · 5905dc6 · 5905dc6
1 parent c2744cc
commit 5905dc6
Show file tree

Hide file tree

Showing 335 changed files with 35,867 additions and 3,793 deletions.
diff --git a/_bin/templates/planning-consideration.html b/_bin/templates/planning-consideration.html
@@ -1,4 +1,5 @@
 {% extends 'digital-land-frontend/layouts/base.jinja' %}
+{% from "govuk_frontend_jinja/components/summary-list/macro.html" import govukSummaryList -%}
 
 {%- block stylesheets %}
 {{ super() }}
@@ -31,43 +32,102 @@
 <span class="govuk-caption-xl">Planning consideration</span>
 <h1 class="govuk-heading-xl">{{ consideration['concern'] }}</h1>
 
-<p class="govuk-body"><span class="govuk-tag govuk-tag--grey">{{ consideration['status'] }}</span></p>
-
-<h4 class="govuk-heading-s">Descriptionssssssss</h4>
-<p class="govuk-body">{{ consideration['description'] }}</p>
-
-<h4 class="govuk-heading-s">Legislation</h4>
-<p class="govuk-body">
+{% set legislationContent %}
   {%- if consideration['legislation'] %}
   {{ consideration['legislation'] }}
   {% else -%}
   <span class="govuk-hint">Legislation not captured.</span>
   {% endif -%}
-</p>
+{% endset %}
 
-<h4 class="govuk-heading-s">Who is asking for it?</h4>
 {%- set requesters = consideration['who-asked-for-it'].split(';') %}
 {% if requesters|length > 0 -%}
-  <ul class="govuk-list govuk-list--bullet">
+  {% set requestersHTML %}
+  <ul class="govuk-list govuk-list--bullet govuk-!-margin-bottom-0">
     {%- for requester in requesters %}
     <li>{{ requester }}</li>
     {% endfor -%}
   </ul>
+ {% endset %}
 {%- endif %}
-<p class="govuk-body">{{ consideration['legislation'] }}</p>
 
+{% set LicenceHTML %}
+{% if not consideration['license'] %}
+  <span class="govuk-tag govuk-tag--yellow">Missing</span>
+  {% else %}
+  <a href="{{ consideration['license'] }}" class="govuk-link">{{ consideration['license'] }}</a>
+{% endif %}</p>
+{% endset %}
+
+{% set nationalDatasetHTML %}
 {%- if consideration['needs-a-standard']|lower == "no"  %}
-<h4 class="govuk-heading-s">National dataset</h4>
 <p class="govuk-body">{{ consideration['dataset-name'] }}<br />
   <a href="{{ consideration['url-of-national-dataset'] }}" class="govuk-link">{{ consideration['url-of-national-dataset'] }}</a>
 </p>
 <p class="govuk-body">Documentation url: <a href="{{ consideration['national-dataset-documentation-page'] }}" class="govuk-link">{{ consideration['national-dataset-documentation-page'] }}</a></p>
-<p class="govuk-body">Licence: {% if not consideration['license'] %}
-  <span class="govuk-tag govuk-tag--yellow">Missing</span>
-  {% else %}
-  <a href="{{ consideration['license'] }}" class="govuk-link">{{ consideration['license'] }}</a>
-{% endif %}</p>
+{% else %}
+  <span class="govuk-hint">Not a national dataset</span>
 {% endif -%}
+{% endset %}
+
+{{ govukSummaryList({
+  "card": {
+    "title": {
+      "text": "Summary"
+    }
+  },
+  "rows": [
+    {
+      "key": {
+        "text": "Description"
+      },
+      "value": {
+        "html": consideration['description']
+      }
+    },
+    {
+      "key": {
+        "text": "Status"
+      },
+      "value": {
+        "html": "<p class='govuk-body'><span class='govuk-tag govuk-tag--grey'>" + consideration['status'] + "</span></p>"
+      }
+    },
+    {
+      "key": {
+        "text": "Licence"
+      },
+      "value": {
+        "html": LicenceHTML
+      }
+    },
+    {
+      "key": {
+        "text": "Legislation"
+      },
+      "value": {
+        "html": legislationContent
+      }
+    },
+    {
+      "key": {
+        "text": "Who is asking for it?"
+      },
+      "value": {
+        "html": requestersHTML
+      }
+    },
+    {
+      "key": {
+        "text": "National dataset"
+      },
+      "value": {
+        "html": nationalDatasetHTML
+      }
+    }
+  ]
+}) }}
+
 
 {% if consideration['useful-links'] %}
 <h4 class="govuk-heading-s">Useful links</h4>
@@ -92,7 +152,6 @@ <h4 class="govuk-heading-s">Who we are working with</h4>
 {% endif %}
 
 {% if consideration['schema-urls'] or consideration['specification-url'] %}
-<hr class="govuk-section-break govuk-section-break--l govuk-section-break--visible">
 <h3 class="govuk-heading-l">What we've modelled</h3>
 {% endif %}
 

diff --git a/what-we-are-working-on/planning-consideration/abandoned-mines/index.html b/what-we-are-working-on/planning-consideration/abandoned-mines/index.html
@@ -89,20 +89,116 @@
 <span class="govuk-caption-xl">Planning consideration</span>
 <h1 class="govuk-heading-xl">Abandoned mines</h1>
 
-<p class="govuk-body"><span class="govuk-tag govuk-tag--grey">Backlog</span></p>
 
-<h4 class="govuk-heading-s">Descriptionssssssss</h4>
-<p class="govuk-body">Areas where mining has previously taken place but is no longer in use</p>
 
-<h4 class="govuk-heading-s">Legislation</h4>
-<p class="govuk-body"><span class="govuk-hint">Legislation not captured.</span>
-  </p>
 
-<h4 class="govuk-heading-s">Who is asking for it?</h4>
-<ul class="govuk-list govuk-list--bullet">
-    <li></li>
-    </ul>
-<p class="govuk-body"></p>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<div class="govuk-summary-card">
+    <div class="govuk-summary-card__title-wrapper"><h2 class="govuk-summary-card__title">Summary</h2></div>
+
+    <div class="govuk-summary-card__content"><dl class="govuk-summary-list">
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Description
+          </dt>
+          <dd class="govuk-summary-list__value">
+            Areas where mining has previously taken place but is no longer in use
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Status
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <p class='govuk-body'><span class='govuk-tag govuk-tag--grey'>Backlog</span></p>
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Licence
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <span class="govuk-tag govuk-tag--yellow">Missing</span>
+              </p>
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Legislation
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <span class="govuk-hint">Legislation not captured.</span>
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Who is asking for it?
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <ul class="govuk-list govuk-list--bullet govuk-!-margin-bottom-0">
+                <li></li>
+                </ul>
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            National dataset
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <span class="govuk-hint">Not a national dataset</span>
+          </dd>
+
+        </div>
+
+
+  </dl></div>
+  </div>
+
+
+
+
+
+
+
 
 
 

diff --git a/what-we-are-working-on/planning-consideration/advertisments/index.html b/what-we-are-working-on/planning-consideration/advertisments/index.html
@@ -89,20 +89,116 @@
 <span class="govuk-caption-xl">Planning consideration</span>
 <h1 class="govuk-heading-xl">Advertisments</h1>
 
-<p class="govuk-body"><span class="govuk-tag govuk-tag--grey">Backlog</span></p>
 
-<h4 class="govuk-heading-s">Descriptionssssssss</h4>
-<p class="govuk-body">Areas where hoardings or similar are used for advertising</p>
 
-<h4 class="govuk-heading-s">Legislation</h4>
-<p class="govuk-body"><span class="govuk-hint">Legislation not captured.</span>
-  </p>
 
-<h4 class="govuk-heading-s">Who is asking for it?</h4>
-<ul class="govuk-list govuk-list--bullet">
-    <li></li>
-    </ul>
-<p class="govuk-body"></p>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<div class="govuk-summary-card">
+    <div class="govuk-summary-card__title-wrapper"><h2 class="govuk-summary-card__title">Summary</h2></div>
+
+    <div class="govuk-summary-card__content"><dl class="govuk-summary-list">
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Description
+          </dt>
+          <dd class="govuk-summary-list__value">
+            Areas where hoardings or similar are used for advertising
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Status
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <p class='govuk-body'><span class='govuk-tag govuk-tag--grey'>Backlog</span></p>
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Licence
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <span class="govuk-tag govuk-tag--yellow">Missing</span>
+              </p>
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Legislation
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <span class="govuk-hint">Legislation not captured.</span>
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            Who is asking for it?
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <ul class="govuk-list govuk-list--bullet govuk-!-margin-bottom-0">
+                <li></li>
+                </ul>
+          </dd>
+
+        </div>
+
+
+
+        <div class="govuk-summary-list__row">
+          <dt class="govuk-summary-list__key">
+            National dataset
+          </dt>
+          <dd class="govuk-summary-list__value">
+            <span class="govuk-hint">Not a national dataset</span>
+          </dd>
+
+        </div>
+
+
+  </dl></div>
+  </div>
+
+
+
+
+
+
+