logo

pleroma-fe

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

announcement.js (2938B)

    

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