戻る

Rails6.0


動画学習サイトの構築 Rails6.0

  (0)
2,000円

タスク6-3   レビューフォーム

このタスクについて


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




「app\views\project\show.html.erb」ファイルに以下の記述を追加します。


1.記述追加 app\views\project\show.html.erb(135行目)
 
<span style="margin-left: 20px;"> 
    <a class="button is-medium is-outlined is-danger toggle-modal" aria-control="<%= @project.id %>">レビューする</a> 
</span> 
<div class="modal" id="<%= @project.id %>"> 
    <div class="modal-background"></div> 
    <div class="modal-content"> 
        <div class="box"> 
            <%= form_for Review.new do |f| %> 
                <%= f.hidden_field :project_id, value: @project.id %> 
                <%= f.hidden_field :user_id, value: current_user.id %> 
                <div class="field"> 
                    <div id="star_<%= @project.id %>"></div> 
                </div> 
                <div class="field"> 
                    <%= f.text_area :review, class: "textarea" %> 
                </div> 
                <a class="toggle-modal button is-light" aria-control="<%= @project.id %>">キャンセル</a> 
                <%= f.submit "レビューする", class: "button is-danger" %> 
            <% end %> 
        </div> 
    </div> 
</div> 



2.記述追加 app\views\project\show.html.erb(189行目)
 
<script> 
    $('.toggle-modal').on('click', (e) => { 
        e.stopPropagation(); 
        e.preventDefault(); 
        var project_id = e.target.getAttribute('aria-control'); 
        $('#star_' + project_id).raty({ 
            path: '/assets/raty-js/lib/images', 
            scoreName: 'review[stars]', 
            score: 1 
        }); 
        $('#star_' + project_id).raty('reload'); 
        $('#' + project_id).toggleClass('is-active'); 
    }); 
</script> 



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

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

動画学習サイトの構築 Rails6.0

2,000円

Rails6.0で作成しています。
動画で学べるサイトを構築するプロジェクトです。
プロジェクトを登録し、そのプロジェクトに動画を登録できます。
プロジェクトはクレジットカードで購入でき、購入後すぐに動画を見ることができます。
写真の複数アップロード、レビュー機能の実装、Google認証、アマゾンS3の利用方法も解説。
管理ダッシュボードtrestleの実装、Gメールの設定、 HEROKUへのデプロイ方法を解説。
質問があればメッセージを送ることができ、リアルタイムで会話表示することができます。
フルコードのダウンロード可能。

タスク数: 128