hoz blog

営業からSEに転職した文系エンジニアです。プログラミングと趣味の株に関してブログを書いていこうと思います。

【bootstrap】deviceを導入して認証機能をつける②:ログインしている場合にnavbarを変える【Ruby】

前回の記事
takanori5.hatenablog.com


今回はログインした後にnavbarの表示を変える方法をやっていきます。

https://github.com/plataformatec/devise
f:id:takanori5:20171030235117p:plain

user_signed_inというのを利用すると良いと書いていますね。

      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <% if  (!user_signed_in?) %>
          <!-- ログインしていない時 -->
          <li><a href="#">●●になる</a></li>
          <li><a href="#">利用の流れ</a></li>
          <li><%= link_to "アカウント作成", new_user_registration_path %></li>
          <li><%= link_to "ログイン",  new_user_session_path %></li>
          <% else %>
          <li><%= link_to "ログアウト",  destroy_user_session_path,method: :delete %></li>
          <% end -%>
        </ul>
      </div>

このようにテンプレートに直接if文を書くだけでOK.

ログイン前
f:id:takanori5:20171031000057p:plain

ログイン
f:id:takanori5:20171031000112p:plain

ログイン後
f:id:takanori5:20171031000132p:plain

commit
github.com