simplify Status.html using spread params (#190)

* simplify Status.html using spread params

* fixup
This commit is contained in:
Nolan Lawson 2018-04-21 00:33:30 -07:00 committed by GitHub
parent bf36667002
commit 286a93ecba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -7,40 +7,29 @@
aria-label="{{ariaLabel}}"
on:recalculateHeight>
{{#if showHeader}}
<StatusHeader :notification :notificationId :status :statusId :timelineType
:account :accountId :uuid :isStatusInNotification />
<StatusHeader {{...params}} />
{{/if}}
<StatusAuthorName :isStatusInNotification :isStatusInOwnThread :originalAccountId
:originalAccount :uuid />
<StatusAuthorHandle :isStatusInNotification :originalAccount />
<StatusAuthorName {{...params}} />
<StatusAuthorHandle {{...params}} />
{{#if !isStatusInOwnThread}}
<StatusRelativeDate :isStatusInNotification :originalStatus :originalStatusId :uuid />
<StatusRelativeDate {{...params}} />
{{/if}}
<StatusSidebar :isStatusInOwnThread :originalAccount
:originalAccountId :uuid />
<StatusSidebar {{...params}} />
{{#if spoilerText}}
<StatusSpoiler :isStatusInOwnThread :isStatusInNotification
:originalStatus :uuid :spoilerShown
on:recalculateHeight />
<StatusSpoiler {{...params}} on:recalculateHeight />
{{/if}}
{{#if showContent || contentPreloaded}}
<StatusContent :isStatusInOwnThread :isStatusInNotification
:originalStatus :uuid shown="{{showContent}}"/>
<StatusContent {{...params}} shown="{{showContent}}"/>
{{/if}}
{{#if showMedia }}
<StatusMediaAttachments :originalStatus :uuid
on:recalculateHeight />
<StatusMediaAttachments {{...params}} on:recalculateHeight />
{{/if}}
{{#if isStatusInOwnThread}}
<StatusDetails :originalStatus :originalStatusId />
<StatusDetails {{...params}} />
{{/if}}
<StatusToolbar :originalStatus :originalStatusId :originalAccountId
:isStatusInOwnThread :uuid :visibility :replyShown
on:recalculateHeight />
<StatusToolbar {{...params}} on:recalculateHeight />
{{#if replyShown}}
<StatusComposeBox :originalStatusId :uuid :replyVisibility
:visibility :spoilerText
on:recalculateHeight />
<StatusComposeBox {{...params}} on:recalculateHeight />
{{/if}}
</article>
@ -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(
),
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
)),
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
})
}
}
</script>