From b85aee39dbf1a88bc203b52a24dfca798bcd4bcb Mon Sep 17 00:00:00 2001
From: NHN <namtdbg@gmail.com>
Date: Tue, 21 Mar 2017 13:17:04 +0700
Subject: [PATCH] filling layout

---
 .gitignore                                    |   2 +-
 Gemfile                                       |  57 ++++++------------
 Gemfile.lock                                  |   6 ++
 app/assets/images/rails.png                   | Bin 0 -> 13036 bytes
 app/assets/stylesheets/custom.scss            |  42 +++++++++++++
 app/controllers/application_controller.rb     |   3 -
 app/controllers/static_pages_controller.rb    |  11 ++++
 app/helpers/application_helper.rb             |   9 +++
 app/views/layouts/_header.html.erb            |  12 ++++
 app/views/layouts/_shim.html.erb              |   4 ++
 app/views/layouts/application.html.erb        |  29 +++++++--
 app/views/static_pages/about.html.erb         |  11 ++++
 app/views/static_pages/help.html.erb          |   9 +++
 app/views/static_pages/home.html.erb          |  14 +++++
 config/routes.rb                              |   5 +-
 .../static_pages_controller_test.rb           |  14 +++++
 16 files changed, 177 insertions(+), 51 deletions(-)
 create mode 100644 app/assets/images/rails.png
 create mode 100644 app/assets/stylesheets/custom.scss
 delete mode 100644 app/controllers/application_controller.rb
 create mode 100644 app/controllers/static_pages_controller.rb
 create mode 100644 app/views/layouts/_header.html.erb
 create mode 100644 app/views/layouts/_shim.html.erb
 create mode 100644 app/views/static_pages/about.html.erb
 create mode 100644 app/views/static_pages/help.html.erb
 create mode 100644 app/views/static_pages/home.html.erb
 create mode 100644 test/controllers/static_pages_controller_test.rb

diff --git a/.gitignore b/.gitignore
index 6c78296..17091f5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,6 +19,6 @@
 
 # Ignore Byebug command history file.
 .byebug_history
- 
+
 /config/locales/database.yml.example
 /config/locales/secrets.yml
diff --git a/Gemfile b/Gemfile
index b5fbf94..fcc13a0 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,53 +1,30 @@
-source 'https://rubygems.org'
+source "https://rubygems.org"
 
 git_source(:github) do |repo_name|
   repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/")
   "https://github.com/#{repo_name}.git"
 end
 
-
-# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
-gem 'rails', '~> 5.0.2'
-# Use sqlite3 as the database for Active Record
-gem 'sqlite3'
-# Use Puma as the app server
-gem 'puma', '~> 3.0'
-# Use SCSS for stylesheets
-gem 'sass-rails', '~> 5.0'
-# Use Uglifier as compressor for JavaScript assets
-gem 'uglifier', '>= 1.3.0'
-# Use CoffeeScript for .coffee assets and views
-gem 'coffee-rails', '~> 4.2'
-# See https://github.com/rails/execjs#readme for more supported runtimes
-# gem 'therubyracer', platforms: :ruby
-
-# Use jquery as the JavaScript library
-gem 'jquery-rails'
-# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks
-gem 'turbolinks', '~> 5'
-# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
-gem 'jbuilder', '~> 2.5'
-# Use Redis adapter to run Action Cable in production
-# gem 'redis', '~> 3.0'
-# Use ActiveModel has_secure_password
-# gem 'bcrypt', '~> 3.1.7'
-
-# Use Capistrano for deployment
-# gem 'capistrano-rails', group: :development
+gem "rails", "~> 5.0.2"
+gem "sqlite3"
+gem "bootstrap-sass", "3.3.6"
+gem "puma", "~> 3.0"
+gem "sass-rails", "~> 5.0"
+gem "uglifier", ">= 1.3.0"
+gem "coffee-rails", "~> 4.2"
+gem "jquery-rails"
+gem "turbolinks", "~> 5"
+gem "jbuilder", "~> 2.5"
 
 group :development, :test do
-  # Call 'byebug' anywhere in the code to stop execution and get a debugger console
-  gem 'byebug', platform: :mri
+  gem "byebug", platform: :mri
 end
 
 group :development do
