diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-17 15:45:45 -0400 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2022-11-24 18:27:14 -0500 |
| commit | 56e6d86f882a154f233616f79172391e9d097fcd (patch) | |
| tree | bb201822495f23eaad04fa02dcf7c3192ba9c50d /src/components/announcements_page/announcements_page.vue | |
| parent | db5c0c3502d4db4da49fe4406422b4b53087a0ba (diff) | |
Allow posting announcements with other metadata
Diffstat (limited to 'src/components/announcements_page/announcements_page.vue')
| -rw-r--r-- | src/components/announcements_page/announcements_page.vue | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/components/announcements_page/announcements_page.vue b/src/components/announcements_page/announcements_page.vue index 1b3bd578..e81edee1 100644 --- a/src/components/announcements_page/announcements_page.vue +++ b/src/components/announcements_page/announcements_page.vue @@ -23,6 +23,29 @@ :placeholder="$t('announcements.post_placeholder')" :disabled="posting" /> + <span class="announcement-metadata"> + <label for="announcement-start-time">{{ $t('announcements.start_time_prompt') }}</label> + <input + id="announcement-start-time" + v-model="newAnnouncement.startsAt" + :type="newAnnouncement.allDay ? 'date' : 'datetime-local'" + > + </span> + <span class="announcement-metadata"> + <label for="announcement-end-time">{{ $t('announcements.end_time_prompt') }}</label> + <input + id="announcement-end-time" + v-model="newAnnouncement.endsAt" + :type="newAnnouncement.allDay ? 'date' : 'datetime-local'" + > + </span> + <span class="announcement-metadata"> + <Checkbox + id="announcement-all-day" + v-model="newAnnouncement.allDay" + /> + <label for="announcement-all-day">{{ $t('announcements.all_day_prompt') }}</label> + </span> </div> <div class="footer"> <button @@ -80,6 +103,9 @@ display: flex; align-items: stretch; flex-direction: column; + .announcement-metadata { + margin-top: 0.5em; + } } .post-textarea { |