diff options
| author | mo <mo.khan@gmail.com> | 2017-09-09 13:06:19 -0600 |
|---|---|---|
| committer | mo <mo.khan@gmail.com> | 2017-09-09 13:06:19 -0600 |
| commit | 09abd51b8935ead44b9bcccd38b079d81c8433f6 (patch) | |
| tree | 9cd7afefd2440932e0831846e8efc19ff3f9eb97 | |
| parent | 70c8209344bbe125867062b74f21a12f73b6faf2 (diff) | |
change category nav links
| -rw-r--r-- | app/views/cakes/index.html.erb | 36 |
1 files changed, 16 insertions, 20 deletions
diff --git a/app/views/cakes/index.html.erb b/app/views/cakes/index.html.erb index 57aabc71..9ecfc6a5 100644 --- a/app/views/cakes/index.html.erb +++ b/app/views/cakes/index.html.erb @@ -19,26 +19,22 @@ </div> <% end -%> -<div id="bakery"> - <div class="dropdown float-right"> - <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> - Sort - </button> - <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> - <%= link_to "Newest", url_for(params.merge(sort: "newest")), class: "dropdown-item" %> - <%= link_to "Oldest", url_for(params.merge(sort: "oldest")), class: "dropdown-item" %> - </div> +<div class="row"> + <div class="col"> + <nav class="nav nav-pills nav-fill"> + <%= link_to "All", url_for(params.merge(category: nil)), class: "nav-item nav-link #{"active" if params["category"].blank?}" %> + <% @categories.each do |category| %> + <%= link_to category.name.pluralize, url_for(params.merge(category: category.slug)), class: "nav-item nav-link #{"active" if params["category"] == category.slug}" %> + <% end %> + <%= link_to "Newest", url_for(params.merge(sort: "newest")), class: "nav-item nav-link #{"active" if "newest" == params["sort"]}" %> + <%= link_to "Oldest", url_for(params.merge(sort: "oldest")), class: "nav-item nav-link #{"active" if "oldest" == params["sort"]}" %> + </nav> + </div> +</div> + +<div class="row"> + <div id="bakery" class="col"> + <%= render partial: 'index' %> </div> - <ul class="nav nav-tabs"> - <li class="nav-item"> - <%= link_to "All", url_for(params.merge(category: nil)), class: "nav-link #{"active" if params["category"].blank?}" %> - </li> - <% @categories.each do |category| %> - <li class="nav-item "> - <%= link_to category.name.pluralize, url_for(params.merge(category: category.slug)), class: "nav-link #{"active" if params["category"] == category.slug}" %> - </li> - <% end %> - </ul> - <%= render partial: 'index' %> </div> <%# render "shared/paging", items: @cakes %> |