geer-builder 1.2.788 → 1.2.790
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/GDeactivateAccount.vue +144 -0
- package/GLogin.vue +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="account-settings" v-if="this.user_info">
|
|
3
|
+
<div class="q-mt-md">
|
|
4
|
+
<g-card>
|
|
5
|
+
<q-form @submit="submitDeactivateAccount()" class="q-pa-sm">
|
|
6
|
+
<div class="fieldset">
|
|
7
|
+
|
|
8
|
+
<div class="field q-mt-sm">
|
|
9
|
+
<q-btn :loading="is_submitting" type="submit" color="primary full-width" unelevated>{{buttonName ? buttonName : 'Deactivate Account'}}</q-btn>
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
|
12
|
+
</q-form>
|
|
13
|
+
</g-card>
|
|
14
|
+
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
<div v-else>
|
|
18
|
+
<span>You need to login to view this component.</span>
|
|
19
|
+
</div>
|
|
20
|
+
</template>
|
|
21
|
+
<script>
|
|
22
|
+
import { send } from 'process';
|
|
23
|
+
import GCard from './components/GCard';
|
|
24
|
+
import GHeader from './components/GHeader';
|
|
25
|
+
import KUploader from './components/KUploader';
|
|
26
|
+
import GlobalMixins from './mixins/global_mixins.js';
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
export default {
|
|
30
|
+
components: { GCard, GHeader, KUploader },
|
|
31
|
+
mixins: [GlobalMixins],
|
|
32
|
+
data: () =>
|
|
33
|
+
({
|
|
34
|
+
is_submitting: false,
|
|
35
|
+
}),
|
|
36
|
+
props:{
|
|
37
|
+
afterDeactivateRoutes: String,
|
|
38
|
+
sendParams: String,
|
|
39
|
+
buttonName: String
|
|
40
|
+
},
|
|
41
|
+
async mounted()
|
|
42
|
+
{
|
|
43
|
+
|
|
44
|
+
},
|
|
45
|
+
methods:
|
|
46
|
+
{
|
|
47
|
+
async submitDeactivateAccount()
|
|
48
|
+
{
|
|
49
|
+
|
|
50
|
+
this.$q.dialog(
|
|
51
|
+
{
|
|
52
|
+
title: 'Password',
|
|
53
|
+
message: 'Warning! Please think carefully before deactivating your account in this platform.',
|
|
54
|
+
prompt:
|
|
55
|
+
{
|
|
56
|
+
model: '',
|
|
57
|
+
type: 'password'
|
|
58
|
+
},
|
|
59
|
+
cancel: true,
|
|
60
|
+
persistent: true
|
|
61
|
+
}).onOk(async data =>
|
|
62
|
+
{
|
|
63
|
+
this.is_submitting = true;
|
|
64
|
+
this.$q.loading.show();
|
|
65
|
+
let send_data = {};
|
|
66
|
+
send_data.password = data;
|
|
67
|
+
try
|
|
68
|
+
{
|
|
69
|
+
await this.$_fbCall('memberDeactivateAccount', send_data);
|
|
70
|
+
this.$q.dialog({ title: `Success!`, message: 'Account deactivated.', html: true });
|
|
71
|
+
this.is_submitting = false;
|
|
72
|
+
|
|
73
|
+
if(this.afterDeactivateRoutes)
|
|
74
|
+
{
|
|
75
|
+
if(this.sendParams)
|
|
76
|
+
{
|
|
77
|
+
this.$router.push({name: this.afterDeactivateRoutes, query: { sendParams: this.sendParams } });
|
|
78
|
+
}
|
|
79
|
+
else
|
|
80
|
+
{
|
|
81
|
+
this.$router.push({name: this.afterDeactivateRoutes });
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
this.$q.loading.hide();
|
|
85
|
+
}
|
|
86
|
+
catch (error)
|
|
87
|
+
{
|
|
88
|
+
this.$q.loading.hide();
|
|
89
|
+
this.is_submitting = false;
|
|
90
|
+
this.$q.dialog({ title: `Something's not quite right`, message: error.message });
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
</script>
|
|
97
|
+
|
|
98
|
+
<style lang="scss">
|
|
99
|
+
.account-settings {
|
|
100
|
+
.fieldset {
|
|
101
|
+
padding: 10px 10px;
|
|
102
|
+
|
|
103
|
+
.field {
|
|
104
|
+
padding: 5px 20px;
|
|
105
|
+
|
|
106
|
+
&-label {
|
|
107
|
+
color: #aaa;
|
|
108
|
+
margin-bottom: 5px;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
input {
|
|
112
|
+
|
|
113
|
+
&::-webkit-input-placeholder { /* Edge */
|
|
114
|
+
color: #ccc;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
&:-ms-input-placeholder { /* Internet Explorer 10-11 */
|
|
118
|
+
color: #ccc;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
&::placeholder {
|
|
122
|
+
color: #ccc;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
}
|
|
127
|
+
.beneficiary-holder{
|
|
128
|
+
.title{
|
|
129
|
+
font-weight: bold;
|
|
130
|
+
margin: 10px auto;
|
|
131
|
+
}
|
|
132
|
+
.field{
|
|
133
|
+
display: grid;
|
|
134
|
+
grid-template-columns: 1fr 1fr;
|
|
135
|
+
grid-column-gap: 10px;
|
|
136
|
+
grid-row-gap: 20px;
|
|
137
|
+
.b-field{
|
|
138
|
+
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
</style>
|
package/GLogin.vue
CHANGED
|
@@ -254,7 +254,7 @@ export default
|
|
|
254
254
|
{
|
|
255
255
|
if(err == "auth/user-disabled")
|
|
256
256
|
{
|
|
257
|
-
this.$q.dialog({ title: `Invalid Login`, message: "
|
|
257
|
+
this.$q.dialog({ title: `Invalid Login`, message: "This account is already deactivated." });
|
|
258
258
|
}
|
|
259
259
|
else
|
|
260
260
|
{
|