17d2eed06a
* better-still-emoji: fix tests prevent infinite update loops remove obsolete tests removed useless code, review change, fixed bug with tall statuses fixed mentions line again remove old emoji added, everything emoji-bearing uses RichContent now richcontent support in polls, user cards and user profiles support richcontent in polls fix tests, add performance test (skipped, doesn't assert anything), tweak max mentions count made the code responsible for showing unwritten mentions actually work remove new options for style and separate line, now groups all chained mentions on a mentionsline regardless of placement. fixes spacing fix tests
101 lines
2.9 KiB
Vue
101 lines
2.9 KiB
Vue
<template>
|
|
<div
|
|
class="StatusBody"
|
|
:class="{ '-compact': compact }"
|
|
>
|
|
<div class="body">
|
|
<div
|
|
v-if="status.summary_raw_html"
|
|
class="summary-wrapper"
|
|
:class="{ '-tall': (longSubject && !showingLongSubject) }"
|
|
>
|
|
<RichContent
|
|
class="media-body summary"
|
|
:html="status.summary_raw_html"
|
|
:emoji="status.emojis"
|
|
/>
|
|
<button
|
|
v-if="longSubject && showingLongSubject"
|
|
class="button-unstyled -link tall-subject-hider"
|
|
@click.prevent="showingLongSubject=false"
|
|
>
|
|
{{ $t("status.hide_full_subject") }}
|
|
</button>
|
|
<button
|
|
v-else-if="longSubject"
|
|
class="button-unstyled -link tall-subject-hider"
|
|
@click.prevent="showingLongSubject=true"
|
|
>
|
|
{{ $t("status.show_full_subject") }}
|
|
</button>
|
|
</div>
|
|
<div
|
|
:class="{'-tall-status': hideTallStatus}"
|
|
class="text-wrapper"
|
|
>
|
|
<button
|
|
v-if="hideTallStatus"
|
|
class="button-unstyled -link tall-status-hider"
|
|
:class="{ '-focused': focused }"
|
|
@click.prevent="toggleShowMore"
|
|
>
|
|
{{ $t("general.show_more") }}
|
|
</button>
|
|
<RichContent
|
|
v-if="!hideSubjectStatus && !(singleLine && status.summary_raw_html)"
|
|
:class="{ '-single-line': singleLine }"
|
|
class="text media-body"
|
|
:html="status.raw_html"
|
|
:emoji="status.emojis"
|
|
:handle-links="true"
|
|
:greentext="mergedConfig.greentext"
|
|
:attentions="status.attentions"
|
|
@parseReady="onParseReady"
|
|
/>
|
|
|
|
<button
|
|
v-if="hideSubjectStatus"
|
|
class="button-unstyled -link cw-status-hider"
|
|
@click.prevent="toggleShowMore"
|
|
>
|
|
{{ $t("status.show_content") }}
|
|
<FAIcon
|
|
v-if="attachmentTypes.includes('image')"
|
|
icon="image"
|
|
/>
|
|
<FAIcon
|
|
v-if="attachmentTypes.includes('video')"
|
|
icon="video"
|
|
/>
|
|
<FAIcon
|
|
v-if="attachmentTypes.includes('audio')"
|
|
icon="music"
|
|
/>
|
|
<FAIcon
|
|
v-if="attachmentTypes.includes('unknown')"
|
|
icon="file"
|
|
/>
|
|
<FAIcon
|
|
v-if="status.poll && status.poll.options"
|
|
icon="poll-h"
|
|
/>
|
|
<FAIcon
|
|
v-if="status.card"
|
|
icon="link"
|
|
/>
|
|
</button>
|
|
<button
|
|
v-if="showingMore && !fullContent"
|
|
class="button-unstyled -link status-unhider"
|
|
@click.prevent="toggleShowMore"
|
|
>
|
|
{{ tallStatus ? $t("general.show_less") : $t("status.hide_content") }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<slot v-if="!hideSubjectStatus" />
|
|
</div>
|
|
</template>
|
|
<script src="./status_body.js" ></script>
|
|
<style lang="scss" src="./status_body.scss" />
|