logo

pleroma-fe

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

user_reporting_modal.js (2963B)

    

  1. import Status from '../status/status.vue'
  2. import List from '../list/list.vue'
  3. import Checkbox from '../checkbox/checkbox.vue'
  4. import Modal from '../modal/modal.vue'
  5. import UserLink from '../user_link/user_link.vue'
  6. import { useReportsStore } from 'src/stores/reports'
  8. const UserReportingModal = {
  9.   components: {
  10.     Status,
  11.     List,
  12.     Checkbox,
  13.     Modal,
  14.     UserLink
  15.   },
  16.   data () {
  17.     return {
  18.       comment: '',
  19.       forward: false,
  20.       statusIdsToReport: [],
  21.       processing: false,
  22.       error: false
  23.     }
  24.   },
  25.   computed: {
  26.     reportModal () {
  27.       return useReportsStore().reportModal
  28.     },
  29.     isLoggedIn () {
  30.       return !!this.$store.state.users.currentUser
  31.     },
  32.     isOpen () {
  33.       return this.isLoggedIn && this.reportModal.activated
  34.     },
  35.     userId () {
  36.       return this.reportModal.userId
  37.     },
  38.     user () {
  39.       return this.$store.getters.findUser(this.userId)
  40.     },
  41.     remoteInstance () {
  42.       return !this.user.is_local && this.user.screen_name.substr(this.user.screen_name.indexOf('@') + 1)
  43.     },
  44.     statuses () {
  45.       return this.reportModal.statuses
  46.     },
  47.     preTickedIds () {
  48.       return this.reportModal.preTickedIds
  49.     }
  50.   },
  51.   watch: {
  52.     userId: 'resetState',
  53.     preTickedIds (newValue) {
  54.       this.statusIdsToReport = newValue
  55.     }
  56.   },
  57.   methods: {
  58.     resetState () {
  59.       // Reset state
  60.       this.comment = ''
  61.       this.forward = false
  62.       this.statusIdsToReport = this.preTickedIds
  63.       this.processing = false
  64.       this.error = false
  65.     },
  66.     closeModal () {
  67.       useReportsStore().closeUserReportingModal()
  68.     },
  69.     reportUser () {
  70.       this.processing = true
  71.       this.error = false
  72.       const params = {
  73.         userId: this.userId,
  74.         comment: this.comment,
  75.         forward: this.forward,
  76.         statusIds: this.statusIdsToReport
  77.       }
  78.       this.$store.state.api.backendInteractor.reportUser({ ...params })
  79.         .then(() => {
  80.           this.processing = false
  81.           this.resetState()
  82.           this.closeModal()
  83.         })
  84.         .catch(() => {
  85.           this.processing = false
  86.           this.error = true
  87.         })
  88.     },
  89.     clearError () {
  90.       this.error = false
  91.     },
  92.     isChecked (statusId) {
  93.       return this.statusIdsToReport.indexOf(statusId) !== -1
  94.     },
  95.     toggleStatus (checked, statusId) {
  96.       if (checked === this.isChecked(statusId)) {
  97.         return
  98.       }
  100.       if (checked) {
  101.         this.statusIdsToReport.push(statusId)
  102.       } else {
  103.         this.statusIdsToReport.splice(this.statusIdsToReport.indexOf(statusId), 1)
  104.       }
  105.     },
  106.     resize (e) {
  107.       const target = e.target || e
  108.       if (!(target instanceof window.Element)) { return }
  109.       // Auto is needed to make textbox shrink when removing lines
  110.       target.style.height = 'auto'
  111.       target.style.height = `${target.scrollHeight}px`
  112.       if (target.value === '') {
  113.         target.style.height = null
  114.       }
  115.     }
  116.   }
  117. }
  119. export default UserReportingModal