hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Show announcement dates

Browse source
This commit is contained in:
Tusooa Zhu 2022-03-17 16:51:32 -04:00 • committed by tusooa
commit 04fbb6d93d
No known key found for this signature in database
GPG key ID: 7B467EDE43A08224
8 changed files with 156 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/announcements_page/announcements_page.js
View file

@ -1,11 +1,11 @@
import { mapState } from 'vuex'
import Announcement from '../announcement/announcement.vue'
import Checkbox from '../checkbox/checkbox.vue'
import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
const AnnouncementsPage = {
components: {
Announcement,
Checkbox
AnnouncementEditor
},
data () {
return {

41
src/components/announcements_page/announcements_page.vue
View file

@ -14,38 +14,10 @@
<h4>{{ $t('announcements.post_form_header') }}</h4>
</div>
<div class="body">
<textarea
ref="textarea"
v-model="newAnnouncement.content"
class="post-textarea"
rows="1"
cols="1"
:placeholder="$t('announcements.post_placeholder')"
<announcement-editor
:announcement="newAnnouncement"
: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
@ -99,15 +71,6 @@
margin-bottom: var(--status-margin, $status-margin);
}
.body {
display: flex;
align-items: stretch;
flex-direction: column;
.announcement-metadata {
margin-top: 0.5em;
}
}
.post-textarea {
resize: vertical;
height: 10em;