プログラミングと旅と映画の日々

普段はスマホ決済サービスの会社でバッグエンドを担当しているエンジニアです。プログラミングと趣味の映画、株、時々うどんに関してブログを書いていこうと思います。海外ドラマ、クロスバイクも好きです。

【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