ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix linting

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
webapp/components/_new/features/MySomethingList/MySomethingList.vue
View File

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

33
webapp/pages/settings/my-social-media.vue
View File

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