Edit boards in place with Turbo Frames

visualitypl · Jul 18, 2024 · cffaa07 · cffaa07
1 parent 3473d9d
commit cffaa07
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/app/views/boards/edit.html.erb b/app/views/boards/edit.html.erb
@@ -1,7 +1,9 @@
 <h1 class="text-primary-dark-500">Edit Board</h1>
 
 <div class="row w-100 justify-content-center mt-3">
-  <div class="border border-primary-grey-200 bg-light p-2">
-    <%= render 'form' %>
-  </div>
+  <%= turbo_frame_tag dom_id(@board, :edit) do %>
+    <div class="border border-primary-grey-200 bg-light p-2">
+      <%= render 'form' %>
+    </div>
+  <% end %>
 </div>
diff --git a/app/views/boards/index.html.erb b/app/views/boards/index.html.erb
@@ -14,21 +14,23 @@
   <% @boards.each do |board| %>
     <div class="col-3 my-3">
       <div class="card border border-primary-grey-200">
-        <div class="card-header bg-primary-grey-200">
-          <div class="d-flex justify-content-between align-items-center">
-            <h5 class="card-title mb-0">
-              <%= link_to board.name, board, class: 'link-underline link-underline-opacity-0' %>
-            </h5>
-            <div class="d-flex gap-2">
-              <%= link_to edit_board_path(board), class: 'text-default' do %>
-                <i class="fa-solid fa-pencil text-primary-dark-600"></i>
-              <% end %>
-              <%= link_to board, data: { turbo_method: :delete, turbo_confirm: 'Are you sure?' }, class: 'text-danger' do %>
-                <i class="fa-solid fa-trash text-primary-dark-600"></i>
-              <% end %>
+        <%= turbo_frame_tag dom_id(board, :edit) do %>
+          <div class="card-header bg-primary-grey-200">
+            <div class="d-flex justify-content-between align-items-center">
+              <h5 class="card-title mb-0">
+                <%= link_to board.name, board, class: 'link-underline link-underline-opacity-0' %>
+              </h5>
+              <div class="d-flex gap-2">
+                <%= link_to edit_board_path(board), class: 'text-default' do %>
+                  <i class="fa-solid fa-pencil text-primary-dark-600"></i>
+                <% end %>
+                <%= link_to board, data: { turbo_method: :delete, turbo_confirm: 'Are you sure?' }, class: 'text-danger' do %>
+                  <i class="fa-solid fa-trash text-primary-dark-600"></i>
+                <% end %>
+              </div>
             </div>
           </div>
-        </div>
+        <% end %>
         <div class="card-body bg-primary-grey-100">
           <div class="card-text">
             <p>