refactor: dialogs (#1224)

* refactor: dialogs * fix: storeAvatarImage * FriendLog.vue * FriendLog.vue * FriendLog.vue * GameLog.vue * fix: next day button jumping to the wrong date * sync master * fix: launchGame * Notification.vue * Feed.vue * Search.vue * Profile.vue * PlayerList.vue * Login.vue * utils * update dialog * del gameLog.pug * fix * fix: group role cannot be displayed currently * fix: "Hide Friends in Same Instance" hides players in unrelated private instances (#1210) * fix * fix: "Hide Friends in Same Instance" does not work when "Split Favorite Friends" is enabled * fix Notification.vue message * fix: deleteFavoriteNoConfirm * fix: feed status style * fix: infinite loading when deleting note * fix: private players will not be hidden when 'Hide Friends in Same Instance', and 'Hide Friends in Same Instance' will not work when 'Split Favorite Friends'
2026-04-15 21:03:52 +02:00 · 2025-05-14 19:01:15 +09:00
parent 5ca028b30a
commit e792ed481b
130 changed files with 14208 additions and 10462 deletions
--- a/src/components/dialogs/InviteDialog/SendInviteConfirmDialog.vue
+++ b/src/components/dialogs/InviteDialog/SendInviteConfirmDialog.vue
@@ -0,0 +1,176 @@
+<template>
+    <safe-dialog
+        class="x-dialog"
+        :visible="visible"
+        :title="t('dialog.invite_message.header')"
+        width="400px"
+        append-to-body
+        @close="cancelInviteConfirm">
+        <div style="font-size: 12px">
+            <span>{{ t('dialog.invite_message.confirmation') }}</span>
+        </div>
+
+        <template #footer>
+            <el-button type="small" @click="cancelInviteConfirm">
+                {{ t('dialog.invite_message.cancel') }}
+            </el-button>
+            <el-button type="primary" size="small" @click="sendInviteConfirm">
+                {{ t('dialog.invite_message.confirm') }}
+            </el-button>
+        </template>
+    </safe-dialog>
+</template>
+
+<script setup>
+    import { getCurrentInstance, inject } from 'vue';
+    import { useI18n } from 'vue-i18n-bridge';
+    import { instanceRequest, notificationRequest } from '../../../api';
+    import { parseLocation } from '../../../composables/instance/utils';
+
+    const { t } = useI18n();
+
+    const instance = getCurrentInstance();
+    const $message = instance.proxy.$message;
+
+    const API = inject('API');
+
+    const props = defineProps({
+        visible: {
+            type: Boolean,
+            required: true
+        },
+        sendInviteDialog: {
+            type: Object,
+            required: true
+        },
+        inviteDialog: {
+            type: Object,
+            required: false,
+            default: () => ({})
+        },
+        uploadImage: {
+            type: String
+        }
+    });
+
+    const emit = defineEmits(['update:visible', 'closeInviteDialog']);
+
+    function cancelInviteConfirm() {
+        emit('update:visible', false);
+    }
+
+    function sendInviteConfirm() {
+        const D = props.sendInviteDialog;
+        const J = props.inviteDialog;
+        if (J?.visible) {
+            const inviteLoop = () => {
+                if (J.userIds.length > 0) {
+                    const receiverUserId = J.userIds.shift();
+                    if (receiverUserId === API.currentUser.id) {
+                        // can't invite self!?
+                        const L = parseLocation(J.worldId);
+                        instanceRequest
+                            .selfInvite({
+                                instanceId: L.instanceId,
+                                worldId: L.worldId
+                            })
+                            .finally(inviteLoop);
+                    } else if (props.uploadImage) {
+                        notificationRequest
+                            .sendInvitePhoto(
+                                {
+                                    instanceId: J.worldId,
+                                    worldId: J.worldId,
+                                    worldName: J.worldName,
+                                    messageSlot: D.messageSlot
+                                },
+                                receiverUserId
+                            )
+                            .finally(inviteLoop);
+                    } else {
+                        notificationRequest
+                            .sendInvite(
+                                {
+                                    instanceId: J.worldId,
+                                    worldId: J.worldId,
+                                    worldName: J.worldName,
+                                    messageSlot: D.messageSlot
+                                },
+                                receiverUserId
+                            )
+                            .finally(inviteLoop);
+                    }
+                } else {
+                    J.loading = false;
+                    J.visible = false;
+                    $message({
+                        message: 'Invite message sent',
+                        type: 'success'
+                    });
+                }
+            };
+            inviteLoop();
+        } else if (D.messageType === 'invite') {
+            D.params.messageSlot = D.messageSlot;
+            if (props.uploadImage) {
+                notificationRequest
+                    .sendInvitePhoto(D.params, D.userId)
+                    .catch((err) => {
+                        throw err;
+                    })
+                    .then((args) => {
+                        $message({
+                            message: 'Invite photo message sent',
+                            type: 'success'
+                        });
+                        return args;
+                    });
+            } else {
+                notificationRequest
+                    .sendInvite(D.params, D.userId)
+                    .catch((err) => {
+                        throw err;
+                    })
+                    .then((args) => {
+                        $message({
+                            message: 'Invite message sent',
+                            type: 'success'
+                        });
+                        return args;
+                    });
+            }
+        } else if (D.messageType === 'requestInvite') {
+            D.params.requestSlot = D.messageSlot;
+            if (props.uploadImage) {
+                notificationRequest
+                    .sendRequestInvitePhoto(D.params, D.userId)
+                    .catch((err) => {
+                        this.clearInviteImageUpload();
+                        throw err;
+                    })
+                    .then((args) => {
+                        $message({
+                            message: 'Request invite photo message sent',
+                            type: 'success'
+                        });
+                        return args;
+                    });
+            } else {
+                notificationRequest
+                    .sendRequestInvite(D.params, D.userId)
+                    .catch((err) => {
+                        throw err;
+                    })
+                    .then((args) => {
+                        $message({
+                            message: 'Request invite message sent',
+                            type: 'success'
+                        });
+                        return args;
+                    });
+            }
+        }
+        cancelInviteConfirm();
+        emit('closeInviteDialog');
+    }
+</script>