mirror of
https://github.com/YunoHost/yunohost-admin.git
synced 2024-09-03 20:06:15 +02:00
64 lines
1.4 KiB
Vue
64 lines
1.4 KiB
Vue
<template>
|
|
<card v-bind="$attrs" class="card-form">
|
|
<template #default>
|
|
<slot name="disclaimer" />
|
|
|
|
<b-form
|
|
:id="id" :inline="inline" :class="formClasses"
|
|
@submit.prevent="onSubmit" novalidate
|
|
>
|
|
<slot name="default" />
|
|
|
|
<slot name="server-error">
|
|
<b-alert variant="danger" :show="serverError !== ''" v-html="serverError" />
|
|
</slot>
|
|
</b-form>
|
|
</template>
|
|
|
|
<slot v-if="!noFooter" name="buttons" slot="buttons">
|
|
<b-button
|
|
type="submit" variant="success"
|
|
:form="id" :disabled="disabled"
|
|
>
|
|
{{ submitText ? submitText : $t('save') }}
|
|
</b-button>
|
|
</slot>
|
|
</card>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
name: 'CardForm',
|
|
|
|
props: {
|
|
id: { type: String, default: 'ynh-form' },
|
|
submitText: { type: String, default: null },
|
|
validation: { type: Object, default: null },
|
|
serverError: { type: String, default: '' },
|
|
inline: { type: Boolean, default: false },
|
|
formClasses: { type: [Array, String, Object], default: null },
|
|
noFooter: { type: Boolean, default: false }
|
|
},
|
|
|
|
computed: {
|
|
disabled () {
|
|
return this.validation ? this.validation.$invalid : false
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
onSubmit (e) {
|
|
const v = this.validation
|
|
if (v) {
|
|
v.$touch()
|
|
if (v.$pending || v.$invalid) return
|
|
}
|
|
this.$emit('submit', e)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
</style>
|