zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add all explorers dialog and show confirm dialog when restoring to last saved explorer

Browse Source
This commit is contained in:
MaysWind
2026-01-09 00:33:31 +08:00
parent 5ae763273a
commit 3cf1276fa7
22 changed files with 434 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/locales/de.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/en.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/es.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/fr.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/it.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/ja.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/kn.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/ko.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/nl.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/pt_BR.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/ru.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/sl.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Poizvedba",
"Data Table": "Podatkovna tabela",
"Chart": "Grafikon",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "Novo raziskovanje",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/th.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/tr.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/uk.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/vi.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "Query",
"Data Table": "Data Table",
"Chart": "Chart",
"All Explorers": "All Explorers",
"No available explorer": "No available explorer",
"New Explorer": "New Explorer",
"Untitled Explorer": "Untitled Explorer",
"More Explorer": "More Explorer",
"Save Explorer": "Save Explorer",
"Save As New Explorer": "Save As New Explorer",
"Restore to Last Saved": "Restore to Last Saved",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "Are you sure you want to restore to last saved state? All unsaved changes will be lost.",
"Set Explorer Name": "Set Explorer Name",
"Rename Explorer": "Rename Explorer",
"Hide Explorer": "Hide Explorer",
src/locales/zh_Hans.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "查询",
"Data Table": "数据表格",
"Chart": "图表",
"All Explorers": "全部探索",
"No available explorer": "没有可用的探索",
"New Explorer": "新的探索",
"Untitled Explorer": "未命名的探索",
"More Explorer": "更多探索",
"Save Explorer": "保存探索",
"Save As New Explorer": "另存为新的探索",
"Restore to Last Saved": "恢复到上次保存",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "您确定要恢复到上次保存的状态吗？所有未保存的更改将会丢失。",
"Set Explorer Name": "设置探索名称",
"Rename Explorer": "重命名探索",
"Hide Explorer": "隐藏探索",
src/locales/zh_Hant.json
+3
View File
@@ -1712,12 +1712,15 @@
"Query": "查詢",
"Data Table": "資料表格",
"Chart": "圖表",
"All Explorers": "全部探索",
"No available explorer": "沒有可用的探索",
"New Explorer": "新的探索",
"Untitled Explorer": "無標題的探索",
"More Explorer": "更多探索",
"Save Explorer": "儲存探索",
"Save As New Explorer": "另存新探索",
"Restore to Last Saved": "還原到上次儲存",
"Are you sure you want to restore to last saved state? All unsaved changes will be lost.": "您確定要還原到上次儲存的狀態嗎？所有未儲存的更改將會遺失。",
"Set Explorer Name": "設定探索名稱",
"Rename Explorer": "重新命名探索",
"Hide Explorer": "隱藏探索",
src/stores/explorer.ts
+8 -5
View File
@@ -444,9 +444,9 @@ export const useExplorersStore = defineStore('explorers', () => {
allInsightsExplorerBasicInfos.value.splice(to, 0, allInsightsExplorerBasicInfos.value.splice(from, 1)[0] as InsightsExplorer);
}
function updateExplorerVisibilityInInsightsExplorerList({ explorer, hidden }: { explorer: InsightsExplorerBasicInfo, hidden: boolean }): void {
if (allInsightsExplorerBasicInfosMap.value[explorer.id]) {
allInsightsExplorerBasicInfosMap.value[explorer.id]!.hidden = hidden;
function updateExplorerVisibilityInInsightsExplorerList({ explorerId, hidden }: { explorerId: string, hidden: boolean }): void {
if (allInsightsExplorerBasicInfosMap.value[explorerId]) {
allInsightsExplorerBasicInfosMap.value[explorerId]!.hidden = hidden;
}
}
@@ -748,8 +748,11 @@ export const useExplorersStore = defineStore('explorers', () => {
transactionExplorerFilter.value.startTime = 0;
transactionExplorerFilter.value.endTime = 0;
transactionExplorerAllData.value = [];
allInsightsExplorerBasicInfos.value = [];
allInsightsExplorerBasicInfosMap.value = {};
currentInsightsExplorer.value = InsightsExplorer.createNewExplorer(generateRandomUUID());
transactionExplorerStateInvalid.value = true;
insightsExplorerListStateInvalid.value = true;
}
function initTransactionExplorerFilter(filter?: TransactionExplorerPartialFilter, resetQuery?: boolean): void {
@@ -1086,7 +1089,7 @@ export const useExplorersStore = defineStore('explorers', () => {
});
}
function hideInsightsExplorer({ explorer, hidden }: { explorer: InsightsExplorer, hidden: boolean }): Promise<boolean> {
function hideInsightsExplorer({ explorer, hidden }: { explorer: InsightsExplorer | InsightsExplorerBasicInfo, hidden: boolean }): Promise<boolean> {
return new Promise((resolve, reject) => {
services.hideInsightsExplorer({
id: explorer.id,
@@ -1104,7 +1107,7 @@ export const useExplorersStore = defineStore('explorers', () => {
}
explorer.hidden = hidden;
updateExplorerVisibilityInInsightsExplorerList({ explorer: explorer, hidden });
updateExplorerVisibilityInInsightsExplorerList({ explorerId: explorer.id, hidden });
resolve(data.result);
}).catch(error => {
src/views/desktop/insights/ExplorerPage.vue
+69 -14
View File
@@ -14,13 +14,16 @@
<span class="text-truncate">{{ tt('New Explorer') }}</span>
</v-tab>
<v-tab class="tab-text-truncate" :key="explorer.id" :value="explorer.id"
:disabled="loading || updating"
v-for="explorer in allExplorers"
@click="loadExplorer(explorer.id)">
<span class="text-truncate">{{ explorer.name || tt('Untitled Explorer') }}</span>
</v-tab>
<!-- <v-btn class="text-left justify-start" variant="text" color="default" :rounded="false">-->
<!-- <span class="ps-2">{{ tt('More Explorer') }}</span>-->
<!-- </v-btn>-->
<v-btn class="text-left justify-start" variant="text" color="default"
:disabled="loading || updating || !allExplorers || allExplorers.length < 1" :rounded="false"
@click="showAllExplorers">
<span class="ps-2">{{ tt('More Explorer') }}</span>
</v-btn>
</v-tabs>
</v-navigation-drawer>
<v-main>
@@ -85,8 +88,7 @@
<v-list-item @click="saveExplorer(true)">
<v-list-item-title>{{ tt('Save As New Explorer') }}</v-list-item-title>
</v-list-item>
<v-list-item @click="loadExplorer(currentExplorer.id, true)"
v-if="currentExplorer.id">
<v-list-item @click="restoreExplorer()" v-if="currentExplorer.id">
<v-list-item-title>{{ tt('Restore to Last Saved') }}</v-list-item-title>
</v-list-item>
</v-list>
@@ -159,6 +161,7 @@
@dateRange:change="setCustomDateFilter"
@error="onShowDateRangeError" />
<explorer-list-dialog ref="explorerListDialog" />
<explorer-rename-dialog ref="explorerRenameDialog" />
<edit-dialog ref="editDialog" :type="TransactionEditPageType.Transaction" />
<export-dialog ref="exportDialog" />
@@ -173,6 +176,7 @@ import SnackBar from '@/components/desktop/SnackBar.vue';
import ExplorerQueryTab from '@/views/desktop/insights/tabs/ExplorerQueryTab.vue';
import ExplorerDataTableTab from '@/views/desktop/insights/tabs/ExplorerDataTableTab.vue';
import ExplorerChartTab from '@/views/desktop/insights/tabs/ExplorerChartTab.vue';
import ExplorerListDialog from '@/views/desktop/insights/dialogs/ExplorerListDialog.vue';
import ExplorerRenameDialog from '@/views/desktop/insights/dialogs/ExplorerRenameDialog.vue';
import EditDialog from '@/views/desktop/transactions/list/dialogs/EditDialog.vue';
import ExportDialog from '@/views/desktop/statistics/transaction/dialogs/ExportDialog.vue';
@@ -239,6 +243,7 @@ type ConfirmDialogType = InstanceType<typeof ConfirmDialog>;
type SnackBarType = InstanceType<typeof SnackBar>;
type ExplorerDataTableTabType = InstanceType<typeof ExplorerDataTableTab>;
type ExplorerChartTabType = InstanceType<typeof ExplorerChartTab>;
type ExplorerListDialogType = InstanceType<typeof ExplorerListDialog>;
type ExplorerRenameDialogType = InstanceType<typeof ExplorerRenameDialog>;
type EditDialogType = InstanceType<typeof EditDialog>;
type ExportDialogType = InstanceType<typeof ExportDialog>;
@@ -269,6 +274,7 @@ const confirmDialog = useTemplateRef<ConfirmDialogType>('confirmDialog');
const snackbar = useTemplateRef<SnackBarType>('snackbar');
const explorerDataTableTab = useTemplateRef<ExplorerDataTableTabType>('explorerDataTableTab');
const explorerChartTab = useTemplateRef<ExplorerChartTabType>('explorerChartTab');
const explorerListDialog = useTemplateRef<ExplorerListDialogType>('explorerListDialog');
const explorerRenameDialog = useTemplateRef<ExplorerRenameDialogType>('explorerRenameDialog');
const exportDialog = useTemplateRef<ExportDialogType>('exportDialog');
const editDialog = useTemplateRef<EditDialogType>('editDialog');
@@ -391,7 +397,7 @@ function init(initProps: InsightsExplorerProps): void {
if (initProps.initId) {
if (explorersStore.currentInsightsExplorer.id !== initProps.initId) {
loadExplorer(initProps.initId);
needReload = true;
}
} else {
explorersStore.updateCurrentInsightsExplorer(InsightsExplorer.createNewExplorer(generateRandomUUID()));
@@ -410,7 +416,19 @@ function init(initProps: InsightsExplorerProps): void {
transactionTagsStore.loadAllTags({ force: false }),
explorersStore.loadAllInsightsExplorerBasicInfos({ force: false })
]).then(() => {
return explorersStore.loadAllTransactions({ force: false });
const promises: Promise<unknown>[] = [
explorersStore.loadAllTransactions({ force: false })
];
if (initProps.initId && explorersStore.currentInsightsExplorer.id !== initProps.initId) {
const loadExplorerPromise = loadExplorer(initProps.initId, false, true);
if (loadExplorerPromise) {
promises.push(loadExplorerPromise);
}
}
return Promise.all(promises);
}).then(() => {
loading.value = false;
initing.value = false;
@@ -454,14 +472,16 @@ function createNewExplorer(): void {
router.push(getFilterLinkUrl());
}
function loadExplorer(explorerId: string, force?: boolean): void {
if (!force && currentExplorer.value.id === explorerId) {
return;
function loadExplorer(explorerId: string, force?: boolean, init?: boolean): Promise<unknown> | null {
if (!force && currentExplorer.value && currentExplorer.value.id === explorerId) {
return null;
}
loading.value = true;
if (!init) {
loading.value = true;
}
explorersStore.getInsightsExplorer({
return explorersStore.getInsightsExplorer({
explorerId: explorerId
}).then(explorer => {
explorersStore.updateCurrentInsightsExplorer(explorer);
@@ -470,10 +490,15 @@ function loadExplorer(explorerId: string, force?: boolean): void {
isCurrentExplorerModified.value = false;
});
loading.value = false;
if (!init) {
loading.value = false;
}
router.push(getFilterLinkUrl());
}).catch(error => {
loading.value = false;
if (!init) {
loading.value = false;
}
if (!error.processed) {
snackbar.value?.showError(error);
@@ -481,6 +506,26 @@ function loadExplorer(explorerId: string, force?: boolean): void {
});
}
function showAllExplorers(): void {
explorerListDialog.value?.open().then((selectedExplorer: InsightsExplorerBasicInfo) => {
if (selectedExplorer) {
loadExplorer(selectedExplorer.id);
}
}).catch(() => {
if (explorersStore.insightsExplorerListStateInvalid) {
loading.value = true;
explorersStore.loadAllInsightsExplorerBasicInfos({
force: false
}).then(() => {
loading.value = false;
}).catch(() => {
loading.value = false;
});
}
});
}
function saveExplorer(saveAs?: boolean): void {
if (saveAs || !currentExplorer.value.name) {
explorerRenameDialog.value?.open(currentExplorer.value.name || '', tt('Set Explorer Name')).then((newName: string) => {
@@ -528,6 +573,16 @@ function doSaveExplorer(saveAs?: boolean): Promise<unknown> {
});
}
function restoreExplorer(): void {
if (!currentExplorer.value.id) {
return;
}
confirmDialog.value?.open('Are you sure you want to restore to last saved state? All unsaved changes will be lost.').then(() => {
loadExplorer(currentExplorer.value.id, true);
});
}
function setExplorerName(): void {
explorerRenameDialog.value?.open(currentExplorer.value.name || '').then((newName: string) => {
currentExplorer.value.name = newName;
src/views/desktop/insights/dialogs/ExplorerListDialog.vue
+298
View File
@@ -0,0 +1,298 @@
<template>
<v-dialog width="800" :persistent="displayOrderModified" v-model="showState">
<v-card class="pa-sm-1 pa-md-2">
<template #title>
<div class="d-flex align-center justify-center">
<div class="d-flex align-center">
<h4 class="text-h4">{{ tt('All Explorers') }}</h4>
<v-btn class="ms-3" color="primary" variant="tonal"
:disabled="loading || updating" @click="saveDisplayOrder"
v-if="displayOrderModified">{{ tt('Save Display Order') }}</v-btn>
<v-btn density="compact" color="default" variant="text" size="24"
class="ms-2" :icon="true" :disabled="loading || updating"
:loading="loading" @click="reload">
<template #loader>
<v-progress-circular indeterminate size="20"/>
</template>
<v-icon :icon="mdiRefresh" size="24" />
<v-tooltip activator="parent">{{ tt('Refresh') }}</v-tooltip>
</v-btn>
</div>
<v-spacer/>
<v-btn density="comfortable" color="default" variant="text" class="ms-2"
:disabled="loading || updating" :icon="true">
<v-icon :icon="mdiDotsVertical" />
<v-menu activator="parent">
<v-list>
<v-list-item :prepend-icon="mdiEyeOutline"
:title="tt('Show Hidden Explorers')"
v-if="!showHidden" @click="showHidden = true"></v-list-item>
<v-list-item :prepend-icon="mdiEyeOffOutline"
:title="tt('Hide Hidden Explorers')"
v-if="showHidden" @click="showHidden = false"></v-list-item>
</v-list>
</v-menu>
</v-btn>
</div>
</template>
<v-card-text class="d-flex flex-column flex-md-row flex-grow-1 overflow-y-auto">
<v-table hover density="comfortable" class="explorers-table w-100 table-striped">
<tbody v-if="loading && noAvailableExplorer">
<tr :key="itemIdx" v-for="itemIdx in [ 1, 2, 3, 4, 5, 6 ]">
<td class="px-0">
<v-skeleton-loader type="text" :loading="true"></v-skeleton-loader>
</td>
</tr>
</tbody>
<tbody v-if="!loading && noAvailableExplorer">
<tr>
<td>{{ tt('No available explorer') }}</td>
</tr>
</tbody>
<draggable-list tag="tbody"
item-key="id"
handle=".drag-handle"
ghost-class="dragging-item"
v-model="allExplorers"
@change="onMove">
<template #item="{ element }">
<tr class="explorers-table-row text-sm" v-if="showHidden || !element.hidden">
<td>
<div class="d-flex align-center">
<div class="d-flex align-center">
<span :class="loading || updating ? '' : 'cursor-pointer'"
@click="switchToExplorer(element)">{{ element.name }}</span>
</div>
<v-spacer/>
<v-btn class="px-2 ms-2" color="default"
density="compact" variant="text"
:class="{ 'd-none': loading, 'hover-display': !loading }"
:prepend-icon="element.hidden ? mdiEyeOutline : mdiEyeOffOutline"
:loading="explorerHiding[element.id]"
:disabled="loading || updating"
@click="hide(element, !element.hidden)">
<template #loader>
<v-progress-circular indeterminate size="20" width="2"/>
</template>
{{ element.hidden ? tt('Show') : tt('Hide') }}
</v-btn>
<span class="ms-2">
<v-icon :class="!loading && !updating && !noAvailableExplorer ? 'drag-handle' : 'disabled'"
:icon="mdiDrag"/>
<v-tooltip activator="parent" v-if="!loading && !updating && !noAvailableExplorer">{{ tt('Drag to Reorder') }}</v-tooltip>
</span>
</div>
</td>
</tr>
</template>
</draggable-list>
</v-table>
</v-card-text>
<v-card-text class="overflow-y-visible">
<div class="w-100 d-flex justify-center flex-wrap mt-sm-1 mt-md-2 gap-4">
<v-btn color="secondary" variant="tonal"
:disabled="loading || updating" @click="close">{{ tt('Close') }}</v-btn>
</div>
</v-card-text>
</v-card>
</v-dialog>
<snack-bar ref="snackbar" />
</template>
<script setup lang="ts">
import SnackBar from '@/components/desktop/SnackBar.vue';
import { ref, computed, useTemplateRef } from 'vue';
import { useI18n } from '@/locales/helpers.ts';
import { useExplorersStore } from '@/stores/explorer.ts';
import { type InsightsExplorerBasicInfo } from '@/models/explorer.ts';
import {
mdiDotsVertical,
mdiRefresh,
mdiEyeOutline,
mdiEyeOffOutline,
mdiDrag
} from '@mdi/js';
type SnackBarType = InstanceType<typeof SnackBar>;
const { tt } = useI18n();
const explorersStore = useExplorersStore();
let resolveFunc: ((explorer: InsightsExplorerBasicInfo) => void) | null = null;
let rejectFunc: ((reason?: unknown) => void) | null = null;
const snackbar = useTemplateRef<SnackBarType>('snackbar');
const showState = ref<boolean>(false);
const loading = ref<boolean>(true);
const updating = ref<boolean>(false);
const explorerHiding = ref<Record<string, boolean>>({});
const displayOrderModified = ref<boolean>(false);
const showHidden = ref<boolean>(false);
const allExplorers = computed<InsightsExplorerBasicInfo[]>(() => explorersStore.allInsightsExplorerBasicInfos);
const noAvailableExplorer = computed<boolean>(() => {
for (const explorer of allExplorers.value) {
if (showHidden.value || !explorer.hidden) {
return false;
}
}
return true;
});
function open(): Promise<InsightsExplorerBasicInfo> {
showHidden.value = false;
showState.value = true;
loading.value = true;
explorersStore.loadAllInsightsExplorerBasicInfos({
force: false
}).then(() => {
loading.value = false;
displayOrderModified.value = false;
}).catch(error => {
loading.value = false;
if (!error.processed) {
snackbar.value?.showError(error);
}
});
return new Promise<InsightsExplorerBasicInfo>((resolve, reject) => {
resolveFunc = resolve;
rejectFunc = reject;
});
}
function reload(): void {
loading.value = true;
explorersStore.loadAllInsightsExplorerBasicInfos({
force: true
}).then(() => {
loading.value = false;
displayOrderModified.value = false;
snackbar.value?.showMessage('Explorer list has been updated');
}).catch(error => {
loading.value = false;
if (error && error.isUpToDate) {
displayOrderModified.value = false;
}
if (!error.processed) {
snackbar.value?.showError(error);
}
});
}
function hide(explorer: InsightsExplorerBasicInfo, hidden: boolean): void {
updating.value = true;
explorerHiding.value[explorer.id] = true;
explorersStore.hideInsightsExplorer({
explorer: explorer,
hidden: hidden
}).then(() => {
updating.value = false;
explorerHiding.value[explorer.id] = false;
}).catch(error => {
updating.value = false;
explorerHiding.value[explorer.id] = false;
if (!error.processed) {
snackbar.value?.showError(error);
}
});
}
function saveDisplayOrder(): void {
if (!displayOrderModified.value) {
return;
}
loading.value = true;
explorersStore.updateInsightsExplorerDisplayOrders().then(() => {
loading.value = false;
displayOrderModified.value = false;
}).catch(error => {
loading.value = false;
if (!error.processed) {
snackbar.value?.showError(error);
}
});
}
function switchToExplorer(explorer: InsightsExplorerBasicInfo): void {
if (loading.value || updating.value) {
return;
}
resolveFunc?.(explorer);
showState.value = false;
}
function close(): void {
if (loading.value || updating.value) {
return;
}
rejectFunc?.();
showState.value = false;
}
function onMove(event: { moved: { element: { id: string }; oldIndex: number; newIndex: number } }): void {
if (!event || !event.moved) {
return;
}
const moveEvent = event.moved;
if (!moveEvent.element || !moveEvent.element.id) {
snackbar.value?.showMessage('Unable to move explorer');
return;
}
explorersStore.changeInsightsExplorerDisplayOrder({
explorerId: moveEvent.element.id,
from: moveEvent.oldIndex,
to: moveEvent.newIndex
}).then(() => {
displayOrderModified.value = true;
}).catch(error => {
snackbar.value?.showError(error);
});
}
defineExpose({
open
});
</script>
<style>
.explorers-table tr.explorers-table-row .hover-display {
display: none;
}
.explorers-table tr.explorers-table-row:hover .hover-display {
display: inline-grid;
}
</style>
src/views/desktop/insights/tabs/ExplorerQueryTab.vue
+5 -1
View File
@@ -88,7 +88,11 @@
<v-card-text>
<v-row>
<v-col cols="12">
<div class="text-center py-4" v-if="!element.conditions || element.conditions.length < 1">
<div class="text-center pt-5 pb-6" v-if="loading">
<v-skeleton-loader class="skeleton-no-margin ms-3" type="text" :loading="true"></v-skeleton-loader>
</div>
<div class="text-center py-4" v-else-if="!loading && !element.conditions || element.conditions.length < 1">
{{ tt('No conditions defined. All transactions will match.') }}
</div>