2019-11-11 15:07:26 +03:00

36 lines
809 B
Vue

<template>
<ds-card :header="$t('admin.donations.name')">
<ds-form v-model="formData" @submit="submit">
<ds-input model="goal" :label="$t('admin.donations.goal')" placeholder="15000" icon="money" />
<ds-input
model="progress"
:label="$t('admin.donations.progress')"
placeholder="1200"
icon="money"
/>
<ds-button primary type="submit" :disabled="!formData.goal || !formData.progress">
{{ $t('actions.save') }}
</ds-button>
</ds-form>
</ds-card>
</template>
<script>
export default {
data() {
return {
formData: {
goal: '',
progress: '',
},
}
},
methods: {
submit() {
// TODO: save form data... somewhere
console.log('submitting donations form')
},
},
}
</script>