Mastodon/Pinafore-Web-Client-Frontend
1
0
Fork 0
mirror of https://github.com/nolanlawson/pinafore synced 2024-12-12 02:07:26 +01:00
Code Issues Releases Wiki Activity

slightly refactor compose box (#192)

Browse Source
This commit is contained in:
Nolan Lawson 2018-04-20 10:36:05 -07:00 committed by GitHub
parent 581a0fcd00
commit 64973757a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
routes/_components/compose/ComposeBox.html
View File

@ -153,20 +153,16 @@
}, },
store: () => store, store: () => store,
computed: { computed: {
computedClassName: (overLimit, realm, size, postPrivacyKey, isReply) => { computedClassName: (overLimit, realm, size, postPrivacyKey, isReply) => (classname(
return classname( 'compose-box',
'compose-box', overLimit && 'over-char-limit',
overLimit && 'over-char-limit', size === 'slim' && 'slim-size',
size === 'slim' && 'slim-size', isReply && postPrivacyKey === 'direct' && 'direct-reply'
isReply && postPrivacyKey === 'direct' && 'direct-reply' )),
) hideAndFadeIn: (hidden) => (classname(
}, 'compose-box-fade-in',
hideAndFadeIn: (hidden) => { hidden && 'hidden'
return classname( )),
'compose-box-fade-in',
hidden && 'hidden'
)
},
composeData: ($currentComposeData, realm) => $currentComposeData[realm] || {}, composeData: ($currentComposeData, realm) => $currentComposeData[realm] || {},
text: (composeData) => composeData.text || '', text: (composeData) => composeData.text || '',
media: (composeData) => composeData.media || [], media: (composeData) => composeData.media || [],
@ -175,9 +171,9 @@
postPrivacyKey: (composeData, defaultPostPrivacyKey) => composeData.postPrivacy || defaultPostPrivacyKey, postPrivacyKey: (composeData, defaultPostPrivacyKey) => composeData.postPrivacy || defaultPostPrivacyKey,
textLength: (text) => measureText(text), textLength: (text) => measureText(text),
contentWarningLength: (contentWarning) => measureText(contentWarning), contentWarningLength: (contentWarning) => measureText(contentWarning),
length: (textLength, contentWarningLength, contentWarningShown) => { length: (textLength, contentWarningLength, contentWarningShown) => (
return textLength + (contentWarningShown ? contentWarningLength : 0) textLength + (contentWarningShown ? contentWarningLength : 0)
}, ),
overLimit: (length) => length > CHAR_LIMIT, overLimit: (length) => length > CHAR_LIMIT,
contentWarningShown: (composeData) => composeData.contentWarningShown, contentWarningShown: (composeData) => composeData.contentWarningShown,
contentWarning: (composeData) => composeData.contentWarning || '', contentWarning: (composeData) => composeData.contentWarning || '',