From 22e8258a56ab0828231bc0e510b52dd39eebb5c7 Mon Sep 17 00:00:00 2001 From: wakarimasen Date: Sun, 5 Mar 2017 11:56:28 +0100 Subject: Highlight current notice in conversation-page, add backlinks --- src/components/status/status.js | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'src/components/status/status.js') diff --git a/src/components/status/status.js b/src/components/status/status.js index 22292ffa..9550c19f 100644 --- a/src/components/status/status.js +++ b/src/components/status/status.js @@ -4,6 +4,7 @@ import RetweetButton from '../retweet_button/retweet_button.vue' import DeleteButton from '../delete_button/delete_button.vue' import PostStatusForm from '../post_status_form/post_status_form.vue' import UserCardContent from '../user_card_content/user_card_content.vue' +import { toInteger } from 'lodash' const Status = { props: [ @@ -30,7 +31,12 @@ const Status = { loggedIn () { return !!this.$store.state.users.currentUser }, - muted () { return !this.unmuted && this.status.user.muted } + muted () { return !this.unmuted && this.status.user.muted }, + focused () { + const id = toInteger(this.$route.params.id) + return (this.statusoid.id == id) + }, + isReply () { return !!this.statusoid.in_reply_to_status_id } }, components: { Attachment, -- cgit v1.2.3-70-g09d2 From 289326855caa5e763439f89f2829c430056e79c3 Mon Sep 17 00:00:00 2001 From: wakarimasen Date: Sun, 5 Mar 2017 16:31:01 +0100 Subject: Add focused prop to status --- src/components/conversation/conversation.js | 3 +++ src/components/conversation/conversation.vue | 2 +- src/components/status/status.js | 7 ++----- src/components/status_or_conversation/status_or_conversation.vue | 2 +- 4 files changed, 7 insertions(+), 7 deletions(-) (limited to 'src/components/status/status.js') diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js index ecc76e71..524737fd 100644 --- a/src/components/conversation/conversation.js +++ b/src/components/conversation/conversation.js @@ -47,6 +47,9 @@ const conversation = { .then((status) => this.$store.dispatch('addNewStatuses', { statuses: [status] })) .then(() => this.fetchConversation()) } + }, + focused: function(id) { + return (id == this.statusoid.id) } } } diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index 9675e69f..8803dd57 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -8,7 +8,7 @@
- +
diff --git a/src/components/status/status.js b/src/components/status/status.js index 9550c19f..f1682e68 100644 --- a/src/components/status/status.js +++ b/src/components/status/status.js @@ -9,7 +9,8 @@ import { toInteger } from 'lodash' const Status = { props: [ 'statusoid', - 'expandable' + 'expandable', + 'focused' ], data: () => ({ replying: false, @@ -32,10 +33,6 @@ const Status = { return !!this.$store.state.users.currentUser }, muted () { return !this.unmuted && this.status.user.muted }, - focused () { - const id = toInteger(this.$route.params.id) - return (this.statusoid.id == id) - }, isReply () { return !!this.statusoid.in_reply_to_status_id } }, components: { diff --git a/src/components/status_or_conversation/status_or_conversation.vue b/src/components/status_or_conversation/status_or_conversation.vue index 4fabfab2..4aaaf2ff 100644 --- a/src/components/status_or_conversation/status_or_conversation.vue +++ b/src/components/status_or_conversation/status_or_conversation.vue @@ -1,7 +1,7 @@ -- cgit v1.2.3-70-g09d2 From 42ae57dace4089141e2f31351119dc80d8e7cc4d Mon Sep 17 00:00:00 2001 From: wakarimasen Date: Sun, 5 Mar 2017 16:49:45 +0100 Subject: Remove unused import --- src/components/status/status.js | 1 - 1 file changed, 1 deletion(-) (limited to 'src/components/status/status.js') diff --git a/src/components/status/status.js b/src/components/status/status.js index f1682e68..101a0e14 100644 --- a/src/components/status/status.js +++ b/src/components/status/status.js @@ -4,7 +4,6 @@ import RetweetButton from '../retweet_button/retweet_button.vue' import DeleteButton from '../delete_button/delete_button.vue' import PostStatusForm from '../post_status_form/post_status_form.vue' import UserCardContent from '../user_card_content/user_card_content.vue' -import { toInteger } from 'lodash' const Status = { props: [ -- cgit v1.2.3-70-g09d2 From 9d56721533d46cbd88db8e64edb8d6fddf61298e Mon Sep 17 00:00:00 2001 From: wakarimasen Date: Mon, 6 Mar 2017 16:21:11 +0100 Subject: Highlight original notice when expanding retweets --- src/components/conversation/conversation.js | 6 +++++- src/components/status/status.js | 2 +- 2 files changed, 6 insertions(+), 2 deletions(-) (limited to 'src/components/status/status.js') diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js index a598b521..769893d3 100644 --- a/src/components/conversation/conversation.js +++ b/src/components/conversation/conversation.js @@ -49,7 +49,11 @@ const conversation = { } }, focused: function (id) { - return (id === this.statusoid.id) + if (!!this.statusoid.retweeted_status) { + return (id === this.statusoid.retweeted_status.id) + } else { + return (id === this.statusoid.id) + } } } } diff --git a/src/components/status/status.js b/src/components/status/status.js index 101a0e14..bc9d6e6c 100644 --- a/src/components/status/status.js +++ b/src/components/status/status.js @@ -32,7 +32,7 @@ const Status = { return !!this.$store.state.users.currentUser }, muted () { return !this.unmuted && this.status.user.muted }, - isReply () { return !!this.statusoid.in_reply_to_status_id } + isReply () { return !!this.status.in_reply_to_status_id } }, components: { Attachment, -- cgit v1.2.3-70-g09d2