logo

pleroma-fe

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

report.vue (2063B)

    

  1. <template>
  2.   <div class="Report">
  3.     <div class="reported-user">
  4.       <span>{{ $t('report.reported_user') }}</span>
  5.       <router-link :to="generateUserProfileLink(report.acct)">
  6.         @{{ report.acct.screen_name }}
  7.       </router-link>
  8.     </div>
  9.     <div class="reporter">
  10.       <span>{{ $t('report.reporter') }}</span>
  11.       <router-link :to="generateUserProfileLink(report.actor)">
  12.         @{{ report.actor.screen_name }}
  13.       </router-link>
  14.     </div>
  15.     <div class="report-state">
  16.       <span>{{ $t('report.state') }}</span>
  17.       <Select
  18.         :id="report-state"
  19.         v-model="state"
  20.         class="input form-control"
  21.       >
  22.         <option
  23.           v-for="state in ['open', 'closed', 'resolved']"
  24.           :key="state"
  25.           :value="state"
  26.         >
  27.           {{ $t('report.state_' + state) }}
  28.         </option>
  29.       </Select>
  30.     </div>
  31.     <RichContent
  32.       class="report-content"
  33.       :html="report.content"
  34.       :emoji="[]"
  35.     />
  36.     <div v-if="report.statuses.length">
  37.       <small>{{ $t('report.reported_statuses') }}</small>
  38.       <router-link
  39.         v-for="status in report.statuses"
  40.         :key="status.id"
  41.         :to="{ name: 'conversation', params: { id: status.id } }"
  42.         class="reported-status"
  43.       >
  44.         <div class="reported-status-heading">
  45.           <span class="reported-status-name">{{ status.user.name }}</span>
  46.           <Timeago
  47.             :time="status.created_at"
  48.             :auto-update="240"
  49.             class="faint"
  50.           />
  51.         </div>
  52.         <status-content :status="status" />
  53.       </router-link>
  54.     </div>
  55.     <div v-if="report.notes.length">
  56.       <small>{{ $t('report.notes') }}</small>
  57.       <div
  58.         v-for="note in report.notes"
  59.         :key="note.id"
  60.         class="note"
  61.       >
  62.         <span>{{ note.content }}</span>
  63.         <Timeago
  64.           :time="note.created_at"
  65.           :auto-update="240"
  66.           class="faint"
  67.         />
  68.       </div>
  69.     </div>
  70.   </div>
  71. </template>
  73. <script src="./report.js"></script>
  74. <style src="./report.scss" lang="scss"></style>