From 8618857aa36574f52a23106cd0d57fd96782435b Mon Sep 17 00:00:00 2001 From: taehoon Date: Fri, 6 Sep 2019 11:15:22 -0400 Subject: [PATCH] collapse fav/repeat notifications from muted users --- src/components/notification/notification.js | 14 +- src/components/notification/notification.vue | 202 ++++++++++-------- .../notifications/notifications.scss | 5 +- 3 files changed, 128 insertions(+), 93 deletions(-) diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js index 896c6d52..181f7715 100644 --- a/src/components/notification/notification.js +++ b/src/components/notification/notification.js @@ -9,7 +9,8 @@ const Notification = { data () { return { userExpanded: false, - betterShadow: this.$store.state.interface.browserSupport.cssFilter + betterShadow: this.$store.state.interface.browserSupport.cssFilter, + unmuted: false } }, props: [ 'notification' ], @@ -23,11 +24,14 @@ const Notification = { toggleUserExpanded () { this.userExpanded = !this.userExpanded }, - userProfileLink (user) { + generateUserProfileLink (user) { return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames) }, getUser (notification) { return this.$store.state.users.usersObject[notification.from_profile.id] + }, + toggleMute () { + this.unmuted = !this.unmuted } }, computed: { @@ -47,6 +51,12 @@ const Notification = { return this.userInStore } return this.notification.from_profile + }, + userProfileLink () { + return this.generateUserProfileLink(this.notification.from_profile) + }, + needMute () { + return this.notification.from_profile.muted } } } diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue index bafcd026..1f192c77 100644 --- a/src/components/notification/notification.vue +++ b/src/components/notification/notification.vue @@ -4,104 +4,126 @@ :compact="true" :statusoid="notification.status" /> -
- +
- - -
- - -
- - - - {{ notification.from_profile.name }} - - - {{ $t('notifications.favorited_you') }} - - - + + {{ notification.from_profile.screen_name }} + + + +
+
+ + + +
+ + +
+ + - {{ $t('notifications.repeated_you') }} - - - - {{ $t('notifications.followed_you') }} - -
+ + {{ notification.from_profile.name }} + + + {{ $t('notifications.favorited_you') }} + + + + {{ $t('notifications.repeated_you') }} + + + + {{ $t('notifications.followed_you') }} + +
+
+ + + +
+
+ + + +
+ +
- - - -
-
- - + + @{{ notification.from_profile.screen_name }}
- - -
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index 622d12f4..71876b14 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -33,7 +33,6 @@ .notification { box-sizing: border-box; - display: flex; border-bottom: 1px solid; border-color: $fallback--border; border-color: var(--border, $fallback--border); @@ -47,6 +46,10 @@ } } + .muted { + padding: .25em .6em; + } + .non-mention { display: flex; flex: 1;