MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style(front): consistent inputs on edit form

This commit is contained in:
ArneBo 2025-02-13 22:23:43 +01:00
parent 3aa79c9017
commit 236d9edc75
1 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
front/src/components/library/EditForm.vue
View File

@ -166,21 +166,25 @@ const resetField = (fieldId: string) => {
<!--TODO: Use Section component with conditional headlines and action buttons--> <!--TODO: Use Section component with conditional headlines and action buttons-->
<template v-if="showPendingReview"> <template v-if="showPendingReview">
{{ t('components.library.EditForm.header.unreviewed') }} {{ t('components.library.EditForm.header.unreviewed') }}
<button <Button
class="ui tiny basic right floated button" class="right floated"
secondary
thin-font
@click.prevent="showPendingReview = false" @click.prevent="showPendingReview = false"
> >
{{ t('components.library.EditForm.button.showAll') }} {{ t('components.library.EditForm.button.showAll') }}
</button> </Button>
</template> </template>
<template v-else> <template v-else>
{{ t('components.library.EditForm.header.recentEdits') }} {{ t('components.library.EditForm.header.recentEdits') }}
<button <Button
class="ui tiny basic right floated button" class="right floated"
secondary
thin-font
@click.prevent="showPendingReview = true" @click.prevent="showPendingReview = true"
> >
{{ t('components.library.EditForm.button.showUnreviewed') }} {{ t('components.library.EditForm.button.showUnreviewed') }}
</button> </Button>
</template> </template>
</div> </div>
<template #empty-state> <template #empty-state>
@ -192,7 +196,7 @@ const resetField = (fieldId: string) => {
<!-- Add new edits --> <!-- Add new edits -->
<form style="display: contents;" <form class="ui form" style="display: contents;"
@submit.prevent="submit()" @submit.prevent="submit()"
> >
<Alert red <Alert red
@ -234,7 +238,6 @@ const resetField = (fieldId: string) => {
</template> </template>
<template v-else-if="fieldConfig.type === 'license'"> <template v-else-if="fieldConfig.type === 'license'">
<label :for="fieldConfig.id">{{ fieldConfig.label }}</label> <label :for="fieldConfig.id">{{ fieldConfig.label }}</label>
<select <select
:id="fieldConfig.id" :id="fieldConfig.id"
ref="license" ref="license"
@ -253,14 +256,6 @@ const resetField = (fieldId: string) => {
{{ name }} {{ name }}
</option> </option>
</select> </select>
<Button
tiny
icon="bi-x"
form="noop"
@click.prevent="values[fieldConfig.id] = null"
>
{{ t('components.library.EditForm.button.clear') }}
</Button>
</template> </template>
<template v-else-if="fieldConfig.type === 'content'"> <template v-else-if="fieldConfig.type === 'content'">
<Textarea <Textarea