Fix linting

This commit is contained in:
Wolfgang Huß 2022-08-02 08:54:33 +02:00
parent d39213f559
commit 4075e63167
2 changed files with 58 additions and 25 deletions

View File

@ -1,6 +1,11 @@
<template>
<ds-form v-model="formData" :schema="formSchema" @input="handleInput" @input-valid="handleInputValid"
@submit="handleSubmitItem">
<ds-form
v-model="formData"
:schema="formSchema"
@input="handleInput"
@input-valid="handleInputValid"
@submit="handleSubmitItem"
>
<div v-if="isEditing">
<ds-space margin="base">
<ds-heading tag="h5">
@ -18,10 +23,22 @@
<template>
<slot name="list-item" :item="item" />
<span class="divider">|</span>
<base-button icon="edit" circle ghost @click="handleEditItem(item)" :title="$t('actions.edit')"
data-test="edit-button" />
<base-button icon="trash" circle ghost @click="handleDeleteItem(item)" :title="$t('actions.delete')"
data-test="delete-button" />
<base-button
icon="edit"
circle
ghost
@click="handleEditItem(item)"
:title="$t('actions.edit')"
data-test="edit-button"
/>
<base-button
icon="trash"
circle
ghost
@click="handleDeleteItem(item)"
:title="$t('actions.delete')"
data-test="delete-button"
/>
</template>
</ds-list-item>
</ds-list>
@ -30,8 +47,13 @@
<ds-space margin-top="base">
<ds-space margin-top="base">
<base-button filled :disabled="loading || !(!isEditing || (isEditing && !disabled))" :loading="loading"
type="submit" data-test="add-save-button">
<base-button
filled
:disabled="loading || !(!isEditing || (isEditing && !disabled))"
:loading="loading"
type="submit"
data-test="add-save-button"
>
{{ isEditing ? $t('actions.save') : texts.addButton }}
</base-button>
<base-button v-if="isEditing" id="cancel" danger @click="handleCancel()">

View File

@ -1,8 +1,13 @@
<template>
<base-card>
<ds-heading tag="h2" class="title">{{ $t('settings.social-media.name') }}</ds-heading>
<my-something-list :useFormData="useFormData" :useFormSchema="useFormSchema" :useItems="socialMediaLinks"
:defaultItem="{ url: '' }" :namePropertyKey="'url'" :texts="{
<my-something-list
:useFormData="useFormData"
:useFormSchema="useFormSchema"
:useItems="socialMediaLinks"
:defaultItem="{ url: '' }"
:namePropertyKey="'url'"
:texts="{
addButton: $t('settings.social-media.submit'),
addNew: $t('settings.social-media.add-new-link'),
deleteModal: {
@ -14,19 +19,25 @@
},
},
edit: $t('settings.social-media.edit-link'),
}" :callbacks="{
}"
:callbacks="{
handleInput: () => {},
handleInputValid,
edit: callbackEditSocialMedia,
submit: handleSubmitSocialMedia,
delete: callbackDeleteSocialMedia,
}">
}"
>
<template #list-item="{ item }">
<social-media-list-item :item="item" />
</template>
<template #edit-item>
<ds-input id="editSocialMedia" model="socialMediaUrl" type="text"
:placeholder="$t('settings.social-media.placeholder')" />
<ds-input
id="editSocialMedia"
model="socialMediaUrl"
type="text"
:placeholder="$t('settings.social-media.placeholder')"
/>
</template>
</my-something-list>
</base-card>