fixes #50 enable to run zoomToExtent in window.onload event

Signed-off-by: Taro Matsuzawa <[email protected]>

Author: smellman

app/helpers/gtt_map_helper.rb

@@ -33,12 +33,7 @@ def map_tag(map: nil, layers: map&.layers,
     safe_join [
       content_tag(:div, "", data: data, id: uid, class: 'ol-map'),
       javascript_tag("
-        $(document).ready(function(){
-          /*
-          App.init({
-            target: $('##{uid}')[0]
-          });
-          */
+        document.addEventListener('DOMContentLoaded', function(){
           var target = document.getElementById('#{uid}');
           window.createGttClient(target);
         });

src/components/gtt-client.ts

@@ -193,7 +193,6 @@ export class GttClient {
     this.vector.set('displayInLayerSwitcher', false)
     this.layerArray.push(this.vector)
     this.map.addLayer(this.vector)
-    console.log(this.layerArray)
 
     // Render project boundary if bounds are available
     if (this.contents.bounds && this.contents.bounds !== null) {
@@ -298,21 +297,23 @@ export class GttClient {
     // Because Redmine filter functions are applied later, the Window onload
     // event provides a workaround to have filters loaded before executing
     // the following code
-    if (document.querySelectorAll('tr#tr_bbox').length > 0) {
-      this.filters.location = true
-    }
-    if (document.querySelectorAll('tr#tr_distance').length > 0) {
-      this.filters.distance = true
-    }
-    const legend = document.querySelector('fieldset#location legend') as HTMLLegendElement
-    if (legend) {
-      legend.addEventListener('click', (evt) => {
-        const element = evt.currentTarget as HTMLLegendElement
-        this.toggleAndLoadMap(element)
-      })
-    }
-    this.zoomToExtent()
-    this.map.on('moveend', this.updateFilter.bind(this))
+    window.addEventListener('load', () => {
+      if (document.querySelectorAll('tr#tr_bbox').length > 0) {
+        this.filters.location = true
+      }
+      if (document.querySelectorAll('tr#tr_distance').length > 0) {
+        this.filters.distance = true
+      }
+      const legend = document.querySelector('fieldset#location legend') as HTMLLegendElement
+      if (legend) {
+        legend.addEventListener('click', (evt) => {
+          const element = evt.currentTarget as HTMLLegendElement
+          this.toggleAndLoadMap(element)
+        })
+      }
+      this.zoomToExtent()
+      this.map.on('moveend', this.updateFilter.bind(this))
+    })
 
     // To fix an issue with empty map after changing the tracker type
     document.querySelectorAll('select#issue_tracker_id').forEach(element => {