updated list api docs

ui/src/components/collections/docs/FilterSyntax.svelte

@@ -6,7 +6,7 @@
     }
 </script>
 
-<button class="btn btn-sm btn-transparent m-t-5" on:click={toggle}>
+<button class="btn btn-sm btn-secondary m-t-10" on:click={toggle}>
     {#if expanded}
         <span class="txt">Hide details</span>
         <i class="ri-arrow-up-s-line" />

ui/src/components/collections/docs/ListApiDocs.svelte

@@ -11,6 +11,8 @@
     let responseTab = 200;
     let responses = [];
 
+    $: fieldNames = CommonHelper.getAllCollectionIdentifiers(collection);
+
     $: adminsOnly = collection?.listRule === null;
 
     $: backendAbsUrl = CommonHelper.getApiExampleUrl(ApiClient.baseUrl);
@@ -169,6 +171,13 @@
                         ?sort=-created,id
                     `}
                 />
+                <p>
+                    <strong>Supported record sort fields:</strong> <br />
+                    <code>@random</code>,
+                    {#each fieldNames as name, i}
+                        <code>{name}</code>{i < fieldNames.length - 1 ? ", " : ""}
+                    {/each}
+                </p>
             </td>
         </tr>
         <tr>