mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-11 15:02:47 +01:00
Implement radio type for form dialog
This commit is contained in:
parent
6aef54a9e0
commit
f142ed91fb
1 changed files with 6 additions and 0 deletions
|
@ -34,6 +34,10 @@
|
||||||
<template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ $ts.optional }})</span></template>
|
<template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ $ts.optional }})</span></template>
|
||||||
<option v-for="item in form[item].enum" :value="item.value" :key="item.value">{{ item.label }}</option>
|
<option v-for="item in form[item].enum" :value="item.value" :key="item.value">{{ item.label }}</option>
|
||||||
</FormSelect>
|
</FormSelect>
|
||||||
|
<FormRadios v-else-if="form[item].type === 'radio'" v-model="values[item]">
|
||||||
|
<template #desc><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ $ts.optional }})</span></template>
|
||||||
|
<option v-for="item in form[item].options" :value="item.value" :key="item.value">{{ item.label }}</option>
|
||||||
|
</FormRadios>
|
||||||
<FormRange v-else-if="form[item].type === 'range'" v-model:value="values[item]" :min="form[item].mim" :max="form[item].max" :step="form[item].step">
|
<FormRange v-else-if="form[item].type === 'range'" v-model:value="values[item]" :min="form[item].mim" :max="form[item].max" :step="form[item].step">
|
||||||
<template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ $ts.optional }})</span></template>
|
<template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ $ts.optional }})</span></template>
|
||||||
<template v-if="form[item].description" #desc>{{ form[item].description }}</template>
|
<template v-if="form[item].description" #desc>{{ form[item].description }}</template>
|
||||||
|
@ -56,6 +60,7 @@ import FormSwitch from './form/switch.vue';
|
||||||
import FormSelect from './form/select.vue';
|
import FormSelect from './form/select.vue';
|
||||||
import FormRange from './form/range.vue';
|
import FormRange from './form/range.vue';
|
||||||
import FormButton from './form/button.vue';
|
import FormButton from './form/button.vue';
|
||||||
|
import FormRadios from './form/radios.vue';
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components: {
|
components: {
|
||||||
|
@ -67,6 +72,7 @@ export default defineComponent({
|
||||||
FormSelect,
|
FormSelect,
|
||||||
FormRange,
|
FormRange,
|
||||||
FormButton,
|
FormButton,
|
||||||
|
FormRadios,
|
||||||
},
|
},
|
||||||
|
|
||||||
props: {
|
props: {
|
||||||
|
|
Loading…
Reference in a new issue