logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git

status_body.vue (3059B)

    

  1. <template>
  2.   <div
  3.     class="StatusBody"
  4.     :class="{ '-compact': compact }"
  5.   >
  6.     <div class="body">
  7.       <div
  8.         v-if="status.summary_raw_html"
  9.         class="summary-wrapper"
  10.         :class="{ '-tall': (longSubject && !showingLongSubject) }"
  11.       >
  12.         <RichContent
  13.           class="media-body summary"
  14.           :faint="compact"
  15.           :html="status.summary_raw_html"
  16.           :emoji="status.emojis"
  17.         />
  18.         <button
  19.           v-show="longSubject && showingLongSubject"
  20.           class="button-unstyled -link tall-subject-hider"
  21.           @click.prevent="toggleShowingLongSubject"
  22.         >
  23.           {{ $t("status.hide_full_subject") }}
  24.         </button>
  25.         <button
  26.           v-show="longSubject && !showingLongSubject"
  27.           class="button-unstyled -link tall-subject-hider"
  28.           @click.prevent="toggleShowingLongSubject"
  29.         >
  30.           {{ $t("status.show_full_subject") }}
  31.         </button>
  32.       </div>
  33.       <div
  34.         :class="{'-tall-status': hideTallStatus}"
  35.         class="text-wrapper"
  36.       >
  37.         <button
  38.           v-show="hideTallStatus"
  39.           class="button-unstyled -link tall-status-hider"
  40.           :class="{ '-focused': focused }"
  41.           @click.prevent="toggleShowMore"
  42.         >
  43.           {{ $t("general.show_more") }}
  44.         </button>
  45.         <RichContent
  46.           v-if="!hideSubjectStatus && !(singleLine && status.summary_raw_html)"
  47.           :class="{ '-single-line': singleLine }"
  48.           class="text media-body"
  49.           :html="status.raw_html"
  50.           :emoji="status.emojis"
  51.           :handle-links="true"
  52.           :faint="compact"
  53.           :greentext="mergedConfig.greentext"
  54.           :attentions="status.attentions"
  55.           @parseReady="onParseReady"
  56.         />
  58.         <button
  59.           v-show="hideSubjectStatus"
  60.           class="button-unstyled -link cw-status-hider"
  61.           @click.prevent="toggleShowMore"
  62.         >
  63.           {{ $t("status.show_content") }}
  64.           <FAIcon
  65.             v-if="attachmentTypes.includes('image')"
  66.             icon="image"
  67.           />
  68.           <FAIcon
  69.             v-if="attachmentTypes.includes('video')"
  70.             icon="video"
  71.           />
  72.           <FAIcon
  73.             v-if="attachmentTypes.includes('audio')"
  74.             icon="music"
  75.           />
  76.           <FAIcon
  77.             v-if="attachmentTypes.includes('unknown')"
  78.             icon="file"
  79.           />
  80.           <FAIcon
  81.             v-if="status.poll && status.poll.options"
  82.             icon="poll-h"
  83.           />
  84.           <FAIcon
  85.             v-if="status.card"
  86.             icon="link"
  87.           />
  88.         </button>
  89.         <button
  90.           v-show="showingMore && !fullContent"
  91.           class="button-unstyled -link status-unhider"
  92.           @click.prevent="toggleShowMore"
  93.         >
  94.           {{ tallStatus ? $t("general.show_less") : $t("status.hide_content") }}
  95.         </button>
  96.       </div>
  97.     </div>
  98.     <slot v-if="!hideSubjectStatus" />
  99.   </div>
  100. </template>
  101. <script src="./status_body.js"></script>
  102. <style lang="scss" src="./status_body.scss" />