2019-05-15 04:38:16 +09:00
|
|
|
<template>
|
|
|
|
<div class="panel panel-default">
|
|
|
|
<div class="panel-heading">
|
|
|
|
<div class="title">
|
2019-06-01 00:13:06 +09:00
|
|
|
{{ $t("nav.interactions") }}
|
2019-05-15 04:38:16 +09:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<tab-switcher
|
|
|
|
ref="tabSwitcher"
|
2019-07-05 16:17:44 +09:00
|
|
|
:on-switch="onModeSwitch"
|
|
|
|
>
|
|
|
|
<span
|
2019-08-10 12:48:08 +09:00
|
|
|
key="mentions"
|
2019-07-05 16:17:44 +09:00
|
|
|
:label="$t('nav.mentions')"
|
|
|
|
/>
|
|
|
|
<span
|
2019-08-10 12:48:08 +09:00
|
|
|
key="likes+repeats"
|
2019-07-05 16:17:44 +09:00
|
|
|
:label="$t('interactions.favs_repeats')"
|
|
|
|
/>
|
|
|
|
<span
|
2019-08-10 12:48:08 +09:00
|
|
|
key="follows"
|
2019-07-05 16:17:44 +09:00
|
|
|
:label="$t('interactions.follows')"
|
|
|
|
/>
|
2020-11-15 20:57:02 +09:00
|
|
|
<span
|
|
|
|
key="reactions"
|
|
|
|
:label="$t('interactions.emoji_reactions')"
|
|
|
|
/>
|
|
|
|
<span
|
|
|
|
v-if="canSeeReports"
|
|
|
|
key="reports"
|
|
|
|
:label="$t('interactions.reports')"
|
|
|
|
/>
|
2019-12-11 18:25:52 +09:00
|
|
|
<span
|
2020-02-04 04:30:31 +09:00
|
|
|
v-if="!allowFollowingMove"
|
2019-12-11 18:25:52 +09:00
|
|
|
key="moves"
|
|
|
|
:label="$t('interactions.moves')"
|
|
|
|
/>
|
2019-05-15 04:38:16 +09:00
|
|
|
</tab-switcher>
|
|
|
|
<Notifications
|
|
|
|
ref="notifications"
|
2019-07-05 16:17:44 +09:00
|
|
|
:no-heading="true"
|
2023-08-19 10:07:48 +09:00
|
|
|
:no-extra="true"
|
2019-07-05 16:17:44 +09:00
|
|
|
:minimal-mode="true"
|
|
|
|
:filter-mode="filterMode"
|
|
|
|
/>
|
2019-05-15 04:38:16 +09:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script src="./interactions.js"></script>
|