MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-21 15:53:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add week start day setting and apply to calendars and charts

Browse Source
This commit is contained in:
pa
2026-03-19 17:49:21 +09:00
parent f980b0ee6e
commit bbb7d596bb
7 changed files with 93 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/Settings/components/Tabs/InterfaceTab.vue
View File

@@ -119,11 +119,10 @@
" />
</SettingsItem>
<SettingsItem :label="t('view.settings.appearance.appearance.age_gated_instances')"
<SettingsItem
:label="t('view.settings.appearance.appearance.age_gated_instances')"
:description="t('view.settings.appearance.appearance.age_gated_instances_description')">
<Switch
:model-value="isAgeGatedInstancesVisible"
@update:modelValue="setIsAgeGatedInstancesVisible" />
<Switch :model-value="isAgeGatedInstancesVisible" @update:modelValue="setIsAgeGatedInstancesVisible" />
</SettingsItem>
<SettingsItem :label="t('view.settings.appearance.appearance.striped_data_table_mode')">
@@ -137,7 +136,9 @@
<SettingsItem
:label="t('view.settings.appearance.appearance.accessible_status_indicators')"
:description="t('view.settings.appearance.appearance.accessible_status_indicators_description')">
<Switch :model-value="accessibleStatusIndicators" @update:modelValue="toggleAccessibleStatusIndicators" />
<Switch
:model-value="accessibleStatusIndicators"
@update:modelValue="toggleAccessibleStatusIndicators" />
</SettingsItem>
<SettingsItem
@@ -275,6 +276,21 @@
<SettingsItem :label="t('view.settings.appearance.timedate.force_iso_date_format')">
<Switch :model-value="dtIsoFormat" @update:modelValue="setDtIsoFormat" />
</SettingsItem>
<SettingsItem
:label="t('view.settings.appearance.timedate.week_starts_on')"
:description="t('view.settings.appearance.timedate.week_starts_on_description')">
<Select :model-value="String(weekStartsOn)" @update:modelValue="handleWeekStartsOnChange">
<SelectTrigger size="sm">
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="1">{{ t('common.days.monday') }}</SelectItem>
<SelectItem value="0">{{ t('common.days.sunday') }}</SelectItem>
<SelectItem value="6">{{ t('common.days.saturday') }}</SelectItem>
</SelectContent>
</Select>
</SettingsItem>
</SettingsGroup>
<SettingsGroup :title="t('view.settings.appearance.user_dialog.header')">
@@ -395,6 +411,7 @@
instanceUsersSortAlphabetical,
dtHour12,
dtIsoFormat,
weekStartsOn,
hideUserNotes,
hideUserMemos,
hideUnfriends,
@@ -419,6 +436,7 @@
setInstanceUsersSortAlphabetical,
setDtHour12,
setDtIsoFormat,
setWeekStartsOn,
setHideUserNotes,
setHideUserMemos,
setHideUnfriends,
@@ -437,8 +455,6 @@
setAppCjkFontPack
} = appearanceSettingsStore;
const trustColorEntries = [
{
key: 'untrusted',
@@ -597,6 +613,14 @@
}
}
/**
*
* @param value
*/
function handleWeekStartsOnChange(value) {
setWeekStartsOn(Number(value));
}
const tablePageSizesModel = computed({
get: () => tablePageSizes.value.map(String),
set: (values) => {