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-25 01:33: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/components/dialogs/PreviousImagesDialog.vue
+++ b/src/components/dialogs/PreviousImagesDialog.vue
@@ -0,0 +1,51 @@
+<template>
+    <safe-dialog
+        class="x-dialog"
+        :visible="previousImagesDialogVisible"
+        :title="t('dialog.previous_images.header')"
+        width="800px"
+        append-to-body
+        @close="closeDialog">
+        <div>
+            <div
+                v-for="image in previousImagesTable"
+                v-if="image.file"
+                :key="image.version"
+                style="display: inline-block">
+                <el-popover class="x-change-image-item" placement="right" width="500px" trigger="click">
+                    <img slot="reference" v-lazy="image.file.url" class="x-link" />
+                    <img
+                        v-lazy="image.file.url"
+                        class="x-link"
+                        style="width: 500px; height: 375px"
+                        @click="showFullscreenImageDialog(image.file.url)" />
+                </el-popover>
+            </div>
+        </div>
+    </safe-dialog>
+</template>
+
+<script setup>
+    import { inject } from 'vue';
+    import { useI18n } from 'vue-i18n-bridge';
+    const { t } = useI18n();
+
+    const showFullscreenImageDialog = inject('showFullscreenImageDialog');
+
+    defineProps({
+        previousImagesDialogVisible: {
+            type: Boolean,
+            required: true
+        },
+        previousImagesTable: {
+            type: Array,
+            required: true
+        }
+    });
+
+    const emit = defineEmits(['update:previousImagesDialogVisible']);
+
+    function closeDialog() {
+        emit('update:previousImagesDialogVisible', false);
+    }
+</script>