Merge pull request #37 from smellman/feature/dev-webpack

use webpack and integrate with typescript

Author: smellman

.gitignore

@@ -1 +1,13 @@
 .DS_Store
+node_modules
+# webpack generate files
+assets/javascripts/main.js
+assets/javascripts/main.js.*
+assets/javascripts/*.png
+assets/javascripts/*.svg
+assets/javascripts/*.ttf
+assets/javascripts/*.eot
+assets/javascripts/*.woff2
+assets/javascripts/*.woff
+
+

README.md

@@ -19,6 +19,8 @@ Redmine GTT plugins **require PostgreSQL/PostGIS** and will not work with SQLite
 - Redmine >= 4.0.0
 - PostgreSQL >= 9.6
 - PostGIS >= 2.4
+- NodeJS v14
+- yarn
 
 ## Installation
 
@@ -34,11 +36,15 @@ To install Redmine GTT plugin, download or clone this repository in your Redmine
 ```
 cd path/to/plugin/directory
 git clone https://github.com/gtt-project/redmine_gtt.git
+cd redmine_gtt
+yarn
+npx webpack
 ```
 
 Then run
 
 ```
+export GEM_PG_VERSION=your-pg-version # skip this line if redmine use pg 1.1.4.
 bundle install
 bundle exec rake redmine:plugins:migrate
 ```

app/helpers/gtt_map_helper.rb

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

app/views/settings/gtt/_settings.html.erb

@@ -3,7 +3,7 @@
 <% Tracker.all.each do |t| %>
   <p>
     <%= content_tag :label, t.name %>
-    <%= select_tag "settings[tracker_#{t.id}]", "<option>#{@settings["tracker_#{t.id}"]}</option>".html_safe %> 
+    <%= select_tag "settings[tracker_#{t.id}]", "<option>#{@settings["tracker_#{t.id}"]}</option>".html_safe %>
     <i id="icon_settings_tracker_<%= t.id %>"></i>
   </p>
 <% end %>
@@ -72,16 +72,5 @@
 </div>
 
 <%= javascript_tag do %>
-  var glyph = ol.style.FontSymbol.prototype.defs.glyphs;
-  for (var font in ol.style.FontSymbol.prototype.defs.fonts){
-    for (var i in glyph){
-      if (glyph[i].font == font){
-        $("[id^='settings_tracker_']").append(new Option(glyph[i].name, i))
-      }
-    }
-  }
-  $("[id^='settings_tracker_']").change(function(){
-    var trackerId = $(this).attr("id")
-    $("#icon_" + trackerId).attr("class", $(this).val())
-  })
+  window.gtt_setting()
 <% end %>