MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-05 14:26:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

Side panel width option

Browse Source
This commit is contained in:
Natsumi
2021-07-17 08:22:18 +12:00
parent 5e75460ce7
commit ca8f1e3e65
3 changed files with 23 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/src/app.js
+10
View File
@@ -7655,6 +7655,7 @@ speechSynthesis.getVoices();
$app.data.worldAutoCacheGPSFilter = configRepository.getBool('VRCX_worldAutoCacheGPSFilter'); $app.data.worldAutoCacheGPSFilter = configRepository.getBool('VRCX_worldAutoCacheGPSFilter');
$app.data.autoSweepVRChatCache = configRepository.getBool('VRCX_autoSweepVRChatCache'); $app.data.autoSweepVRChatCache = configRepository.getBool('VRCX_autoSweepVRChatCache');
$app.data.vrBackgroundEnabled = configRepository.getBool('VRCX_vrBackgroundEnabled'); $app.data.vrBackgroundEnabled = configRepository.getBool('VRCX_vrBackgroundEnabled');
$app.data.asideWidth = configRepository.getInt('VRCX_asidewidth');
var saveOpenVROption = function () { var saveOpenVROption = function () {
configRepository.setBool('openVR', this.openVR); configRepository.setBool('openVR', this.openVR);
configRepository.setBool('openVRAlways', this.openVRAlways); configRepository.setBool('openVRAlways', this.openVRAlways);
@@ -7775,6 +7776,10 @@ speechSynthesis.getVoices();
$app.data.vrBackgroundEnabled = false; $app.data.vrBackgroundEnabled = false;
configRepository.setBool('VRCX_vrBackgroundEnabled', $app.data.vrBackgroundEnabled); configRepository.setBool('VRCX_vrBackgroundEnabled', $app.data.vrBackgroundEnabled);
} }
if (!configRepository.getInt('VRCX_asidewidth')) {
$app.data.asideWidth = 236;
configRepository.setInt('VRCX_asidewidth', $app.data.asideWidth);
}
if (!configRepository.getString('sharedFeedFilters')) { if (!configRepository.getString('sharedFeedFilters')) {
var sharedFeedFilters = { var sharedFeedFilters = {
noty: { noty: {
@@ -13112,6 +13117,11 @@ speechSynthesis.getVoices();
return false; return false;
}; };
$app.methods.setAsideWidth = function () {
document.getElementById('aside').style.width = this.asideWidth + 'px';
configRepository.setInt('VRCX_asidewidth', this.asideWidth);
};
$app = new Vue($app); $app = new Vue($app);
window.$app = $app; window.$app = $app;
}()); }());
html/src/app.scss
-1
View File
@@ -198,7 +198,6 @@ a {
display: flex; display: flex;
flex: none; flex: none;
flex-direction: column; flex-direction: column;
width: 236px;
background: #f8f8f8; background: #f8f8f8;
} }
html/src/index.pug
+10 -4
View File
@@ -682,7 +682,9 @@ html
span.name Use a Primary Password span.name Use a Primary Password
el-switch(v-model="enablePrimaryPassword" @change="enablePrimaryPasswordChange" :disabled="!loginForm.savedCredentials[API.currentUser.username]") el-switch(v-model="enablePrimaryPassword" @change="enablePrimaryPasswordChange" :disabled="!loginForm.savedCredentials[API.currentUser.username]")
div.options-container div.options-container
span.header Side Panel Sorting Options span.header Side Panel
br
span.sub-header Sorting
div.options-container-item div.options-container-item
span.name Sort Private to bottom span.name Sort Private to bottom
el-switch(v-model="orderFriendsGroupPrivate") el-switch(v-model="orderFriendsGroupPrivate")
@@ -702,6 +704,10 @@ html
div.options-container-item div.options-container-item
span.name Offline span.name Offline
el-switch(v-model="orderFriendsGroup3" inactive-text="alphabetical" active-text="online for") el-switch(v-model="orderFriendsGroup3" inactive-text="alphabetical" active-text="online for")
br
span.sub-header Width
div.options-container-item
el-slider(v-model="asideWidth" @input="setAsideWidth" :show-tooltip="false" :marks="{236: ''}" :min="141" :max="500" style="width:300px")
div.options-container div.options-container
span.header Trust Rank Colors span.header Trust Rank Colors
div.options-container-item div.options-container-item
@@ -881,9 +887,9 @@ html
el-button(@click="ossDialog = true" size="small") Open Source Software Notice el-button(@click="ossDialog = true" size="small") Open Source Software Notice
//- friends //- friends
.x-aside-container(v-show="$refs.menu && $refs.menu.activeIndex !== 'friendsList'") .x-aside-container(v-show="$refs.menu && $refs.menu.activeIndex !== 'friendsList'" id="aside")
div(style="display:inline-block") div(style="display:flex;align-items:baseline")
el-select(v-model="quickSearch" clearable placeholder="Search" filterable remote :remote-method="quickSearchRemoteMethod" popper-class="x-quick-search" @change="quickSearchChange" @visible-change="quickSearchVisibleChange" style="flex:none;padding:10px;width:139px") el-select(v-model="quickSearch" clearable placeholder="Search" filterable remote :remote-method="quickSearchRemoteMethod" popper-class="x-quick-search" @change="quickSearchChange" @visible-change="quickSearchVisibleChange" style="flex:1;padding:10px")
el-option(v-for="item in quickSearchItems" :key="item.value" :value="item.value" :label="item.label") el-option(v-for="item in quickSearchItems" :key="item.value" :value="item.value" :label="item.label")
.x-friend-item .x-friend-item
template(v-if="item.ref") template(v-if="item.ref")