Files
tps/src/modules/simulation/SimulationControls.vue
2023-07-26 17:43:21 +02:00

62 lines
1.6 KiB
Vue

<script setup lang="ts">
import { useSimulationStore } from '@/modules/simulation/simulation-store'
const simulationStore = useSimulationStore()
const NUMBER_OF_SIMULATION = 1000
</script>
<template>
<div class="simulation-controls">
<div class="row">
<button
class="button button-outline"
@click="simulationStore.simulate('push')"
>
simulate push system
</button>
<button
class="button button-outline"
@click="simulationStore.simulate('pull')"
>
simulate pull system
</button>
<button
class="button button-outline"
@click="simulationStore.simulate('problem-solving')"
>
simulate pull and problem solving
</button>
</div>
<div class="row">
<button
class="button button-outline"
@click="simulationStore.multiSimulation(NUMBER_OF_SIMULATION, 'push')"
>
simulate {{ NUMBER_OF_SIMULATION }} push system
</button>
<button
class="button button-outline"
@click="simulationStore.multiSimulation(NUMBER_OF_SIMULATION, 'pull')"
>
simulate {{ NUMBER_OF_SIMULATION }} pull system
</button>
<button
class="button button-outline"
@click="
simulationStore.multiSimulation(
NUMBER_OF_SIMULATION,
'problem-solving'
)
"
>
simulate {{ NUMBER_OF_SIMULATION }} pull and problem solving
</button>
<button
class="button button-clear"
@click="simulationStore.clearDashboard()"
>
clear dashboard
</button>
</div>
</div>
</template>