jsを変更

manabeai · Aug 21, 2024 · e449418 · e449418
1 parent 770e7e7
commit e449418
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 9 deletions.
diff --git a/app/javascript/application.js b/app/javascript/application.js
@@ -1,5 +1,3 @@
 // Entry point for the build script in your package.json
 import "@hotwired/turbo-rails"
 import "./controllers"
-
-Turbo.session.drive = false
diff --git a/app/javascript/controllers/index.js b/app/javascript/controllers/index.js
@@ -4,5 +4,5 @@
 
 import { application } from "./application"
 
-import HelloController from "./hello_controller"
-application.register("hello", HelloController)
+import RemovalsController from "./removals_controller"
+application.register("removals", RemovalsController)
diff --git a/...avascript/controllers/hello_controller.js → ...script/controllers/removals_controller.js b/...avascript/controllers/hello_controller.js → ...script/controllers/removals_controller.js
@@ -1,7 +1,7 @@
 import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
-  connect() {
-    this.element.textContent = "Hello World!"
+  remove() {
+    this.element.remove()
   }
-}
+}
diff --git a/app/views/layouts/_flash.html.erb b/app/views/layouts/_flash.html.erb
@@ -1,5 +1,9 @@
 <% flash.each do |flash_type, message| %>
-  <div class="flash__message">
+  <div
+    class="flash__message"
+    data-controller="removals"
+    data-action="animationend->removals#remove"
+  >
     <%= message %>
   </div>
-<% end %>
+<% end %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -19,6 +19,9 @@
 
   <body>
     <%= render "layouts/navbar" %>
+    <div class="flash">
+      <%= render "layouts/flash" %>
+    </div>
     <%= yield %>
   </body>
 </html>