親flowの削除

app/controllers/flows_controller.rb

@@ -29,6 +29,15 @@ def update
  redirect_to root_path
  end
 
+ def destroy
+ @issue = Issue.find(params[:id])
+ @issue.children.each do |child|
+ child.article.destroy
+ end
+ @issue.article.destroy
+ redirect_to root_path
+ end
+
  private
 
  def issue_params

app/javascript/app.vue

@@ -18,7 +18,10 @@
  v-bind:issue_id = "issue.id"
  ></parentul>
  </div>
+ <p class="link">
  <a v-bind:href="'/flows/' + issue.id + '/edit'" v-if="isShow == issue.id" >編集</a>
+ <a v-bind:href="'/flows/' + issue.id " v-if="isShow == issue.id" data-method="delete" data-confirm="削除しますか？【注意】この先のフローも削除されます" >削除</a>
+ </p>
  </li>
  <li class="child">
  <a href="/flows/new" >追加</a>
@@ -184,6 +187,10 @@ export default {
  font-size: 0.8em;
  }
  }
+ .link {
+ display: flex;
+ justify-content: space-around;
+ }
  a {
  text-decoration: none;
  color: white;

app/javascript/ul.vue

@@ -11,7 +11,10 @@
  v-bind:issue_id = "issue.id"
  ></parentul>
  </div>
+ <p class="link">
  <a v-bind:href="'/flows/' + issue.id + '/edit'" v-if="isShow == issue.id" >編集</a>
+ <a v-bind:href="'/flows/' + issue.id " v-if="isShow == issue.id" data-method="delete" data-confirm="削除しますか？【注意】この先のフローも削除されます" >削除</a>
+ </p>
  </li>
  <li class="child" >
  <a v-bind:href="'/flows/new?parent_id=' + this.issue_id">追加</a>

app/models/article.rb

@@ -1,3 +1,3 @@
 class Article < ApplicationRecord
- has_many :issues
+ has_many :issues, dependent: :destroy
 end

config/routes.rb

@@ -8,5 +8,5 @@
  end
  end
  root to: "flows#index"
- resources :flows, only: [:new, :create, :edit, :update]
+ resources :flows, only: [:new, :create, :edit, :update, :destroy]
 end