Adjust column widths for Spanish

html/src/app.js

@@ -16125,36 +16125,6 @@ speechSynthesis.getVoices();
     // #endregion
     // #region | App: User Dialog
 
-    $app.data.userDialogWorldSortingOptions = {
-        updated: {
-            name: $t('dialog.user.worlds.sorting.updated'),
-            value: 'updated'
-        },
-        created: {
-            name: $t('dialog.user.worlds.sorting.created'),
-            value: 'created'
-        },
-        favorites: {
-            name: $t('dialog.user.worlds.sorting.favorites'),
-            value: 'favorites'
-        },
-        popularity: {
-            name: $t('dialog.user.worlds.sorting.popularity'),
-            value: 'popularity'
-        }
-    };
-
-    $app.data.userDialogWorldOrderOptions = {
-        descending: {
-            name: $t('dialog.user.worlds.order.descending'),
-            value: 'descending'
-        },
-        ascending: {
-            name: $t('dialog.user.worlds.order.ascending'),
-            value: 'ascending'
-        }
-    };
-
     $app.data.userDialog = {
         visible: false,
         loading: false,
@@ -16185,8 +16155,14 @@ speechSynthesis.getVoices();
         isAvatarsLoading: false,
         isGroupsLoading: false,
 
-        worldSorting: $app.data.userDialogWorldSortingOptions.updated,
+        worldSorting: {
-        worldOrder: $app.data.userDialogWorldOrderOptions.descending,
+            name: $t('dialog.user.worlds.sorting.updated'),
+            value: 'updated'
+        },
+        worldOrder: {
+            name: $t('dialog.user.worlds.order.descending'),
+            value: 'descending'
+        },
         avatarSorting: 'update',
         avatarReleaseStatus: 'all',
 
@@ -27992,32 +27968,6 @@ speechSynthesis.getVoices();
         }
     };
 
-    $app.data.groupDialogSortingOptions = {
-        joinedAtDesc: {
-            name: $t('dialog.group.members.sorting.joined_at_desc'),
-            value: 'joinedAt:desc'
-        },
-        joinedAtAsc: {
-            name: $t('dialog.group.members.sorting.joined_at_asc'),
-            value: 'joinedAt:asc'
-        },
-        userId: {
-            name: $t('dialog.group.members.sorting.user_id'),
-            value: ''
-        }
-    };
-
-    $app.data.groupDialogFilterOptions = {
-        everyone: {
-            name: $t('dialog.group.members.filters.everyone'),
-            id: null
-        },
-        usersWithNoRole: {
-            name: $t('dialog.group.members.filters.users_with_no_role'),
-            id: ''
-        }
-    };
-
     $app.data.groupDialog = {
         visible: false,
         loading: false,
@@ -28034,8 +27984,14 @@ speechSynthesis.getVoices();
         memberSearchResults: [],
         instances: [],
         memberRoles: [],
-        memberFilter: $app.data.groupDialogFilterOptions.everyone,
+        memberFilter: {
-        memberSortOrder: $app.data.groupDialogSortingOptions.joinedAtDesc,
+            name: $t('dialog.group.members.filters.everyone'),
+            id: null
+        },
+        memberSortOrder: {
+            name: $t('dialog.group.members.sorting.joined_at_desc'),
+            value: 'joinedAt:desc'
+        },
         postsSearch: '',
         galleries: {}
     };
@@ -28929,6 +28885,80 @@ speechSynthesis.getVoices();
     // #endregion
     // #region | App: Language
 
