feat(ContentListQueue): Added VuePullToReload

No Vue pull to refresh was good enough for our project. We're will be working on the VuePullToReload until it is ready. re #18
Venefilyn · Apr 10, 2019 · b34ac68 · b34ac68
1 parent 89dc952
commit b34ac68
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 25 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "snoowrap": "^1.15.2",
     "uuid": "^3.3.2",
     "vue": "^2.6.10",
+    "vue-pull-to-reload": "git+https://github.com/SpyTec/vue-pull-to-reload.git",
     "vue-router": "^3.0.1",
     "vuejs-storage": "^3.0.1",
     "vuetify": "^1.5.7",

diff --git a/src/views/partials/ContentListQueue.vue b/src/views/partials/ContentListQueue.vue
@@ -1,44 +1,48 @@
 <template>
   <v-container fluid>
-    <v-layout
-      row
-      wrap
-    >
-      <v-flex
-        v-for="list in listing"
-        :key="list.id"
-        xs12
-        my3
+    <pull-to-reload :top-load-method="() => {}">
+      <v-layout
+        row
+        wrap
       >
-        <v-container
-          fluid
-          pa-0
-          pb-2
-          ma-0
+        <v-flex
+          v-for="list in listing"
+          :key="list.id"
+          xs12
+          my3
         >
-          <ms-submission
-            v-if="list.constructor._name === 'Submission'"
-            :submission="list"
-          />
-          <ms-comment
-            v-else
-            :comment="list"
-          />
-        </v-container>
-      </v-flex>
-    </v-layout>
+          <v-container
+            fluid
+            pa-0
+            pb-2
+            ma-0
+          >
+            <ms-submission
+              v-if="list.constructor._name === 'Submission'"
+              :submission="list"
+            />
+            <ms-comment
+              v-else
+              :comment="list"
+            />
+          </v-container>
+        </v-flex>
+      </v-layout>
+    </pull-to-reload>
   </v-container>
 </template>
 
 <script>
 import MsSubmission from '../../components/Submission';
 import MsComment from '../../components/Comment';
+import PullToReload from 'vue-pull-to-reload';
     
 export default {
   name: 'MsContentListQueue',
   components: {
     MsSubmission,
     MsComment,
+    PullToReload,
   },
   props: {
     listing: {