Merge pull request #2 from wmo-raf/dev

Dev

Author: Grace-Amondi

forecastmanager/serializers.py

@@ -48,7 +48,7 @@ def to_representation(self, instance):
                 'max_temp': representation['max_temp'],
                 'min_temp': representation['min_temp'],
                 'condition':representation['condition_display'],
-                'condition_icon': f'/static/forecastmanager/img/{representation["condition"]}.png',
+                'condition_icon': f'static/forecastmanager/img/{representation["condition"]}.png',
             },
             "geometry": {
                 "coordinates": representation['city_detail']['coordinates'],

forecastmanager/templates/forecastmanager/create_forecast.html

@@ -189,6 +189,7 @@ <h2 class="w-panel__heading">Add forecast</h2>
     var city_ls = JSON.parse('{{city_ls|escapejs}}')
 
     const container = document.querySelector('#createTable');
+    const BASE_URL = '{{request.get_full_path}}'
 
 
     const hot = new Handsontable(container, {
@@ -327,7 +328,7 @@ <h2 class="w-panel__heading">Add forecast</h2>
 
         // Send the JSON data to a Django view via AJAX
         $.ajax({
-          url: '/api/forecasts/',
+          url: `${BASE_URL}/api/forecasts/`,
           type: 'POST',
           headers: {
             'X-CSRFToken': '{{ csrf_token }}',  // Replace with the actual CSRF token value

forecastmanager/templates/forecastmanager/load_forecast.html

@@ -61,10 +61,11 @@ <h2 class="w-panel__heading">Latest Available Forecast</h2>
 
 
     <script type="text/javascript">
-        
+    
 
         document.addEventListener("DOMContentLoaded", function() {
 
+        const BASE_URL = '{{request.get_full_path}}'
         // initialize map     
         var forecastMap = new maplibregl.Map({
             container:'forecast_map',
@@ -152,7 +153,7 @@ <h2 class="w-panel__heading">Latest Available Forecast</h2>
         function setForecastData(forecast_date){
 
             // Make an HTTP GET request to the API endpoint
-            fetch(`/api/forecasts?forecast_date=${forecast_date}`)
+            fetch(`${BASE_URL}api/forecasts?forecast_date=${forecast_date}`)
             .then(response => response.json())  // Parse the response as JSON
             .then(data => {
                 // Process the retrieved data
@@ -167,7 +168,7 @@ <h2 class="w-panel__heading">Latest Available Forecast</h2>
                         }
 
                     }
-                    img.src = `${icon.properties.condition_icon}`
+                    img.src = `${BASE_URL}${icon.properties.condition_icon}`
                     return img.src
 
                 })