-  # Access an IRB console on exception pages or by using <%= console %> anywhere in the code.
-  gem 'web-console', '>= 3.3.0'
-  gem 'listen', '~> 3.0.5'
-  # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
-  gem 'spring'
-  gem 'spring-watcher-listen', '~> 2.0.0'
+  gem "web-console", ">= 3.3.0"
+  gem "listen", "~> 3.0.5"
+  gem "spring"
+  gem "spring-watcher-listen", "~> 2.0.0"
 end
 
-# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
-gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
+gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]
diff --git a/Gemfile.lock b/Gemfile.lock
index 559a447..239bcdb 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -39,6 +39,11 @@ GEM
       minitest (~> 5.1)
       tzinfo (~> 1.1)
     arel (7.1.4)
+    autoprefixer-rails (6.7.7)
+      execjs
+    bootstrap-sass (3.3.6)
+      autoprefixer-rails (>= 5.2.1)
+      sass (>= 3.3.4)
     builder (3.2.3)
     byebug (9.0.6)
     coffee-rails (4.2.1)
@@ -154,6 +159,7 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
+  bootstrap-sass (= 3.3.6)
   byebug
   coffee-rails (~> 4.2)
   jbuilder (~> 2.5)
diff --git a/app/assets/images/rails.png b/app/assets/images/rails.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9fa0a0f4cfe0e50ea9e2f236cd3e88aa7d41b7d
GIT binary patch
literal 13036
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

literal 0
HcmV?d00001

diff --git a/app/assets/stylesheets/custom.scss b/app/assets/stylesheets/custom.scss
new file mode 100644
index 0000000..11f634f
--- /dev/null
+++ b/app/assets/stylesheets/custom.scss
@@ -0,0 +1,42 @@
+@import "bootstrap-sprockets";
+@import "bootstrap";
+
+/* universal */
+
+body {
+  padding-top: 60px;
+}
+
+section {
+  overflow: auto;
+}
+
+textarea {
+  resize: vertical;
+}
+
+.center {
+  text-align: center;
+}
+
+.center h1 {
+  margin-bottom: 10px;
+}
+
+/* header */
+
+#logo {
+  float: left;
+  margin-right: 10px;
+  font-size: 1.7em;
+  color: #fff;
+  text-transform: uppercase;
+  letter-spacing: -1px;
+  padding-top: 9px;
+  font-weight: bold;
+}
+
+#logo:hover {
+  color: #fff;
+  text-decoration: none;
+}
diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
deleted file mode 100644
index 1c07694..0000000
--- a/app/controllers/application_controller.rb
+++ /dev/null
@@ -1,3 +0,0 @@
-class ApplicationController < ActionController::Base
-  protect_from_forgery with: :exception
-end
diff --git a/app/controllers/static_pages_controller.rb b/app/controllers/static_pages_controller.rb
new file mode 100644
index 0000000..953e2d7
--- /dev/null
+++ b/app/controllers/static_pages_controller.rb
@@ -0,0 +1,11 @@
+class StaticPagesController < ApplicationController
+  def home
+  end
+
+  def help
+  end
+
+  def about
+  end
+
+end
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index de6be79..937a5de 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -1,2 +1,11 @@
 module ApplicationHelper
+
+  def full_title page_title = ""
+    base_title = "Ruby on Rails Tutorial Sample App"
+    if page_title.empty?
+      base_title
+    else
+      page_title + " | " + base_title
+    end
+  end
 end
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
new file mode 100644
index 0000000..faff04d
--- /dev/null
+++ b/app/views/layouts/_header.html.erb
@@ -0,0 +1,12 @@
+<header class="navbar navbar-fixed-top navbar-inverse">
+  <div class="container">
+    <%= link_to "sample app", root_path, id: "logo" %>
+    <nav>
+      <ul class="nav navbar-nav navbar-right">
+        <li><%= link_to "Home", root_path %></li>
+        <li><%= link_to "Help", help_path %></li>
+        <li><%= link_to "Log in", "#" %></li>
+      </ul>
+    </nav>
+  </div>
+</header>
diff --git a/app/views/layouts/_shim.html.erb b/app/views/layouts/_shim.html.erb
new file mode 100644
index 0000000..ecfd51d
--- /dev/null
+++ b/app/views/layouts/_shim.html.erb
@@ -0,0 +1,4 @@
+<!--[if lt IE 9]>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js">
+  </script>
+<![endif]-->
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index c2501a3..9a079d1 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -1,14 +1,31 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>RubyK59</title>
+    <title><%= full_title(yield(:title)) %></title>
     <%= csrf_meta_tags %>
