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

refactor: photon settings into separate component

Browse Source
This commit is contained in:
pa
2025-09-23 02:41:34 +09:00
committed by Natsumi
parent 6dc740ac44
commit 366b2f6c11
2 changed files with 131 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
src/views/Settings/components/PhotonSettings.vue Normal file
View File

@@ -0,0 +1,124 @@
<template>
<div class="options-container">
<span class="header">{{ t('view.settings.advanced.photon.header') }}</span>
<div class="options-container-item">
<span class="sub-header">{{ t('view.settings.advanced.photon.event_hud.header') }}</span>
<simple-switch
:label="t('view.settings.advanced.photon.event_hud.enable')"
:value="photonEventOverlay"
:disabled="!openVR"
:tooltip="t('view.settings.advanced.photon.event_hud.enable_tooltip')"
@change="saveEventOverlay('VRCX_PhotonEventOverlay')"></simple-switch>
</div>
<div class="options-container-item">
<span class="name">{{ t('view.settings.advanced.photon.event_hud.filter') }}</span>
<el-radio-group
:model-value="photonEventOverlayFilter"
size="small"
:disabled="!openVR || !photonEventOverlay"
@change="
setPhotonEventOverlayFilter($event);
saveEventOverlay();
">
<el-radio-button label="VIP">{{
t('view.settings.advanced.photon.event_hud.filter_favorites')
}}</el-radio-button>
<el-radio-button label="Friends">{{
t('view.settings.advanced.photon.event_hud.filter_friends')
}}</el-radio-button>
<el-radio-button label="Everyone">{{
t('view.settings.advanced.photon.event_hud.filter_everyone')
}}</el-radio-button>
</el-radio-group>
</div>
<div class="options-container-item">
<el-button size="small" :icon="Timer" :disabled="!openVR" @click="promptPhotonOverlayMessageTimeout">{{
t('view.settings.advanced.photon.event_hud.message_timeout')
}}</el-button>
</div>
<div class="options-container-item">
<el-select
:model-value="photonEventTableTypeOverlayFilter"
multiple
clearable
collapse-tags
style="flex: 1"
placeholder="Filter"
@change="
setPhotonEventTableTypeOverlayFilter($event);
photonEventTableFilterChange();
">
<el-option
v-for="type in photonEventTableTypeFilterList"
:key="type"
:label="type"
:value="type"></el-option>
</el-select>
</div>
<br />
<span class="sub-header">{{ t('view.settings.advanced.photon.timeout_hud.header') }}</span>
<simple-switch
:label="t('view.settings.advanced.photon.timeout_hud.enable')"
:value="timeoutHudOverlay"
:disabled="!openVR"
:tooltip="t('view.settings.advanced.photon.timeout_hud.enable_tooltip')"
@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
:model-value="timeoutHudOverlayFilter"
size="small"
:disabled="!openVR || !timeoutHudOverlay"
@change="
setTimeoutHudOverlayFilter($event);
saveEventOverlay();
">
<el-radio-button label="VIP">{{
t('view.settings.advanced.photon.timeout_hud.filter_favorites')
}}</el-radio-button>
<el-radio-button label="Friends">{{
t('view.settings.advanced.photon.timeout_hud.filter_friends')
}}</el-radio-button>
<el-radio-button label="Everyone">{{
t('view.settings.advanced.photon.timeout_hud.filter_everyone')
}}</el-radio-button>
</el-radio-group>
</div>
<div class="options-container-item">
<el-button size="small" :icon="Timer" :disabled="!openVR" @click="promptPhotonLobbyTimeoutThreshold">{{
t('view.settings.advanced.photon.timeout_hud.timeout_threshold')
}}</el-button>
</div>
</div>
</template>
<script setup>
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';
import { Timer } from '@element-plus/icons-vue';
import { useNotificationsSettingsStore, usePhotonStore } from '../../../stores';
import { photonEventTableTypeFilterList } from '../../../shared/constants/photon';
import SimpleSwitch from './SimpleSwitch.vue';
const { t } = useI18n();
const {
setPhotonEventOverlayFilter,
setPhotonEventTableTypeOverlayFilter,
setTimeoutHudOverlayFilter,
saveEventOverlay,
photonEventTableFilterChange,
promptPhotonOverlayMessageTimeout,
promptPhotonLobbyTimeoutThreshold
} = usePhotonStore();
const {
photonEventOverlay,
photonEventOverlayFilter,
photonEventTableTypeOverlayFilter,
timeoutHudOverlay,
timeoutHudOverlayFilter
} = storeToRefs(usePhotonStore());
const { openVR } = storeToRefs(useNotificationsSettingsStore());
</script>