refactor: Organize Project Structure (#1211)

* refactor: Organize Project Structure * fix * fix * rm security * fix
2026-04-21 15:53:50 +02:00 · 2025-04-18 15:04:03 +09:00
parent 59d3ead781
commit 6bda44be52
106 changed files with 172 additions and 165 deletions
--- a/src/components/dialogs/GroupDialog/GroupMemberModerationExportDialog.vue
+++ b/src/components/dialogs/GroupDialog/GroupMemberModerationExportDialog.vue
@@ -0,0 +1,110 @@
+<template>
+    <el-dialog
+        class="x-dialog"
+        :before-close="beforeDialogClose"
+        :visible="isGroupLogsExportDialogVisible"
+        :title="t('dialog.group_member_moderation.export_logs')"
+        width="650px"
+        append-to-body
+        @close="setIsGroupLogsExportDialogVisible"
+        @mousedown.native="dialogMouseDown"
+        @mouseup.native="dialogMouseUp">
+        <el-checkbox-group
+            v-model="checkedGroupLogsExportLogsOptions"
+            style="margin-bottom: 10px"
+            @change="updateGroupLogsExportContent">
+            <template v-for="option in checkGroupsLogsExportLogsOptions">
+                <el-checkbox :key="option.label" :label="option.label">
+                    {{ t(option.text) }}
+                </el-checkbox>
+            </template>
+        </el-checkbox-group>
+        <br />
+        <el-input
+            v-model="groupLogsExportContent"
+            type="textarea"
+            size="mini"
+            rows="15"
+            resize="none"
+            readonly
+            style="margin-top: 15px"
+            @click.native="handleCopyGroupLogsExportContent" />
+    </el-dialog>
+</template>
+
+<script setup>
+    import { inject, ref, watch } from 'vue';
+    import { useI18n } from 'vue-i18n-bridge';
+    import utils from '../../../classes/utils';
+
+    const beforeDialogClose = inject('beforeDialogClose');
+    const dialogMouseDown = inject('dialogMouseDown');
+    const dialogMouseUp = inject('dialogMouseUp');
+    const { t } = useI18n();
+
+    const props = defineProps({
+        isGroupLogsExportDialogVisible: {
+            type: Boolean,
+            default: false
+        },
+        groupLogsModerationTable: {
+            type: Object,
+            default: () => {}
+        }
+    });
+
+    const emit = defineEmits(['update:isGroupLogsExportDialogVisible']);
+    watch(
+        () => props.isGroupLogsExportDialogVisible,
+        (newVal) => {
+            if (newVal) {
+                updateGroupLogsExportContent();
+            }
+        }
+    );
+
+    const groupLogsExportContent = ref('');
+
+    const checkGroupsLogsExportLogsOptions = [
+        { label: 'created_at', text: 'dialog.group_member_moderation.created_at' },
+        { label: 'eventType', text: 'dialog.group_member_moderation.type' },
+        { label: 'actorDisplayName', text: 'dialog.group_member_moderation.display_name' },
+        { label: 'description', text: 'dialog.group_member_moderation.description' },
+        { label: 'data', text: 'dialog.group_member_moderation.data' }
+    ];
+    const checkedGroupLogsExportLogsOptions = ref([
+        'created_at',
+        'eventType',
+        'actorDisplayName',
+        'description',
+        'data'
+    ]);
+
+    function updateGroupLogsExportContent() {
+        const formatter = (str) => (/[\x00-\x1f,"]/.test(str) ? `"${str.replace(/"/g, '""')}"` : str);
+
+        const sortedCheckedOptions = checkGroupsLogsExportLogsOptions
+            .filter((option) => checkedGroupLogsExportLogsOptions.value.includes(option.label))
+            .map((option) => option.label);
+
+        const header = `${sortedCheckedOptions.join(',')}\n`;
+
+        const content = props.groupLogsModerationTable.data
+            .map((item) =>
+                sortedCheckedOptions
+                    .map((key) => formatter(key === 'data' ? JSON.stringify(item[key]) : item[key]))
+                    .join(',')
+            )
+            .join('\n');
+
+        groupLogsExportContent.value = header + content; // Update ref
+    }
+
+    function handleCopyGroupLogsExportContent() {
+        utils.copyToClipboard(groupLogsExportContent.value);
+    }
+
+    function setIsGroupLogsExportDialogVisible() {
+        emit('update:isGroupLogsExportDialogVisible', false);
+    }
+</script>