local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add repeat after one-click intervals

Browse source
This commit is contained in:
kolaente 2021-01-16 21:09:11 +01:00
parent 2f45b63157
commit 01a1e29db0
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 50 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/tasks/partials/repeatAfter.vue
View file

@ -1,5 +1,11 @@
<template> <template>
<div class="control repeat-after-input columns"> <div class="control repeat-after-input">
<div class="buttons has-addons is-centered mt-2">
<button class="button is-small" @click="() => setRepeatAfter(1, 'days')">Every Day</button>
<button class="button is-small" @click="() => setRepeatAfter(1, 'weeks')">Every Week</button>
<button class="button is-small" @click="() => setRepeatAfter(1, 'months')">Every Month</button>
</div>
<div class="columns is-align-items-center">
<div class="is-flex column"> <div class="is-flex column">
<p class="pr-4"> <p class="pr-4">
Each Each
@ -36,6 +42,7 @@
Repeat from current date Repeat from current date
</fancycheckbox> </fancycheckbox>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -83,6 +90,11 @@ export default {
this.$emit('input', this.task) this.$emit('input', this.task)
this.$emit('change') this.$emit('change')
}, },
setRepeatAfter(amount, type) {
this.repeatAfter.amount = amount
this.repeatAfter.type = type
this.updateData()
},
}, },
} }
</script> </script>
@ -92,7 +104,11 @@ p {
padding-top: 6px; padding-top: 6px;
} }
.columns { .input {
align-items: center; min-width: 2rem;
}
.fancycheckbox {
padding: 0;
} }
</style> </style>