v1s1n/akkoma-fe
1
0
Fork 0
forked from srxl/akkoma-fe
Code Pull requests Activity

v-slot

Browse source
This commit is contained in:
Shpuld Shpuldson 2021-03-16 08:35:29 +02:00
parent c682c1730f
commit 8163c7b55b
1 changed files with 59 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

117
src/components/notifications/notification_filters.vue
View file

@ -5,65 +5,66 @@
placement="bottom" placement="bottom"
:bound-to="{ x: 'container' }" :bound-to="{ x: 'container' }"
> >
<div <template
slot="content" v-slot:content
class="dropdown-menu"
> >
<button <div class="dropdown-menu">
class="button-default dropdown-item" <button
@click="toggleNotificationFilter('likes')" class="button-default dropdown-item"
> @click="toggleNotificationFilter('likes')"
<span >
class="menu-checkbox" <span
:class="{ 'menu-checkbox-checked': filters.likes }" class="menu-checkbox"
/>{{ $t('settings.notification_visibility_likes') }} :class="{ 'menu-checkbox-checked': filters.likes }"
</button> />{{ $t('settings.notification_visibility_likes') }}
<button </button>
class="button-default dropdown-item" <button
@click="toggleNotificationFilter('repeats')" class="button-default dropdown-item"
> @click="toggleNotificationFilter('repeats')"
<span >
class="menu-checkbox" <span
:class="{ 'menu-checkbox-checked': filters.repeats }" class="menu-checkbox"
/>{{ $t('settings.notification_visibility_repeats') }} :class="{ 'menu-checkbox-checked': filters.repeats }"
</button> />{{ $t('settings.notification_visibility_repeats') }}
<button </button>
class="button-default dropdown-item" <button
@click="toggleNotificationFilter('follows')" class="button-default dropdown-item"
> @click="toggleNotificationFilter('follows')"
<span >
class="menu-checkbox" <span
:class="{ 'menu-checkbox-checked': filters.follows }" class="menu-checkbox"
/>{{ $t('settings.notification_visibility_follows') }} :class="{ 'menu-checkbox-checked': filters.follows }"
</button> />{{ $t('settings.notification_visibility_follows') }}
<button </button>
class="button-default dropdown-item" <button
@click="toggleNotificationFilter('mentions')" class="button-default dropdown-item"
> @click="toggleNotificationFilter('mentions')"
<span >
class="menu-checkbox" <span
:class="{ 'menu-checkbox-checked': filters.mentions }" class="menu-checkbox"
/>{{ $t('settings.notification_visibility_mentions') }} :class="{ 'menu-checkbox-checked': filters.mentions }"
</button> />{{ $t('settings.notification_visibility_mentions') }}
<button </button>
class="button-default dropdown-item" <button
@click="toggleNotificationFilter('emojiReactions')" class="button-default dropdown-item"
> @click="toggleNotificationFilter('emojiReactions')"
<span >
class="menu-checkbox" <span
:class="{ 'menu-checkbox-checked': filters.emojiReactions }" class="menu-checkbox"
/>{{ $t('settings.notification_visibility_emoji_reactions') }} :class="{ 'menu-checkbox-checked': filters.emojiReactions }"
</button> />{{ $t('settings.notification_visibility_emoji_reactions') }}
<button </button>
class="button-default dropdown-item" <button
@click="toggleNotificationFilter('moves')" class="button-default dropdown-item"
> @click="toggleNotificationFilter('moves')"
<span >
class="menu-checkbox" <span
:class="{ 'menu-checkbox-checked': filters.moves }" class="menu-checkbox"
/>{{ $t('settings.notification_visibility_moves') }} :class="{ 'menu-checkbox-checked': filters.moves }"
</button> />{{ $t('settings.notification_visibility_moves') }}
</div> </button>
</div>
</template>
<template v-slot:trigger> <template v-slot:trigger>
<FAIcon icon="filter" /> <FAIcon icon="filter" />
</template> </template>