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-18 06: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/BioDialog.vue
+++ b/src/components/dialogs/UserDialog/BioDialog.vue
@@ -0,0 +1,90 @@
+<template>
+    <safe-dialog
+        class="x-dialog"
+        :visible.sync="bioDialog.visible"
+        :title="t('dialog.bio.header')"
+        width="600px"
+        append-to-body>
+        <div v-loading="bioDialog.loading">
+            <el-input
+                v-model="bioDialog.bio"
+                type="textarea"
+                size="mini"
+                maxlength="512"
+                show-word-limit
+                :autosize="{ minRows: 5, maxRows: 20 }"
+                :placeholder="t('dialog.bio.bio_placeholder')"
+                style="margin-bottom: 10px">
+            </el-input>
+
+            <el-input
+                v-for="(link, index) in bioDialog.bioLinks"
+                :key="index"
+                v-model="bioDialog.bioLinks[index]"
+                :value="link"
+                size="small"
+                style="margin-top: 5px">
+                <img
+                    slot="prepend"
+                    :src="getFaviconUrl(link)"
+                    style="width: 16px; height: 16px; vertical-align: middle" />
+                <el-button slot="append" icon="el-icon-delete" @click="bioDialog.bioLinks.splice(index, 1)" />
+            </el-input>
+
+            <el-button
+                :disabled="bioDialog.bioLinks.length >= 3"
+                size="mini"
+                style="margin-top: 5px"
+                @click="bioDialog.bioLinks.push('')">
+                {{ t('dialog.bio.add_link') }}
+            </el-button>
+        </div>
+
+        <template #footer>
+            <el-button type="primary" size="small" :disabled="bioDialog.loading" @click="saveBio">
+                {{ t('dialog.bio.update') }}
+            </el-button>
+        </template>
+    </safe-dialog>
+</template>
+
+<script setup>
+    import { getCurrentInstance } from 'vue';
+    import { useI18n } from 'vue-i18n-bridge';
+    import { userRequest } from '../../../api';
+    import { getFaviconUrl } from '../../../composables/shared/utils';
+
+    const { t } = useI18n();
+    const { $message } = getCurrentInstance().proxy;
+
+    const props = defineProps({
+        bioDialog: {
+            type: Object,
+            required: true
+        }
+    });
+
+    function saveBio() {
+        const D = props.bioDialog;
+        if (D.loading) {
+            return;
+        }
+        D.loading = true;
+        userRequest
+            .saveCurrentUser({
+                bio: D.bio,
+                bioLinks: D.bioLinks
+            })
+            .finally(() => {
+                D.loading = false;
+            })
+            .then((args) => {
+                D.visible = false;
+                $message({
+                    message: 'Bio updated',
+                    type: 'success'
+                });
+                return args;
+            });
+    }
+</script>