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

VRCPlusIcons toggle option

Browse Source
This commit is contained in:
Natsumi
2020-12-13 20:45:46 +13:00
committed by pypy
parent 34a3b2518b
commit b973cdfe2d
2 changed files with 32 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
html/src/app.js
View File

@@ -3742,16 +3742,23 @@ import gameLogService from './service/gamelog.js'
$app.data.orderFriendsGroup1 = configRepository.getBool('orderFriendGroup1'); $app.data.orderFriendsGroup1 = configRepository.getBool('orderFriendGroup1');
$app.data.orderFriendsGroup2 = configRepository.getBool('orderFriendGroup2'); $app.data.orderFriendsGroup2 = configRepository.getBool('orderFriendGroup2');
$app.data.orderFriendsGroup3 = configRepository.getBool('orderFriendGroup3'); $app.data.orderFriendsGroup3 = configRepository.getBool('orderFriendGroup3');
$app.data.displayVRCPlusIconsAsAvatar = configRepository.getBool('displayVRCPlusIconsAsAvatar');
var saveOrderFriendGroup = function () { var saveOrderFriendGroup = function () {
configRepository.setBool('orderFriendGroup0', this.orderFriendsGroup0); configRepository.setBool('orderFriendGroup0', this.orderFriendsGroup0);
configRepository.setBool('orderFriendGroup1', this.orderFriendsGroup1); configRepository.setBool('orderFriendGroup1', this.orderFriendsGroup1);
configRepository.setBool('orderFriendGroup2', this.orderFriendsGroup2); configRepository.setBool('orderFriendGroup2', this.orderFriendsGroup2);
configRepository.setBool('orderFriendGroup3', this.orderFriendsGroup3); configRepository.setBool('orderFriendGroup3', this.orderFriendsGroup3);
configRepository.setBool('displayVRCPlusIconsAsAvatar', this.displayVRCPlusIconsAsAvatar);
}; };
$app.watch.orderFriendsGroup0 = saveOrderFriendGroup; $app.watch.orderFriendsGroup0 = saveOrderFriendGroup;
$app.watch.orderFriendsGroup1 = saveOrderFriendGroup; $app.watch.orderFriendsGroup1 = saveOrderFriendGroup;
$app.watch.orderFriendsGroup2 = saveOrderFriendGroup; $app.watch.orderFriendsGroup2 = saveOrderFriendGroup;
$app.watch.orderFriendsGroup3 = saveOrderFriendGroup; $app.watch.orderFriendsGroup3 = saveOrderFriendGroup;
$app.watch.displayVRCPlusIconsAsAvatar = saveOrderFriendGroup;
if (!configRepository.getBool('displayVRCPlusIconsAsAvatar')) {
$app.data.displayVRCPlusIconsAsAvatar = true;
configRepository.setBool('displayVRCPlusIconsAsAvatar', $app.data.displayVRCPlusIconsAsAvatar);
}
$app.methods.fetchActiveFriend = function (userId) { $app.methods.fetchActiveFriend = function (userId) {
this.pendingActiveFriends.add(userId); this.pendingActiveFriends.add(userId);

47
html/src/index.pug
View File

@@ -242,7 +242,7 @@ html
.x-friend-item(v-for="favorite in favoriteFriends" v-if="favorite.groupKey === group.key" :key="favorite.id" @click="showUserDialog(favorite.id)") .x-friend-item(v-for="favorite in favoriteFriends" v-if="favorite.groupKey === group.key" :key="favorite.id" @click="showUserDialog(favorite.id)")
template(v-if="favorite.ref") template(v-if="favorite.ref")
.avatar(:class="userStatusClass(favorite.ref)") .avatar(:class="userStatusClass(favorite.ref)")
img(v-if="favorite.ref.userIcon" v-lazy="favorite.ref.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && favorite.ref.userIcon" v-lazy="favorite.ref.userIcon")
img(v-else v-lazy="favorite.ref.currentAvatarThumbnailImageUrl") img(v-else v-lazy="favorite.ref.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="favorite.ref.displayName" :class="favorite.ref.$trustClass") span.name(v-text="favorite.ref.displayName" :class="favorite.ref.$trustClass")
@@ -415,7 +415,7 @@ html
.x-friend-list(style="margin-top:10px") .x-friend-list(style="margin-top:10px")
.x-friend-item(@click="showUserDialog(API.currentUser.id)") .x-friend-item(@click="showUserDialog(API.currentUser.id)")
.avatar .avatar
img(v-if="API.currentUser.userIcon" v-lazy="API.currentUser.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && API.currentUser.userIcon" v-lazy="API.currentUser.userIcon")
img(v-else v-lazy="API.currentUser.currentAvatarThumbnailImageUrl") img(v-else v-lazy="API.currentUser.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="API.currentUser.displayName") span.name(v-text="API.currentUser.displayName")
@@ -433,7 +433,7 @@ html
el-button(size="small" icon="el-icon-printer" @click="showExportFriendsListDialog()") Export Friends List el-button(size="small" icon="el-icon-printer" @click="showExportFriendsListDialog()") Export Friends List
div(v-if="API.currentUser.$isVRCPlus" style="margin-top:30px") div(v-if="API.currentUser.$isVRCPlus" style="margin-top:30px")
span(style="font-weight:bold") VRCPlus Icons span(style="font-weight:bold") VRCPlus Icons
el-button(type="default" @click="displayVRCPlusIconsTable()" size="mini" icon="el-icon-refresh" circle style="margin-left:5px") el-button(type="default" @click="displaysTable()" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
el-button(type="default" @click="VRCPlusIconsTable = []" size="mini" icon="el-icon-delete" circle style="margin-left:0") el-button(type="default" @click="VRCPlusIconsTable = []" size="mini" icon="el-icon-delete" circle style="margin-left:0")
el-button(type="default" @click="setVRCPlusIcon('')" size="mini" icon="el-icon-close" circle style="margin:0" :disabled="!API.currentUser.userIcon") el-button(type="default" @click="setVRCPlusIcon('')" size="mini" icon="el-icon-close" circle style="margin:0" :disabled="!API.currentUser.userIcon")
//- input(type="file" @change="onFileChangeVRCPlusIcon") //- input(type="file" @change="onFileChangeVRCPlusIcon")
@@ -467,6 +467,14 @@ html
span span
span(v-text="scope.data.key" style="font-weight:bold;margin-right:5px") span(v-text="scope.data.key" style="font-weight:bold;margin-right:5px")
span(v-if="!scope.data.children" v-text="scope.data.value") span(v-if="!scope.data.children" v-text="scope.data.value")
div(style="margin-top:30px")
span(style="font-weight:bold") Appearance
div(style="font-size:12px;margin-top:5px")
span(style="display:inline-block;min-width:150px") Dark Mode
el-switch(v-model="isDarkMode")
div(style="font-size:12px;margin-top:5px")
span(style="display:inline-block;min-width:150px") VRCPlus Profile Icons
el-switch(v-model="displayVRCPlusIconsAsAvatar")
div(style="margin-top:30px") div(style="margin-top:30px")
span(style="font-weight:bold") Friends Sort Option span(style="font-weight:bold") Friends Sort Option
div(style="font-size:12px;margin-top:5px") div(style="font-size:12px;margin-top:5px")
@@ -481,11 +489,6 @@ html
div(style="font-size:12px;margin-top:5px") div(style="font-size:12px;margin-top:5px")
span(style="display:inline-block;min-width:150px") OFFLINE span(style="display:inline-block;min-width:150px") OFFLINE
el-switch(v-model="orderFriendsGroup3" inactive-text="by name" active-text="by state") el-switch(v-model="orderFriendsGroup3" inactive-text="by name" active-text="by state")
div(style="margin-top:30px")
span(style="font-weight:bold") Dark Mode
div(style="font-size:12px;margin-top:5px")
span(style="display:inline-block;min-width:150px") Enable
el-switch(v-model="isDarkMode")
div(style="margin-top:30px") div(style="margin-top:30px")
span(style="font-weight:bold") Discord Presence span(style="font-weight:bold") Discord Presence
div(style="font-size:12px;margin-top:5px") div(style="font-size:12px;margin-top:5px")
@@ -574,7 +577,7 @@ html
.detail .detail
span.name(v-text="item.ref.displayName" :class="item.ref.$trustClass") span.name(v-text="item.ref.displayName" :class="item.ref.$trustClass")
location.extra(:location="item.ref.location" :link="false") location.extra(:location="item.ref.location" :link="false")
img.avatar(v-if="item.ref.userIcon" v-lazy="item.ref.userIcon") img.avatar(v-if="displayVRCPlusIconsAsAvatar && item.ref.userIcon" v-lazy="item.ref.userIcon")
img.avatar(v-else v-lazy="item.ref.currentAvatarThumbnailImageUrl") img.avatar(v-else v-lazy="item.ref.currentAvatarThumbnailImageUrl")
span(v-else) Search More: #[span(v-text="item.label" style="font-weight:bold")] span(v-else) Search More: #[span(v-text="item.label" style="font-weight:bold")]
.x-friend-list(style="padding-bottom:10px") .x-friend-list(style="padding-bottom:10px")
@@ -584,7 +587,7 @@ html
div(v-show="isFriendsGroupMe") div(v-show="isFriendsGroupMe")
.x-friend-item(:key="API.currentUser.id" @click="showUserDialog(API.currentUser.id)") .x-friend-item(:key="API.currentUser.id" @click="showUserDialog(API.currentUser.id)")
.avatar(:class="userStatusClass(API.currentUser)") .avatar(:class="userStatusClass(API.currentUser)")
img(v-if="API.currentUser.userIcon" v-lazy="API.currentUser.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && API.currentUser.userIcon" v-lazy="API.currentUser.userIcon")
img(v-else v-lazy="API.currentUser.currentAvatarThumbnailImageUrl") img(v-else v-lazy="API.currentUser.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="API.currentUser.displayName" :class="API.currentUser.$trustClass") span.name(v-text="API.currentUser.displayName" :class="API.currentUser.$trustClass")
@@ -597,7 +600,7 @@ html
.x-friend-item(v-for="friend in friendsGroup0" :key="friend.id" @click="showUserDialog(friend.id)") .x-friend-item(v-for="friend in friendsGroup0" :key="friend.id" @click="showUserDialog(friend.id)")
template(v-if="friend.ref") template(v-if="friend.ref")
.avatar(:class="userStatusClass(friend.ref)") .avatar(:class="userStatusClass(friend.ref)")
img(v-if="friend.ref.userIcon" v-lazy="friend.ref.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && friend.ref.userIcon" v-lazy="friend.ref.userIcon")
img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl") img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-if="friend.memo" :class="friend.ref.$trustClass") {{ friend.ref.displayName }} ({{ friend.memo }}) span.name(v-if="friend.memo" :class="friend.ref.$trustClass") {{ friend.ref.displayName }} ({{ friend.memo }})
@@ -613,7 +616,7 @@ html
.x-friend-item(v-for="friend in friendsGroup1" :key="friend.id" @click="showUserDialog(friend.id)") .x-friend-item(v-for="friend in friendsGroup1" :key="friend.id" @click="showUserDialog(friend.id)")
template(v-if="friend.ref") template(v-if="friend.ref")
.avatar(:class="userStatusClass(friend.ref)") .avatar(:class="userStatusClass(friend.ref)")
img(v-if="friend.ref.userIcon" v-lazy="friend.ref.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && friend.ref.userIcon" v-lazy="friend.ref.userIcon")
img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl") img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-if="friend.memo" :class="friend.ref.$trustClass") {{ friend.ref.displayName }} ({{ friend.memo }}) span.name(v-if="friend.memo" :class="friend.ref.$trustClass") {{ friend.ref.displayName }} ({{ friend.memo }})
@@ -629,7 +632,7 @@ html
.x-friend-item(v-for="friend in friendsGroup2" :key="friend.id" @click="showUserDialog(friend.id)") .x-friend-item(v-for="friend in friendsGroup2" :key="friend.id" @click="showUserDialog(friend.id)")
template(v-if="friend.ref") template(v-if="friend.ref")
.avatar .avatar
img(v-if="friend.ref.userIcon" v-lazy="friend.ref.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && friend.ref.userIcon" v-lazy="friend.ref.userIcon")
img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl") img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-if="friend.memo" :class="friend.ref.$trustClass") {{ friend.ref.displayName }} ({{ friend.memo }}) span.name(v-if="friend.memo" :class="friend.ref.$trustClass") {{ friend.ref.displayName }} ({{ friend.memo }})
@@ -645,7 +648,7 @@ html
.x-friend-item(v-for="friend in friendsGroup3" :key="friend.id" @click="showUserDialog(friend.id)") .x-friend-item(v-for="friend in friendsGroup3" :key="friend.id" @click="showUserDialog(friend.id)")
template(v-if="friend.ref") template(v-if="friend.ref")
.avatar .avatar
img(v-if="friend.ref.userIcon" v-lazy="friend.ref.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && friend.ref.userIcon" v-lazy="friend.ref.userIcon")
img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl") img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-if="friend.memo" :class="friend.ref.$trustClass") {{ friend.ref.displayName }} ({{ friend.memo }}) span.name(v-if="friend.memo" :class="friend.ref.$trustClass") {{ friend.ref.displayName }} ({{ friend.memo }})
@@ -734,7 +737,7 @@ html
.x-friend-item(v-if="userDialog.$location.userId" @click="showUserDialog(userDialog.$location.userId)") .x-friend-item(v-if="userDialog.$location.userId" @click="showUserDialog(userDialog.$location.userId)")
template(v-if="userDialog.$location.user") template(v-if="userDialog.$location.user")
.avatar(:class="userStatusClass(userDialog.$location.user)") .avatar(:class="userStatusClass(userDialog.$location.user)")
img(v-if="userDialog.$location.user.userIcon" v-lazy="userDialog.$location.user.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && userDialog.$location.user.userIcon" v-lazy="userDialog.$location.user.userIcon")
img(v-else v-lazy="userDialog.$location.user.currentAvatarThumbnailImageUrl") img(v-else v-lazy="userDialog.$location.user.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="userDialog.$location.user.displayName" :class="userDialog.$location.user.$trustClass") span.name(v-text="userDialog.$location.user.displayName" :class="userDialog.$location.user.$trustClass")
@@ -742,7 +745,7 @@ html
span(v-else v-text="userDialog.$location.userId") span(v-else v-text="userDialog.$location.userId")
.x-friend-item(v-for="user in userDialog.users" :key="user.id" @click="showUserDialog(user.id)") .x-friend-item(v-for="user in userDialog.users" :key="user.id" @click="showUserDialog(user.id)")
.avatar(:class="userStatusClass(user)") .avatar(:class="userStatusClass(user)")
img(v-if="user.userIcon" v-lazy="user.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && user.userIcon" v-lazy="user.userIcon")
img(v-else v-lazy="user.currentAvatarThumbnailImageUrl") img(v-else v-lazy="user.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="user.displayName" :class="user.$trustClass") span.name(v-text="user.displayName" :class="user.$trustClass")
@@ -868,7 +871,7 @@ html
.x-friend-item(v-if="room.$location.userId" @click="showUserDialog(room.$location.userId)") .x-friend-item(v-if="room.$location.userId" @click="showUserDialog(room.$location.userId)")
template(v-if="room.$location.user") template(v-if="room.$location.user")
.avatar(:class="userStatusClass(room.$location.user)") .avatar(:class="userStatusClass(room.$location.user)")
img(v-if="room.$location.user.userIcon" v-lazy="room.$location.user.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && room.$location.user.userIcon" v-lazy="room.$location.user.userIcon")
img(v-else v-lazy="room.$location.user.currentAvatarThumbnailImageUrl") img(v-else v-lazy="room.$location.user.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="room.$location.user.displayName" :class="room.$location.user.$trustClass") span.name(v-text="room.$location.user.displayName" :class="room.$location.user.$trustClass")
@@ -876,7 +879,7 @@ html
span(v-else v-text="room.$location.userId") span(v-else v-text="room.$location.userId")
.x-friend-item(v-for="user in room.users" :key="user.id" @click="showUserDialog(user.id)") .x-friend-item(v-for="user in room.users" :key="user.id" @click="showUserDialog(user.id)")
.avatar(:class="userStatusClass(user)") .avatar(:class="userStatusClass(user)")
img(v-if="user.userIcon" v-lazy="user.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && user.userIcon" v-lazy="user.userIcon")
img(v-else v-lazy="user.currentAvatarThumbnailImageUrl") img(v-else v-lazy="user.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="user.displayName" :class="user.$trustClass") span.name(v-text="user.displayName" :class="user.$trustClass")
@@ -1001,7 +1004,7 @@ html
el-option-group(v-if="API.currentUser" label="ME") el-option-group(v-if="API.currentUser" label="ME")
el-option.x-friend-item(:label="API.currentUser.displayName" :value="API.currentUser.id" style="height:auto") el-option.x-friend-item(:label="API.currentUser.displayName" :value="API.currentUser.id" style="height:auto")
.avatar(:class="userStatusClass(API.currentUser)") .avatar(:class="userStatusClass(API.currentUser)")
img(v-if="API.currentUser.userIcon" v-lazy="API.currentUser.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && API.currentUser.userIcon" v-lazy="API.currentUser.userIcon")
img(v-else v-lazy="API.currentUser.currentAvatarThumbnailImageUrl") img(v-else v-lazy="API.currentUser.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="API.currentUser.displayName") span.name(v-text="API.currentUser.displayName")
@@ -1009,7 +1012,7 @@ html
el-option.x-friend-item(v-for="friend in friendsGroup0" :key="friend.id" :label="friend.name" :value="friend.id" style="height:auto") el-option.x-friend-item(v-for="friend in friendsGroup0" :key="friend.id" :label="friend.name" :value="friend.id" style="height:auto")
template(v-if="friend.ref") template(v-if="friend.ref")
.avatar(:class="userStatusClass(friend.ref)") .avatar(:class="userStatusClass(friend.ref)")
img(v-if="friend.ref.userIcon" v-lazy="friend.ref.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && friend.ref.userIcon" v-lazy="friend.ref.userIcon")
img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl") img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustClass") span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustClass")
@@ -1018,7 +1021,7 @@ html
el-option.x-friend-item(v-for="friend in friendsGroup1" :key="friend.id" :label="friend.name" :value="friend.id" style="height:auto") el-option.x-friend-item(v-for="friend in friendsGroup1" :key="friend.id" :label="friend.name" :value="friend.id" style="height:auto")
template(v-if="friend.ref") template(v-if="friend.ref")
.avatar(:class="userStatusClass(friend.ref)") .avatar(:class="userStatusClass(friend.ref)")
img(v-if="friend.ref.userIcon" v-lazy="friend.ref.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && friend.ref.userIcon" v-lazy="friend.ref.userIcon")
img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl") img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustClass") span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustClass")
@@ -1027,7 +1030,7 @@ html
el-option.x-friend-item(v-for="friend in friendsGroup2" :key="friend.id" :label="friend.name" :value="friend.id" style="height:auto") el-option.x-friend-item(v-for="friend in friendsGroup2" :key="friend.id" :label="friend.name" :value="friend.id" style="height:auto")
template(v-if="friend.ref") template(v-if="friend.ref")
.avatar .avatar
img(v-if="friend.ref.userIcon" v-lazy="friend.ref.userIcon") img(v-if="displayVRCPlusIconsAsAvatar && friend.ref.userIcon" v-lazy="friend.ref.userIcon")
img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl") img(v-else v-lazy="friend.ref.currentAvatarThumbnailImageUrl")
.detail .detail
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustClass") span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustClass")