diff options
Diffstat (limited to 'src/client/pages/instance/announcements.vue')
| -rw-r--r-- | src/client/pages/instance/announcements.vue | 52 |
1 files changed, 30 insertions, 22 deletions
diff --git a/src/client/pages/instance/announcements.vue b/src/client/pages/instance/announcements.vue index 6a00476f9f..ac0e9d5135 100644 --- a/src/client/pages/instance/announcements.vue +++ b/src/client/pages/instance/announcements.vue @@ -1,28 +1,24 @@ <template> <div class="ztgjmzrw"> - <div class="_section"> - <div class="_content"> - <MkButton @click="add()" primary style="margin: 0 auto 16px auto;"><i class="fas fa-plus"></i> {{ $ts.add }}</MkButton> - <section class="_card _gap announcements" v-for="announcement in announcements"> - <div class="_content announcement"> - <MkInput v-model:value="announcement.title"> - <span>{{ $ts.title }}</span> - </MkInput> - <MkTextarea v-model:value="announcement.text"> - <span>{{ $ts.text }}</span> - </MkTextarea> - <MkInput v-model:value="announcement.imageUrl"> - <span>{{ $ts.imageUrl }}</span> - </MkInput> - <p v-if="announcement.reads">{{ $t('nUsersRead', { n: announcement.reads }) }}</p> - <div class="buttons"> - <MkButton class="button" inline @click="save(announcement)" primary><i class="fas fa-save"></i> {{ $ts.save }}</MkButton> - <MkButton class="button" inline @click="remove(announcement)"><i class="fas fa-trash-alt"></i> {{ $ts.remove }}</MkButton> - </div> - </div> - </section> + <MkButton @click="add()" primary style="margin: 0 auto 16px auto;"><i class="fas fa-plus"></i> {{ $ts.add }}</MkButton> + <section class="_card _gap announcements" v-for="announcement in announcements"> + <div class="_content announcement"> + <MkInput v-model:value="announcement.title"> + <span>{{ $ts.title }}</span> + </MkInput> + <MkTextarea v-model:value="announcement.text"> + <span>{{ $ts.text }}</span> + </MkTextarea> + <MkInput v-model:value="announcement.imageUrl"> + <span>{{ $ts.imageUrl }}</span> + </MkInput> + <p v-if="announcement.reads">{{ $t('nUsersRead', { n: announcement.reads }) }}</p> + <div class="buttons"> + <MkButton class="button" inline @click="save(announcement)" primary><i class="fas fa-save"></i> {{ $ts.save }}</MkButton> + <MkButton class="button" inline @click="remove(announcement)"><i class="fas fa-trash-alt"></i> {{ $ts.remove }}</MkButton> + </div> </div> - </div> + </section> </div> </template> @@ -41,6 +37,8 @@ export default defineComponent({ MkTextarea, }, + emits: ['info'], + data() { return { [symbols.PAGE_INFO]: { @@ -57,6 +55,10 @@ export default defineComponent({ }); }, + mounted() { + this.$emit('info', this[symbols.PAGE_INFO]); + }, + methods: { add() { this.announcements.unshift({ @@ -109,3 +111,9 @@ export default defineComponent({ } }); </script> + +<style lang="scss" scoped> +.ztgjmzrw { + margin: var(--margin); +} +</style> |