infinity scroller ui improvements

changelog.md

@@ -1,12 +1,18 @@
 ## Version 2.2
 #### Release date: 18. May 2022
+
+### Fixes
 - Solved issue with database backup notifications
 - Solved issue where after team member was invited into team folder, email with urging the recipient to create new account was sent
 - You are now allowed to set price for metered billing in 3 decimal places
 - Solved UI issue with empty notification popup
+- Plans in fixed subscription are now automatically sorted from lower to higher price
+
+### New Features
+- API version 1 released
+- Paginated records loading with infinity scroller
 - If you send file request for native user via email option, the push notification will be sent to the user
 - Ability to test your websocket (Broadcasting) connection via Admin / Server / Broadcasting tab
-- Plans in fixed subscription are now automatically sorted from lower to higher price
 
 ## Version 2.1.3
 #### Release date: 10. May 2022

config/vuefilemanager.php

@@ -62,7 +62,7 @@ return [
     ],
 
     'paginate' => [
-        'perPage' => env('PAGINATE_RECORDS_PER_PAGE', 25),
+        'perPage' => env('PAGINATE_RECORDS_PER_PAGE', 50),
     ],
 
     // The update versions which need to run upgrade process

public/mix-manifest.json

@@ -1,7 +1,7 @@
 {
     "/js/main.js": "/js/main.js",
     "/chunks/request.js": "/chunks/request.js?id=ecd05e0b97d63986",
-    "/chunks/request-upload.js": "/chunks/request-upload.js?id=e1d93f2b44272ed8",
+    "/chunks/request-upload.js": "/chunks/request-upload.js?id=e2ca8d47e72c5beb",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=19a0784e59d768ec",
     "/chunks/status-check.js": "/chunks/status-check.js?id=a5ba5fb895af7040",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=ba76b9a8adbfdc0b",
@@ -10,12 +10,12 @@
     "/chunks/app-setup.js": "/chunks/app-setup.js?id=cbe7bfed06400736",
     "/chunks/admin-account.js": "/chunks/admin-account.js?id=78d257775f5fc485",
     "/chunks/shared.js": "/chunks/shared.js?id=0e270aee87fb16d0",
-    "/chunks/shared/browser.js": "/chunks/shared/browser.js?id=f7d5f3af37210b3f",
+    "/chunks/shared/browser.js": "/chunks/shared/browser.js?id=d11a19c1f1ebf98a",
     "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=f03ab6659c6c1e9b",
     "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=cd743a710a7dd6b4",
     "/chunks/not-found.js": "/chunks/not-found.js?id=d31bd699138cf828",
     "/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=26798085f527d955",
-    "/chunks/admin.js": "/chunks/admin.js?id=7517a25b81c4a59b",
+    "/chunks/admin.js": "/chunks/admin.js?id=d46894520457104e",
     "/chunks/dashboard.js": "/chunks/dashboard.js?id=5ab55a12214433c8",
     "/chunks/invoices.js": "/chunks/invoices.js?id=799928609f57ca10",
     "/chunks/subscriptions.js": "/chunks/subscriptions.js?id=a0c4f59d0ec4aee0",
@@ -58,18 +58,18 @@
     "/chunks/sign-up.js": "/chunks/sign-up.js?id=2af6073efe54c560",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=ff8954243e86c1e1",
     "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=2f0401ee2fc148c4",
-    "/chunks/settings.js": "/chunks/settings.js?id=29b9510ac60fe370",
+    "/chunks/settings.js": "/chunks/settings.js?id=1da081ced20d300e",
     "/chunks/profile.js": "/chunks/profile.js?id=3e24bb5e1f52d4bb",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=d00bf503d8126dc4",
     "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=ecfee7f7e98204f8",
     "/chunks/billing.js": "/chunks/billing.js?id=6fbcdd34c623b2b3",
-    "/chunks/platform.js": "/chunks/platform.js?id=0b49a3433770831c",
+    "/chunks/platform.js": "/chunks/platform.js?id=b19483c5eab2abb1",
-    "/chunks/files.js": "/chunks/files.js?id=22078a3b592b2058",
+    "/chunks/files.js": "/chunks/files.js?id=b37b6c49d0ac2208",
-    "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=e667aa8fc8646ba4",
+    "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=238c74077db8a5ff",
-    "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=1accaf0dd4106017",
+    "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=f28e45d77618614b",
-    "/chunks/trash.js": "/chunks/trash.js?id=0039ee3b0e28405d",
+    "/chunks/trash.js": "/chunks/trash.js?id=6a7d3921dacfefda",
-    "/chunks/team-folders.js": "/chunks/team-folders.js?id=e7d7c1506c565e2f",
+    "/chunks/team-folders.js": "/chunks/team-folders.js?id=d13f2de67a2e3ffc",
-    "/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=0ede8351abc1f29f",
+    "/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=5c86976b9a63a72c",
     "/chunks/invitation.js": "/chunks/invitation.js?id=424b2783d9785a09",
     "/css/tailwind.css": "/css/tailwind.css",
     "/css/app.css": "/css/app.css"

resources/js/components/EntriesView/FileBrowser.vue

@@ -28,8 +28,8 @@
 
         <!-- Infinite Loader Element -->
         <div
-            v-show="showInfiniteLoadSpinner"
+			v-show="showInfiniteLoadSpinner"
-            class="relative h-16 md:my-0 my-4"
+            class="relative h-8 md:mt-0 md:mb-4 my-4 col-span-full scale-50"
 			ref="infinityLoader"
 		>
             <Spinner />

resources/js/components/Teams/CreateTeamFolderPopup.vue

@@ -179,7 +179,7 @@ export default {
 
                         // Add created team folder into Team Folder homepage view
                     } else if (isTeamFoldersLocation && !this.$route.params.id) {
-                        this.$store.commit('ADD_NEW_FOLDER', response.data)
+                        this.$store.commit('ADD_NEW_ITEM', response.data)
 
                         // Redirect to Team Folders after converting simple folder
                     } else if (!isTeamFoldersLocation) {

resources/js/store/modules/fileBrowser.js

@@ -184,7 +184,7 @@ const mutations = {
             if (item.data.id === data.data.id) item.data = data.data
         })
     },
-    ADD_NEW_FOLDER(state, folder) {
+    ADD_NEW_ITEM(state, folder) {
         state.entries.unshift(folder)
     },
     ADD_NEW_ITEMS(state, items) {

resources/js/store/modules/fileFunctions.js

@@ -98,7 +98,7 @@ const actions = {
                 parent_id: getters.currentFolder?.data.id,
             })
             .then((response) => {
-                commit('ADD_NEW_FOLDER', response.data)
+                commit('ADD_NEW_ITEM', response.data)
 
                 events.$emit('scrollTop')
 
@@ -196,7 +196,7 @@ const actions = {
                                 response.data.data.attributes.parent_id === getters.currentFolder.data.id)
                         ) {
                             // Add uploaded item into view
-                            commit('ADD_NEW_ITEMS', response.data)
+                            commit('ADD_NEW_ITEM', response.data)
                         }
 
                         // Reset file progress