Add datatables order.neutral plugin and use it to allow resetting of …

…sort order on datatables

bundle.js

@@ -77192,6 +77192,23 @@ const applyDatatables = () => {
                   }
                 }
             });
+
+            // Setup a custom handler to reset sort order after descending instead of going back to ascending
+            // Accomplished by finding and intercepting the mutation of the sorting th's class from desc to asc
+            const callback = (mutationList) => {
+                for (const mutation of mutationList) {
+                    if (mutation.type === "attributes" &&
+                        mutation.attributeName == "class" &&
+                        mutation.oldValue.includes("sorting_desc") &&
+                        mutation.target.classList.contains("sorting_asc")
+                    ) {
+                        $(`#${element.id}`).DataTable().order.neutral().draw();
+                    }
+                }
+            };
+            document.querySelectorAll('th.sorting').forEach((el) => {
+                new MutationObserver(callback).observe(el, { attributes: true, attributeFilter: ['class'], attributeOldValue: true });
+            });
         } catch(e){}
     });
 }

index.html

@@ -29,6 +29,7 @@
         <!--Datatables-->
         <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.13.1/cr-1.6.1/datatables.min.css"/>
         <script type="text/javascript" src="https://cdn.datatables.net/v/bs5/dt-1.13.1/cr-1.6.1/datatables.min.js"></script>
+        <script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.13.6/api/order.neutral().min.js"></script>
 
         <!--Simple Markdown Editor-->
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">

scripts/datatables.js

@@ -39,6 +39,23 @@ const applyDatatables = () => {
                   }
                 }
             });
+
+            // Setup a custom handler to reset sort order after descending instead of going back to ascending
+            // Accomplished by finding and intercepting the mutation of the sorting th's class from desc to asc
+            const callback = (mutationList) => {
+                for (const mutation of mutationList) {
+                    if (mutation.type === "attributes" &&
+                        mutation.attributeName == "class" &&
+                        mutation.oldValue.includes("sorting_desc") &&
+                        mutation.target.classList.contains("sorting_asc")
+                    ) {
+                        $(`#${element.id}`).DataTable().order.neutral().draw();
+                    }
+                }
+            };
+            document.querySelectorAll('th.sorting').forEach((el) => {
+                new MutationObserver(callback).observe(el, { attributes: true, attributeFilter: ['class'], attributeOldValue: true });
+            });
         } catch(e){}
     });
 }