Simple Twitter實作挑戰

Gemfile

@@ -16,12 +16,12 @@ gem 'ffaker'
 
 # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
 gem 'rails', '~> 5.1.4'
-# Use sqlite3 as the database for Active Record
-gem 'sqlite3'
 # Use Puma as the app server
 gem 'puma', '~> 3.7'
 # Use SCSS for stylesheets
-gem 'sass-rails', '~> 5.0'
+gem 'bootstrap-sass', '~> 3.3.7'
+gem 'sass-rails', '>= 3.2'
+gem 'jquery-rails'
 # Use Uglifier as compressor for JavaScript assets
 gem 'uglifier', '>= 1.3.0'
 # See https://github.com/rails/execjs#readme for more supported runtimes
@@ -41,7 +41,14 @@ gem 'jbuilder', '~> 2.5'
 # Use Capistrano for deployment
 # gem 'capistrano-rails', group: :development
 
+gem 'kaminari'
+
+group :production do
+  gem 'pg', '~> 0.20'
+end
+
 group :development, :test do
+  gem 'sqlite3'
   # Call 'byebug' anywhere in the code to stop execution and get a debugger console
   gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
   # Adds support for Capybara system testing and selenium driver

Gemfile.lock

@@ -41,11 +41,16 @@ GEM
     addressable (2.5.2)
       public_suffix (>= 2.0.2, < 4.0)
     arel (8.0.0)
+    autoprefixer-rails (9.0.0)
+      execjs
     bcrypt (3.1.11)
     bcrypt (3.1.11-java)
     bcrypt (3.1.11-x64-mingw32)
     bcrypt (3.1.11-x86-mingw32)
     bindex (0.5.0)
+    bootstrap-sass (3.3.7)
+      autoprefixer-rails (>= 5.2.1)
+      sass (>= 3.3.4)
     builder (3.2.3)
     byebug (10.0.0)
     capybara (2.17.0)
@@ -97,6 +102,22 @@ GEM
     jbuilder (2.7.0)
       activesupport (>= 4.2.0)
       multi_json (>= 1.2)
+    jquery-rails (4.3.3)
+      rails-dom-testing (>= 1, < 3)
+      railties (>= 4.2.0)
+      thor (>= 0.14, < 2.0)
+    kaminari (1.1.1)
+      activesupport (>= 4.1.0)
+      kaminari-actionview (= 1.1.1)
+      kaminari-activerecord (= 1.1.1)
+      kaminari-core (= 1.1.1)
+    kaminari-actionview (1.1.1)
+      actionview
+      kaminari-core (= 1.1.1)
+    kaminari-activerecord (1.1.1)
+      activerecord
+      kaminari-core (= 1.1.1)
+    kaminari-core (1.1.1)
     listen (3.1.5)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
@@ -124,6 +145,9 @@ GEM
     nokogiri (1.8.1-x86-mingw32)
       mini_portile2 (~> 2.3.0)
     orm_adapter (0.5.0)
+    pg (0.21.0)
+    pg (0.21.0-x64-mingw32)
+    pg (0.21.0-x86-mingw32)
     public_suffix (3.0.1)
     puma (3.11.2)
     puma (3.11.2-java)
@@ -251,6 +275,7 @@ PLATFORMS
   x86-mswin32
 
 DEPENDENCIES
+  bootstrap-sass (~> 3.3.7)
   byebug
   capybara (~> 2.13)
   carrierwave
@@ -259,12 +284,15 @@ DEPENDENCIES
   factory_bot_rails
   ffaker
   jbuilder (~> 2.5)
+  jquery-rails
+  kaminari
   listen (>= 3.0.5, < 3.2)
+  pg (~> 0.20)
   puma (~> 3.7)
   rails (~> 5.1.4)
   rails-controller-testing
   rspec-rails (~> 3.7)
-  sass-rails (~> 5.0)
+  sass-rails (>= 3.2)
   selenium-webdriver
   shoulda-matchers (~> 3.1)
   spring
@@ -276,4 +304,4 @@ DEPENDENCIES
   web-console (>= 3.3.0)
 
 BUNDLED WITH
-   1.16.1
+   1.16.2

app/assets/javascripts/application.js

@@ -12,4 +12,7 @@
 //
 //= require rails-ujs
 //= require turbolinks
+//= require jquery
+//= require bootstrap-sprockets
 //= require_tree .
+

app/assets/stylesheets/application.css → app/assets/stylesheets/application.scss

@@ -10,6 +10,8 @@
  * files in this directory. Styles in this file should be added after the last require_* statement.
  * It is generally better to create a new file per style scope.
  *
- *= require_tree .
- *= require_self
  */
+
+@import 'bootstrap-sprockets';
+@import 'bootstrap';
+@import 'style';

app/assets/stylesheets/style.scss

