From 3a1074dcda9de02fe4b7e795d875881e9dc867fa Mon Sep 17 00:00:00 2001
From: Alexander Mendes <alexanderhmendes@gmail.com>
Date: Fri, 13 Oct 2017 15:24:21 +0100
Subject: [PATCH] Fix loading of new tasks into presenter (re #378)

---
 src/pages/collection/Presenter.vue | 27 +++++++++------------------
 1 file changed, 9 insertions(+), 18 deletions(-)

diff --git a/src/pages/collection/Presenter.vue b/src/pages/collection/Presenter.vue
index c879961f..e7a6a4d0 100644
--- a/src/pages/collection/Presenter.vue
+++ b/src/pages/collection/Presenter.vue
@@ -2,7 +2,7 @@
   <div id="presenter">
     <component
       :is="presenter"
-      v-if="project && tasks.length"
+      v-if="project"
       :project="project"
       :tasks="tasks"
       :currentUser="currentUser"
@@ -89,27 +89,16 @@ export default {
       this.project = data.project
       this.title = this.project.name
       this.description = this.project.description
-      this.loadTasks()
+      this.loadNewTasks()
     },
 
     /**
-     * Return the URL to load the next set of tasks
+     * Load the next set of tasks, if there are less than 10 ready.
      */
-    getLoadTasksUrl () {
+    loadNewTasks () {
       const endpoint = `/api/project/${this.project.id}/newtask`
-      let q = 'limit=10'
-      if (this.tasks.length) {
-        const lastTask = this.tasks[this.tasks.length - 1]
-        q += `&last_id=${lastTask.id}`
-      }
-      return `${endpoint}?${q}`
-    },
-
-    /**
-     * Load the next set of tasks.
-     */
-    loadTasks () {
-      const url = this.getLoadTasksUrl()
+      const query = `limit=10&offset=${this.tasks.length}`
+      const url = `${endpoint}?${query}`
       pybossaApi.get(url).then(r => {
         if (isEmpty(r.data)) {
           this.handleCompletion()
@@ -201,7 +190,9 @@ export default {
       })
       pybossaApi.post(`/api/taskrun`, taskrun).then(r => {
         this.removeTask(taskId)
-        this.loadTasks()
+        if (this.tasks.length < 10) {
+          this.loadNewTasks()
+        }
         if (hasParticipated === 'true') {
           this.$store.dispatch('NOTIFY', {
             msg: 'Answer saved, thank you!',