add option to hide unfriends from friend log (#916)

* add option to hide unfriends from friend log * hide unfriends from user dialog and hide notification dot on unfriend
2026-04-18 14:23:51 +02:00 · 2024-09-14 02:05:21 -07:00
parent bab2e286f7
commit 2cc42d48a9
15 changed files with 78 additions and 3 deletions
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -14649,6 +14649,12 @@ speechSynthesis.getVoices();
            {
                prop: 'displayName',
                value: ''
+            },
+            {
+                prop: 'type',
+                value: false,
+                filterFn: (row, filter) => 
+                    !(filter.value && row.type === 'Unfriend')
            }
        ],
        tableProps: {
@@ -14856,7 +14862,9 @@ speechSynthesis.getVoices();
                this.queueFriendLogNoty(friendLogHistory);
                this.friendLog.delete(id);
                database.deleteFriendLogCurrent(id);
-                this.notifyMenu('friendLog');
+                if (!this.hideUnfriends) {
+                    this.notifyMenu('friendLog');
+                }
                this.updateSharedFeed(true);
                this.deleteFriend(id);
            }
@@ -15653,6 +15661,11 @@ speechSynthesis.getVoices();
        'VRCX_hideUserMemos',
        false
    );
+    $app.data.hideUnfriends = await configRepository.getBool(
+        'VRCX_hideUnfriends',
+        false
+    );
+    $app.data.friendLogTable.filters[2].value = $app.data.hideUnfriends;
    $app.methods.saveOpenVROption = async function () {
        await configRepository.setBool('openVR', this.openVR);
        await configRepository.setBool('openVRAlways', this.openVRAlways);
@@ -15777,6 +15790,13 @@ speechSynthesis.getVoices();
            this.hideUserMemos
        );
    };
+    $app.methods.saveFriendLogOptions = async function () {
+        await configRepository.setBool(
+            'VRCX_hideUnfriends',
+            this.hideUnfriends
+        );
+        this.friendLogTable.filters[2].value = this.hideUnfriends;
+    };
    $app.data.TTSvoices = speechSynthesis.getVoices();
    $app.methods.saveNotificationTTS = async function () {
        speechSynthesis.cancel();
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -460,13 +460,14 @@ html
                                        template(#content v-else)
                                            span -
                                        .detail
-                                            span.name(v-if="userDialog.unFriended") {{ $t('dialog.user.info.unfriended') }}
+                                            span.name(v-if="userDialog.unFriended && !hideUnfriends") {{ $t('dialog.user.info.unfriended') }}
                                                el-tooltip(v-if="!hideTooltips" placement="top" style="margin-left:5px" :content="$t('dialog.user.info.accuracy_notice')")
                                                    i.el-icon-warning
                                            span.name(v-else) {{ $t('dialog.user.info.friended') }}
                                                el-tooltip(v-if="!hideTooltips" placement="top" style="margin-left:5px" :content="$t('dialog.user.info.accuracy_notice')")
                                                    i.el-icon-warning
-                                            span.extra {{ userDialog.dateFriended | formatDate('long') }}
+                                            span.extra(v-if="!hideUnfriends") {{ userDialog.dateFriended | formatDate('long') }}
+                                            span.extra(v-else) -
                                template(v-if="API.currentUser.id === userDialog.id")
                                    .x-friend-item(@click="toggleAvatarCopying")
                                        .detail
--- a/html/src/localization/en/en.json
+++ b/html/src/localization/en/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "User Colors",
                    "random_colors_from_user_id": "Random Colors from User ID"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/es/en.json
+++ b/html/src/localization/es/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "Colores de los Usuarios",
                    "random_colors_from_user_id": "Colores Aleatorios a partir del ID de Usuario"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/fr/en.json
+++ b/html/src/localization/fr/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "Couleurs des utilisateurs",
                    "random_colors_from_user_id": "Couleurs procedurales à partir de l'ID de l'utilisateur"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/hu/en.json
+++ b/html/src/localization/hu/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "Felhasználói színek",
                    "random_colors_from_user_id": "Random Colors from User ID"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/ja/en.json
+++ b/html/src/localization/ja/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "ユーザーの色",
                    "random_colors_from_user_id": "ユーザーIDからランダムに色を生成"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/ko/en.json
+++ b/html/src/localization/ko/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "유저 색상",
                    "random_colors_from_user_id": "유저 ID별 무작위 색상 사용"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/pl/en.json
+++ b/html/src/localization/pl/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "Kolory użytkowników",
                    "random_colors_from_user_id": "Losowe kolory według ID Użytkownika"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/pt/en.json
+++ b/html/src/localization/pt/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "Cores do Usuário",
                    "random_colors_from_user_id": "Cores Aleatórias do ID do Usuário"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/ru/en.json
+++ b/html/src/localization/ru/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "Пользовательские цвета",
                    "random_colors_from_user_id": "Случайные цвета из ID пользователя"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/vi/en.json
+++ b/html/src/localization/vi/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "Màu của người dùng",
                    "random_colors_from_user_id": "Màu ngẫu nhiên từ ID người dùng"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/zh-CN/en.json
+++ b/html/src/localization/zh-CN/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "好友名称显示颜色",
                    "random_colors_from_user_id": "从用户 ID 随机挑选颜色"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/localization/zh-TW/en.json
+++ b/html/src/localization/zh-TW/en.json
@@ -323,6 +323,10 @@
                "user_colors": {
                    "header": "玩家名稱顏色",
                    "random_colors_from_user_id": "從玩家 ID 隨機挑選顏色"
+                },
+                "friend_log": {
+                    "header": "Friend Log",
+                    "hide_unfriends": "Hide Unfriends"
                }
            },
            "notifications": {
--- a/html/src/mixins/tabs/settings.pug
+++ b/html/src/mixins/tabs/settings.pug
@@ -261,6 +261,12 @@ mixin settingsTab()
                        div
                            el-color-picker(v-model="trustColor.troll" @change="updatetrustColor" size="mini" :predefine="['#782f2f']")
                            span.color-picker(slot="trigger" class="x-tag-troll") Nuisance
+                //- Appearance | Friend Log
+                div.options-container
+                    span.header {{ $t('view.settings.appearance.friend_log.header') }}
+                    div.options-container-item
+                        span.name {{ $t('view.settings.appearance.friend_log.hide_unfriends') }}
+                        el-switch(v-model="hideUnfriends" @change="saveFriendLogOptions")
            //- Notifications Tab
            el-tab-pane(:label="$t('view.settings.category.notifications')")
                //- Notifications | Notifications