(fix) MkFormDialogにせっていできる項目がない場合はその旨を表示するように (#12837)
This commit is contained in:
		
							parent
							
								
									30311aca18
								
							
						
					
					
						commit
						30c3f6a222
					
				
					 1 changed files with 6 additions and 1 deletions
				
			
		| 
						 | 
					@ -20,7 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
	</template>
 | 
						</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	<MkSpacer :marginMin="20" :marginMax="32">
 | 
						<MkSpacer :marginMin="20" :marginMax="32">
 | 
				
			||||||
		<div class="_gaps_m">
 | 
							<div v-if="Object.keys(form).filter(item => !form[item].hidden).length > 0" class="_gaps_m">
 | 
				
			||||||
			<template v-for="item in Object.keys(form).filter(item => !form[item].hidden)">
 | 
								<template v-for="item in Object.keys(form).filter(item => !form[item].hidden)">
 | 
				
			||||||
				<MkInput v-if="form[item].type === 'number'" v-model="values[item]" type="number" :step="form[item].step || 1">
 | 
									<MkInput v-if="form[item].type === 'number'" v-model="values[item]" type="number" :step="form[item].step || 1">
 | 
				
			||||||
					<template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ i18n.ts.optional }})</span></template>
 | 
										<template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ i18n.ts.optional }})</span></template>
 | 
				
			||||||
| 
						 | 
					@ -55,6 +55,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
				</MkButton>
 | 
									</MkButton>
 | 
				
			||||||
			</template>
 | 
								</template>
 | 
				
			||||||
		</div>
 | 
							</div>
 | 
				
			||||||
 | 
							<div v-else class="_fullinfo">
 | 
				
			||||||
 | 
								<img :src="infoImageUrl" class="_ghost"/>
 | 
				
			||||||
 | 
								<div>{{ i18n.ts.nothing }}</div>
 | 
				
			||||||
 | 
							</div>
 | 
				
			||||||
	</MkSpacer>
 | 
						</MkSpacer>
 | 
				
			||||||
</MkModalWindow>
 | 
					</MkModalWindow>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
| 
						 | 
					@ -70,6 +74,7 @@ import MkButton from './MkButton.vue';
 | 
				
			||||||
import MkRadios from './MkRadios.vue';
 | 
					import MkRadios from './MkRadios.vue';
 | 
				
			||||||
import MkModalWindow from '@/components/MkModalWindow.vue';
 | 
					import MkModalWindow from '@/components/MkModalWindow.vue';
 | 
				
			||||||
import { i18n } from '@/i18n.js';
 | 
					import { i18n } from '@/i18n.js';
 | 
				
			||||||
 | 
					import { infoImageUrl } from '@/instance.js';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const props = defineProps<{
 | 
					const props = defineProps<{
 | 
				
			||||||
	title: string;
 | 
						title: string;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue