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'

src/components/dialogs/GroupDialog/GroupPostEditDialog.vue

@@ -1,13 +1,9 @@
 <template>
-    <el-dialog
-        ref="groupPostEditDialog"
-        :before-close="beforeDialogClose"
+    <safe-dialog
         :visible.sync="groupPostEditDialog.visible"
         :title="$t('dialog.group_post_edit.header')"
         width="650px"
-        append-to-body
-        @mousedown.native="dialogMouseDown"
-        @mouseup.native="dialogMouseUp">
+        append-to-body>
         <div v-if="groupPostEditDialog.visible">
             <h3 v-text="groupPostEditDialog.groupRef.name"></h3>
             <el-form :model="groupPostEditDialog" label-width="150px">
@@ -107,30 +103,39 @@
                 {{ $t('dialog.group_post_edit.create_post') }}
             </el-button>
         </template>
-    </el-dialog>
+        <GallerySelectDialog
+            :gallery-select-dialog="gallerySelectDialog"
+            :gallery-table="galleryTable"
+            @refresh-gallery-table="refreshGalleryTable" />
+    </safe-dialog>
 </template>
 
 <script>
-    import { groupRequest } from '../../../api';
+    import { groupRequest, vrcPlusIconRequest } from '../../../api';
+    import GallerySelectDialog from './GallerySelectDialog.vue';
 
     export default {
         name: 'GroupPostEditDialog',
-        inject: [
-            'beforeDialogClose',
-            'showFullscreenImageDialog',
-            'dialogMouseDown',
-            'dialogMouseUp',
-            'showGallerySelectDialog'
-        ],
+        components: {
+            GallerySelectDialog
+        },
+        inject: ['showFullscreenImageDialog'],
         props: {
             dialogData: {
                 type: Object,
                 required: true
             },
-            gallerySelectDialog: {
-                type: Object,
-                required: true
-            }
+            selectedGalleryFile: { type: Object, default: () => ({}) }
+        },
+        data() {
+            return {
+                gallerySelectDialog: {
+                    visible: false,
+                    selectedFileId: '',
+                    selectedImageUrl: ''
+                },
+                galleryTable: []
+            };
         },
         computed: {
             groupPostEditDialog: {
@@ -143,6 +148,22 @@
             }
         },
         methods: {
+            showGallerySelectDialog() {
+                const D = this.gallerySelectDialog;
+                D.visible = true;
+                this.refreshGalleryTable();
+            },
+            async refreshGalleryTable() {
+                const params = {
+                    n: 100,
+                    tag: 'gallery'
+                };
+                const args = await vrcPlusIconRequest.getFileList(params);
+                // API.$on('FILES:LIST')
+                if (args.params.tag === 'gallery') {
+                    this.galleryTable = args.json.reverse();
+                }
+            },
             editGroupPost() {
                 const D = this.groupPostEditDialog;
                 if (!D.groupId || !D.postId) {
@@ -193,7 +214,9 @@
                 D.visible = false;
             },
             clearImageGallerySelect() {
-                this.$emit('clear-image-gallery-select');
+                const D = this.gallerySelectDialog;
+                D.selectedFileId = '';
+                D.selectedImageUrl = '';
             }
         }
     };