feat(i18n): add translations for difficulty simulation feature
This commit is contained in:
@@ -3,9 +3,11 @@
|
||||
import { ref, computed } from 'vue';
|
||||
import { generateRandomGrid, calculateHints } from '@/utils/puzzleUtils';
|
||||
import { solvePuzzle } from '@/utils/solver';
|
||||
import { useI18n } from '@/composables/useI18n';
|
||||
import { X, Play, Square, RotateCcw } from 'lucide-vue-next';
|
||||
|
||||
const emit = defineEmits(['close']);
|
||||
const { t } = useI18n();
|
||||
|
||||
const SIZES = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50];
|
||||
const DENSITIES = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9];
|
||||
@@ -13,12 +15,17 @@ const SAMPLES_PER_POINT = 10; // Reduced for web performance demo
|
||||
|
||||
const isRunning = ref(false);
|
||||
const progress = ref(0);
|
||||
const currentStatus = ref('Ready');
|
||||
const currentStatus = ref('');
|
||||
const results = ref([]);
|
||||
const simulationSpeed = ref(1); // 1 = Normal, 2 = Fast (less render updates)
|
||||
|
||||
let stopRequested = false;
|
||||
|
||||
const displayStatus = computed(() => {
|
||||
if (!currentStatus.value) return t('simulation.status.ready');
|
||||
return currentStatus.value;
|
||||
});
|
||||
|
||||
const startSimulation = async () => {
|
||||
if (isRunning.value) return;
|
||||
isRunning.value = true;
|
||||
@@ -32,12 +39,15 @@ const startSimulation = async () => {
|
||||
for (const size of SIZES) {
|
||||
for (const density of DENSITIES) {
|
||||
if (stopRequested) {
|
||||
currentStatus.value = 'Stopped';
|
||||
currentStatus.value = t('simulation.status.stopped');
|
||||
isRunning.value = false;
|
||||
return;
|
||||
}
|
||||
|
||||
currentStatus.value = `Simulating ${size}x${size} @ ${(density * 100).toFixed(0)}%`;
|
||||
currentStatus.value = t('simulation.status.simulating', {
|
||||
size: size,
|
||||
density: (density * 100).toFixed(0)
|
||||
});
|
||||
|
||||
let totalSolved = 0;
|
||||
|
||||
@@ -66,7 +76,7 @@ const startSimulation = async () => {
|
||||
}
|
||||
|
||||
isRunning.value = false;
|
||||
currentStatus.value = 'Completed';
|
||||
currentStatus.value = t('simulation.status.completed');
|
||||
};
|
||||
|
||||
const stopSimulation = () => {
|
||||
@@ -86,7 +96,7 @@ const getRowColor = (solved) => {
|
||||
<div class="modal-overlay" @click.self="emit('close')">
|
||||
<div class="modal glass-panel">
|
||||
<div class="header">
|
||||
<h2>Difficulty Simulation</h2>
|
||||
<h2>{{ t('simulation.title') }}</h2>
|
||||
<button class="close-btn" @click="emit('close')">
|
||||
<X />
|
||||
</button>
|
||||
@@ -95,7 +105,7 @@ const getRowColor = (solved) => {
|
||||
<div class="content">
|
||||
<div class="controls">
|
||||
<div class="status-bar">
|
||||
<div class="status-text">{{ currentStatus }}</div>
|
||||
<div class="status-text">{{ displayStatus }}</div>
|
||||
<div class="progress-track">
|
||||
<div class="progress-fill" :style="{ width: progress + '%' }"></div>
|
||||
</div>
|
||||
@@ -103,10 +113,10 @@ const getRowColor = (solved) => {
|
||||
|
||||
<div class="actions">
|
||||
<button v-if="!isRunning" class="btn-neon" @click="startSimulation">
|
||||
<Play class="icon" /> Start Simulation
|
||||
<Play class="icon" /> {{ t('simulation.start') }}
|
||||
</button>
|
||||
<button v-else class="btn-neon secondary" @click="stopSimulation">
|
||||
<Square class="icon" /> Stop
|
||||
<Square class="icon" /> {{ t('simulation.stop') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -115,9 +125,9 @@ const getRowColor = (solved) => {
|
||||
<table class="results-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Size</th>
|
||||
<th>Density</th>
|
||||
<th>Solved (Logic)</th>
|
||||
<th>{{ t('simulation.table.size') }}</th>
|
||||
<th>{{ t('simulation.table.density') }}</th>
|
||||
<th>{{ t('simulation.table.solved') }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -129,7 +139,7 @@ const getRowColor = (solved) => {
|
||||
</tbody>
|
||||
</table>
|
||||
<div v-if="results.length === 0" class="empty-state">
|
||||
Press Start to run Monte Carlo simulation
|
||||
{{ t('simulation.empty') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -106,7 +106,19 @@ const messages = {
|
||||
'language.searchLabel': 'Wyszukaj język',
|
||||
'language.searchPlaceholder': 'Wpisz nazwę języka...',
|
||||
'nav.newGame': 'NOWA GRA',
|
||||
'nav.guide': 'PRZEWODNIK'
|
||||
'nav.guide': 'PRZEWODNIK',
|
||||
'custom.simulationHelp': 'Jak to jest obliczane?',
|
||||
'simulation.title': 'Symulacja Trudności',
|
||||
'simulation.status.ready': 'Gotowy',
|
||||
'simulation.status.stopped': 'Zatrzymano',
|
||||
'simulation.status.completed': 'Zakończono',
|
||||
'simulation.status.simulating': 'Symulacja {size}x{size} @ {density}%',
|
||||
'simulation.start': 'Start Symulacji',
|
||||
'simulation.stop': 'Stop',
|
||||
'simulation.table.size': 'Rozmiar',
|
||||
'simulation.table.density': 'Gęstość',
|
||||
'simulation.table.solved': 'Rozwiązano (Logika)',
|
||||
'simulation.empty': 'Naciśnij Start, aby uruchomić symulację Monte Carlo'
|
||||
},
|
||||
en: {
|
||||
'app.title': 'Nonograms',
|
||||
@@ -265,7 +277,19 @@ const messages = {
|
||||
'language.searchLabel': 'Search language',
|
||||
'language.searchPlaceholder': 'Type language name...',
|
||||
'nav.newGame': 'NEW GAME',
|
||||
'nav.guide': 'GUIDE'
|
||||
'nav.guide': 'GUIDE',
|
||||
'custom.simulationHelp': 'How is this calculated?',
|
||||
'simulation.title': 'Difficulty Simulation',
|
||||
'simulation.status.ready': 'Ready',
|
||||
'simulation.status.stopped': 'Stopped',
|
||||
'simulation.status.completed': 'Completed',
|
||||
'simulation.status.simulating': 'Simulating {size}x{size} @ {density}%',
|
||||
'simulation.start': 'Start Simulation',
|
||||
'simulation.stop': 'Stop',
|
||||
'simulation.table.size': 'Size',
|
||||
'simulation.table.density': 'Density',
|
||||
'simulation.table.solved': 'Solved (Logic)',
|
||||
'simulation.empty': 'Press Start to run Monte Carlo simulation'
|
||||
},
|
||||
zh: {
|
||||
'app.title': 'Nonograms',
|
||||
|
||||
Reference in New Issue
Block a user