diff options
Diffstat (limited to 'src/web/app/common/views/components/widgets/messaging.vue')
| -rw-r--r-- | src/web/app/common/views/components/widgets/messaging.vue | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/src/web/app/common/views/components/widgets/messaging.vue b/src/web/app/common/views/components/widgets/messaging.vue new file mode 100644 index 0000000000..19ef704310 --- /dev/null +++ b/src/web/app/common/views/components/widgets/messaging.vue @@ -0,0 +1,59 @@ +<template> +<div class="mkw-messaging"> + <p class="title" v-if="props.design == 0">%fa:comments%%i18n:desktop.tags.mk-messaging-home-widget.title%</p> + <mk-messaging ref="index" compact @navigate="navigate"/> +</div> +</template> + +<script lang="ts"> +import define from '../../../define-widget'; +export default define({ + name: 'messaging', + props: { + design: 0 + } +}).extend({ + methods: { + navigate(user) { + if (this.platform == 'desktop') { + this.wapi_openMessagingRoomWindow(user); + } else { + // TODO: open room page in new tab + } + }, + func() { + if (this.props.design == 1) { + this.props.design = 0; + } else { + this.props.design++; + } + } + } +}); +</script> + +<style lang="stylus" scoped> +.mkw-messaging + overflow hidden + background #fff + border solid 1px rgba(0, 0, 0, 0.075) + border-radius 6px + + > .title + z-index 2 + margin 0 + padding 0 16px + line-height 42px + font-size 0.9em + font-weight bold + color #888 + box-shadow 0 1px rgba(0, 0, 0, 0.07) + + > [data-fa] + margin-right 4px + + > mk-messaging + max-height 250px + overflow auto + +</style> |