gitpod-samples · sivakrishnar · Feb 4, 2022
diff --git a/Gemfile b/Gemfile
@@ -56,3 +56,6 @@ end
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
 gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
+
+gem 'geocoder'
+gem 'bootstrap', '~> 5.1.3'
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -62,9 +62,15 @@ GEM
       zeitwerk (~> 2.3)
     addressable (2.7.0)
       public_suffix (>= 2.0.2, < 5.0)
+    autoprefixer-rails (10.4.2.0)
+      execjs (~> 2)
     bindex (0.8.1)
     bootsnap (1.7.5)
       msgpack (~> 1.0)
+    bootstrap (5.1.3)
+      autoprefixer-rails (>= 9.1.0)
+      popper_js (>= 2.9.3, < 3)
+      sassc-rails (>= 2.0.0)
     builder (3.2.4)
     byebug (11.1.3)
     capybara (3.35.3)
@@ -79,7 +85,9 @@ GEM
     concurrent-ruby (1.1.9)
     crass (1.0.6)
     erubi (1.10.0)
+    execjs (2.8.1)
     ffi (1.15.1)
+    geocoder (1.7.3)
     globalid (0.4.2)
       activesupport (>= 4.2.0)
     i18n (1.8.10)
@@ -107,6 +115,7 @@ GEM
     nokogiri (1.11.7-x86_64-linux)
       racc (~> 1.4)
     pg (1.2.3)
+    popper_js (2.9.3)
     public_suffix (4.0.6)
     puma (5.3.2)
       nio4r (~> 2.0)
@@ -207,8 +216,10 @@ PLATFORMS
 
 DEPENDENCIES
   bootsnap (>= 1.4.4)
+  bootstrap (~> 5.1.3)
   byebug
   capybara (>= 3.26)
+  geocoder
   jbuilder (~> 2.7)
   listen (~> 3.3)
   pg (~> 1.2.3)

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -13,3 +13,7 @@
  *= require_tree .
  *= require_self
  */
+
+ .navbar {
+   margin-bottom: 20px;
+ }
diff --git a/app/assets/stylesheets/forecasts.scss b/app/assets/stylesheets/forecasts.scss
@@ -0,0 +1,3 @@
+// Place all the styles related to the Forecasts controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/
diff --git a/app/controllers/forecasts_controller.rb b/app/controllers/forecasts_controller.rb
@@ -0,0 +1,12 @@
+class ForecastsController < ApplicationController
+  def index
+    @address = params[:address]
+    geocoder_results = Geocoder.search(@address)
+    if geocoder_results
+      @latitude, @longitude = geocoder_results.first.coordinates
+    end
+  end
+
+  def new
+  end
+end
diff --git a/app/helpers/forecasts_helper.rb b/app/helpers/forecasts_helper.rb
@@ -0,0 +1,2 @@
+module ForecastsHelper
+end
diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
@@ -11,3 +11,6 @@ import "channels"
 Rails.start()
 Turbolinks.start()
 ActiveStorage.start()
+
+import "bootstrap"
+import "../stylesheets/application"
diff --git a/app/javascript/stylesheets/application.scss b/app/javascript/stylesheets/application.scss
@@ -0,0 +1 @@
+@import "bootstrap"
diff --git a/app/views/forecasts/_form.html.erb b/app/views/forecasts/_form.html.erb
@@ -0,0 +1,6 @@
+<%= form_with url: "/forecasts/index", class: 'form-inline', method: :get do |form| %>
+  <div class="input-group mb-3">
+    <%= form.text_field :address, class: "form-control", placeholder: "One Apple Park Way, Cupertino, CA 95014", value: @address, "aria-describedby": "button-addon2" %>
+    <%= form.button :GO, class: "btn btn-outline-secondary", id: "button-addon2"%>
+  </div>
+<% end %>
diff --git a/app/views/forecasts/index.html.erb b/app/views/forecasts/index.html.erb
@@ -0,0 +1,2 @@
+<%= render "form" %>
+
diff --git a/app/views/forecasts/new.html.erb b/app/views/forecasts/new.html.erb
@@ -0,0 +1,2 @@
+
+<%= render "form" %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -8,9 +8,27 @@
 
     <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
     <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+    <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
   </head>
 
   <body>
+  <header>
+    <div class="navbar navbar-dark bg-dark shadow-sm">
+      <div class="container">
+        <a href="<%=root_url%>" class="navbar-brand d-flex align-items-center">
+          <strong>Weather Forecast App</strong>
+        </a>
+      </div>
+    </div>
+  </header>
+
+  <div class="container">
     <%= yield %>
+  </div>
+
+  <footer>
+    <div class="navbar-bottom"></div>
+  </footer>
+
   </body>
 </html>
diff --git a/config/routes.rb b/config/routes.rb
@@ -1,3 +1,8 @@
 Rails.application.routes.draw do
+
+  root "forecasts#new"
+
+  get 'forecasts/index'
+  get 'forecasts/new'
   # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
 end
diff --git a/config/webpack/development.js b/config/webpack/development.js
@@ -1,22 +1,5 @@
-const environment = require("./environment");
-const { merge } = require("webpack-merge");
+process.env.NODE_ENV = process.env.NODE_ENV || 'development'
 
-process.env.NODE_ENV = process.env.NODE_ENV || "development";
-const defaultConfig = environment.toWebpackConfig();
+const environment = require('./environment')
 
-if (process.env.GITPOD_WORKSPACE_URL) {
-	const [protocol, hostname] = process.env.GITPOD_WORKSPACE_URL.split("://");
-
-	// ex: https://3035-fuchsia-lamprey-16r2m3h5.ws-us14.gitpod.io
-	const devServerPublic = `https://3035-${hostname}`;
-
-	const mergedConfig = merge(defaultConfig, {
-		devServer: {
-			public: devServerPublic,
-		},
-	});
-
-	module.exports = mergedConfig;
-} else {
-	module.exports = defaultConfig;
-}
+module.exports = environment.toWebpackConfig()
diff --git a/package.json b/package.json
@@ -2,16 +2,18 @@
   "name": "template-ruby-on-rails",
   "private": true,
   "dependencies": {
+    "@popperjs/core": "^2.11.2",
     "@rails/actioncable": "^6.0.0",
     "@rails/activestorage": "^6.0.0",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "5.4.0",
+    "bootstrap": "^5.1.3",
     "turbolinks": "^5.2.0",
     "webpack": "^4.46.0",
     "webpack-cli": "^3.3.12"
   },
   "version": "0.1.0",
   "devDependencies": {
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^4.7.4"
   }
 }
diff --git a/test/controllers/forecasts_controller_test.rb b/test/controllers/forecasts_controller_test.rb
@@ -0,0 +1,13 @@
+require "test_helper"
+
+class ForecastsControllerTest < ActionDispatch::IntegrationTest
+  test "should get index" do
+    get forecasts_index_url
+    assert_response :success
+  end
+
+  test "should get new" do
+    get forecasts_new_url
+    assert_response :success
+  end
+end