mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add LazyListView.onRangeVisible optional callback

Browse source 
Will be used in sync v3 to request different parts of the room list.
This commit is contained in:
Kegan Dougal 2021-11-23 11:16:09 +00:00
parent c6c0fb93fb
commit 63b3c6c909
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/platform/web/ui/general/LazyListView.js
View file

@ -72,11 +72,12 @@ class ItemRange {
}
export class LazyListView extends ListView {
constructor({itemHeight, overflowMargin = 5, overflowItems = 20,...options}, childCreator) {
constructor({itemHeight, onRangeVisible, overflowMargin = 5, overflowItems = 20,...options}, childCreator) {
super(options, childCreator);
this._itemHeight = itemHeight;
this._overflowMargin = overflowMargin;
this._overflowItems = overflowItems;
this._onRangeVisible = onRangeVisible; // function(ItemRange)
}
_getVisibleRange() {
@ -103,6 +104,9 @@ export class LazyListView extends ListView {
if (forceRender || !this._renderRange.contains(intersectRange)) {
this._renderRange = renderRange;
this._renderElementsInRange();
if (this._onRangeVisible) {
this._onRangeVisible(renderRange);
}
}
}

3
src/platform/web/ui/session/leftpanel/LeftPanelView.js
View file

@ -64,6 +64,9 @@ export class LeftPanelView extends TemplateView {
className: "RoomList",
itemHeight: 44,
list: vm.tileViewModels,
onRangeVisible: (range) => {
console.log(range);
},
},
tileVM => {
if (tileVM.kind === "invite") {