+    $app.methods.applyUserDialogSortingStrings = function () {
+        this.userDialogWorldSortingOptions = {
+            updated: {
+                name: $t('dialog.user.worlds.sorting.updated'),
+                value: 'updated'
+            },
+            created: {
+                name: $t('dialog.user.worlds.sorting.created'),
+                value: 'created'
+            },
+            favorites: {
+                name: $t('dialog.user.worlds.sorting.favorites'),
+                value: 'favorites'
+            },
+            popularity: {
+                name: $t('dialog.user.worlds.sorting.popularity'),
+                value: 'popularity'
+            }
+        };
+
+        this.userDialogWorldOrderOptions = {
+            descending: {
+                name: $t('dialog.user.worlds.order.descending'),
+                value: 'descending'
+            },
+            ascending: {
+                name: $t('dialog.user.worlds.order.ascending'),
+                value: 'ascending'
+            }
+        };
+    };
+
+    $app.methods.applyGroupDialogSortingStrings = function () {
+        this.groupDialogSortingOptions = {
+            joinedAtDesc: {
+                name: $t('dialog.group.members.sorting.joined_at_desc'),
+                value: 'joinedAt:desc'
+            },
+            joinedAtAsc: {
+                name: $t('dialog.group.members.sorting.joined_at_asc'),
+                value: 'joinedAt:asc'
+            },
+            userId: {
+                name: $t('dialog.group.members.sorting.user_id'),
+                value: ''
+            }
+        };
+
+        this.groupDialogFilterOptions = {
+            everyone: {
+                name: $t('dialog.group.members.filters.everyone'),
+                id: null
+            },
+            usersWithNoRole: {
+                name: $t('dialog.group.members.filters.users_with_no_role'),
+                id: ''
+            }
+        };
+    };
+
+    $app.methods.applyLanguageStrings = function () {
+        // repply sorting strings
+        this.applyUserDialogSortingStrings();
+        this.applyGroupDialogSortingStrings();
+        this.userDialog.worldSorting =
+            this.userDialogWorldSortingOptions.updated;
+        this.userDialog.worldOrder =
+            this.userDialogWorldOrderOptions.descending;
+        this.groupDialog.memberFilter = this.groupDialogFilterOptions.everyone;
+        this.groupDialog.memberSortOrder =
+            this.groupDialogSortingOptions.joinedAtDesc;
+    };
+    // $app.methods.applyLanguageStrings();
+
     $app.data.appLanguage =
         (await configRepository.getString('VRCX_appLanguage')) ?? 'en';
     i18n.locale = $app.data.appLanguage;
@@ -28949,40 +28979,7 @@ speechSynthesis.getVoices();
             });
         }
 
-        // reload translations - temporary solution
+        $app.applyLanguageStrings();
-
-        $app.userDialogWorldSortingOptions = {
-            updated: {
-                name: $t('dialog.user.worlds.sorting.updated'),
-                value: 'updated'
-            },
-            created: {
-                name: $t('dialog.user.worlds.sorting.created'),
-                value: 'created'
-            },
-            favorites: {
-                name: $t('dialog.user.worlds.sorting.favorites'),
-                value: 'favorites'
-            },
-            popularity: {
-                name: $t('dialog.user.worlds.sorting.popularity'),
-                value: 'popularity'
-            }
-        };
-
-        $app.userDialogWorldOrderOptions = {
-            descending: {
-                name: $t('dialog.user.worlds.order.descending'),
-                value: 'descending'
-            },
-            ascending: {
-                name: $t('dialog.user.worlds.order.ascending'),
-                value: 'ascending'
-            }
-        };
-
-        $app.userDialog.worldSorting = $app.userDialogWorldSortingOptions.updated;
-        $app.userDialog.worldOrder = $app.userDialogWorldOrderOptions.descending;
     };
     initLanguage();
 
@@ -28991,6 +28988,7 @@ speechSynthesis.getVoices();
         this.appLanguage = language;
         i18n.locale = language;
         configRepository.setString('VRCX_appLanguage', language);
+        this.applyLanguageStrings();
         this.updateVRConfigVars();
     };
 

html/src/index.pug

@@ -1366,7 +1366,7 @@ html
             el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="newInstanceDialog" :visible.sync="newInstanceDialog.visible" :title="$t('dialog.new_instance.header')" width="650px")
                 el-tabs(type="card" v-model="newInstanceDialog.selectedTab")
                     el-tab-pane(:label="$t('dialog.new_instance.normal')")
