diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-17 15:07:04 -0400 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2022-11-24 18:27:14 -0500 |
| commit | e877fedb0e60e795bd5c6aa3e706c64f12746c66 (patch) | |
| tree | b5cc74979ead76afaf6f917a8179bd91dbf4eb30 /src/components/announcement/announcement.vue | |
| parent | efb76dcb038eebca5255398ee2ae994dac9c5e95 (diff) | |
Implement deleting announcement
Diffstat (limited to 'src/components/announcement/announcement.vue')
| -rw-r--r-- | src/components/announcement/announcement.vue | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/components/announcement/announcement.vue b/src/components/announcement/announcement.vue index d8591468..d6f35b9f 100644 --- a/src/components/announcement/announcement.vue +++ b/src/components/announcement/announcement.vue @@ -12,12 +12,20 @@ </div> <div class="footer"> <button + v-if="currentUser" class="btn button-default" :class="{ toggled: isRead }" @click="markAsRead" > {{ $t('announcements.mark_as_read_action') }} </button> + <button + v-if="currentUser && currentUser.role === 'admin'" + class="btn button-default" + @click="deleteAnnouncement" + > + {{ $t('announcements.delete_action') }} + </button> </div> </div> </template> @@ -37,5 +45,15 @@ .heading, .body { margin-bottom: var(--status-margin, $status-margin); } + + .footer { + display: flex; + flex-direction: row; + justify-content: space-around; + + .btn { + min-width: 10em; + } + } } </style> |