fix(project-view): go offline while contributing

refers #14

src/components/CompareProject.vue

@@ -126,6 +126,7 @@ export default defineComponent({
   created() {
     this.startTime = new Date().toISOString()
     this.taskId = this.tasks[this.taskIndex].taskId
+    this.$emit('created')
     this.logMappingStarted(this.project.projectType)
   },
 })

src/components/DigitizeProject.vue

@@ -191,6 +191,7 @@ export default defineComponent({
     this.taskId = this.tasks[this.taskIndex].taskId
     this.updateTaskFeature()
     if (this.tasks.length === 1) this.endReached = true
+    this.$emit('created')
     this.logMappingStarted(this.project.projectType)
   },
 })

src/components/FindProject.vue

@@ -257,6 +257,7 @@ export default defineComponent({
     this.onResize()
   },
   created() {
+    this.$emit('created')
     this.logMappingStarted(this.project.projectType)
   },
 })

src/components/MediaProject.vue

@@ -109,6 +109,7 @@ export default defineComponent({
   created() {
     this.startTime = new Date().toISOString()
     this.taskId = this.tasks[this.taskIndex].taskId
+    this.$emit('created')
     this.logMappingStarted(this.project.projectType)
   },
 })

src/components/ValidateProject.vue

@@ -163,6 +163,7 @@ export default defineComponent({
     this.startTime = new Date().toISOString()
     this.taskId = this.tasks[this.taskIndex].taskId
     this.updateTaskFeature()
+    this.$emit('created')
     this.logMappingStarted(this.project.projectType)
   },
 })

src/firebase/index.ts

@@ -23,7 +23,7 @@ export const logAnalyticsEvent = (eventName, eventParams = {}) => {
 }
 
 // used for the database refs
-const db = getDatabase(firebaseApp)
+export const db = getDatabase(firebaseApp)
 
 // export reusable database references
 export const dbRef = ref(db)

src/views/ProjectView.vue

@@ -1,7 +1,8 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { onValue, set } from 'firebase/database'
+import { goOffline, goOnline, off, onValue, set } from 'firebase/database'
 import {
+  db,
   getGroupsQuery,
   getProjectRef,
   getProjectContributionsRef,
@@ -58,6 +59,7 @@ export default defineComponent({
 
         this.completedGroupId = this.group.groupId
 
+        goOnline(db)
         set(getResultsRef(this.project.projectId, this.group.groupId, this.user.uid), entry)
           .then(() => {
             this.showSnackbar(
@@ -126,6 +128,7 @@ export default defineComponent({
           (g) => g.requiredCount > 0 && !completed.includes(g.groupId),
         )
         if (!available.length) {
+          this.nextDialog = false
           this.to = this.i18nRoute({ name: 'projects' })
           this.showDialog(
             this.$t('projectView.noTasksAvailable'),
@@ -134,6 +137,8 @@ export default defineComponent({
             true,
             false,
           )
+        } else {
+          this.hideDialog()
         }
         const random = available[Math.floor(Math.random() * available.length)]
         this.group = random
@@ -182,10 +187,15 @@ export default defineComponent({
       if (!this.completedGroupId) {
         return true
       } else {
-        const updated = this.projectContributions[this.completedGroupId]
+        const updated =
+          this.projectContributions[this.completedGroupId] &&
+          this.completedGroupId !== this.group?.groupId
         return updated
       }
     },
+    handleTaskComponentCreated() {
+      goOffline(db)
+    },
   },
   beforeRouteLeave(to, from, next) {
     if (this.mode === 'contribute' && to.name !== 'authentication') {
@@ -197,6 +207,9 @@ export default defineComponent({
         true,
       )
     } else {
+      off(getProjectRef(this.projectId))
+      off(getGroupsQuery(this.projectId))
+      off(getProjectContributionsRef(this.user.uid, this.projectId))
       next()
     }
   },
@@ -219,6 +232,7 @@ export default defineComponent({
       :options="options"
       :project="project"
       :tasks="tasks"
+      @created="handleTaskComponentCreated"
     />
 
     <v-dialog v-model="nextDialog" max-width="600" persistent>