diff --git a/routes/_components/status/Status.html b/routes/_components/status/Status.html
index f3f6e08..fdfde44 100644
--- a/routes/_components/status/Status.html
+++ b/routes/_components/status/Status.html
@@ -7,40 +7,29 @@
aria-label="{{ariaLabel}}"
on:recalculateHeight>
{{#if showHeader}}
-
+
{{/if}}
-
-
+
+
{{#if !isStatusInOwnThread}}
-
+
{{/if}}
-
+
{{#if spoilerText}}
-
+
{{/if}}
{{#if showContent || contentPreloaded}}
-
+
{{/if}}
{{#if showMedia }}
-
+
{{/if}}
{{#if isStatusInOwnThread}}
-
+
{{/if}}
-
+
{{#if replyShown}}
-
+
{{/if}}
@@ -180,50 +169,72 @@
originalStatusId: (originalStatus) => originalStatus.id,
statusId: (status) => status.id,
notificationId: (notification) => notification && notification.id,
- account: (notification, status) => {
- return (notification && notification.account) || status.account
- },
+ account: (notification, status) => (
+ (notification && notification.account) || status.account
+ ),
accountId: (account) => account.id,
originalAccount: (originalStatus) => originalStatus.account,
originalAccountId: (originalAccount) => originalAccount.id,
visibility: (originalStatus) => originalStatus.visibility,
spoilerText: (originalStatus) => originalStatus.spoiler_text,
- uuid: ($currentInstance, timelineType, timelineValue, notificationId, statusId) => {
- return `${$currentInstance}/${timelineType}/${timelineValue}/${notificationId || ''}/${statusId}`
- },
+ uuid: ($currentInstance, timelineType, timelineValue, notificationId, statusId) => (
+ `${$currentInstance}/${timelineType}/${timelineValue}/${notificationId || ''}/${statusId}`
+ ),
delegateKey: (uuid) => `status-${uuid}`,
- isStatusInOwnThread: (timelineType, timelineValue, originalStatusId) => {
- return (timelineType === 'status' || timelineType === 'reply') && timelineValue === originalStatusId
- },
- isStatusInNotification: (originalStatusId, notification) => {
- return notification && notification.status &&
+ isStatusInOwnThread: (timelineType, timelineValue, originalStatusId) => (
+ (timelineType === 'status' || timelineType === 'reply') && timelineValue === originalStatusId
+ ),
+ isStatusInNotification: (originalStatusId, notification) => (
+ notification && notification.status &&
notification.type !== 'mention' && notification.status.id === originalStatusId
- },
+ ),
spoilerShown: ($spoilersShown, uuid) => !!$spoilersShown[uuid],
replyShown: ($repliesShown, uuid) => !!$repliesShown[uuid],
- showMedia: (originalStatus, isStatusInNotification) => {
- return !isStatusInNotification &&
+ showMedia: (originalStatus, isStatusInNotification) => (
+ !isStatusInNotification &&
originalStatus.media_attachments &&
originalStatus.media_attachments.length
- },
- ariaLabel: (originalAccount, originalStatus, visibility) => {
- return (visibility === 'direct' ? 'Direct message' : 'Status') +
+ ),
+ ariaLabel: (originalAccount, originalStatus, visibility) => (
+ (visibility === 'direct' ? 'Direct message' : 'Status') +
` by ${originalAccount.display_name || originalAccount.username}`
- },
- showHeader: (notification, status, timelineType) => {
- return (notification && (notification.type === 'reblog' || notification.type === 'favourite')) ||
+ ),
+ showHeader: (notification, status, timelineType) => (
+ (notification && (notification.type === 'reblog' || notification.type === 'favourite')) ||
status.reblog ||
timelineType === 'pinned'
- },
- className: (visibility, timelineType, isStatusInOwnThread) => {
- return classname(
- 'status-article',
- visibility === 'direct' && 'status-direct',
- timelineType !== 'search' && 'status-in-timeline',
- isStatusInOwnThread && 'status-in-own-thread'
- )
- },
- showContent: (spoilerText, spoilerShown) => !spoilerText || spoilerShown
+ ),
+ className: (visibility, timelineType, isStatusInOwnThread) => (classname(
+ 'status-article',
+ visibility === 'direct' && 'status-direct',
+ timelineType !== 'search' && 'status-in-timeline',
+ isStatusInOwnThread && 'status-in-own-thread'
+ )),
+ showContent: (spoilerText, spoilerShown) => !spoilerText || spoilerShown,
+ params: (notification, notificationId, status, statusId, timelineType,
+ account, accountId, uuid, isStatusInNotification, isStatusInOwnThread,
+ originalAccount, originalAccountId, spoilerShown, visibility, replyShown,
+ replyVisibility, spoilerText, originalStatus, originalStatusId) => ({
+ notification,
+ notificationId,
+ status,
+ statusId,
+ timelineType,
+ account,
+ accountId,
+ uuid,
+ isStatusInNotification,
+ isStatusInOwnThread,
+ originalAccount,
+ originalAccountId,
+ spoilerShown,
+ visibility,
+ replyShown,
+ replyVisibility,
+ spoilerText,
+ originalStatus,
+ originalStatusId
+ })
}
}
\ No newline at end of file