adapt-authoring-ui 1.8.1 → 1.8.3

package/app/modules/projects/views/projectsView.js

@@ -123,7 +123,11 @@ define(function(require){
         creatorName = Origin.l10n.t('app.unknownuser');
       }
       if(this._isShared && creatorName) model.set('creatorName', creatorName);
-      model.set('tagTitles', model.get('tags').map(tId => this.allTags.find(t => t.get('_id') === tId).get('title')));
+      model.set('tagTitles', (model.get('tags') || []).reduce((titles, tId) => {
+        const tag = this.allTags.find(t => t.get('_id') === tId);
+        tag ? titles.push(tag.get('title')) : console.error(`Missing tag '${tId}' on course ${model.get('_id')}`);
+        return titles;
+      }, []));
       const view = new ProjectView({ model });
       this.childViews.push(view);
       this.getProjectsContainer().append(view.$el);
@@ -183,6 +187,9 @@ define(function(require){
 
               this.$('.no-projects').toggleClass('display-none', this.allCourses.length > 0);
               if(typeof cb === 'function') cb(collection);
+              
+              // Check if we need to load more items to fill the visible area
+              this.checkAndFillVisibleArea();
             },
             error: () => {
               this.isCollectionFetching = false;
@@ -195,6 +202,25 @@ define(function(require){
       });
     },
 
+    checkAndFillVisibleArea: function() {
+      // Check if we need to load more items to fill the viewport
+      if(this.shouldStopFetches || this.isCollectionFetching) return;
+      
+      const $last = $('.project-list-item').last();
+      if($last.length === 0) return;
+      
+      const contentPane = $('.contentPane');
+      if(contentPane.length === 0) return;
+      
+      const contentPaneBottom = contentPane.offset().top + contentPane.height();
+      const lastItemBottom = $last.offset().top + $last.height();
+      
+      // If the last item is visible (within the viewport), fetch more
+      if(lastItemBottom <= contentPaneBottom) {
+        this.fetchCollection();
+      }
+    },
+
     doLazyScroll: function(e) {
       if(this.isCollectionFetching) {
         return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adapt-authoring-ui",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "description": "Front-end application for the Adapt authoring tool",
   "homepage": "https://github.com/adapt-security/adapt-authoring-ui",
   "license": "GPL-3.0",