MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-22 08:13:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace el-button-group with ToggleGroup

Browse Source
This commit is contained in:
pa
2026-01-08 19:50:28 +09:00
committed by Natsumi
parent 9735073c7a
commit 914fea6ccf
11 changed files with 448 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/views/Settings/components/PhotonSettings.vue
View File

@@ -12,24 +12,27 @@
</div>
<div class="options-container-item">
<span class="name">{{ t('view.settings.advanced.photon.event_hud.filter') }}</span>
<el-radio-group
<ToggleGroup
type="single"
required
variant="outline"
size="sm"
:model-value="photonEventOverlayFilter"
size="small"
:disabled="!openVR || !photonEventOverlay"
@change="
@update:model-value="
setPhotonEventOverlayFilter($event);
saveEventOverlay();
">
<el-radio-button value="VIP">{{
<ToggleGroupItem value="VIP">{{
t('view.settings.advanced.photon.event_hud.filter_favorites')
}}</el-radio-button>
<el-radio-button value="Friends">{{
}}</ToggleGroupItem>
<ToggleGroupItem value="Friends">{{
t('view.settings.advanced.photon.event_hud.filter_friends')
}}</el-radio-button>
<el-radio-button value="Everyone">{{
}}</ToggleGroupItem>
<ToggleGroupItem value="Everyone">{{
t('view.settings.advanced.photon.event_hud.filter_everyone')
}}</el-radio-button>
</el-radio-group>
}}</ToggleGroupItem>
</ToggleGroup>
</div>
<div class="options-container-item">
<el-button size="small" :icon="Timer" :disabled="!openVR" @click="promptPhotonOverlayMessageTimeout">{{
@@ -65,24 +68,27 @@
@change="saveEventOverlay('VRCX_TimeoutHudOverlay')"></simple-switch>
<div class="options-container-item">
<span class="name">{{ t('view.settings.advanced.photon.timeout_hud.filter') }}</span>
<el-radio-group
<ToggleGroup
type="single"
required
variant="outline"
size="sm"
:model-value="timeoutHudOverlayFilter"
size="small"
:disabled="!openVR || !timeoutHudOverlay"
@change="
@update:model-value="
setTimeoutHudOverlayFilter($event);
saveEventOverlay();
">
<el-radio-button label="VIP">{{
<ToggleGroupItem value="VIP">{{
t('view.settings.advanced.photon.timeout_hud.filter_favorites')
}}</el-radio-button>
<el-radio-button label="Friends">{{
}}</ToggleGroupItem>
<ToggleGroupItem value="Friends">{{
t('view.settings.advanced.photon.timeout_hud.filter_friends')
}}</el-radio-button>
<el-radio-button label="Everyone">{{
}}</ToggleGroupItem>
<ToggleGroupItem value="Everyone">{{
t('view.settings.advanced.photon.timeout_hud.filter_everyone')
}}</el-radio-button>
</el-radio-group>
}}</ToggleGroupItem>
</ToggleGroup>
</div>
<div class="options-container-item">
<el-button size="small" :icon="Timer" :disabled="!openVR" @click="promptPhotonLobbyTimeoutThreshold">{{
@@ -99,6 +105,7 @@
import { useNotificationsSettingsStore, usePhotonStore } from '../../../stores';
import { photonEventTableTypeFilterList } from '../../../shared/constants/photon';
import { ToggleGroup, ToggleGroupItem } from '../../../components/ui/toggle-group';
import SimpleSwitch from './SimpleSwitch.vue';