-                        el-form(v-if="newInstanceDialog.visible" :model="newInstanceDialog" label-width="130px")
+                        el-form(v-if="newInstanceDialog.visible" :model="newInstanceDialog" label-width="150px")
                             el-form-item(:label="$t('dialog.new_instance.access_type')")
                                 el-radio-group(v-model="newInstanceDialog.accessType" size="mini" @change="buildInstance")
                                     el-radio-button(label="public") {{ $t('dialog.new_instance.access_type_public') }}
@@ -1445,7 +1445,7 @@ html
                             el-form-item(:label="$t('dialog.new_instance.url')")
                                 el-input(v-model="newInstanceDialog.url" size="mini" readonly)
                     el-tab-pane(:label="$t('dialog.new_instance.group')")
-                        el-form(v-if="newInstanceDialog.visible" :model="newInstanceDialog" label-width="130px")
+                        el-form(v-if="newInstanceDialog.visible" :model="newInstanceDialog" label-width="150px")
                             el-form-item(:label="$t('dialog.new_instance.group_access_type')")
                                 el-radio-group(v-model="newInstanceDialog.groupAccessType" size="mini" @change="buildInstance")
                                     el-radio-button(label="members") {{ $t('dialog.new_instance.group_access_type_members') }}
@@ -2394,10 +2394,10 @@ html
                     el-table-column(:label="$t('table.previous_instances.world')" prop="name" sortable)
                         template(v-once #default="scope")
                             location(:location="scope.row.location" :hint="scope.row.worldName" :grouphint="scope.row.groupName")
-                    el-table-column(:label="$t('table.previous_instances.instance_creator')" prop="location" width="160")
+                    el-table-column(:label="$t('table.previous_instances.instance_creator')" prop="location" width="170")
                         template(v-once #default="scope")
                             display-name(:userid="scope.row.$location.userId" :location="scope.row.$location.tag" :key="previousInstancesUserDialog.forceUpdate")
-                    el-table-column(:label="$t('table.previous_instances.time')" prop="time" width="90" sortable)
+                    el-table-column(:label="$t('table.previous_instances.time')" prop="time" width="100" sortable)
                         template(v-once #default="scope")
                             span(v-text="scope.row.timer")
                     el-table-column(:label="$t('table.previous_instances.action')" width="90" align="right")
@@ -2420,7 +2420,7 @@ html
                     el-table-column(:label="$t('table.previous_instances.instance_creator')" prop="location")
                         template(v-once #default="scope")
                             display-name(:userid="scope.row.$location.userId" :location="scope.row.$location.tag" :key="previousInstancesWorldDialog.forceUpdate")
-                    el-table-column(:label="$t('table.previous_instances.time')" prop="time" width="90" sortable)
+                    el-table-column(:label="$t('table.previous_instances.time')" prop="time" width="100" sortable)
                         template(v-once #default="scope")
                             span(v-text="scope.row.timer")
                     el-table-column(:label="$t('table.previous_instances.action')" width="90" align="right")

html/src/mixins/tabs/gameLog.pug

@@ -18,7 +18,7 @@ mixin gameLogTab()
                 template(v-once #default="scope")
                     span.x-link(v-if="scope.row.location && scope.row.type !== 'Location'" v-text="scope.row.type" @click="showWorldDialog(scope.row.location)")
                     span(v-else v-text="scope.row.type")
-            el-table-column(:label="$t('table.gameLog.icon')" prop="isFriend" width="60")
+            el-table-column(:label="$t('table.gameLog.icon')" prop="isFriend" width="70")
                 template(v-once #default="scope")
                     template(v-if="gameLogIsFriend(scope.row)")
                         el-tooltip(v-if="gameLogIsFavorite(scope.row)" placement="top" content="Favorite")