From b200d120549fe9394232bc458eaccf7994f5ada6 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Wed, 11 Nov 2020 00:17:52 +0800
Subject: [PATCH] support pull to refresh in session list page

---
 src/views/mobile/users/SessionList.vue | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/views/mobile/users/SessionList.vue b/src/views/mobile/users/SessionList.vue
index aa003f9d..0a2e1555 100644
--- a/src/views/mobile/users/SessionList.vue
+++ b/src/views/mobile/users/SessionList.vue
@@ -1,5 +1,5 @@
 <template>
-    <f7-page>
+    <f7-page ptr @ptr:refresh="reload">
         <f7-navbar :title="$t('Device & Sessions')" :back-link="$t('Back')"></f7-navbar>
 
         <f7-list media-list class="skeleton-text" v-if="loading">
@@ -58,6 +58,30 @@ export default {
         });
     },
     methods: {
+        reload(done) {
+            const self = this;
+
+            self.$services.getTokens().then(response => {
+                done();
+
+                const data = response.data;
+
+                if (!data || !data.success || !data.result) {
+                    self.$toast('Unable to get session list');
+                    return;
+                }
+
+                self.tokens = data.result;
+            }).catch(error => {
+                done();
+
+                if (error.response && error.response.data && error.response.data.errorMessage) {
+                    self.$toast({ error: error.response.data });
+                } else if (!error.processed) {
+                    self.$toast('Unable to get session list');
+                }
+            });
+        },
         revoke(token) {
             const self = this;
             const app = self.$f7;