aboutsummaryrefslogtreecommitdiff
path: root/src/components/reply_button
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2020-10-17 21:26:13 +0300
committerHenry Jameson <me@hjkos.com>2020-10-17 21:26:13 +0300
commita664fde02f5f5eec96bbcaa2b6f19e1694541e76 (patch)
tree251b21d50cb6e0dbc8a4d8082989266aca6c8e54 /src/components/reply_button
parent29ff0be92cfd87ba95d1f78323794dfb1223b514 (diff)
parent76a9a51620c01257492a450f6cd0a6f98a885dce (diff)
Merge remote-tracking branch 'origin/develop' into settings-changed
* origin/develop: fix fontello Translated using Weblate (Russian) Translated using Weblate (Italian) lint fix fixed copy-pasting leftovers improved algorithm, possibly speed too fix 8x spaces inside this paren feat/reorder-emojis-by-position-of-keyword rename to gravestone Apply 1 suggestion(s) to 1 file(s) change i18n phrasing separate reply button to its own component, add changelog entry add basic deletes support that works with masto WS
Diffstat (limited to 'src/components/reply_button')
-rw-r--r--src/components/reply_button/reply_button.js12
-rw-r--r--src/components/reply_button/reply_button.vue21
2 files changed, 33 insertions, 0 deletions
diff --git a/src/components/reply_button/reply_button.js b/src/components/reply_button/reply_button.js
new file mode 100644
index 00000000..22957650
--- /dev/null
+++ b/src/components/reply_button/reply_button.js
@@ -0,0 +1,12 @@
+
+const ReplyButton = {
+ name: 'ReplyButton',
+ props: ['status', 'replying'],
+ computed: {
+ loggedIn () {
+ return !!this.$store.state.users.currentUser
+ }
+ }
+}
+
+export default ReplyButton
diff --git a/src/components/reply_button/reply_button.vue b/src/components/reply_button/reply_button.vue
new file mode 100644
index 00000000..b2904b5c
--- /dev/null
+++ b/src/components/reply_button/reply_button.vue
@@ -0,0 +1,21 @@
+<template>
+ <div>
+ <i
+ v-if="loggedIn"
+ class="button-icon button-reply icon-reply"
+ :title="$t('tool_tip.reply')"
+ :class="{'-active': replying}"
+ @click.prevent="$emit('toggle')"
+ />
+ <i
+ v-else
+ class="button-icon button-reply -disabled icon-reply"
+ :title="$t('tool_tip.reply')"
+ />
+ <span v-if="status.replies_count > 0">
+ {{ status.replies_count }}
+ </span>
+ </div>
+</template>
+
+<script src="./reply_button.js"></script>