New UI in rails

Gemfile

@@ -14,6 +14,7 @@ end
 # gem 'ruby-debug19', require: 'ruby-debug'
 
 # Front-end gems
+gem "bootstrap"
 gem "browserify-rails"
 gem "chartkick"
 gem "formtastic"

Gemfile.lock

@@ -76,13 +76,19 @@ GEM
       rake (>= 10.4, < 13.0)
     arel (9.0.0)
     ast (2.4.0)
+    autoprefixer-rails (10.4.2.0)
+      execjs (~> 2)
     bcrypt (3.1.13)
     better_errors (2.5.1)
       coderay (>= 1.0.0)
       erubi (>= 1.0.0)
       rack (>= 0.9.0)
     binding_of_caller (0.8.0)
       debug_inspector (>= 0.0.1)
+    bootstrap (5.1.3)
+      autoprefixer-rails (>= 9.1.0)
+      popper_js (>= 2.9.3, < 3)
+      sassc-rails (>= 2.0.0)
     browserify-rails (4.3.0)
       addressable (>= 2.4.0)
       railties (>= 4.0.0)
@@ -183,6 +189,7 @@ GEM
       railties (>= 4.2.0)
     faraday (1.0.0)
       multipart-post (>= 1.2, < 3)
+    ffi (1.15.5)
     flamegraph (0.9.5)
     font-awesome-rails (4.7.0.5)
       railties (>= 3.2, < 6.1)
@@ -338,6 +345,7 @@ GEM
     pg_query (1.2.0)
     pghero (2.7.0)
       activerecord (>= 5)
+    popper_js (2.9.3)
     pr_geohash (1.0.0)
     progress_bar (1.3.0)
       highline (>= 1.6, < 3)
@@ -508,6 +516,14 @@ GEM
       sprockets (>= 2.8, < 4.0)
       sprockets-rails (>= 2.0, < 4.0)
       tilt (>= 1.1, < 3)
+    sassc (2.4.0)
+      ffi (~> 1.9)
+    sassc-rails (2.1.2)
+      railties (>= 4.0.0)
+      sassc (>= 2.0)
+      sprockets (> 3.0)
+      sprockets-rails
+      tilt
     selenium-webdriver (3.142.4)
       childprocess (>= 0.5, < 3.0)
       rubyzip (~> 1.2, >= 1.2.2)
@@ -588,6 +604,7 @@ DEPENDENCIES
   annotate (< 2.7.5)
   better_errors
   binding_of_caller
+  bootstrap
   browserify-rails
   bullet (= 5.9.0)
   capybara

app/assets/javascripts/application.js

@@ -5,11 +5,12 @@
 // the compiled file.
 //
 //= require constants
-//= require jquery
+//= require jquery3
 //= require intersection-observer/intersection-observer
 //= require rails-ujs
 //= require jquery.selectboxes
 //= require jquery.extentions
+//= require jquery-migrate/dist/jquery-migrate
 //= require jquery-ui/autocomplete
 //= require jquery-ui/tabs
 //= require jquery-ui/datepicker

app/assets/javascripts/application_new_ui.js

@@ -0,0 +1,10 @@
+//= require constants
+//= require jquery3
+//= require popper
+//= require bootstrap
+//= require rails-ujs
+//= require jquery-ui
+//= require js-cookie/src/js.cookie
+//= require leaflet
+//= require jquery-touch-events
+//= require new_ui

app/assets/javascripts/constants.js.erb

@@ -1,5 +1,3 @@
-<%# frozen_string_literal: true
- %>
 window.CONSTANTS = {
   geocoder: {
     apiKey: "<%= Geocoder::API_KEY %>",