feat: new chat button on mobile
This commit is contained in:
parent
4d3d7698e3
commit
b7a5799698
@ -47,6 +47,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button v-if="isMobile && mainRouter.currentRoute.value.name === 'index'" ref="postButton" class="postButton button post _button" @click="os.post()"><i class="ph-pencil ph-bold ph-lg"></i></button>
|
<button v-if="isMobile && mainRouter.currentRoute.value.name === 'index'" ref="postButton" class="postButton button post _button" @click="os.post()"><i class="ph-pencil ph-bold ph-lg"></i></button>
|
||||||
|
<button v-if="isMobile && mainRouter.currentRoute.value.name === '/my/messaging'" ref="chatButton" class="postButton button post _button" @click="messagingStart()"><i class="ph-user-plus ph-bold ph-lg"></i></button>
|
||||||
|
|
||||||
<transition :name="$store.state.animation ? 'menuDrawer-back' : ''">
|
<transition :name="$store.state.animation ? 'menuDrawer-back' : ''">
|
||||||
<div
|
<div
|
||||||
@ -81,6 +82,7 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { defineAsyncComponent, provide, onMounted, computed, ref } from 'vue';
|
import { defineAsyncComponent, provide, onMounted, computed, ref } from 'vue';
|
||||||
import XCommon from './_common_/common.vue';
|
import XCommon from './_common_/common.vue';
|
||||||
|
import * as Acct from 'calckey-js/built/acct';
|
||||||
import type { ComputedRef } from 'vue';
|
import type { ComputedRef } from 'vue';
|
||||||
import type { PageMetadata } from '@/scripts/page-metadata';
|
import type { PageMetadata } from '@/scripts/page-metadata';
|
||||||
import { instanceName } from '@/config';
|
import { instanceName } from '@/config';
|
||||||
@ -115,6 +117,7 @@ const drawerMenuShowing = ref(false);
|
|||||||
let pageMetadata = $ref<null | ComputedRef<PageMetadata>>();
|
let pageMetadata = $ref<null | ComputedRef<PageMetadata>>();
|
||||||
const widgetsEl = $ref<HTMLElement>();
|
const widgetsEl = $ref<HTMLElement>();
|
||||||
const postButton = $ref<HTMLElement>();
|
const postButton = $ref<HTMLElement>();
|
||||||
|
const chatButton = $ref<HTMLElement>();
|
||||||
const widgetsShowing = $ref(false);
|
const widgetsShowing = $ref(false);
|
||||||
|
|
||||||
provide('router', mainRouter);
|
provide('router', mainRouter);
|
||||||
@ -173,6 +176,46 @@ if (defaultStore.state.widgets.length === 0) {
|
|||||||
}]);
|
}]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function messagingStart(ev) {
|
||||||
|
os.popupMenu([{
|
||||||
|
text: i18n.ts.messagingWithUser,
|
||||||
|
icon: 'ph-user ph-bold ph-lg',
|
||||||
|
action: () => { startUser(); },
|
||||||
|
}, {
|
||||||
|
text: i18n.ts.messagingWithGroup,
|
||||||
|
icon: 'ph-users-three ph-bold ph-lg',
|
||||||
|
action: () => { startGroup(); },
|
||||||
|
}], ev.currentTarget ?? ev.target);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
async function startUser(): void {
|
||||||
|
os.selectUser().then(user => {
|
||||||
|
mainRouter.push(`/my/messaging/${Acct.toString(user)}`);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async function startGroup(): void {
|
||||||
|
const groups1 = await os.api('users/groups/owned');
|
||||||
|
const groups2 = await os.api('users/groups/joined');
|
||||||
|
if (groups1.length === 0 && groups2.length === 0) {
|
||||||
|
os.alert({
|
||||||
|
type: 'warning',
|
||||||
|
title: i18n.ts.youHaveNoGroups,
|
||||||
|
text: i18n.ts.joinOrCreateGroup,
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const { canceled, result: group } = await os.select({
|
||||||
|
title: i18n.ts.group,
|
||||||
|
items: groups1.concat(groups2).map(group => ({
|
||||||
|
value: group, text: group.name,
|
||||||
|
})),
|
||||||
|
});
|
||||||
|
if (canceled) return;
|
||||||
|
router.push(`/my/messaging/group/${group.id}`);
|
||||||
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
if (!isDesktop.value) {
|
if (!isDesktop.value) {
|
||||||
window.addEventListener('resize', () => {
|
window.addEventListener('resize', () => {
|
||||||
|
Loading…
Reference in New Issue
Block a user