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 08:13: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/UserDialog/SocialStatusDialog.vue
+++ b/src/components/dialogs/UserDialog/SocialStatusDialog.vue
@@ -0,0 +1,109 @@
+<template>
+    <safe-dialog
+        class="x-dialog"
+        :visible.sync="socialStatusDialog.visible"
+        :title="t('dialog.social_status.header')"
+        append-to-body
+        width="400px">
+        <div v-loading="socialStatusDialog.loading">
+            <el-collapse style="border: 0">
+                <el-collapse-item>
+                    <template #title>
+                        <span style="font-size: 16px">{{ t('dialog.social_status.history') }}</span>
+                    </template>
+                    <data-tables
+                        v-bind="socialStatusHistoryTable"
+                        style="cursor: pointer"
+                        @row-click="setSocialStatusFromHistory">
+                        <el-table-column :label="t('table.social_status.no')" prop="no" width="50"></el-table-column>
+                        <el-table-column :label="t('table.social_status.status')" prop="status"></el-table-column>
+                    </data-tables>
+                </el-collapse-item>
+            </el-collapse>
+
+            <el-select v-model="socialStatusDialog.status" style="display: block; margin-top: 10px">
+                <el-option :label="t('dialog.user.status.join_me')" value="join me">
+                    <i class="x-user-status joinme"></i> {{ t('dialog.user.status.join_me') }}
+                </el-option>
+                <el-option :label="t('dialog.user.status.online')" value="active">
+                    <i class="x-user-status online"></i> {{ t('dialog.user.status.online') }}
+                </el-option>
+                <el-option :label="t('dialog.user.status.ask_me')" value="ask me">
+                    <i class="x-user-status askme"></i> {{ t('dialog.user.status.ask_me') }}
+                </el-option>
+                <el-option :label="t('dialog.user.status.busy')" value="busy">
+                    <i class="x-user-status busy"></i> {{ t('dialog.user.status.busy') }}
+                </el-option>
+                <el-option v-if="API.currentUser.$isModerator" :label="t('dialog.user.status.offline')" value="offline">
+                    <i class="x-user-status offline"></i> {{ t('dialog.user.status.offline') }}
+                </el-option>
+            </el-select>
+
+            <el-input
+                v-model="socialStatusDialog.statusDescription"
+                :placeholder="t('dialog.social_status.status_placeholder')"
+                maxlength="32"
+                show-word-limit
+                style="display: block; margin-top: 10px"></el-input>
+        </div>
+
+        <template #footer>
+            <el-button type="primary" size="small" :disabled="socialStatusDialog.loading" @click="saveSocialStatus">
+                {{ t('dialog.social_status.update') }}
+            </el-button>
+        </template>
+    </safe-dialog>
+</template>
+
+<script setup>
+    import { inject, getCurrentInstance } from 'vue';
+    import { useI18n } from 'vue-i18n-bridge';
+    import { userRequest } from '../../../api';
+
+    const { t } = useI18n();
+    const { $message } = getCurrentInstance().proxy;
+    const API = inject('API');
+
+    const props = defineProps({
+        socialStatusDialog: {
+            type: Object,
+            required: true
+        },
+        socialStatusHistoryTable: {
+            type: Object,
+            required: true
+        }
+    });
+
+    function setSocialStatusFromHistory(val) {
+        if (val === null) {
+            return;
+        }
+        const D = props.socialStatusDialog;
+        D.statusDescription = val.status;
+    }
+
+    function saveSocialStatus() {
+        const D = props.socialStatusDialog;
+        if (D.loading) {
+            return;
+        }
+        D.loading = true;
+        userRequest
+            .saveCurrentUser({
+                status: D.status,
+                statusDescription: D.statusDescription
+            })
+            .finally(() => {
+                D.loading = false;
+            })
+            .then((args) => {
+                D.visible = false;
+                $message({
+                    message: 'Status updated',
+                    type: 'success'
+                });
+                return args;
+            });
+    }
+</script>