geer-builder 1.2.537 → 1.2.538
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/GSlotWallet.vue +11 -1
- package/components/Points/PointsLogs.vue +179 -0
- package/package.json +1 -1
package/GSlotWallet.vue
CHANGED
|
@@ -48,6 +48,10 @@
|
|
|
48
48
|
</q-btn>
|
|
49
49
|
</div>
|
|
50
50
|
</div>
|
|
51
|
+
<q-btn size="12px" class="full-width q-pa-sm text-primary" flat v-if="show_points_history == true" @click="is_points_logs_dialog_open=true;">
|
|
52
|
+
<q-icon class="q-mr-sm" name="fas fa-wallet" size="16px"></q-icon>
|
|
53
|
+
<div>Points Logs</div>
|
|
54
|
+
</q-btn>
|
|
51
55
|
|
|
52
56
|
<div class="q-pt-sm grid-item" style="cursor:pointer;" v-if="temp_wallet" @click="is_temp_wallet_dialog_open = true" >
|
|
53
57
|
<div>Temporary Wallet</div>
|
|
@@ -130,6 +134,9 @@
|
|
|
130
134
|
<q-dialog v-model="is_wallet_logs_dialog_open" :maximized="true">
|
|
131
135
|
<wallet-logs-dialog/>
|
|
132
136
|
</q-dialog>
|
|
137
|
+
<q-dialog v-model="is_points_logs_dialog_open" :maximized="true">
|
|
138
|
+
<points-logs-dialog/>
|
|
139
|
+
</q-dialog>
|
|
133
140
|
</g-card>
|
|
134
141
|
<div v-else>
|
|
135
142
|
<span>You need to login to view this component.</span>
|
|
@@ -142,6 +149,7 @@
|
|
|
142
149
|
import GCard from './components/GCard';
|
|
143
150
|
import TempWalletDialog from './dialogs/TempWalletDialog';
|
|
144
151
|
import GcLogsDialog from './components/GSlotWallet/GcLogsDialog';
|
|
152
|
+
import PointsLogsDialog from './components/Points/PointsLogs';
|
|
145
153
|
import WalletLogsDialog from './components/GSlotWallet/WalletLogsDialog';
|
|
146
154
|
// import AddSlotDialog from '../../Dialogs/AddSlotDialog';
|
|
147
155
|
import GlobalMixins from './mixins/global_mixins.js';
|
|
@@ -152,12 +160,13 @@ import DB_STAT from './models/DB_STAT';
|
|
|
152
160
|
|
|
153
161
|
export default
|
|
154
162
|
{
|
|
155
|
-
components: { GCard, TempWalletDialog, GcLogsDialog,WalletLogsDialog },
|
|
163
|
+
components: { GCard, TempWalletDialog, GcLogsDialog,WalletLogsDialog, PointsLogsDialog },
|
|
156
164
|
mixins: [GlobalMixins],
|
|
157
165
|
props:{
|
|
158
166
|
vortex: Boolean,
|
|
159
167
|
is_company_success: Boolean,
|
|
160
168
|
is_company_qdy:Boolean,
|
|
169
|
+
show_points_history:Boolean,
|
|
161
170
|
},
|
|
162
171
|
data: () =>
|
|
163
172
|
({
|
|
@@ -171,6 +180,7 @@ export default
|
|
|
171
180
|
slot_info:'',
|
|
172
181
|
temp_wallet_value:0,
|
|
173
182
|
is_wallet_logs_dialog_open:false,
|
|
183
|
+
is_points_logs_dialog_open:false,
|
|
174
184
|
is_gc_logs_dialog_open:false,
|
|
175
185
|
public_settings:{},
|
|
176
186
|
total_wallet_label:'',
|
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<q-card class="wallet-logs-dialog">
|
|
3
|
+
<q-bar class="bg-primary text-white q-pa-lg">
|
|
4
|
+
<q-icon class="q-mr-sm" name="fa fa-splotch"></q-icon>
|
|
5
|
+
<b>Wallet Logs</b>
|
|
6
|
+
<q-space />
|
|
7
|
+
<q-btn dense flat icon="close" v-close-popup>
|
|
8
|
+
<q-tooltip content-class="bg-white text-primary">Close</q-tooltip>
|
|
9
|
+
</q-btn>
|
|
10
|
+
</q-bar>
|
|
11
|
+
<div class="table-holder">
|
|
12
|
+
<div class="row">
|
|
13
|
+
<!-- FILTER FROM -->
|
|
14
|
+
<div class="col-3 q-mb-sm">
|
|
15
|
+
<div class="q-mt-sm text-left">
|
|
16
|
+
<div class="q-mt-sm q-mr-md">
|
|
17
|
+
<q-input v-model="filter_date.from" mask="date" outlined label="Filter From" stack-label>
|
|
18
|
+
<template v-slot:append>
|
|
19
|
+
<q-icon name="event" class="cursor-pointer">
|
|
20
|
+
<q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
|
|
21
|
+
<q-date v-model="filter_date.from" @input="() => $refs.qDateProxy.hide()" />
|
|
22
|
+
</q-popup-proxy>
|
|
23
|
+
</q-icon>
|
|
24
|
+
</template>
|
|
25
|
+
</q-input>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
<!-- FILTER TO -->
|
|
31
|
+
<div class="col-3">
|
|
32
|
+
<div class="q-mt-sm text-left">
|
|
33
|
+
<div class="q-mt-sm">
|
|
34
|
+
<q-input v-model="filter_date.to" mask="date" outlined label="Filter To" stack-label>
|
|
35
|
+
<template v-slot:append>
|
|
36
|
+
<q-icon name="event" class="cursor-pointer">
|
|
37
|
+
<q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
|
|
38
|
+
<q-date v-model="filter_date.to" @input="() => $refs.qDateProxy.hide()" />
|
|
39
|
+
</q-popup-proxy>
|
|
40
|
+
</q-icon>
|
|
41
|
+
</template>
|
|
42
|
+
</q-input>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="col-3"></div>
|
|
47
|
+
<div class="col-3 q-mt-sm text-right" >
|
|
48
|
+
<q-input v-model="search" outlined label="Search" stack-label>
|
|
49
|
+
<template v-slot:append>
|
|
50
|
+
<q-icon size="14px" name="fa fa-search" class="cursor-pointer" />
|
|
51
|
+
</template>
|
|
52
|
+
</q-input>
|
|
53
|
+
</div>
|
|
54
|
+
<!-- TABLE -->
|
|
55
|
+
<div class="col-12 text-right q-mb-md">
|
|
56
|
+
<div class="q-mt-sm text-right">
|
|
57
|
+
<q-table :pagination.sync="pagination" :filter="search" :loading="table_loading" separator="cell" bordered flat :data="!table_loading ? table_data : []" :columns="table_column" row-key="email">
|
|
58
|
+
<template v-slot:body-cell-message="cellProperties">
|
|
59
|
+
<q-td :props="cellProperties">
|
|
60
|
+
<span v-html="cellProperties.value"></span>
|
|
61
|
+
</q-td>
|
|
62
|
+
</template>
|
|
63
|
+
</q-table>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
</q-card>
|
|
69
|
+
|
|
70
|
+
</template>
|
|
71
|
+
|
|
72
|
+
<script>
|
|
73
|
+
import DB_POINTS_LOG from '../../models/DB_POINTS_LOG';
|
|
74
|
+
import { formatNumber } from '../../utilities/NumberUtils';
|
|
75
|
+
import {formatDate}from '../../utilities/DateUtils';
|
|
76
|
+
|
|
77
|
+
export default
|
|
78
|
+
{
|
|
79
|
+
components:{
|
|
80
|
+
},
|
|
81
|
+
data: () =>
|
|
82
|
+
({
|
|
83
|
+
pagination: { rowsPerPage: 8 },
|
|
84
|
+
table_loading: true,
|
|
85
|
+
table_data: [],
|
|
86
|
+
search: '',
|
|
87
|
+
table_column:
|
|
88
|
+
[
|
|
89
|
+
{
|
|
90
|
+
name : 'created_date',
|
|
91
|
+
label : 'Log Date',
|
|
92
|
+
field : row => formatDate(row.created_date, 'MM/DD/YY (hh:mm A)'),
|
|
93
|
+
align : 'left',
|
|
94
|
+
required: true,
|
|
95
|
+
format: val => `${val}`,
|
|
96
|
+
sortable: true,
|
|
97
|
+
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
name : 'type',
|
|
101
|
+
label : 'Type',
|
|
102
|
+
field : row => row.type.toUpperCase().replace("_", " "),
|
|
103
|
+
align : 'left',
|
|
104
|
+
required: true,
|
|
105
|
+
format: val => `${val}`,
|
|
106
|
+
sortable: true,
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
name : 'message',
|
|
110
|
+
label : 'Message',
|
|
111
|
+
field : row => row.message,
|
|
112
|
+
align : 'left',
|
|
113
|
+
required: true,
|
|
114
|
+
format: val => `${val}`,
|
|
115
|
+
sortable: true,
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
name : 'amount',
|
|
119
|
+
label : 'Amount',
|
|
120
|
+
field : row => row.amount,
|
|
121
|
+
align : 'left',
|
|
122
|
+
required: true,
|
|
123
|
+
format : val => formatNumber(val, { decimal: 2 }),
|
|
124
|
+
sortable: true,
|
|
125
|
+
align : "right",
|
|
126
|
+
|
|
127
|
+
},
|
|
128
|
+
],
|
|
129
|
+
filter_date:
|
|
130
|
+
{
|
|
131
|
+
from: null,
|
|
132
|
+
to: null
|
|
133
|
+
}
|
|
134
|
+
}),
|
|
135
|
+
watch:
|
|
136
|
+
{
|
|
137
|
+
filter_date:
|
|
138
|
+
{
|
|
139
|
+
deep: true,
|
|
140
|
+
handler()
|
|
141
|
+
{
|
|
142
|
+
this.getTableData();
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
props:
|
|
147
|
+
{
|
|
148
|
+
|
|
149
|
+
},
|
|
150
|
+
mounted()
|
|
151
|
+
{
|
|
152
|
+
this.getTableData();
|
|
153
|
+
},
|
|
154
|
+
methods:
|
|
155
|
+
{
|
|
156
|
+
async getTableData()
|
|
157
|
+
{
|
|
158
|
+
let table_data = new DB_POINTS_LOG().collection().where("recipient_id", "==", this.user_info.active_slot);
|
|
159
|
+
|
|
160
|
+
if (this.filter_date.from)
|
|
161
|
+
{
|
|
162
|
+
let date_from = new Date(this.filter_date.from);
|
|
163
|
+
date_from.setSeconds(-1);
|
|
164
|
+
table_data = table_data.where('created_date', '>', date_from);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
if (this.filter_date.to)
|
|
168
|
+
{
|
|
169
|
+
let date_to = new Date(this.filter_date.to);
|
|
170
|
+
date_to.setDate(date_to.getDate() + 1);
|
|
171
|
+
table_data = table_data.where('created_date', '<', date_to);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
await this.$bind("table_data", table_data.orderBy('created_date', 'desc'));
|
|
175
|
+
this.table_loading = false;
|
|
176
|
+
},
|
|
177
|
+
},
|
|
178
|
+
}
|
|
179
|
+
</script>
|