Revert "chore: reformat messaging/index.vue"
This reverts commit 0edc80b10a
.
This commit is contained in:
parent
76dab02a9d
commit
72b40fe5ef
|
@ -1,36 +1,32 @@
|
||||||
<template>
|
<template>
|
||||||
<MkStickyContainer>
|
<MkStickyContainer>
|
||||||
<template #header>
|
<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
|
||||||
<MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs" />
|
|
||||||
</template>
|
|
||||||
<div>
|
<div>
|
||||||
<MkSpacer :content-max="800">
|
<MkSpacer :content-max="800">
|
||||||
<swiper :modules="[Virtual]" :space-between="20" :virtual="true"
|
<swiper
|
||||||
:allow-touch-move="!(deviceKind === 'desktop' && !defaultStore.state.swipeOnDesktop)" @swiper="setSwiperRef"
|
:modules="[Virtual]"
|
||||||
@slide-change="onSlideChange">
|
:space-between="20"
|
||||||
|
:virtual="true"
|
||||||
|
:allow-touch-move="!(deviceKind === 'desktop' && !defaultStore.state.swipeOnDesktop)"
|
||||||
|
@swiper="setSwiperRef"
|
||||||
|
@slide-change="onSlideChange"
|
||||||
|
>
|
||||||
<swiper-slide>
|
<swiper-slide>
|
||||||
<div class="_content yweeujhr dms">
|
<div class="_content yweeujhr dms">
|
||||||
<MkButton primary class="start" @click="startUser"><i class="ph-plus-bold ph-lg"></i> {{
|
<MkButton primary class="start" @click="startUser"><i class="ph-plus-bold ph-lg"></i> {{ i18n.ts.startMessaging }}</MkButton>
|
||||||
i18n.ts.startMessaging
|
|
||||||
}}</MkButton>
|
|
||||||
<MkPagination v-slot="{items}" :externalItemArray="messages" :pagination="dmsPagination">
|
<MkPagination v-slot="{items}" :externalItemArray="messages" :pagination="dmsPagination">
|
||||||
<MkChatPreview v-for="message in messages" :key="message.id" class="yweeujhr message _block"
|
<MkChatPreview v-for="message in messages" :key="message.id" class="yweeujhr message _block" :message="message"/>
|
||||||
:message="message" />
|
|
||||||
</MkPagination>
|
</MkPagination>
|
||||||
</div>
|
</div>
|
||||||
</swiper-slide>
|
</swiper-slide>
|
||||||
<swiper-slide>
|
<swiper-slide>
|
||||||
<div class="_content yweeujhr groups">
|
<div class="_content yweeujhr groups">
|
||||||
<div class="groupsbuttons">
|
<div class="groupsbuttons">
|
||||||
<MkButton primary class="start" :link="true" to="/my/groups"><i
|
<MkButton primary class="start" :link="true" to="/my/groups"><i class="ph-user-circle-gear-bold ph-lg"></i> {{ i18n.ts.manageGroups }}</MkButton>
|
||||||
class="ph-user-circle-gear-bold ph-lg"></i> {{ i18n.ts.manageGroups }}</MkButton>
|
<MkButton primary class="start" @click="startGroup"><i class="ph-plus-bold ph-lg"></i> {{ i18n.ts.startMessaging }}</MkButton>
|
||||||
<MkButton primary class="start" @click="startGroup"><i class="ph-plus-bold ph-lg"></i> {{
|
|
||||||
i18n.ts.startMessaging
|
|
||||||
}}</MkButton>
|
|
||||||
</div>
|
</div>
|
||||||
<MkPagination v-slot="{items}" :externalItemArray="groupMessages" :pagination="groupsPagination">
|
<MkPagination v-slot="{items}" :externalItemArray="groupMessages" :pagination="groupsPagination">
|
||||||
<MkChatPreview v-for="message in groupMessages" :key="message.id" class="yweeujhr message _block"
|
<MkChatPreview v-for="message in groupMessages" :key="message.id" class="yweeujhr message _block" :message="message"/>
|
||||||
:message="message" />
|
|
||||||
</MkPagination>
|
</MkPagination>
|
||||||
</div>
|
</div>
|
||||||
</swiper-slide>
|
</swiper-slide>
|
||||||
|
|
Loading…
Reference in New Issue