add clearing user data in ui

2026-05-15 23:47:33 +08:00 · 2021-01-20 21:45:25 +08:00
parent 34f082273e
commit 2e6aac19af
5 changed files with 104 additions and 2 deletions
@@ -6,16 +6,61 @@
            <f7-card-content class="no-safe-areas" :padding="false">
                <f7-list>
                    <f7-list-button external no-chevron target="_blank" :link="`${$constants.api.baseUrlPath}/data/export.csv?token=${$user.getToken()}`">{{ $t('Export Data') }}</f7-list-button>
+                    <f7-list-button color="red" @click="clearData(null)">{{ $t('Clear User Data') }}</f7-list-button>
                </f7-list>
            </f7-card-content>
        </f7-card>
+
+        <password-input-sheet :title="$t('Are you sure you want to clear all data?')"
+                              :hint="$t('You CANNOT undo this action. This will clear your accounts, categories, tags and transactions data. Please input your current password to confirm.')"
+                              :show.sync="showInputPasswordSheetForClearData"
+                              :confirm-disabled="clearingData"
+                              :cancel-disabled="clearingData"
+                              v-model="currentPasswordForClearData"
+                              @password:confirm="clearData">
+        </password-input-sheet>
    </f7-page>
 </template>

 <script>
 export default {
    data() {
-        return {};
+        return {
+            currentPasswordForClearData: '',
+            clearingData: false,
+            showInputPasswordSheetForClearData: false,
+        };
+    },
+    methods: {
+        clearData(password) {
+            const self = this;
+
+            if (!password) {
+                self.currentPasswordForClearData = '';
+                self.showInputPasswordSheetForClearData = true;
+                return;
+            }
+
+            self.clearingData = true;
+            self.$showLoading(() => self.clearingData);
+
+            self.$store.dispatch('clearUserData', {
+                password: password
+            }).then(() => {
+                self.clearingData = false;
+                self.$hideLoading();
+
+                self.showInputPasswordSheetForClearData = false;
+                self.$toast('All user data has been cleared');
+            }).catch(error => {
+                self.clearingData = false;
+                self.$hideLoading();
+
+                if (!error.processed) {
+                    self.$toast(error.message || error);
+                }
+            });
+        },
    }
 };
 </script>