戻る

Rails5.0


民泊サイトの構築 Rails5.0

  (0)
2,000円

タスク3-7   写真削除

このタスクについて


タスクの内容を一部抜粋します。
プロジェクトを購入していただくとこのタスクの内容の全てを読みやすい表示で見ることができます。
プログラムコードが色分けされて見やすくなります。
プログラムコードに行番号が付きます。
本文が色分けされて見やすくなります。
そしてこのアプリケーションのフルコードをダウンロードすることが可能になります。




コントローラにデストロイメソッドを追加します。


記述追加 app\controllers\photos_controller.rb(17行目)
 
  def destroy 
    @photo = Photo.find(params[:id]) 
    @room = @photo.room 
    @photo.destroy 
    @photos = Photo.where(room_id: @room.id) 
    respond_to :js 
  end 



app\controllers\photos_controller.rb
 
class PhotosController < ApplicationController 

    def create 
      @room = Room.find(params[:room_id]) 
  
      if params[:images] 
        params[:images].each do |img| 
          @room.photos.create(image: img) 
        end 
  
        @photos = @room.photos 
        redirect_back(fallback_location: request.referer, notice: "保存しました。") 
      end 
    end 

    def destroy 
      @photo = Photo.find(params[:id]) 
      @room = @photo.room 
  
      @photo.destroy 
      @photos = Photo.where(room_id: @room.id) 
  
      respond_to :js 
    end 
    
end   



「app\views\photos」フォルダに「destroy.js.erb」ファイルを新規作成します。


app\views\photos\destroy.js.erb
写真を削除するとチェックマークも消えるようにしています。
 
$('#photos').html("<%= j render 'photos_list' %>") 
<% if @room.photos.blank? %> 
  $('#photo_check').hide(); 
<% end %> 
<% if !@room.active && !@room.price.blank? && !@room.listing_name.blank? && !@room.photos.blank? && !@room.address.blank? %> 
    $('#publish_button').attr('disabled', false); 
<% else %> 
    $('#publish_button').attr('disabled', true); 
<% end %> 



この続きはプロジェクトを購入していただくことで見ることができます。
プロジェクトを購入していただくとこのタスクの内容の全てを読みやすい表示で見ることができます。
プログラムコードが色分けされて見やすくなります。
プログラムコードに行番号が付きます。
本文が色分けされて見やすくなります。
そしてプロジェクトを購入するとこのアプリケーションのフルコードをダウンロードすることができます。

まだレビューはありません。

民泊サイトの構築 Rails5.0

2,000円

民泊サイトを構築します。
ホストは部屋を登録し、ゲストは宿泊予約できます。
ゲストはクレジットカードで支払いをし、ホストには料金の80%が自動で口座に振り込まれます。
Googleマップによる表示、AJAX検索、日付カレンダーによる予約、フルカレンダーによる部屋管理ができます。
リアルタイムメッセージにより連絡がとれます。
予約確認メールの送信も可能。
写真のアップロード機能、アマゾンS3の利用方法も解説。
レビュー機能の実装、電話番号認証の実装方法解説。
HEROKUへのデプロイ方法を解説。
フルコードのダウンロード可能。

タスク数: 136