RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make scroller even bolder

pull/37/head
Varun Patil 2022-09-12 01:34:26 -07:00
parent ef9c7e03ed
commit df0edfb02d
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js/memories-main.js
View File

File diff suppressed because one or more lines are too long

2
js/memories-main.js.map
View File

File diff suppressed because one or more lines are too long

15
src/components/Timeline.vue
View File

@ -100,8 +100,9 @@ import constants from "../mixins/constants";
import { generateUrl } from '@nextcloud/router' import { generateUrl } from '@nextcloud/router'
import { NcActions, NcActionButton, NcButton } from '@nextcloud/vue' import { NcActions, NcActionButton, NcButton } from '@nextcloud/vue'
const MAX_PHOTO_WIDTH = 175; const SCROLL_LOAD_DELAY = 100; // Delay in loading data when scrolling
const MIN_COLS = 3; const MAX_PHOTO_WIDTH = 175; // Max width of a photo
const MIN_COLS = 3; // Min number of columns (on phone, e.g.)
// Define API routes // Define API routes
const API_ROUTES = { const API_ROUTES = {
@ -354,10 +355,16 @@ export default {
this.currentStart = startIndex; this.currentStart = startIndex;
this.currentEnd = endIndex; this.currentEnd = endIndex;
setTimeout(() => { setTimeout(() => {
if (this.currentStart === startIndex && this.currentEnd === endIndex) { // Get the overlapping range between startIndex and
// currentStart and endIndex and currentEnd.
// This is the range of rows that we need to update.
const start = Math.max(startIndex, this.currentStart);
const end = Math.min(endIndex, this.currentEnd);
if (end - start > 0) {
this.loadScrollChanges(startIndex, endIndex); this.loadScrollChanges(startIndex, endIndex);
} }
}, 100); }, SCROLL_LOAD_DELAY);
}, },
/** Load image data for given view */ /** Load image data for given view */