diff options
Diffstat (limited to 'apps/files/src/components/TemplateFiller.vue')
| -rw-r--r-- | apps/files/src/components/TemplateFiller.vue | 30 |
1 files changed, 20 insertions, 10 deletions
diff --git a/apps/files/src/components/TemplateFiller.vue b/apps/files/src/components/TemplateFiller.vue index 926bcdd4dfd..bd3c28d585f 100644 --- a/apps/files/src/components/TemplateFiller.vue +++ b/apps/files/src/components/TemplateFiller.vue @@ -9,11 +9,8 @@ <form> <h3>{{ t('files', 'Fill template fields') }}</h3> - <!-- We will support more than just text fields in the future --> <div v-for="field in fields" :key="field.index"> - <TemplateTextField v-if="field.type == 'rich-text'" - :field="field" - @input="trackInput" /> + <component :is="getFieldComponent(field.type)" :field="field" @input="trackInput" /> </div> </form> </div> @@ -29,11 +26,12 @@ </NcModal> </template> -<script lang="ts"> +<script> import { defineComponent } from 'vue' import { NcModal, NcButton, NcLoadingIcon } from '@nextcloud/vue' import { translate as t } from '@nextcloud/l10n' -import TemplateTextField from './TemplateFiller/TemplateTextField.vue' +import TemplateRichTextField from './TemplateFiller/TemplateRichTextField.vue' +import TemplateCheckboxField from './TemplateFiller/TemplateCheckboxField.vue' export default defineComponent({ name: 'TemplateFiller', @@ -42,7 +40,8 @@ export default defineComponent({ NcModal, NcButton, NcLoadingIcon, - TemplateTextField, + TemplateRichTextField, + TemplateCheckboxField, }, props: { @@ -65,10 +64,21 @@ export default defineComponent({ methods: { t, - trackInput([value, index]) { - this.localFields[index] = { - content: value, + trackInput({ index, property, value }) { + if (!this.localFields[index]) { + this.localFields[index] = {} } + + this.localFields[index][property] = value + }, + getFieldComponent(fieldType) { + const fieldComponentType = fieldType.split('-') + .map((str) => { + return str.charAt(0).toUpperCase() + str.slice(1) + }) + .join('') + + return `Template${fieldComponentType}Field` }, async submit() { this.loading = true |