Refactor feedback handling across components: Replace alert and confirm calls with centralized feedback functions for improved user experience. Update various components to utilize showError, showSuccess, and confirmAction for consistent messaging and confirmation dialogs. Enhance UI responsiveness and maintainability by streamlining feedback logic.

This commit is contained in:
Torsten Schulz (local)
2026-03-19 16:18:51 +01:00
parent 2c58ef37c4
commit 1774d7df88
35 changed files with 1097 additions and 1017 deletions

View File

@@ -1,6 +1,5 @@
<template>
<div class="contenthidden">
<div class="contentscroll">
<div class="create-npc-page">
<div class="create-npc-view">
<h1>{{ $t('admin.falukant.createNPC.title') }}</h1>
@@ -102,7 +101,6 @@
<div v-if="error" class="error-message">
{{ error }}
</div>
</div>
</div>
</div>
</template>

View File

@@ -1,6 +1,5 @@
<template>
<div class="contenthidden">
<div class="contentscroll falukant-map-admin">
<div class="falukant-map-admin">
<div class="admin-header">
<h1>{{ $t('admin.falukant.map.title') }}</h1>
<p>{{ $t('admin.falukant.map.description') }}</p>
@@ -212,13 +211,13 @@
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import apiClient from '@/utils/axios.js';
import SimpleTabs from '@/components/SimpleTabs.vue';
import { confirmAction, showError } from '@/utils/feedback.js';
export default {
name: 'AdminFalukantMapRegionsView',
@@ -469,17 +468,21 @@ export default {
await this.loadConnections();
} catch (error) {
console.error('Error saving region distance:', error);
alert(this.$t('admin.falukant.map.errorSaveConnection'));
showError(this, this.$t('admin.falukant.map.errorSaveConnection'));
}
},
async deleteConnection(id) {
if (!confirm(this.$t('admin.falukant.map.confirmDeleteConnection'))) return;
const confirmed = await confirmAction(this, {
title: this.$t('admin.falukant.map.connectionsTitle'),
message: this.$t('admin.falukant.map.confirmDeleteConnection')
});
if (!confirmed) return;
try {
await apiClient.delete(`/api/admin/falukant/region-distances/${id}`);
await this.loadConnections();
} catch (error) {
console.error('Error deleting region distance:', error);
alert(this.$t('admin.falukant.map.errorDeleteConnection'));
showError(this, this.$t('admin.falukant.map.errorDeleteConnection'));
}
},
regionName(id) {
@@ -635,5 +638,3 @@ export default {
.btn.mini.icon {
}
</style>