import and export

front/js/svelte/content/ActionsOnSelected.svelte

@@ -1,5 +1,6 @@
 <script>
-    import {getContext} from "svelte";
+    import { getContext } from "svelte";
+    import { apiPost } from "../../helpers";
 
     const channel = getContext("channel");
     export let selected;
@@ -8,10 +9,9 @@
 
     function deleteRecords(e) {
         e.preventDefault();
-        axios
-            .post(channel.lucentUrl + "/records/delete", {
-                ids: selected.map((s) => s.id),
-            })
+        apiPost(channel.lucentUrl + "/records/delete", {
+            ids: selected.map((s) => s.id),
+        })
             .then((response) => {
                 window.location.reload();
             })
@@ -21,11 +21,10 @@
     }
 
     function changeStatus(e, status) {
-        axios
-            .post(channel.lucentUrl + "/records/status/" + status, {
-                schemaName: schema.name,
-                records: selected
-            })
+        apiPost(channel.lucentUrl + "/records/status/" + status, {
+            schemaName: schema.name,
+            records: selected,
+        })
             .then((response) => {
                 window.location.reload();
             })
@@ -38,44 +37,44 @@
 <div style="display: flex;align-items: center; gap: 8px">
     <span class="me-2">{selected.length} records selected</span>
     <button
-            on:click|preventDefault={(e) => changeStatus(e, "published")}
-            type="button"
-            class="button">Publish
-    </button
-    >
+        on:click|preventDefault={(e) => changeStatus(e, "published")}
+        type="button"
+        class="button"
+        >Publish
+    </button>
     <button
-            on:click|preventDefault={(e) => changeStatus(e, "draft")}
-            type="button"
-            class="button">Make Draft
-    </button
-    >
+        on:click|preventDefault={(e) => changeStatus(e, "draft")}
+        type="button"
+        class="button"
+        >Make Draft
+    </button>
     {#if filter["status_in"] === "trashed"}
         <button
-                on:click|preventDefault={(e) => changeStatus(e, "published")}
-                type="button"
-                class="button">Publish
-        </button
-        >
+            on:click|preventDefault={(e) => changeStatus(e, "published")}
+            type="button"
+            class="button"
+            >Publish
+        </button>
         {#if schema.hasDrafts}
             <button
-                    on:click|preventDefault={(e) => changeStatus(e, "draft")}
-                    type="button"
-                    class="button">Make Draft
-            </button
-            >
+                on:click|preventDefault={(e) => changeStatus(e, "draft")}
+                type="button"
+                class="button"
+                >Make Draft
+            </button>
         {/if}
         <button
-                on:click|preventDefault={deleteRecords}
-                type="button"
-                class="button">Delete forever
-        </button
-        >
+            on:click|preventDefault={deleteRecords}
+            type="button"
+            class="button"
+            >Delete forever
+        </button>
     {:else}
         <button
-                type="button"
-                on:click|preventDefault={(e) => changeStatus(e, "trashed")}
-                class="button">Move to trash
-        </button
-        >
+            type="button"
+            on:click|preventDefault={(e) => changeStatus(e, "trashed")}
+            class="button"
+            >Move to trash
+        </button>
     {/if}
 </div>