@@ -0,0 +1,104 @@
+.navbar {
+  margin-bottom: 30px;
+  .img-1 {
+    padding: 0 10px;
+  }
+  img {
+    width: 50px;
+    height: 50px;
+  }
+}
+
+.form {
+  border: 3px solid #e3f2fd;
+} 
+
+.info {
+   p {
+    color: #0a80d6;
+    font-size: 14px;
+  }   
+}
+
+#index {
+  margin-bottom: 15px;
+  padding: 10px;
+  text-align: left;
+  float: left;
+
+  img {
+    padding: 6px;  
+    width: 90px;
+    height: 90px;
+  }
+
+  p {
+    font-size: 14px;
+  }
+}
+
+.tweet {
+  border: 1px solid #bfbdbd;
+  border-radius: 10px;
+  margin-bottom: 10px;
+  padding: 10px;
+
+  p {
+    margin: 10px 0;
+    color: #7D7D7D;
+  }
+
+  img {
+    padding: 2px;  
+    width: 100px;
+    height: 100px;
+  }  
+
+}
+
+.reply {
+  border: 1px solid #bfbdbd;
+  padding: 5px;
+  margin-bottom: 10px;
+}
+
+.pop-user {
+  margin-bottom: 15px;
+  padding: 10px;
+  border: 1px solid #bfbdbd;
+  border-radius: 5px;
+
+  p {
+    color: #666464;
+    font-size: 14px;
+  }
+
+  a.name {
+    padding: 10px 0;
+    font-size: 16px;
+    font-weight: 800;
+    letter-spacing: 1px;
+
+  }
+
+  btn {
+    font-size: 14px;
+  }
+
+  img {
+    padding: 6px;  
+    width: 90px;
+    height: 90px;
+  }
+
+}
+
+.like {
+  padding: 0 5px;
+  color: #f00;
+}
+
+.unlike {
+  padding: 0 5px;
+  color: #0f1;
+}

app/controllers/admin/base_controller.rb

@@ -1,3 +1,13 @@
 class Admin::BaseController < ApplicationController
+ before_action :authenticate_admin
 
-end
+ private
+
+ def authenticate_admin
+   unless current_user.admin?
+     flash[:alert] =  "NOT ALLOW!"
+     redirect_to root_path
+   end
+ end
+
+end

app/controllers/admin/tweets_controller.rb

@@ -1,7 +1,15 @@
 class Admin::TweetsController < Admin::BaseController
+  before_action :authenticate_user!
+  before_action :authenticate_admin
+
   def index
+    @tweets = Tweet.all.order(created_at: :desc)
   end
 
   def destroy
+    @tweet = Tweet.find(params[:id])
+    @tweet.destroy
+    flash[:alert] = "Tweet was deleted!"
+    redirect_to admin_root_path
   end
-end
+end

app/controllers/admin/users_controller.rb

@@ -1,4 +1,7 @@
 class Admin::UsersController < Admin::BaseController
+
   def index
+    @users = User.order(tweets_count: :desc)
   end
+
 end

app/controllers/application_controller.rb

@@ -4,4 +4,24 @@ class ApplicationController < ActionController::Base
   # 請參考 Devise 文件自訂表單後通過 Strong Parameters 的方法
   # https://github.com/plataformatec/devise#strong-parameters
   # 注意有 sign_up 和 account_update 兩種參數要處理
+
+  before_action :authenticate_user!
+  before_action :configure_permitted_parameters, if: :devise_controller?
+
+
+  private
+
+  def authenticate_admin
+    unless current_user.admin?
+      flash[:alert] = "Not allow!"
+      redirect_to root_path
+    end
+  end
+
+  def configure_permitted_parameters
+    devise_parameter_sanitizer.permit(:sign_up, keys: [:name])
+  end
+
+
+
 end

app/controllers/followships_controller.rb

@@ -1,7 +1,21 @@
 class FollowshipsController < ApplicationController
+
   def create
+    @followship = current_user.followships.build(following_id: params[:following_id])
+    if @followship.save
+      flash[:notice] = "Successfully followed"
+      redirect_back(fallback_location: root_path)
+    else
+      flash[:alert] = @followship.errors.full_messages.to_sentence
+      redirect_back(fallback_location: root_path)
+    end
   end
 
   def destroy
+    @followship = current_user.followships.where(following_id: params[:id]).first
+    @followship.destroy
+    flash[:alert] = "Followship destroyed"
+    redirect_back(fallback_location: root_path)
   end
-end
+
+end

app/controllers/replies_controller.rb

@@ -1,9 +1,22 @@
 class RepliesController < ApplicationController
 
   def index
+    @tweet = Tweet.find(params[:tweet_id])
+    @replies = @tweet.replies
+    @reply = Reply.new
   end
 
   def create
+    tweet = Tweet.find(params[:tweet_id])
+    reply = tweet.replies.create(reply_params) 
+    reply.user = current_user
+    reply.save!
+    redirect_to tweet_replies_path(tweet)
   end
 
-end
+private
+
+  def reply_params
+    params.require(:reply).permit(:comment)
+  end
+end