enumを使って下書き記事と公開記事を分けてみる

実装コード説明

bin/rails g migration AddStatusToBlogs status:integer

class AddStatusToBlogs < ActiveRecord::Migration[6.0]
  def change
    add_column :blogs, :status, :integer, default: 0, null: false　　　　　ここを追加
  end
end

bin/rails db:migrate

これで追加されたと思います。

model

enum status: { draft: 0, published: 1 }　ここを追加

has_one_attached :image
has_rich_text :body

mysqlの中身を確認してみる

bin/rails c

mysql -u ユーザー名 -p

mysql> SHOW DATABASES;

mysql> use pgmg_development;

mysql> show tables;

mysql> select * from blogs order by status;

少し見にくいですが、statusカラムが数字で登録されていると思います。

enumの定義で、キーと数字のハッシュを渡すと、数字がDBカラムに設定されるのがわかるかと思います。

mysql> quit

controllerの設定

次はcontrollerで公開記事と下書き記事を分けて表示させてみます。

記事一覧ページがあるとします。

このブログサイトだとBlogページですね

このページではenumがpublished(公開)だけを表示させています。

まずは忘れないうちにストロングパラメーターにstatusを追加しときましょう。

そして/controllers/blogs_controller.rbを編集します

def index
    @blogs = Blog.published.order("created_at DESC").page(params[:page]).per(10)
    @blogs_side = Blog.published.all.order("created_at DESC")
end

Blog.where(status: :published)

次は、下書きページを作成します。

resources :blogs do
    collection do　　　　　　　追加
      get 'confirm'　　　　　追加
    end                       追加
end

/blogs/confirm(.:format) 

/blogs/:id/confirm(.:format) 

def confirm
    @blogs = Blog.draft.order("created_at DESC")
end

条件分岐で下書きはログインしてないと見れなくする

def show
    @blog = Blog.find_by(id: params[:id])

    if  @blog.nil?
      redirect_to root_path
    elsif @blog.draft?
      login_required
    end
end

def login_required
    redirect_to login_url unless current_user
end

セレクトボックスで選択できるようにした

gem 'enum_help'

<div>
    <%= form.select :status, Blog.statuses.keys.map { |k| [t("enums.blog.status.#{k}"),k]} %>
</div

ja:
  enums:
    blog:
      status:
        draft: '下書き'
        published: '公開中'

("enums.blog.status.#{k}")ここは先ほどの翻訳が入ります
enums.blog.status.draftとpublishedが入りますね。

んで最後のkにkey(キー)が入ります。

これでセレクトボックスの選択に日本語で表示されます。

<select name="blog[status]" id="blog_status">
  <option selected="selected" value="draft">下書き</option>
  <option value="published">公開中</option>
</select>