ナビゲーションバーを更新します。
リンクを追加して２本目のナビゲーションバーを追加しました。
更新 app\views\shared\_navbar.html.erb
<!-- ナビゲーションバー --> <nav class="navbar navbar-default navbar-static-top" style ="margin: 0;"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">ナビゲーション トグル</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <%= link_to "テストサイトMinpaku", root_path, class: "navbar-brand" %> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <% if (!user_signed_in?) %> <li><%= link_to "ログイン", new_user_session_path %></li> <li><%= link_to "新規ユーザ登録", new_user_registration_path %></li> <% else %> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <!-- アバター画像 --> <%= image_tag current_user.gravatar_url, class: "img-circle avatar-small" %> <!-- 氏名表示に変更 --> <%= current_user.fullname %> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><%= link_to "ダッシュボード", dashboard_path %></li> <li><%= link_to "登録したお部屋の管理", rooms_path %></li> <li><%= link_to "お部屋の新規登録", new_room_path %></li> <li><%= link_to "受注予約の管理（ホスト用）", your_reservations_path %></li> <li><%= link_to "予約履歴（ゲスト用）", your_trips_path %></li> <li><%= link_to "ホスト用カレンダー", host_calendar_path %></li> <li><%= link_to "収益", revenues_path %></li> <li><%= link_to "クレジットカード登録", payment_method_path, data: { turbolinks: false} %></li> <li><%= link_to "振り込み口座登録", payout_method_path %></li> <li role="separator" class="divider"></li> <li><%= link_to "ユーザ登録情報修正", edit_user_registration_path %></li> <li><%= link_to "ログアウト", destroy_user_session_path, method: :delete %></li> </ul> </li> <% end %> </ul> </div> </div> </nav> <% if (user_signed_in?) && !current_page?(root_path) && !current_page?("/rooms/#{params[:id]}") %> <nav class="navbar navbar-default" style="background-color: #89dfd7;"> <div class="container"> <ul class="nav navbar-nav"> <li <% if current_page?(dashboard_path) %> class="active" <% end %> > <%= link_to "ダッシュボード", dashboard_path %></li> <li <% if current_page?(host_calendar_path) %> class="active" <% end %> ><%= link_to "ホスト用カレンダー", host_calendar_path %></li> <li <% if current_page?(revenues_path) %> class="active" <% end %> ><%= link_to "収益", revenues_path %></li> <li <% if current_page?(payment_method_path) %> class="active" <% end %> ><%= link_to "クレジットカード登録", payment_method_path, data: { turbolinks: false} %></li> <li <% if current_page?(payout_method_path) %> class="active" <% end %> ><%= link_to "振り込み口座登録", payout_method_path %></li> </ul> </div> </nav> <% end %>
ブラウザ確認
http://localhost:3000/dashboard
受注予約の一覧（ホスト用）に詳細な予約情報が出るように更新します。
更新 app\views\reservations\your_reservations.html.erb
<div class="row"> <div class="col-md-3"> <ul class="sidebar-list"> <li class="sidebar-item"><%= link_to "受注予約の一覧", your_reservations_path, class: "sidebar-link active" %></li> <li class="sidebar-item"><%= link_to "登録したお部屋の管理", rooms_path, class: "sidebar-link" %></li> <li class="sidebar-item"><%= link_to "お部屋の新規登録", new_room_path, class: "sidebar-link" %></li> </ul> </div> <div class="col-md-9"> <div class="panel panel-default"> <div class="panel-heading"> 受注予約の一覧 </div> <div class="panel-body"> <% @rooms.each do |room| %> <% room.reservations.each do |reservation| %> <div class="row"> <div class="col-md-4" style="white-space: nowrap"> チェックイン ：<%= I18n.l(reservation.start_date, format: :full_date) %><br/> チェックアウト：<%= I18n.l(reservation.end_date, format: :full_date) %><br/> <br/> 1泊の宿泊料(税込)：<%= number_to_currency(reservation.price) %><br/> 合計(税込)：<%= number_to_currency(reservation.total) %><br/> <% if reservation.Waiting? %> <br/><p style="color: red;">承認待ちです。要確認</p> <% elsif reservation.Approved? %> <br/><p style="color: green;">予約を承認しました</p> <% else %> <br/><p style="color: red;">予約を拒否しました</p> <% end %> <div class="form-inline"> <% if reservation.Waiting? %> <%= link_to approve_reservation_path(reservation), method: :post do %> <i class="fa fa-thumbs-up fa-lg"></i> <% end %> | <%= link_to decline_reservation_path(reservation), method: :post do %> <i class="fa fa-thumbs-down fa-lg"></i> <% end %> <% end %> </div> </div> <div class="col-md-2"> <%= link_to room_path(reservation.room) do %> <%= image_tag reservation.room.cover_photo(:thumb) %> <% end %> </div> <div class="col-md-5"> <%= link_to reservation.room.listing_name, room_path(reservation.room) %><br/><br/> <span> <%= link_to user_path(reservation.user) do %> <%= image_tag reservation.user.gravatar_url, class: "img-circle avatar-small" %> <%= reservation.user.fullname %> <% end %> </span> </div> <div class="col-md-3 text-left"> <br/> <%= render partial: "reviews/host_form", locals: {reservation: reservation} if reservation.Approved? %> </div> </div> <hr/> <% end %> <% end %> </div> </div> </div> </div>
ブラウザ確認
http://localhost:3000/your_reservations
宿泊者用予約確認ページに詳細な予約情報が出るように更新します。
更新 app\views\reservations\your_trips.html.erb
<div class="row"> <div class="col-md-3"> <ul class="sidebar-list"> <li class="sidebar-item"><%= link_to "ご予約の内容", your_trips_path, class: "sidebar-link active" %></li> </ul> </div> <div class="col-md-9"> <div class="panel panel-default"> <div class="panel-heading"> ご予約内容 </div> <div class="panel-body"> <% @trips.each do |trip| %> <div class="row"> <div class="col-md-4" style="white-space: nowrap"> チェックイン ：<%= I18n.l(trip.start_date, format: :full_date) %><br/> チェックアウト：<%= I18n.l(trip.end_date, format: :full_date) %><br/> <br/> 1泊の宿泊料(税込)：<%= number_to_currency(trip.price) %><br/> 合計(税込)：<%= number_to_currency(trip.total) %><br/> <% if trip.Waiting? %> <br/><p style="color: red;">承認待ちです。<br/>しばらくお待ち下さい。</p> <% elsif trip.Approved? %> <br/><p style="color: green;">予約済みです</p> <% else %> <br/><p style="color: red;">予約できませんでした</p> <% end %> </div> <div class="col-md-2"> <%= link_to room_path(trip.room) do %> <%= image_tag trip.room.cover_photo(:thumb) %> <% end %> </div> <div class="col-md-5"> <%= link_to trip.room.listing_name, room_path(trip.room) %><br/><br/> <span> <%= image_tag trip.room.user.gravatar_url, class: "img-circle avatar-small" %> <%= link_to user_path(trip.room.user) do %> <%= trip.room.user.fullname %> <% end %> </span> </div> <div class="col-md-3 text-left"> <br/> <%= render partial: "reviews/guest_form", locals: {reservation: trip} if trip.Approved? %> </div> </div> <hr/> <% end %> </div> </div> </div> </div>
ブラウザ確認
http://localhost:3000/your_trips
