Add cooldown feature for reputation actions in FalukantService and update UI components

- Introduced a cooldown mechanism for reputation actions, limiting execution to once per configured interval.
- Updated FalukantService to handle cooldown logic and return remaining cooldown time.
- Enhanced ReputationView component to display cooldown status and prevent action execution during cooldown.
- Added translations for cooldown messages in both German and English locales.
This commit is contained in:
Torsten Schulz (local)
2025-12-21 22:18:29 +01:00
parent 560a9efc69
commit a82ec7de3f
4 changed files with 283 additions and 83 deletions

View File

@@ -794,6 +794,7 @@
"running": "Läuft...",
"none": "Keine Aktionen verfügbar.",
"dailyLimit": "Heute noch verfügbar: {remaining} / {cap} Reputation (durch Aktionen).",
"cooldown": "Nächste Sozialstatus-Aktion in ca. {minutes} Minuten möglich.",
"success": "Aktion erfolgreich! Reputation +{gain}, Kosten {cost}.",
"successSimple": "Aktion erfolgreich!",
"type": {

View File

@@ -218,6 +218,7 @@
"running": "Running...",
"none": "No actions available.",
"dailyLimit": "Available today: {remaining} / {cap} reputation (from actions).",
"cooldown": "Next social status action available in about {minutes} minutes.",
"success": "Action successful! Reputation +{gain}, cost {cost}.",
"successSimple": "Action successful!",
"type": {

View File

@@ -25,6 +25,9 @@
<p v-if="reputationActionsDailyCap != null" class="reputation-actions-daily">
{{ $t('falukant.reputation.actions.dailyLimit', { remaining: reputationActionsDailyRemaining, cap: reputationActionsDailyCap }) }}
</p>
<p v-if="reputationActionsCooldownRemainingSec > 0" class="reputation-actions-cooldown">
{{ $t('falukant.reputation.actions.cooldown', { minutes: Math.ceil(reputationActionsCooldownRemainingSec / 60) }) }}
</p>
<table v-if="reputationActions.length">
<thead>
@@ -43,7 +46,7 @@
<td>+{{ Number(a.currentGain || 0) }}</td>
<td>{{ Number(a.timesUsed || 0) }}</td>
<td>
<button type="button" :disabled="runningActionId === a.id"
<button type="button" :disabled="runningActionId === a.id || reputationActionsCooldownRemainingSec > 0"
@click.prevent="executeReputationAction(a)">
{{ runningActionId === a.id ? $t('falukant.reputation.actions.running') : $t('falukant.reputation.actions.execute') }}
</button>
@@ -218,6 +221,8 @@ export default {
reputationActionsDailyCap: null,
reputationActionsDailyUsed: null,
reputationActionsDailyRemaining: null,
reputationActionsCooldownMinutes: null,
reputationActionsCooldownRemainingSec: 0,
runningActionId: null,
}
},
@@ -262,6 +267,8 @@ export default {
this.reputationActionsDailyCap = data?.dailyCap ?? null;
this.reputationActionsDailyUsed = data?.dailyUsed ?? null;
this.reputationActionsDailyRemaining = data?.dailyRemaining ?? null;
this.reputationActionsCooldownMinutes = data?.cooldownMinutes ?? null;
this.reputationActionsCooldownRemainingSec = Number(data?.cooldownRemainingSec ?? 0) || 0;
this.reputationActions = Array.isArray(data?.actions) ? data.actions : [];
} catch (e) {
console.error('Failed to load reputation actions', e);
@@ -269,11 +276,14 @@ export default {
this.reputationActionsDailyCap = null;
this.reputationActionsDailyUsed = null;
this.reputationActionsDailyRemaining = null;
this.reputationActionsCooldownMinutes = null;
this.reputationActionsCooldownRemainingSec = 0;
}
},
async executeReputationAction(action) {
if (!action?.id) return;
if (this.runningActionId) return;
if (this.reputationActionsCooldownRemainingSec > 0) return;
this.runningActionId = action.id;
try {
const { data } = await apiClient.post('/api/falukant/reputation/actions', { actionTypeId: action.id });
@@ -409,4 +419,9 @@ table th {
margin: 0.5rem 0 1rem;
font-weight: bold;
}
.reputation-actions-cooldown {
margin: -0.5rem 0 1rem;
font-weight: bold;
}
</style>