58 lines
1.1 KiB
Vue
58 lines
1.1 KiB
Vue
<template>
|
|
<MenuRow row-title="2D Cellular Automata">
|
|
<div class="form-field">
|
|
<label>Start from last result</label>
|
|
<input type="button" value="start" @click="startFromLast" />
|
|
</div>
|
|
<div class="form-field">
|
|
<input type="button" name="start2d" value="start" @click="draw2d" />
|
|
<input
|
|
type="button"
|
|
name="stop"
|
|
class="stop"
|
|
value="stop"
|
|
@click="stop"
|
|
/>
|
|
<input
|
|
type="button"
|
|
name="reset"
|
|
class="reset"
|
|
value="reset"
|
|
@click="reset"
|
|
/>
|
|
</div>
|
|
</MenuRow>
|
|
</template>
|
|
|
|
<script>
|
|
import MenuRow from "./MenuRow.vue";
|
|
import { mapGetters } from "vuex";
|
|
|
|
export default {
|
|
name: "Menu2dCA",
|
|
components: {
|
|
MenuRow,
|
|
},
|
|
computed: {
|
|
...mapGetters({
|
|
lastBoard: "getLastBoard",
|
|
}),
|
|
},
|
|
methods: {
|
|
draw2d() {
|
|
this.$root.$store.state.drawing = 1;
|
|
this.$root.$emit("draw2dNew");
|
|
},
|
|
reset() {
|
|
this.$root.$emit("reset");
|
|
},
|
|
stop() {
|
|
this.$root.$emit("stop");
|
|
},
|
|
startFromLast() {
|
|
this.$root.$emit("draw2dLast");
|
|
},
|
|
},
|
|
};
|
|
</script>
|