From a1e2923a0fa5465a56baa4e94318b2147919803c Mon Sep 17 00:00:00 2001
From: Di M <meerkdir@gmail.com>
Date: Wed, 7 Aug 2024 14:28:59 +0200
Subject: [PATCH] Added flourish charts to provincial legislature pages

---
 pmg/templates/provincial/detail.html       | 25 ++++++++++++++++++++++
 pmg/templates/provincial/western_cape.html |  5 +++++
 2 files changed, 30 insertions(+)

diff --git a/pmg/templates/provincial/detail.html b/pmg/templates/provincial/detail.html
index 3c76be923..2de580464 100644
--- a/pmg/templates/provincial/detail.html
+++ b/pmg/templates/provincial/detail.html
@@ -77,6 +77,31 @@ <h5>{{ member.party.name }}</h5>
         <h2><i class="fa fa-icon fa-fw fa-calendar"></i>Constituency Offices</h2>
         You can find constituency offices for this legislature on <a href="{{ pa_offices_url }}" target="_blank">People's Assembly</a>.
       </section>
+
+      <section class="party-representation">
+        <h2><i class="fa fa-icon fa-fw fa-pie-chart"></i>Political Party Representation</h2>
+        {% if province.name == 'Mpumalanga' %}
+          <div class="flourish-embed flourish-parliament" data-src="visualisation/18218282"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
+        {% else if province.name == 'Northern Cape' %}
+          <div class="flourish-embed flourish-parliament" data-src="visualisation/18218309"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
+        {% else if province.name == 'Eastern Cape' %}
+          <div class="flourish-embed flourish-parliament" data-src="visualisation/18218160"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
+        {% else if province.name == 'KwaZulu-Natal' %}
+          <div class="flourish-embed flourish-parliament" data-src="visualisation/18218219"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
+        {% else if province.name == 'Gauteng' %}
+          <div class="flourish-embed flourish-parliament" data-src="visualisation/18218220"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
+        {% else if province.name == 'Limpopo' %}
+          <div class="flourish-embed flourish-parliament" data-src="visualisation/18218256"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
+        {% else if province.name == 'North West' %}
+          <div class="flourish-embed flourish-parliament" data-src="visualisation/18218301"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
+        {% else if province.name == 'Free State' %}
+          <div class="flourish-embed flourish-parliament" data-src="visualisation/18218203"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
+        {% endif %}
+
+
+      </section>
+
+
     </div>
 
     <div class="col-lg-3 col-md-6">
diff --git a/pmg/templates/provincial/western_cape.html b/pmg/templates/provincial/western_cape.html
index 1d4367cda..79441c9de 100644
--- a/pmg/templates/provincial/western_cape.html
+++ b/pmg/templates/provincial/western_cape.html
@@ -88,6 +88,11 @@ <h5 class="date">{{ call_for_comment.start_date|pretty_date }} - {% if call_for_
         There are currently no open calls for comment
         {% endif %}
       </section>
+
+      <section class="party-representation">
+        <h2><i class="fa fa-icon fa-fw fa-pie-chart"></i>Political Party Representation</h2>
+        <div class="flourish-embed flourish-parliament" data-src="visualisation/18218327"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
+      </section>
     </div>
 
     <div class="col-lg-3 col-md-6">