feat(ui): use infinite scrolling on all sections (no need anymore to to click on "load more")

static/js/views/favorites/favoritesView.js

@@ -27,6 +27,7 @@ import * as itemTooltip from '../../features/itemTooltip.js';
 import { favorites } from '../../features/library/favorites.js';
 import { fetchFavoritesPage } from '../../model/favoritesModel.js';
 import { systemUsers } from '../../model/systemUsers.js';
+import { attachInfiniteScroll } from '../../utils/infiniteScroll.js';
 
 /** @import {FavoritesResourceItem, FileItem, FolderItem, ResourceTypeEnum} from '../../core/types.js' */
 
@@ -429,6 +430,8 @@ const favoritesView = {
 
         wrapper.appendChild(btn);
         filesContainer.after(wrapper);
+
+        attachInfiniteScroll(wrapper, () => this._loadPage());
     },
 
     /**

static/js/views/myShares/mySharesView.js

@@ -19,6 +19,7 @@ import * as viewPrefs from '../../core/viewPrefs.js';
 import * as itemTooltip from '../../features/itemTooltip.js';
 import { grants } from '../../model/grants.js';
 import { groups } from '../../model/groups.js';
+import { attachInfiniteScroll } from '../../utils/infiniteScroll.js';
 
 /** @import {FileItem, FolderItem} from '../../core/types.js' */
 
@@ -256,6 +257,8 @@ const mySharesView = {
 
         wrapper.appendChild(btn);
         filesContainer.after(wrapper);
+
+        attachInfiniteScroll(wrapper, () => this._loadPage());
     },
 
     /** @param {boolean} visible */

static/js/views/recent/recentView.js

@@ -28,6 +28,7 @@ import * as itemTooltip from '../../features/itemTooltip.js';
 import { favorites } from '../../features/library/favorites.js';
 import { fetchRecentPage } from '../../model/recentModel.js';
 import { systemUsers } from '../../model/systemUsers.js';
+import { attachInfiniteScroll } from '../../utils/infiniteScroll.js';
 
 /** @import {FileItem, FolderItem, ResourceTypeEnum} from '../../core/types.js' */
 
@@ -436,6 +437,8 @@ const recentView = {
 
         wrapper.appendChild(btn);
         filesContainer.after(wrapper);
+
+        attachInfiniteScroll(wrapper, () => this._loadPage());
     },
 
     /**

static/js/views/sharedWithMe/sharedWithMeView.js

@@ -21,6 +21,7 @@ import * as itemTooltip from '../../features/itemTooltip.js';
 import { favorites } from '../../features/library/favorites.js';
 import { grants } from '../../model/grants.js';
 import { systemUsers } from '../../model/systemUsers.js';
+import { attachInfiniteScroll } from '../../utils/infiniteScroll.js';
 
 /** @import {SharedWithMeItem, FileItem, FolderItem, ResourceTypeEnum} from '../../core/types.js' */
 
@@ -438,6 +439,8 @@ const sharedWithMeView = {
 
         wrapper.appendChild(btn);
         filesContainer.after(wrapper);
+
+        attachInfiniteScroll(wrapper, () => this._loadPage());
     },
 
     /**

static/js/views/trash/trashView.js

@@ -24,6 +24,7 @@ import * as viewPrefs from '../../core/viewPrefs.js';
 import { fileOps } from '../../features/files/fileOperations.js';
 import * as itemTooltip from '../../features/itemTooltip.js';
 import { fetchTrashPage } from '../../model/trashModel.js';
+import { attachInfiniteScroll } from '../../utils/infiniteScroll.js';
 
 /** @import {FileItem, FolderItem, ResourceTypeEnum, TrashResourceItem} from '../../core/types.js' */
 
@@ -449,6 +450,8 @@ const trashView = {
 
         wrapper.appendChild(btn);
         filesContainer.after(wrapper);
+
+        attachInfiniteScroll(wrapper, () => this._loadPage());
     },
 
     /**