ジャンル別に投稿・チャットできるようなアプリ作ってみた〜ホーム画面〜

.page-header
  .page-header__user
    .page-header__user__image
      -if @user.icon.file.nil? # もし、userテーブルの指定レコードのiconカラムがnil（空）だったらcameraアイコンを表示
        =icon "fas","camera fa-3x", class: "page-header__user__image__icon"
      -else # そうでない場合は、iconカラムの画像を表示
        = image_tag @user.icon.url,:size =>'125x125'
    .page-header__user__name
      .page-header__user__name__box
        お名前：
        = current_user.name
  .page-header__list
    .page-header__list__icon
      =icon("fas", "list-ul fa-5x", id: "list__icon")
      .page-header__list__icon__box
        %ul.page-header__list__icon__box__list
          %li.page-header__list__icon__box__list__li
            =link_to "登録変更",edit_user_registration_path,id:"icon__li"
          %li.page-header__list__icon__box__list__li
            =link_to "グループ希望",homes_path,id:"icon__li"
          %li.page-header__list__icon__box__list__li
            =link_to "ログアウト",destroy_user_session_path, method: "delete",id:"icon__li"


.page-main
  .page-main__genru
    %h1.page-main__genru__title
      お選びのジャンルだよ( ´∀｀)
    .page-main__genru__list
      .page-main__genru__list__top
        - current_user.genrus.each do |genru|  # ログインユーザーと紐づいているジャンル（複数）を一つ一つ取り出す
          .page-main__genru__list__top__name
            =link_to genru_path(genru.id),id: "genru-name" do # ジャンル名をリンクにする
              = genru.name
      .page-main__genru__list__bottom
        = link_to "ジャンルを探す",new_genru_path,id: "genru-bottom"

  .page-main__chat
    %h1.page-main__chat__title
      所属チャットグループだよ(*^ω^*)
    .page-main__chat__list
      .page-main__chat__list__top
        - if @groups # もしユーザーに所蔵しているグループ(@groups)があれば↓を表示
          - @groups.each do |g|
            .page-main__chat__list__top__name
              = link_to genru_group_path(genru_id: "{Group.find(g.group_id).genru_id}",id: g.group_id),id: "group-name" do
                =Group.find(g.group_id).name

.page-footer

class HomesController < ApplicationController
  def index
    @user = User.find(current_user.id)
    @groups = @user.users_groups
    # ＠groupsは@userに紐づいている中間テーブル（のレコード）を取り出している
    # users_groupsはusersテーブルとgroupsテーブルの中間テーブル
  end

end

= link_to "ジャンルを探す",new_genru_path,id: "genru-bottom"

=link_to genru_path(genru.id),id: "genru-name" do # ジャンル名をリンクにする
  = genru.name