編集履歴

質問編集履歴

2020/10/09 12:03

投稿

Meitoku

スコア44

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -353,3 +353,103 @@
       <%=f.submit value: "SENT",class: "game_record"%>
 ```
+tweet.js
+```
+$(document).on('turbolinks:load', (function(){
+function appendOption(category) {
+  let html =
+    `<option value="${category.id}" data-category="${category.id}">${category.name}</option>`;
+  return html;
+}
+function appendChildrenBox(insertHTML) {
+  let childSelectHtml = '';
+  childSelectHtml =
+                    `<p>高校A</p>
+                    <select name="tweet[school_a_id]" class="tournament_select_child" id="children_category">
+                      <option value="" data-category="" >学校を選択してください</option>
+                      ${insertHTML}</select>`
+                    $(".school").append(childSelectHtml)
+  childSelectHtml2 =
+                    `<p>高校B</p>
+                    <select name="tweet[school_b_id]" class="tournament_select_child" id="children_category">
+                      <option value="" data-category="" >学校を選択してください</option>
+                      ${insertHTML}</select>`
+                    $(".school2").append(childSelectHtml2)
+  }
+  $("#parent_category").on("change",function(){
+    let parentCategory = $("#parent_category").val();
+    if(parentCategory !=""){
+      $.ajax({
+        type: 'GET',
+        url: '/tweets/new',
+        data: {tournament_id: parentCategory},
+        dataType: 'json'
+      })
+      .done(function(children){
+        $(".school").empty();
+        $(".school2").empty();
+        let insertHTML = '';
+        children.forEach(function(child) {
+        insertHTML += appendOption(child);
+      });
+      appendChildrenBox(insertHTML);
+    })
+      .fail(function() {
+        alert('error：子カテゴリーの取得に失敗');
+      })
+    }
+  });
+```

2020/10/09 12:02

投稿

Meitoku

スコア44

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -49,3 +49,307 @@
 @category = Category.find(params[:id])
 ```
+####追記
+######簡単な実装の説明
+多階層のカテゴリを実装しています
+現在取得したいidというのは親カテゴリのidです
+以下で親カテゴリのidを取得して、childrenメソッドで子カテゴリのidを取得できるのかなと思っています
+```
+  def edit
+    @category_children = Category.find(params[:id]).children
+  end
+```
+そしてviewファイルで子カテゴリを全てセレクトボックスで表示させようかと思っています
+```
+ <%=f.select :school_a_id,options_for_select(@category_children.map{|c| [c[:name], c[:id]]},selected: @tweet.tournament_id),{},{class: "tournament_select_child",id: "children_category"} %>
+```
+###各ファイル
+tweetモデル
+```
+class Tweet < ApplicationRecord
+  validates :title_info,length: {maximum: 30}
+  validates :tournament_id,:school_a,:school_b,:school_a_score,:school_b_score,:text,:title_info ,presence: true
+  mount_uploader :image, ImageUploader
+  belongs_to :user
+  has_many :tournaments
+  has_many :categories
+  has_many :liked_users,through: :likes,source: :user
+  belongs_to :school_a,class_name: 'Category', foreign_key: 'school_a_id'
+  belongs_to :school_b,class_name: 'Category', foreign_key: 'school_b_id'
+end
+```
+categoryモデル
+```
+class Category < ApplicationRecord
+  has_many :tweets
+  has_ancestry
+  has_many :school_a_tweets,class_name: 'Tweet',  foreign_key: 'school_a_id'
+  has_many :school_b_tweets,class_name: 'Tweet',  foreign_key: 'school_b_id'
+end
+```
+tweet.controller.rb
+```
+class TweetsController < ApplicationController
+  before_action :search_tweet,only:[:show,:destroy,:edit,:update]
+  before_action :move_to_index,except: :index
+  before_action :set_category, only: [:index,:new, :edit, :create, :update, :destroy]
+  def index
+    @tweets = Tweet.includes(:user).page(params[:page]).per(5).order("created_at DESC")
+  end
+  def new
+    @tweet=Tweet.new
+    respond_to do |format|
+      format.html
+      format.json do
+      @category_children = Category.find(params[:tournament_id]).children
+      end
+    end
+  end
+  def create
+    @tweet=Tweet.create(tweet_params)
+    render "new" unless @tweet.save
+  end
+  def show
+    @nickname=current_user.nickname
+    @comments = @tweet.comments.includes(:user)
+    @like = Like.new
+  end
+  def destroy
+    @tweet.destroy if @tweet.user_id == current_user.id
+  end
+  def edit
+    @category_children = Category.find(params[:id]).children
+  end
+  def update
+    @tweet.update(tweet_params) if @tweet.user_id == current_user.id || current_user.admin
+    redirect_to action: :show
+  end
+  def get_category_children
+    @category_children = Category.find(params[:tournament_id]).children
+  end
+  def search_tweet
+    @tweet = Tweet.find(params[:id])
+  end
+  def move_to_index
+    redirect_to action: :index unless user_signed_in?
+  end
+  private
+  def set_category
+    @category_parent_array = Category.where(ancestry: nil)
+  end
+  def tweet_params
+    params.require(:tweet).permit(:image,:text,:title_info,:school_a_score,:school_b_score,:school_a_id,:school_b_id,:tournament_id).merge(user_id: current_user.id)
+  end
+end
+```
+edit.html.erb
+```
+  <div class="contents row">
+  <%= form_with(model: @tweet,local: true) do |f|%>
+    <%= f.label "大会選択" %>
+    <%=f.select :tournament_id, options_for_select( @category_parent_array.map{|c| [c[:name], c[:id]]},selected: @tweet.tournament_id),{include_blank:"大会を選択してください"}, { class: "parent_category_box", id: "parent_category"}%>
+    <div class="school"></div>
+    <%=f.select :school_a_id,options_for_select(@category_children.map{|c| [c[:name], c[:id]]},selected: @tweet.tournament_id),{},{class: "tournament_select_child",id: "children_category"} %>
+    <div class="school2"></div>
+    <%= render partial: "form",locals: {f: f} %>
+    <% end %>
+    <%= link_to "戻る","/tweets/#{@tweet.id}",class:"back"%>
+  </div>
+```
+_form.html.erb
+```
+      <p>高校A 得点</p>
+      <%= f.select :school_a_score, options_for_select((1..50).to_a,selected: @tweet.school_a_score),{include_blank:"得点を選択してください"} %>
+      <p>高校B 得点</p>
+      <%= f.select :school_b_score, options_for_select((1..50).to_a,@tweet.school_b_score),{include_blank: "得点を選択してください"} %>
+      <%= f.text_field :title_info,placeholder: "タイトル",class: "game_record",value: "#{@tweet.title_info}" %>
+      <%= f.text_area :text, cols: 30 ,rows: 10,value: "#{@tweet.text}" %>
+      <%= f.label :image, class: "form-image" do %>
+        <h4>画像投稿</h4>
+        <i class="fa fa-image"></i>
+        <%= f.file_field :image, class: 'input-box_image_file',value: "#{@tweet.image}"%>
+      <% end %>
+      <%=f.submit value: "SENT",class: "game_record"%>
+```