mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-23 08:43:50 +02:00
Instance names in VR wrist feed, replace emojis
This commit is contained in:
@@ -32,7 +32,7 @@ function changeAppThemeStyle(themeMode) {
|
|||||||
const themeConfig = THEME_CONFIG[themeMode];
|
const themeConfig = THEME_CONFIG[themeMode];
|
||||||
if (!themeConfig) {
|
if (!themeConfig) {
|
||||||
console.error('Invalid theme mode:', themeMode);
|
console.error('Invalid theme mode:', themeMode);
|
||||||
themeMode = 'light';
|
themeMode = systemIsDarkMode() ? 'dark' : 'light';
|
||||||
}
|
}
|
||||||
|
|
||||||
let filePathPrefix = 'file://vrcx/';
|
let filePathPrefix = 'file://vrcx/';
|
||||||
|
|||||||
@@ -17,7 +17,8 @@ import {
|
|||||||
getWorldName,
|
getWorldName,
|
||||||
hasGroupPermission,
|
hasGroupPermission,
|
||||||
isRealInstance,
|
isRealInstance,
|
||||||
parseLocation
|
parseLocation,
|
||||||
|
replaceBioSymbols
|
||||||
} from '../shared/utils';
|
} from '../shared/utils';
|
||||||
import { useFriendStore } from './friend';
|
import { useFriendStore } from './friend';
|
||||||
import { useGroupStore } from './group';
|
import { useGroupStore } from './group';
|
||||||
@@ -390,6 +391,9 @@ export const useInstanceStore = defineStore('Instance', () => {
|
|||||||
ref.$disabledContentSettings.push(setting);
|
ref.$disabledContentSettings.push(setting);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (ref.displayName) {
|
||||||
|
ref.displayName = replaceBioSymbols(ref.displayName);
|
||||||
|
}
|
||||||
if (
|
if (
|
||||||
userStore.userDialog.visible &&
|
userStore.userDialog.visible &&
|
||||||
userStore.userDialog.ref.$location.tag === ref.id
|
userStore.userDialog.ref.$location.tag === ref.id
|
||||||
|
|||||||
@@ -216,6 +216,26 @@ export const useSharedFeedStore = defineStore('SharedFeed', () => {
|
|||||||
return 0;
|
return 0;
|
||||||
});
|
});
|
||||||
wristFeed.splice(16);
|
wristFeed.splice(16);
|
||||||
|
// temp fix, tack on instance names in the worst way possible
|
||||||
|
for (let feedEntry of wristFeed) {
|
||||||
|
if (feedEntry.location) {
|
||||||
|
const instanceRef = instanceStore.cachedInstances.get(
|
||||||
|
feedEntry.location
|
||||||
|
);
|
||||||
|
if (instanceRef?.displayName) {
|
||||||
|
feedEntry.instanceDisplayName = instanceRef.displayName;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// invites
|
||||||
|
if (feedEntry.details?.worldId) {
|
||||||
|
const instanceRef = instanceStore.cachedInstances.get(
|
||||||
|
feedEntry.details.worldId
|
||||||
|
);
|
||||||
|
if (instanceRef?.displayName) {
|
||||||
|
feedEntry.instanceDisplayName = instanceRef.displayName;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
AppApi.ExecuteVrFeedFunction(
|
AppApi.ExecuteVrFeedFunction(
|
||||||
'wristFeedUpdate',
|
'wristFeedUpdate',
|
||||||
JSON.stringify(wristFeed)
|
JSON.stringify(wristFeed)
|
||||||
|
|||||||
132
src/vr/Vr.vue
132
src/vr/Vr.vue
@@ -23,6 +23,7 @@
|
|||||||
:location="feed.location"
|
:location="feed.location"
|
||||||
:hint="feed.worldName"
|
:hint="feed.worldName"
|
||||||
:grouphint="feed.groupName"
|
:grouphint="feed.groupName"
|
||||||
|
:instancedisplayname="feed.instanceDisplayName"
|
||||||
style="margin-left: 5px"></VrLocation>
|
style="margin-left: 5px"></VrLocation>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -54,6 +55,7 @@
|
|||||||
:location="feed.location"
|
:location="feed.location"
|
||||||
:hint="feed.worldName"
|
:hint="feed.worldName"
|
||||||
:grouphint="feed.groupName"
|
:grouphint="feed.groupName"
|
||||||
|
:instancedisplayname="feed.instanceDisplayName"
|
||||||
style="margin-left: 5px"></VrLocation>
|
style="margin-left: 5px"></VrLocation>
|
||||||
</template>
|
</template>
|
||||||
</span>
|
</span>
|
||||||
@@ -86,7 +88,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
▶️
|
<i class="ri-play-large-line"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -101,7 +103,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
◀️
|
<i class="ri-play-reverse-large-line"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -116,8 +118,9 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
<span class="spin">▶️</span>
|
<i class="ri-play-large-line"></i>
|
||||||
<span class="name" v-text="feed.displayName" style="margin-left: 30px"></span>
|
<i class="ri-loader-line is-loading mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.displayName"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -131,7 +134,8 @@
|
|||||||
<VrLocation
|
<VrLocation
|
||||||
:location="feed.location"
|
:location="feed.location"
|
||||||
:hint="feed.worldName"
|
:hint="feed.worldName"
|
||||||
:grouphint="feed.groupName"></VrLocation>
|
:grouphint="feed.groupName"
|
||||||
|
:instancedisplayname="feed.instanceDisplayName"></VrLocation>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -142,7 +146,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🎵
|
<i class="ri-youtube-line mr-5"></i>
|
||||||
<span
|
<span
|
||||||
v-if="feed.displayName"
|
v-if="feed.displayName"
|
||||||
class="name"
|
class="name"
|
||||||
@@ -165,10 +169,12 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
📨 <span class="name" v-text="feed.senderUsername"></span>
|
<i class="ri-mail-send-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.senderUsername"></span>
|
||||||
<VrLocation
|
<VrLocation
|
||||||
:location="feed.details.worldId"
|
:location="feed.details.worldId"
|
||||||
:hint="feed.details.worldName"></VrLocation>
|
:hint="feed.details.worldName"
|
||||||
|
:instancedisplayname="feed.instanceDisplayName"></VrLocation>
|
||||||
<span v-text="feed.details.inviteMessage"></span>
|
<span v-text="feed.details.inviteMessage"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -180,7 +186,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
📩 <span class="name" v-text="feed.senderUsername"></span>
|
<i class="ri-mail-send-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.senderUsername"></span>
|
||||||
<span v-text="feed.details.requestMessage"></span>
|
<span v-text="feed.details.requestMessage"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -192,7 +199,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
💬 <span class="name" v-text="feed.senderUsername"></span>
|
<i class="ri-mail-send-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.senderUsername"></span>
|
||||||
<span v-text="feed.details.responseMessage"></span>
|
<span v-text="feed.details.responseMessage"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -204,7 +212,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
💬 <span class="name" v-text="feed.senderUsername"></span>
|
<i class="ri-mail-send-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.senderUsername"></span>
|
||||||
<span v-text="feed.details.responseMessage"></span>
|
<span v-text="feed.details.responseMessage"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -216,7 +225,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
💚 <span class="name" v-text="feed.senderUsername"></span>
|
<i class="ri-heart-add-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.senderUsername"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -227,7 +237,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
💖 <span class="name" v-text="feed.displayName"></span>
|
<i class="ri-hearts-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.displayName"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -238,7 +249,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
💔 <span class="name" v-text="feed.displayName"></span>
|
<i class="ri-dislike-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.displayName"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -249,8 +261,9 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
📃 <span class="name" v-text="feed.previousDisplayName"></span>
|
<i class="ri-file-edit-fill mr-5"></i>
|
||||||
<i class="ri-arrow-right-fill"></i>
|
<span class="name" v-text="feed.previousDisplayName"></span>
|
||||||
|
<i class="ri-arrow-right-fill mr-5"></i>
|
||||||
<span class="name" v-text="feed.displayName"></span>
|
<span class="name" v-text="feed.displayName"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -262,13 +275,14 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🤝 <span class="name" v-text="feed.displayName"></span>
|
<i class="ri-graduation-cap-line mr-5"></i
|
||||||
|
><span class="name" v-text="feed.displayName"></span>
|
||||||
{{ feed.previousTrustLevel }} <i class="ri-arrow-right-fill"></i>
|
{{ feed.previousTrustLevel }} <i class="ri-arrow-right-fill"></i>
|
||||||
{{ feed.trustLevel }}
|
{{ feed.trustLevel }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<!-- <div
|
||||||
v-else-if="feed.type === 'boop'"
|
v-else-if="feed.type === 'boop'"
|
||||||
class="x-friend-item"
|
class="x-friend-item"
|
||||||
:class="{ friend: feed.isFriend, favorite: feed.isFavorite }">
|
:class="{ friend: feed.isFriend, favorite: feed.isFavorite }">
|
||||||
@@ -279,7 +293,7 @@
|
|||||||
<span v-text="feed.message"></span>
|
<span v-text="feed.message"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
<div
|
<div
|
||||||
v-else-if="feed.type === 'groupChange'"
|
v-else-if="feed.type === 'groupChange'"
|
||||||
class="x-friend-item"
|
class="x-friend-item"
|
||||||
@@ -287,7 +301,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🏷️ <span class="name" v-text="feed.senderUsername"></span>
|
<i class="ri-price-tag-3-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.senderUsername"></span>
|
||||||
<span v-text="feed.message"></span>
|
<span v-text="feed.message"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -299,7 +314,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🏷️ <span class="name" v-text="feed.message"></span>
|
<i class="ri-megaphone-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.message"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -310,7 +326,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🏷️ <span class="name" v-text="feed.message"></span>
|
<i class="ri-megaphone-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.message"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -321,7 +338,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🏷️ <span class="name" v-text="feed.message"></span>
|
<i class="ri-price-tag-3-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.message"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -332,7 +350,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🏷️ <span class="name" v-text="feed.message"></span>
|
<i class="ri-price-tag-3-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.message"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -343,7 +362,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🏷️ <span class="name" v-text="feed.message"></span>
|
<i class="ri-price-tag-3-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.message"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -354,7 +374,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
📨 <span class="name" v-text="feed.message"></span>
|
<i class="ri-mail-send-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.message"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,7 +386,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
📫 <span class="name" v-text="feed.message"></span>
|
<i class="ri-close-circle-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.message"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -377,7 +399,7 @@
|
|||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
<template v-if="feed.displayName">
|
<template v-if="feed.displayName">
|
||||||
✨
|
<i class="ri-bard-line mr-5"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -388,7 +410,9 @@
|
|||||||
:hint="feed.worldName"
|
:hint="feed.worldName"
|
||||||
:grouphint="feed.groupName"></VrLocation>
|
:grouphint="feed.groupName"></VrLocation>
|
||||||
</template>
|
</template>
|
||||||
<template v-else> ✨ User has spawned a portal </template>
|
<template v-else
|
||||||
|
><i class="ri-bard-line"></i> User has spawned a portal
|
||||||
|
</template>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -399,7 +423,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🧍
|
<i class="ri-walk-line mr-5"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -425,7 +449,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
💬
|
<i class="ri-chat-1-fill mr-5"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -438,7 +462,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🛑 <span class="name" v-text="feed.data"></span>
|
<i class="ri-alert-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.data"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -446,7 +471,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🟠
|
<i class="ri-information-line mr-5"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -462,7 +487,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
▶️ 🚫 <span class="name" v-text="feed.displayName"></span>
|
<i class="ri-play-large-line"></i><i class="ri-prohibited-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.displayName"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -473,7 +499,9 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
◀️ 🚫 <span class="name" v-text="feed.displayName"></span>
|
<i class="ri-play-reverse-large-line"></i
|
||||||
|
><i class="ri-prohibited-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.displayName"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -484,7 +512,8 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
▶️ 🔇 <span class="name" v-text="feed.displayName"></span>
|
<i class="ri-play-large-line"></i><i class="ri-volume-mute-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.displayName"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -495,7 +524,9 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
◀️ 🔇 <span class="name" v-text="feed.displayName"></span>
|
<i class="ri-play-reverse-large-line"></i
|
||||||
|
><i class="ri-volume-mute-line mr-5"></i>
|
||||||
|
<span class="name" v-text="feed.displayName"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -506,7 +537,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🚫
|
<i class="ri-prohibited-line mr-5"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -521,7 +552,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
⭕
|
<i class="ri-checkbox-blank-circle-line mr-5"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -536,7 +567,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🔇
|
<i class="ri-volume-mute-line mr-5"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -551,7 +582,7 @@
|
|||||||
<div class="detail">
|
<div class="detail">
|
||||||
<span class="extra">
|
<span class="extra">
|
||||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||||
🎤
|
<i class="ri-volume-up-line mr-5"></i>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
v-text="feed.displayName"
|
v-text="feed.displayName"
|
||||||
@@ -577,14 +608,16 @@
|
|||||||
<VrLocation
|
<VrLocation
|
||||||
:location="feed.location"
|
:location="feed.location"
|
||||||
:hint="feed.worldName"
|
:hint="feed.worldName"
|
||||||
:grouphint="feed.groupName"></VrLocation>
|
:grouphint="feed.groupName"
|
||||||
|
:instancedisplayname="feed.instanceDisplayName"></VrLocation>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<span class="name" v-text="feed.displayName"></span> is in
|
<span class="name" v-text="feed.displayName"></span> is in
|
||||||
<VrLocation
|
<VrLocation
|
||||||
:location="feed.location"
|
:location="feed.location"
|
||||||
:hint="feed.worldName"
|
:hint="feed.worldName"
|
||||||
:grouphint="feed.groupName"></VrLocation>
|
:grouphint="feed.groupName"
|
||||||
|
:instancedisplayname="feed.instanceDisplayName"></VrLocation>
|
||||||
</template>
|
</template>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -615,7 +648,8 @@
|
|||||||
<VrLocation
|
<VrLocation
|
||||||
:location="feed.location"
|
:location="feed.location"
|
||||||
:hint="feed.worldName"
|
:hint="feed.worldName"
|
||||||
:grouphint="feed.groupName"></VrLocation>
|
:grouphint="feed.groupName"
|
||||||
|
:instancedisplayname="feed.instanceDisplayName"></VrLocation>
|
||||||
</template>
|
</template>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -691,7 +725,8 @@
|
|||||||
<VrLocation
|
<VrLocation
|
||||||
:location="feed.location"
|
:location="feed.location"
|
||||||
:hint="feed.worldName"
|
:hint="feed.worldName"
|
||||||
:grouphint="feed.groupName"></VrLocation>
|
:grouphint="feed.groupName"
|
||||||
|
:instancedisplayname="feed.instanceDisplayName"></VrLocation>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -726,7 +761,8 @@
|
|||||||
<span class="name" v-text="feed.senderUsername"></span> has invited you to
|
<span class="name" v-text="feed.senderUsername"></span> has invited you to
|
||||||
<VrLocation
|
<VrLocation
|
||||||
:location="feed.details.worldId"
|
:location="feed.details.worldId"
|
||||||
:hint="feed.details.worldName"></VrLocation>
|
:hint="feed.details.worldName"
|
||||||
|
:instancedisplayname="feed.instanceDisplayName"></VrLocation>
|
||||||
<span v-text="feed.details.inviteMessage"></span>
|
<span v-text="feed.details.inviteMessage"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -2023,4 +2059,8 @@
|
|||||||
.ml-5 {
|
.ml-5 {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mr-5 {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -26,6 +26,10 @@
|
|||||||
grouphint: {
|
grouphint: {
|
||||||
type: String,
|
type: String,
|
||||||
default: ''
|
default: ''
|
||||||
|
},
|
||||||
|
instancedisplayname: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -38,6 +42,11 @@
|
|||||||
text.value = props.location;
|
text.value = props.location;
|
||||||
const L = parseLocation(props.location);
|
const L = parseLocation(props.location);
|
||||||
|
|
||||||
|
let instanceName = L.instanceName;
|
||||||
|
if (props.instancedisplayname) {
|
||||||
|
instanceName = props.instancedisplayname;
|
||||||
|
}
|
||||||
|
|
||||||
if (L.isOffline) {
|
if (L.isOffline) {
|
||||||
text.value = 'Offline';
|
text.value = 'Offline';
|
||||||
} else if (L.isPrivate) {
|
} else if (L.isPrivate) {
|
||||||
@@ -46,13 +55,13 @@
|
|||||||
text.value = 'Traveling';
|
text.value = 'Traveling';
|
||||||
} else if (typeof props.hint === 'string' && props.hint !== '') {
|
} else if (typeof props.hint === 'string' && props.hint !== '') {
|
||||||
if (L.instanceId) {
|
if (L.instanceId) {
|
||||||
text.value = `${props.hint} #${L.instanceName} ${L.accessTypeName}`;
|
text.value = `${props.hint} #${instanceName} ${L.accessTypeName}`;
|
||||||
} else {
|
} else {
|
||||||
text.value = props.hint;
|
text.value = props.hint;
|
||||||
}
|
}
|
||||||
} else if (L.worldId) {
|
} else if (L.worldId) {
|
||||||
if (L.instanceId) {
|
if (L.instanceId) {
|
||||||
text.value = ` #${L.instanceName} ${L.accessTypeName}`;
|
text.value = ` #${instanceName} ${L.accessTypeName}`;
|
||||||
} else {
|
} else {
|
||||||
text.value = props.location;
|
text.value = props.location;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user