frontend bugfix

Author: arukompas

public/app.js

@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=03df39a607c0b3f992be0b10568e34cb",
+    "/app.js": "/app.js?id=24bd4dda654f47d439869d0cb38b98a1",
     "/app.css": "/app.css?id=5593a0331dd40729ff41e32a6035d872",
     "/img/log-viewer-128.png": "/img/log-viewer-128.png?id=d576c6d2e16074d3f064e60fe4f35166",
     "/img/log-viewer-32.png": "/img/log-viewer-32.png?id=f8ec67d10f996aa8baf00df3b61eea6d",

public/mix-manifest.json

@@ -2,7 +2,6 @@
 import {useLogViewerStore} from "../stores/logViewer";
 
 const logViewerStore = useLogViewerStore();
-const paginationOptions = window.LogViewer.per_page_options || [10, 25, 50, 100, 250, 500];
 </script>
 
 <template>
@@ -14,7 +13,7 @@ const paginationOptions = window.LogViewer.per_page_options || [10, 25, 50, 100,
   </select>
   <label for="items-per-page" class="sr-only">Items per page</label>
   <select id="items-per-page" v-model="logViewerStore.resultsPerPage" class="select">
-    <option v-for="option in paginationOptions" :key="option" :value="option">{{ option }} items per page</option>
+    <option v-for="option in logViewerStore.perPageOptions" :key="option" :value="option">{{ option }} items per page</option>
   </select>
 </div>
 </template>

resources/js/components/PaginationOptions.vue

@@ -102,6 +102,17 @@ export const useLogViewerStore = defineStore({
     isInViewport() {
       return (index) => this.pixelsAboveFold(index) > -this.tableRowHeight;
     },
+
+    perPageOptions() {
+      const baseOptions = window.LogViewer.per_page_options || [10, 25, 50, 100, 250, 500];
+
+      if (! baseOptions.includes(this.resultsPerPage)) {
+        baseOptions.push(this.resultsPerPage);
+        baseOptions.sort((a, b) => a - b);
+      }
+
+      return baseOptions;
+    },
   },
 
   actions: {