51 lines
909 B
Vue
51 lines
909 B
Vue
<script setup>
|
|
import { globalStore } from "../stores/index.js";
|
|
|
|
const store = globalStore();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="form-field">
|
|
<div class="form-field">
|
|
<label>
|
|
Loop
|
|
<input
|
|
:value="store.loop"
|
|
type="checkbox"
|
|
:checked="store.loop"
|
|
@input="store.toggleLoop()"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<input
|
|
type="button"
|
|
name="next"
|
|
class="next"
|
|
value="Next"
|
|
@click="store.toggleDraw2dLast()"
|
|
/>
|
|
<input
|
|
type="button"
|
|
name="stop"
|
|
class="stop"
|
|
value="stop"
|
|
@click="store.toggleStop()"
|
|
/>
|
|
<input
|
|
type="button"
|
|
name="reset"
|
|
class="reset"
|
|
value="reset"
|
|
@click="store.toggleReset()"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.form-field {
|
|
display: flex;
|
|
margin: 5px;
|
|
justify-content: flex-end;
|
|
}
|
|
</style>
|