Only ask for are you sure when edits are made

This commit is contained in:
rijkvanzanten
2021-06-30 13:13:43 -04:00
parent 342254160c
commit 3e7cf3236c
2 changed files with 11 additions and 4 deletions

View File

@@ -21,6 +21,7 @@ required: Required
required_for_app_access: Required for App Access
requires_value: Requires value
create_preset: Create Preset
create_panel: Create Panel
create_role: Create Role
create_user: Create User
create_webhook: Create Webhook

View File

@@ -24,7 +24,7 @@
<v-icon name="clear" />
</v-button>
<v-button rounded icon outlined v-tooltip.bottom="t('add_new')" :to="`/insights/${currentDashboard.id}/+`">
<v-button rounded icon outlined v-tooltip.bottom="t('create_panel')" :to="`/insights/${currentDashboard.id}/+`">
<v-icon name="add" />
</v-button>
@@ -258,10 +258,16 @@ export default defineComponent({
const leaveTo = ref<string | null>(null);
const editsGuard: NavigationGuard = (to) => {
const hasEdits = panelsToBeDeleted.value.length > 0 || stagedPanels.value.length > 0;
if (editMode.value && to.params.primaryKey !== props.primaryKey) {
confirmLeave.value = true;
leaveTo.value = to.fullPath;
return false;
if (hasEdits) {
confirmLeave.value = true;
leaveTo.value = to.fullPath;
return false;
} else {
editMode.value = false;
}
}
};