add cookies support

package/share/ahriman/templates/build-status.jinja2

@@ -117,7 +117,6 @@
                    data-sortable="true"
                    data-sort-name="base"
                    data-sort-order="asc"
-                   data-toggle="table"
                    data-toolbar="#toolbar">
                 <thead class="table-primary">
                     <tr>

package/share/ahriman/templates/build-status/package-info-modal.jinja2

@@ -539,5 +539,17 @@
             clearInterval(packageInfoAutoReloadTask);
             packageInfoAutoReloadTask = null; // not really required (?) but lets clear everything
         });
+
+        // set refresh interval
+        for (let refreshEnabled = Cookies.get(`ahriman-${packageInfoAutoReloadButton.id}-refresh-enabled`);
+             !!refreshEnabled;
+             refreshEnabled = undefined) {
+            packageInfoAutoReloadButton.checked = refreshEnabled === "true";
+        }
+        for (let refreshInterval = Cookies.get(`ahriman-${packageInfoAutoReloadButton.id}-refresh-interval`);
+             !!refreshInterval;
+             refreshInterval = undefined) {
+            toggleActiveElement(packageInfoAutoReloadInput, "interval", refreshInterval);
+        }
     });
 </script>

package/share/ahriman/templates/build-status/table.jinja2

@@ -250,6 +250,12 @@
     }
 
     ready(_ => {
+        const onCheckFunction = function () {
+            if (packageRemoveButton) {
+                packageRemoveButton.disabled = !getSelection().length;
+            }
+        };
+
         document.querySelectorAll("#repositories a").forEach(element => {
             element.onclick = _ => {
                 repository = {
@@ -264,49 +270,63 @@
             };
         });
 
-        table.on("check.bs.table uncheck.bs.table check-all.bs.table uncheck-all.bs.table", _ => {
-            if (packageRemoveButton) {
-                packageRemoveButton.disabled = !table.bootstrapTable("getSelections").length;
-            }
-        });
-        table.on("click-row.bs.table", (self, data, row, cell) => {
-            if (0 === cell || "base" === cell) {
-                const method = data[0] === true ? "uncheckBy" : "checkBy"; // fck javascript
-                table.bootstrapTable(method, {field: "id", values: [data.id]});
-            } else showPackageInfo(data.id);
-        });
-        table.on("created-controls.bs.table", _ => {
-            new easepick.create({
-                element: document.querySelector(".bootstrap-table-filter-control-timestamp"),
-                css: [
-                    "https://cdn.jsdelivr.net/npm/@easepick/bundle@1.2.1/dist/index.css",
-                ],
-                grid: 2,
-                calendars: 2,
-                autoApply: false,
-                locale: {
-                    cancel: "Clear",
-                },
-                RangePlugin: {
-                    tooltip: false,
-                },
-                plugins: [
-                    "RangePlugin",
-                ],
-                setup: picker => {
-                    picker.on("select", _ => { table.bootstrapTable("triggerSearch"); });
-                    // replace "Cancel" behaviour to "Clear"
-                    picker.onClickCancelButton = element => {
-                        if (picker.isCancelButton(element)) {
-                            picker.clear();
-                            picker.hide();
-                            table.bootstrapTable("triggerSearch");
-                        }
-                    };
-                },
-            });
+        table.bootstrapTable({
+            onCheck: onCheckFunction,
+            onCheckAll: onCheckFunction,
+            onClickRow: (data, row, cell) => {
+                if (0 === cell || "base" === cell) {
+                    const method = data[0] === true ? "uncheckBy" : "checkBy"; // fck javascript
+                    table.bootstrapTable(method, {field: "id", values: [data.id]});
+                } else showPackageInfo(data.id);
+            },
+            onCreatedControls: _ => {
+                new easepick.create({
+                    element: document.querySelector(".bootstrap-table-filter-control-timestamp"),
+                    css: [
+                        "https://cdn.jsdelivr.net/npm/@easepick/bundle@1.2.1/dist/index.css",
+                    ],
+                    grid: 2,
+                    calendars: 2,
+                    autoApply: false,
+                    locale: {
+                        cancel: "Clear",
+                    },
+                    RangePlugin: {
+                        tooltip: false,
+                    },
+                    plugins: [
+                        "RangePlugin",
+                    ],
+                    setup: picker => {
+                        picker.on("select", _ => { table.bootstrapTable("triggerSearch"); });
+                        // replace "Cancel" behaviour to "Clear"
+                        picker.onClickCancelButton = element => {
+                            if (picker.isCancelButton(element)) {
+                                picker.clear();
+                                picker.hide();
+                                table.bootstrapTable("triggerSearch");
+                            }
+                        };
+                    },
+                });
+            },
+            onPageChange: (_, size) => { Cookies.set(`ahriman-${table.attr("id")}-page-size`, size); },
+            onUncheck: onCheckFunction,
+            onUncheckAll: onCheckFunction,
         });
 
+        // set refresh interval
+        for (let refreshEnabled = Cookies.get(`ahriman-${tableAutoReloadButton.id}-refresh-enabled`);
+             !!refreshEnabled;
+             refreshEnabled = undefined) {
+            tableAutoReloadButton.checked = refreshEnabled === "true";
+        }
+        for (let refreshInterval = Cookies.get(`ahriman-${tableAutoReloadButton.id}-refresh-interval`);
+             !!refreshInterval;
+             refreshInterval = undefined) {
+            toggleActiveElement(tableAutoReloadInput, "interval", refreshInterval);
+        }
+
         selectRepository();
         {% if autorefresh_intervals %}
             toggleTableAutoReload();

package/share/ahriman/templates/utils/bootstrap-scripts.jinja2

@@ -19,6 +19,8 @@
 
 <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js" crossorigin="anonymous" type="application/javascript"></script>
 
+<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js" crossorigin="anonymous" type="application/javascript"></script>
+
 <script>
     async function copyToClipboard(text, button) {
         await navigator.clipboard.writeText(text);
@@ -144,21 +146,28 @@
             interval = intervalSelector.querySelector(".active")?.dataset?.interval; // find active element
         }
 
+        let intervalId = null;
         if (interval) {
             if (toggle.checked) {
                 // refresh UI
-                Array.from(intervalSelector.children).forEach(il => {
-                    Array.from(il.children).forEach(el => el.classList.remove("active"));
-                });
-                intervalSelector.querySelector(`a[data-interval="${interval}"]`)?.classList?.add("active");
+                toggleActiveElement(intervalSelector, "interval", interval);
                 // finally create timer task
-                return setInterval(callback, interval);
+                intervalId = setInterval(callback, interval);
             }
         } else {
             toggle.checked = false; // no active interval found, disable toggle
         }
 
-        return null; // return null to assign to keep method sane
+        Cookies.set(`ahriman-${toggle.id}-refresh-enabled`, toggle.checked);
+        Cookies.set(`ahriman-${toggle.id}-refresh-interval`, interval);
+        return intervalId;
+    }
+
+    function toggleActiveElement(selector, dataType, value) {
+        Array.from(selector.children).forEach(il => {
+            Array.from(il.children).forEach(el => el.classList.remove("active"));
+        });
+        selector.querySelector(`a[data-${dataType}="${value}"]`)?.classList?.add("active");
     }
 
     Date.prototype.toISOStringShort = function() {