-
-    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
-    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
+    <%= stylesheet_link_tag "application", media: "all",
+      "data-turbolinks-track": "reload" %>
+    <%= javascript_include_tag "application", "data-turbolinks-track": "reload" %>
+    <!--[if lt IE 9]>
+      <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js">
+      </script>
+    <![endif]-->
   </head>
-
   <body>
-    <%= yield %>
+    <header class="navbar navbar-fixed-top navbar-inverse">
+      <div class="container">
+        <%= link_to "sample app", "#", id: "logo" %>
+        <nav>
+          <ul class="nav navbar-nav navbar-right">
+            <li><%= link_to "Home", "#" %></li>
+            <li><%= link_to "Help", "#" %></li>
+            <li><%= link_to "Log in", "#" %></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <div class="container">
+      <%= yield %>
+    </div>
   </body>
 </html>
diff --git a/app/views/static_pages/about.html.erb b/app/views/static_pages/about.html.erb
new file mode 100644
index 0000000..32e755e
--- /dev/null
+++ b/app/views/static_pages/about.html.erb
@@ -0,0 +1,11 @@
+<% provide:title, "About" %>
+<h1>About</h1>
+<p>
+  The <a href="http://www.railstutorial.org/"><em>Ruby on Rails
+  Tutorial</em></a> is a
+  <a href="http://www.railstutorial.org/book">book</a> and
+  <a href="http://screencasts.railstutorial.org/">screencast series</a>
+  to teach web development with
+  <a href="http://rubyonrails.org/">Ruby on Rails</a>.
+  This is the sample application for the tutorial.
+</p>
diff --git a/app/views/static_pages/help.html.erb b/app/views/static_pages/help.html.erb
new file mode 100644
index 0000000..e975234
--- /dev/null
+++ b/app/views/static_pages/help.html.erb
@@ -0,0 +1,9 @@
+<% provide:title, "Help" %>
+<h1>Help</h1>
+<p>
+  Get help on the Ruby on Rails Tutorial at the
+  <a href="http://www.railstutorial.org/help">Rails Tutorial help section</a>.
+  To get help on this sample app, see the
+  <a href="http://www.railstutorial.org/book"><em>Ruby on Rails Tutorial</em>
+  book</a>.
+</p>
diff --git a/app/views/static_pages/home.html.erb b/app/views/static_pages/home.html.erb
new file mode 100644
index 0000000..c17a234
--- /dev/null
+++ b/app/views/static_pages/home.html.erb
@@ -0,0 +1,14 @@
+<div class="center jumbotron">
+  <h1>Welcome to the Sample App</h1>
+
+  <h2>
+    This is the home page for the
+    <a href="http://www.railstutorial.org/">Ruby on Rails Tutorial</a>
+    sample application.
+  </h2>
+
+  <%= link_to "Sign up now!", "#", class: "btn btn-lg btn-primary" %>
+</div>
+
+<%= link_to image_tag("rails.png", alt: "Rails logo"),
+  "http://rubyonrails.org/" %>
diff --git a/config/routes.rb b/config/routes.rb
index 787824f..d336c91 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -1,3 +1,6 @@
 Rails.application.routes.draw do
-  # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
+  root "static_pages#home"
+  get "static_pages/home"
+  get "static_pages/help"
+  get "static_pages/about"
 end
diff --git a/test/controllers/static_pages_controller_test.rb b/test/controllers/static_pages_controller_test.rb
new file mode 100644
index 0000000..e9a0692
--- /dev/null
+++ b/test/controllers/static_pages_controller_test.rb
@@ -0,0 +1,14 @@
+require 'test_helper'
+
+class StaticPagesControllerTest < ActionDispatch::IntegrationTest
+  test "should get home" do
+    get static_pages_home_url
+    assert_response :success
+  end
+
+  test "should get help" do
+    get static_pages_help_url
+    assert_response :success
+  end
+
+end