This repository has been archived on 2024-03-13. You can view files and clone it, but cannot push or open issues or pull requests.
timekeeper/pages/index.vue

44 lines
954 B
Vue
Raw Normal View History

2022-01-03 23:53:38 +00:00
<template>
<div>
<responsive-grid class="mb-4">
<progress-button
v-for="(process, index) in uncreated"
:key="index"
:label="process.instrument"
:max="process.cost"
:value="$store.state.currency"
@click="create(process.instrument)"
/>
</responsive-grid>
2022-01-10 10:25:46 +00:00
<responsive-grid min="2" mid="4" max="6">
<timekeeping-instrument
v-for="(process, index) in created"
:key="index"
:process="process"
/>
</responsive-grid>
2022-01-04 22:41:36 +00:00
</div>
2022-01-03 23:53:38 +00:00
</template>
<script>
export default {
computed: {
unlocked() {
return this.$store.state.processes.filter((p) => p.unlocked)
},
created() {
return this.unlocked.filter((p) => p.created)
},
uncreated() {
return this.unlocked.filter((p) => !p.created)
},
},
methods: {
create(instrument) {
this.$store.commit('createInstrument', instrument)
},
},
2022-01-08 22:04:05 +00:00
}
</script>