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-21 15:53:50 +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/UserDialog/SendInviteRequestDialog.vue
+++ b/src/components/dialogs/UserDialog/SendInviteRequestDialog.vue
@@ -0,0 +1,138 @@
+<template>
+    <safe-dialog
+        class="x-dialog"
+        :visible.sync="sendInviteRequestDialogVisible"
+        :title="t('dialog.invite_request_message.header')"
+        width="800px"
+        append-to-body
+        @close="cancelSendInviteRequest">
+        <template v-if="API.currentUser.$isVRCPlus">
+            <input class="inviteImageUploadButton" type="file" accept="image/*" @change="inviteImageUpload" />
+        </template>
+
+        <data-tables
+            v-bind="inviteRequestMessageTable"
+            style="margin-top: 10px; cursor: pointer"
+            @row-click="showSendInviteConfirmDialog">
+            <el-table-column
+                :label="t('table.profile.invite_messages.slot')"
+                prop="slot"
+                sortable="custom"
+                width="70"></el-table-column>
+            <el-table-column :label="t('table.profile.invite_messages.message')" prop="message"></el-table-column>
+            <el-table-column
+                :label="t('table.profile.invite_messages.cool_down')"
+                prop="updatedAt"
+                sortable="custom"
+                width="110"
+                align="right">
+                <template #default="scope">
+                    <countdown-timer :datetime="scope.row.updatedAt" :hours="1"></countdown-timer>
+                </template>
+            </el-table-column>
+            <el-table-column :label="t('table.profile.invite_messages.action')" width="70" align="right">
+                <template #default="scope">
+                    <el-button
+                        type="text"
+                        icon="el-icon-edit"
+                        size="mini"
+                        @click.stop="showEditAndSendInviteDialog('request', scope.row)"></el-button>
+                </template>
+            </el-table-column>
+        </data-tables>
+
+        <template #footer>
+            <el-button type="small" @click="cancelSendInviteRequest">{{
+                t('dialog.invite_request_message.cancel')
+            }}</el-button>
+            <el-button type="small" @click="API.refreshInviteMessageTableData('request')">{{
+                t('dialog.invite_request_message.refresh')
+            }}</el-button>
+        </template>
+        <SendInviteConfirmDialog
+            :visible.sync="isSendInviteConfirmDialogVisible"
+            :send-invite-dialog="sendInviteDialog"
+            :invite-dialog="inviteDialog"
+            :upload-image="uploadImage"
+            @closeInviteDialog="closeInviteDialog" />
+        <EditAndSendInviteDialog
+            :edit-and-send-invite-dialog.sync="editAndSendInviteDialog"
+            :send-invite-dialog="sendInviteDialog"
+            :invite-dialog="inviteDialog"
+            :upload-image="uploadImage"
+            @closeInviteDialog="closeInviteDialog" />
+    </safe-dialog>
+</template>
+
+<script setup>
+    import { inject, ref } from 'vue';
+    import { useI18n } from 'vue-i18n-bridge';
+    import EditAndSendInviteDialog from '../InviteDialog/EditAndSendInviteDialog.vue';
+    import SendInviteConfirmDialog from '../InviteDialog/SendInviteConfirmDialog.vue';
+
+    const { t } = useI18n();
+
+    const API = inject('API');
+
+    const props = defineProps({
+        sendInviteRequestDialogVisible: {
+            type: Boolean,
+            default: false
+        },
+        inviteRequestMessageTable: {
+            type: Object,
+            default: () => ({})
+        },
+        sendInviteDialog: {
+            type: Object,
+            default: () => ({})
+        },
+        inviteDialog: {
+            type: Object,
+            require: false,
+            default: () => ({})
+        },
+        uploadImage: {
+            type: String,
+            default: ''
+        }
+    });
+
+    const emit = defineEmits(['inviteImageUpload', 'update:sendInviteRequestDialogVisible', 'closeInviteDialog']);
+
+    const isSendInviteConfirmDialogVisible = ref(false);
+
+    const editAndSendInviteDialog = ref({
+        visible: false,
+        messageType: '',
+        newMessage: '',
+        inviteMessage: {}
+    });
+
+    function inviteImageUpload(event) {
+        emit('inviteImageUpload', event);
+    }
+
+    function showSendInviteConfirmDialog(val) {
+        isSendInviteConfirmDialogVisible.value = true;
+        //
+        props.sendInviteDialog.messageSlot = val.slot;
+    }
+
+    function showEditAndSendInviteDialog(messageType, inviteMessage) {
+        editAndSendInviteDialog.value = {
+            newMessage: inviteMessage.message,
+            visible: true,
+            messageType,
+            inviteMessage
+        };
+    }
+
+    function cancelSendInviteRequest() {
+        emit('update:sendInviteRequestDialogVisible', false);
+    }
+
+    function closeInviteDialog() {
+        cancelSendInviteRequest();
+    }
+</script>