From 11ede81c0f03785c9fd8bdbbe3f9b1c926bbf6f5 Mon Sep 17 00:00:00 2001
From: Dmytro Trotsko <dmytrotsko@gmail.com>
Date: Mon, 27 May 2024 17:33:37 +0300
Subject: [PATCH] OKRS24-204 Added missing 'nation' geo value to plot/export
 data section.

---
 src/fixtures/nation.json                          | 15 +++++++++++++++
 .../signals/epivis_export_data_block.html         | 15 +++++++++------
 2 files changed, 24 insertions(+), 6 deletions(-)
 create mode 100644 src/fixtures/nation.json

diff --git a/src/fixtures/nation.json b/src/fixtures/nation.json
new file mode 100644
index 0000000..09143c0
--- /dev/null
+++ b/src/fixtures/nation.json
@@ -0,0 +1,15 @@
+[
+    {
+        "model": "signals.geographyunit",
+        "pk": 3985,
+        "fields": {
+            "created": "2024-05-27T13:52:04.705Z",
+            "modified": "2024-05-27T13:52:04.705Z",
+            "geo_id": "US",
+            "name": "United States",
+            "display_name": "United States",
+            "level": 5,
+            "geography": 5
+        }
+    }
+]
diff --git a/src/templates/signals/epivis_export_data_block.html b/src/templates/signals/epivis_export_data_block.html
index 924a8d5..1801a07 100644
--- a/src/templates/signals/epivis_export_data_block.html
+++ b/src/templates/signals/epivis_export_data_block.html
@@ -106,7 +106,7 @@ <h5>Plot / Export data</h5>
 <script>
     var geoValues = [];
     var currentMode = 'epivis';
-    
+
     function getFilteredGeographicValues(geographicType) {
         var data = geoValues.reduce((data, geoValue) => {
             if (geoValue.geoType === geographicType) {
@@ -130,7 +130,7 @@ <h5>Plot / Export data</h5>
         } else {
             data = [];
         }
-        
+
 
         $('#geographic_value').select2({
             data: data,
@@ -146,7 +146,7 @@ <h5>Plot / Export data</h5>
 
     function handleModeChange(mode) {
         document.getElementById("epivis-form").reset();
-        
+
         var choose_dates = document.getElementsByName('choose_date');
         if (mode === 'epivis') {
             currentMode = 'epivis';
@@ -179,7 +179,7 @@ <h5>Plot / Export data</h5>
     $(document).ready(function () {
         {% for geography in signal.available_geography.all %}
             {% for unit in geography.geography_units.all %}
-                geoValues.push({'id': '{{ unit.geo_id }}', 'geoType': '{{ unit.geography }}', 'text': '{{ unit.display_name }}'});   
+                geoValues.push({'id': '{{ unit.geo_id }}', 'geoType': '{{ unit.geography }}', 'text': '{{ unit.display_name }}'});
             {% endfor %}
         {% endfor %}
 
@@ -201,11 +201,14 @@ <h5>Plot / Export data</h5>
 
     function submitMode(event) {
         event.preventDefault();
-        
+
         var dataSource = document.getElementById('source').value;
         var dataSignal = document.getElementById('signal').value;
         var geographicType = document.getElementById('geographic_type').value;
-        var geographicValue = $('#geographic_value').select2('data').map((el) => el.id).join(',');
+        // geographicValue is a comma separated string of geographic values. type can be string or integer
+        // in case of string, it should be converted to lowercase
+        // else it will be treated as integer
+        var geographicValue = $('#geographic_value').select2('data').map((el) => (typeof el.id === 'string') ? el.id.toLowerCase() : el.id).join(',');
 
         if (geographicType === 'Choose...' || geographicValue === '') {
             showWarningAlert("Geographic Type or Geographic Value is not selected.");