logo

pleroma-fe

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

announcement.js (2873B)

    

  1. import { mapState } from 'vuex'
  2. import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
  3. import RichContent from '../rich_content/rich_content.jsx'
  4. import localeService from '../../services/locale/locale.service.js'
  6. const Announcement = {
  7.   components: {
  8.     AnnouncementEditor,
  9.     RichContent
  10.   },
  11.   data () {
  12.     return {
  13.       editing: false,
  14.       editedAnnouncement: {
  15.         content: '',
  16.         startsAt: undefined,
  17.         endsAt: undefined,
  18.         allDay: undefined
  19.       },
  20.       editError: ''
  21.     }
  22.   },
  23.   props: {
  24.     announcement: Object
  25.   },
  26.   computed: {
  27.     ...mapState({
  28.       currentUser: state => state.users.currentUser
  29.     }),
  30.     canEditAnnouncement () {
  31.       return this.currentUser && this.currentUser.privileges.includes('announcements_manage_announcements')
  32.     },
  33.     content () {
  34.       return this.announcement.content
  35.     },
  36.     isRead () {
  37.       return this.announcement.read
  38.     },
  39.     publishedAt () {
  40.       const time = this.announcement.published_at
  41.       if (!time) {
  42.         return
  43.       }
  45.       return this.formatTimeOrDate(time, localeService.internalToBrowserLocale(this.$i18n.locale))
  46.     },
  47.     startsAt () {
  48.       const time = this.announcement.starts_at
  49.       if (!time) {
  50.         return
  51.       }
  53.       return this.formatTimeOrDate(time, localeService.internalToBrowserLocale(this.$i18n.locale))
  54.     },
  55.     endsAt () {
  56.       const time = this.announcement.ends_at
  57.       if (!time) {
  58.         return
  59.       }
  61.       return this.formatTimeOrDate(time, localeService.internalToBrowserLocale(this.$i18n.locale))
  62.     },
  63.     inactive () {
  64.       return this.announcement.inactive
  65.     }
  66.   },
  67.   methods: {
  68.     markAsRead () {
  69.       if (!this.isRead) {
  70.         return this.$store.dispatch('markAnnouncementAsRead', this.announcement.id)
  71.       }
  72.     },
  73.     deleteAnnouncement () {
  74.       return this.$store.dispatch('deleteAnnouncement', this.announcement.id)
  75.     },
  76.     formatTimeOrDate (time, locale) {
  77.       const d = new Date(time)
  78.       return this.announcement.all_day ? d.toLocaleDateString(locale) : d.toLocaleString(locale)
  79.     },
  80.     enterEditMode () {
  81.       this.editedAnnouncement.content = this.announcement.pleroma.raw_content
  82.       this.editedAnnouncement.startsAt = this.announcement.starts_at
  83.       this.editedAnnouncement.endsAt = this.announcement.ends_at
  84.       this.editedAnnouncement.allDay = this.announcement.all_day
  85.       this.editing = true
  86.     },
  87.     submitEdit () {
  88.       this.$store.dispatch('editAnnouncement', {
  89.         id: this.announcement.id,
  90.         ...this.editedAnnouncement
  91.       })
  92.         .then(() => {
  93.           this.editing = false
  94.         })
  95.         .catch(error => {
  96.           this.editError = error.error
  97.         })
  98.     },
  99.     cancelEdit () {
  100.       this.editing = false
  101.     },
  102.     clearError () {
  103.       this.editError = undefined
  104.     }
  105.   }
  106. }
  108. export default Announcement