WIP implementation of WagtailCharts on Browse page

cfgov/cfgov/settings/base.py

@@ -104,6 +104,7 @@
     "filing_instruction_guide",
     "health_check",
     "health_check.db",
+    "wagtailcharts",
     # Satellites
     "complaint_search",
     "countylimits",

cfgov/jinja2/v1/_includes/organisms/wagtail-charts.html

@@ -0,0 +1,19 @@
+{% load wagtailcore_tags wagtailcharts_tags %}
+
+{% block content %}
+<div class="container-fluid">
+    <div class="row">
+        <div class="col-6">
+            <h1>{{self.title}}</h1>
+            <div class="excerpt">{{self.excerpt|richtext}}</div>
+        </div>
+    </div>
+    {% for block in self.body %}
+        {% include_block block %}
+    {% endfor %}
+</div>
+{% endblock %}
+
+{% block extra_js %}
+{% render_charts %}
+{% endblock %}

cfgov/v1/atomic_elements/organisms.py

@@ -14,6 +14,7 @@
 from wagtail.snippets.blocks import SnippetChooserBlock
 
 from taggit.models import Tag
+from wagtailcharts.blocks import ChartBlock
 from wagtailmedia.blocks import AbstractMediaChooserBlock
 
 from v1 import blocks as v1_blocks
@@ -567,6 +568,15 @@ class Media:
         css = ["simple-chart.css"]
 
 
+class WagtailChartBlock(blocks.StreamBlock):
+    content = ChartBlock()
+
+    class Meta:
+        label = "WagtailCharts Chart"
+        icon = "image"
+        template = "_includes/organisms/wagtail-charts.html"
+
+
 class FullWidthText(blocks.StreamBlock):
     content = blocks.RichTextBlock(icon="edit")
     content_with_anchor = molecules.ContentWithAnchor()

cfgov/v1/models/browse_page.py

@@ -45,6 +45,7 @@ class BrowsePage(CFGOVPage):
             ),
             ("raw_html_block", blocks.RawHTMLBlock(label="Raw HTML block")),
             ("chart_block", organisms.ChartBlock()),
+            ("wagtailchart_block", organisms.WagtailChartBlock()),
             ("mortgage_chart_block", organisms.MortgageChartBlock()),
             ("mortgage_map_block", organisms.MortgageMapBlock()),
             ("mortgage_downloads_block", MortgageDataDownloads()),