V3 - Fix Reorder For Bootstrap (#1412)

* Minor tweaks to blades for reorder cols * Bootstrap Reorder Toggle
rappasoft · Oct 13, 2023 · c0f00ea · c0f00ea
1 parent 31ae8fe
commit c0f00ea
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/resources/views/components/tools/toolbar/bootstrap.blade.php b/resources/views/components/tools/toolbar/bootstrap.blade.php
@@ -10,29 +10,38 @@
             </div>
         @endif
 
-        <div
+        <div x-data
             x-show="reorderStatus"
             @class([
                 'mr-0 mr-md-2 mb-3 mb-md-0' => $component->isBootstrap4(),
                 'me-0 me-md-2 mb-3 mb-md-0' => $component->isBootstrap5()
             ])
         >
             <button
-                x-on:click="reorderToggle()"
+                x-on:click="reorderToggle"
                 type="button"
                 @class([
                     'btn btn-default d-block w-100 d-md-inline' => $component->isBootstrap(),
                 ])
             >
                 <span x-show="currentlyReorderingStatus">
-                    @lang('Done Reordering')
+                    @lang('Cancel')
                 </span>
 
-                <span x-show="currentlyReorderingStatus !== true">
+                <span x-show="!currentlyReorderingStatus">
                     @lang('Reorder')
                 </span>
+
             </button>
         </div>
+        <button
+                type="button"
+                x-show="reorderStatus && currentlyReorderingStatus" 
+                x-on:click="updateOrderedItems"
+                :class="(reorderStatus && currentlyReorderingStatus) ? 'btn btn-default d-block w-100 d-md-inline' : 'hidden'"
+            >
+                    @lang('Save')
+        </button>
 
         @if ($component->searchIsEnabled() && $component->searchVisibilityIsEnabled())
             <div