logo

pleroma-fe

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

thread_tree.js (2260B)

    

  1. import Status from '../status/status.vue'
  3. import { library } from '@fortawesome/fontawesome-svg-core'
  4. import {
  5.   faAngleDoubleDown,
  6.   faAngleDoubleRight
  7. } from '@fortawesome/free-solid-svg-icons'
  9. library.add(
  10.   faAngleDoubleDown,
  11.   faAngleDoubleRight
  12. )
  14. const ThreadTree = {
  15.   components: {
  16.     Status
  17.   },
  18.   name: 'ThreadTree',
  19.   props: {
  20.     depth: Number,
  21.     status: Object,
  22.     inProfile: Boolean,
  23.     conversation: Array,
  24.     collapsable: Boolean,
  25.     isExpanded: Boolean,
  26.     pinnedStatusIdsObject: Object,
  27.     profileUserId: String,
  29.     focused: Function,
  30.     highlight: String,
  31.     getReplies: Function,
  32.     setHighlight: Function,
  33.     toggleExpanded: Function,
  35.     simple: Boolean,
  36.     // to control display of the whole thread forest
  37.     toggleThreadDisplay: Function,
  38.     threadDisplayStatus: Object,
  39.     showThreadRecursively: Function,
  40.     totalReplyCount: Object,
  41.     totalReplyDepth: Object,
  42.     statusContentProperties: Object,
  43.     setStatusContentProperty: Function,
  44.     toggleStatusContentProperty: Function,
  45.     dive: Function
  46.   },
  47.   computed: {
  48.     suspendable () {
  49.       const selfSuspendable = this.$refs.statusComponent ? this.$refs.statusComponent.suspendable : true
  50.       if (this.$refs.childComponent) {
  51.         return selfSuspendable && this.$refs.childComponent.every(s => s.suspendable)
  52.       }
  53.       return selfSuspendable
  54.     },
  55.     reverseLookupTable () {
  56.       return this.conversation.reduce((table, status, index) => {
  57.         table[status.id] = index
  58.         return table
  59.       }, {})
  60.     },
  61.     currentReplies () {
  62.       return this.getReplies(this.status.id).map(({ id }) => this.statusById(id))
  63.     },
  64.     threadShowing () {
  65.       return this.threadDisplayStatus[this.status.id] === 'showing'
  66.     },
  67.     currentProp () {
  68.       return this.statusContentProperties[this.status.id]
  69.     }
  70.   },
  71.   methods: {
  72.     statusById (id) {
  73.       return this.conversation[this.reverseLookupTable[id]]
  74.     },
  75.     collapseThread () {
  76.     },
  77.     showThread () {
  78.     },
  79.     showAllSubthreads () {
  80.     },
  81.     toggleCurrentProp (name) {
  82.       this.toggleStatusContentProperty(this.status.id, name)
  83.     },
  84.     setCurrentProp (name, newVal) {
  85.       this.setStatusContentProperty(this.status.id, name)
  86.     }
  87.   }
  88. }
  90. export default ThreadTree