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-22 00:03:51 +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/views/Notifications/dialogs/SendInviteRequestResponseDialog.vue
+++ b/src/views/Notifications/dialogs/SendInviteRequestResponseDialog.vue
@@ -0,0 +1,125 @@
+<template>
+    <safe-dialog
+        class="x-dialog"
+        :visible="sendInviteRequestResponseDialogVisible"
+        :title="t('dialog.invite_request_response_message.header')"
+        width="800px"
+        append-to-body
+        @close="cancelSendInviteRequestResponse">
+        <template v-if="API.currentUser.$isVRCPlus">
+            <input class="inviteImageUploadButton" type="file" accept="image/*" @change="inviteImageUpload" />
+        </template>
+
+        <data-tables
+            v-bind="inviteRequestResponseMessageTable"
+            style="margin-top: 10px; cursor: pointer"
+            @row-click="showSendInviteResponseConfirmDialog">
+            <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="showEditAndSendInviteResponseDialog('requestResponse', scope.row)">
+                    </el-button>
+                </template>
+            </el-table-column>
+        </data-tables>
+
+        <template #footer>
+            <el-button type="small" @click="cancelSendInviteRequestResponse">
+                {{ t('dialog.invite_request_response_message.cancel') }}
+            </el-button>
+            <el-button type="small" @click="API.refreshInviteMessageTableData('requestResponse')">
+                {{ t('dialog.invite_request_response_message.refresh') }}
+            </el-button>
+        </template>
+        <EditAndSendInviteResponseDialog
+            :edit-and-send-invite-response-dialog.sync="editAndSendInviteResponseDialog"
+            :upload-image="uploadImage"
+            :send-invite-response-dialog="sendInviteResponseDialog" />
+        <SendInviteResponseConfirmDialog
+            :send-invite-response-dialog.sync="sendInviteResponseConfirmDialog"
+            :upload-image="uploadImage"
+            :send-invite-response-confirm-dialog="sendInviteResponseDialog" />
+    </safe-dialog>
+</template>
+
+<script setup>
+    import { inject, ref } from 'vue';
+    import { useI18n } from 'vue-i18n-bridge';
+    import EditAndSendInviteResponseDialog from './EditAndSendInviteResponseDialog.vue';
+    import SendInviteResponseConfirmDialog from './SendInviteResponseConfirmDialog.vue';
+
+    const { t } = useI18n();
+
+    const API = inject('API');
+
+    defineProps({
+        sendInviteRequestResponseDialogVisible: {
+            type: Boolean,
+            default: false
+        },
+        inviteRequestResponseMessageTable: {
+            type: Object,
+            default: () => ({})
+        },
+        uploadImage: {
+            type: String
+        }
+    });
+
+    const emit = defineEmits(['update:sendInviteRequestResponseDialogVisible', 'inviteImageUpload']);
+
+    const editAndSendInviteResponseDialog = ref({
+        visible: false,
+        inviteMessage: {},
+        messageType: '',
+        newMessage: ''
+    });
+
+    const sendInviteResponseConfirmDialog = ref({
+        visible: false
+    });
+
+    const sendInviteResponseDialog = ref({
+        message: '',
+        messageSlot: 0,
+        invite: {}
+    });
+
+    function inviteImageUpload(event) {
+        emit('inviteImageUpload', event);
+    }
+
+    function showSendInviteResponseConfirmDialog(row) {
+        sendInviteResponseConfirmDialog.value.visible = true;
+        sendInviteResponseDialog.value.messageSlot = row.slot;
+    }
+
+    function showEditAndSendInviteResponseDialog(messageType, inviteMessage) {
+        editAndSendInviteResponseDialog.value = {
+            newMessage: inviteMessage.message,
+            visible: true,
+            messageType,
+            inviteMessage
+        };
+    }
+
+    function cancelSendInviteRequestResponse() {
+        emit('update:sendInviteRequestResponseDialogVisible', false);
+    }
+</script>