mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-05-02 13:06:08 +02:00
replace remixicon
This commit is contained in:
pa
Natsumi
+83
-53
@@ -15,7 +15,7 @@
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
<i v-if="feed.isTraveling" class="ri-loader-line is-loading ml-5"></i>
|
||||
<Loader2 v-if="feed.isTraveling" class="is-loading ml-5 h-4 w-4" />
|
||||
<VrLocation
|
||||
:location="feed.location"
|
||||
:hint="feed.worldName"
|
||||
@@ -33,7 +33,7 @@
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
<i class="ri-close-line" style="font-size: 21px"></i>
|
||||
<X class="h-5 w-5" />
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -45,9 +45,9 @@
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
<i class="ri-check-line" style="font-size: 21px"></i>
|
||||
<Check class="h-5 w-5" />
|
||||
<template v-if="feed.worldName">
|
||||
<i v-if="feed.isTraveling" class="ri-loader-line is-loading ml-5"></i>
|
||||
<Loader2 v-if="feed.isTraveling" class="is-loading ml-5 h-4 w-4" />
|
||||
<VrLocation
|
||||
:location="feed.location"
|
||||
:hint="feed.worldName"
|
||||
@@ -68,7 +68,7 @@
|
||||
<span class="name" v-text="feed.displayName" style="margin-right: 5px"></span>
|
||||
<template v-if="feed.statusDescription === feed.previousStatusDescription">
|
||||
<i class="x-user-status" :class="statusClass(feed.previousStatus)"></i>
|
||||
<i class="ri-arrow-right-line"></i>
|
||||
<ArrowRight class="mx-1 h-4 w-4 inline-block" />
|
||||
<i class="x-user-status" :class="statusClass(feed.status)"></i>
|
||||
</template>
|
||||
<template v-else>
|
||||
@@ -85,7 +85,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-play-large-line mr-5"></i>
|
||||
<Play class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
class="name"
|
||||
v-text="feed.displayName"
|
||||
@@ -100,7 +100,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-play-reverse-large-line mr-5"></i>
|
||||
<Play class="mr-5 h-5 w-5 rotate-180" />
|
||||
<span
|
||||
class="name"
|
||||
v-text="feed.displayName"
|
||||
@@ -115,8 +115,8 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-play-large-line"></i>
|
||||
<i class="ri-loader-line is-loading mr-5"></i>
|
||||
<Play class="h-5 w-5" />
|
||||
<Loader2 class="is-loading mr-5 h-4 w-4" />
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -143,7 +143,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-youtube-line mr-5"></i>
|
||||
<Youtube class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
v-if="feed.displayName"
|
||||
class="name"
|
||||
@@ -166,7 +166,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-mail-send-line mr-5"></i>
|
||||
<Send class="mr-5 h-5 w-5" />
|
||||
<span class="name mr-5" v-text="feed.senderUsername"></span>
|
||||
<VrLocation
|
||||
:location="feed.details.worldId"
|
||||
@@ -183,7 +183,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-mail-send-line mr-5"></i>
|
||||
<Send class="mr-5 h-5 w-5" />
|
||||
<span class="name mr-5" v-text="feed.senderUsername"></span>
|
||||
<span v-text="feed.details.requestMessage"></span>
|
||||
</span>
|
||||
@@ -196,7 +196,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-mail-send-line mr-5"></i>
|
||||
<Send class="mr-5 h-5 w-5" />
|
||||
<span class="name mr-5" v-text="feed.senderUsername"></span>
|
||||
<span v-text="feed.details.responseMessage"></span>
|
||||
</span>
|
||||
@@ -209,7 +209,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-mail-send-line mr-5"></i>
|
||||
<Send class="mr-5 h-5 w-5" />
|
||||
<span class="name mr-5" v-text="feed.senderUsername"></span>
|
||||
<span v-text="feed.details.responseMessage"></span>
|
||||
</span>
|
||||
@@ -222,7 +222,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-heart-add-line mr-5"></i>
|
||||
<HeartPlus class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.senderUsername"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -234,7 +234,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-hearts-line mr-5"></i>
|
||||
<Heart class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -246,7 +246,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-dislike-line mr-5"></i>
|
||||
<ThumbsDown class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -258,9 +258,9 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-file-edit-fill mr-5"></i>
|
||||
<Pencil class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.previousDisplayName"></span>
|
||||
<i class="ri-arrow-right-fill mr-5"></i>
|
||||
<ArrowRight class="mr-5 h-4 w-4 inline-block" />
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -272,9 +272,10 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</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>
|
||||
<GraduationCap class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
{{ feed.previousTrustLevel }}
|
||||
<ArrowRight class="mx-1 inline-block h-4 w-4" />
|
||||
{{ feed.trustLevel }}
|
||||
</span>
|
||||
</div>
|
||||
@@ -286,7 +287,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-hand-heart-fill mr-5"></i>
|
||||
<HeartHandshake class="mr-5 h-5 w-5" />
|
||||
<span class="name mr-5" v-text="feed.senderUsername"></span>
|
||||
<span v-text="feed.message"></span>
|
||||
</span>
|
||||
@@ -299,7 +300,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-price-tag-3-line mr-5"></i>
|
||||
<Tag class="mr-5 h-5 w-5" />
|
||||
<span class="name mr-5" v-text="feed.senderUsername"></span>
|
||||
<span v-text="feed.message"></span>
|
||||
</span>
|
||||
@@ -312,7 +313,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-megaphone-line mr-5"></i>
|
||||
<Megaphone class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.message"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -324,7 +325,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-megaphone-line mr-5"></i>
|
||||
<Megaphone class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.message"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -336,7 +337,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-price-tag-3-line mr-5"></i>
|
||||
<Tag class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.message"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -348,7 +349,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-price-tag-3-line mr-5"></i>
|
||||
<Tag class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.message"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -360,7 +361,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-price-tag-3-line mr-5"></i>
|
||||
<Tag class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.message"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -372,7 +373,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-mail-send-line mr-5"></i>
|
||||
<Send class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.message"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -384,7 +385,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-close-circle-line mr-5"></i>
|
||||
<XCircle class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.message"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -397,7 +398,7 @@
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<template v-if="feed.displayName">
|
||||
<i class="ri-bard-line mr-5"></i>
|
||||
<Music class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
class="name mr-5"
|
||||
v-text="feed.displayName"
|
||||
@@ -407,8 +408,8 @@
|
||||
:hint="feed.worldName"
|
||||
:grouphint="feed.groupName"></VrLocation>
|
||||
</template>
|
||||
<template v-else
|
||||
><i class="ri-bard-line"></i> User has spawned a portal
|
||||
<template v-else>
|
||||
<Music class="mr-1 h-5 w-5 inline-block" /> User has spawned a portal
|
||||
</template>
|
||||
</span>
|
||||
</div>
|
||||
@@ -420,7 +421,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-walk-line mr-5"></i>
|
||||
<Footprints class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
class="name mr-5"
|
||||
v-text="feed.displayName"
|
||||
@@ -445,7 +446,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-chat-1-fill mr-5"></i>
|
||||
<MessageSquare class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
class="name"
|
||||
v-text="feed.displayName"
|
||||
@@ -458,7 +459,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-alert-line mr-5"></i>
|
||||
<AlertTriangle class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.data"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -467,7 +468,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-information-line mr-5"></i>
|
||||
<Info class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
class="name mr-5"
|
||||
v-text="feed.displayName"
|
||||
@@ -483,7 +484,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-play-large-line"></i><i class="ri-prohibited-line mr-5"></i>
|
||||
<Play class="mr-1 h-5 w-5 inline-block" /><Ban class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -495,8 +496,8 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-play-reverse-large-line"></i
|
||||
><i class="ri-prohibited-line mr-5"></i>
|
||||
<Play class="mr-1 inline-block h-5 w-5 rotate-180" /><Ban
|
||||
class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -508,7 +509,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-play-large-line"></i><i class="ri-volume-mute-line mr-5"></i>
|
||||
<Play class="mr-1 h-5 w-5 inline-block" /><VolumeX class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -520,8 +521,8 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-play-reverse-large-line"></i
|
||||
><i class="ri-volume-mute-line mr-5"></i>
|
||||
<Play class="mr-1 inline-block h-5 w-5 rotate-180" /><VolumeX
|
||||
class="mr-5 h-5 w-5" />
|
||||
<span class="name" v-text="feed.displayName"></span>
|
||||
</span>
|
||||
</div>
|
||||
@@ -533,7 +534,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-prohibited-line mr-5"></i>
|
||||
<Ban class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
class="name"
|
||||
v-text="feed.displayName"
|
||||
@@ -548,7 +549,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-checkbox-blank-circle-line mr-5"></i>
|
||||
<Circle class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
class="name"
|
||||
v-text="feed.displayName"
|
||||
@@ -563,7 +564,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-volume-mute-line mr-5"></i>
|
||||
<VolumeX class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
class="name"
|
||||
v-text="feed.displayName"
|
||||
@@ -578,7 +579,7 @@
|
||||
<div class="detail">
|
||||
<span class="extra">
|
||||
<span class="time">{{ formatDate(feed.created_at) }}</span>
|
||||
<i class="ri-volume-up-line mr-5"></i>
|
||||
<Volume2 class="mr-5 h-5 w-5" />
|
||||
<span
|
||||
class="name"
|
||||
v-text="feed.displayName"
|
||||
@@ -640,7 +641,9 @@
|
||||
<span style="margin-left: 5px; margin-right: 5px">has logged in</span>
|
||||
<template v-if="feed.worldName">
|
||||
to
|
||||
<i v-if="feed.isTraveling" class="ri-loader-line is-loading ml-5"></i>
|
||||
<Loader2
|
||||
v-if="feed.isTraveling"
|
||||
class="is-loading ml-5 inline-block h-4 w-4" />
|
||||
<VrLocation
|
||||
:location="feed.location"
|
||||
:hint="feed.worldName"
|
||||
@@ -660,7 +663,7 @@
|
||||
<span class="name" v-text="feed.displayName" style="margin-right: 5px"></span>
|
||||
<template v-if="feed.statusDescription === feed.previousStatusDescription">
|
||||
<i class="x-user-status" :class="statusClass(feed.previousStatus)"></i>
|
||||
<i class="ri-arrow-right-line"></i>
|
||||
<ArrowRight class="mx-1 inline-block h-4 w-4" />
|
||||
<i class="x-user-status" :class="statusClass(feed.status)"></i>
|
||||
</template>
|
||||
<template v-else>
|
||||
@@ -1301,7 +1304,7 @@
|
||||
<template v-if="feed.type === 'ChangeAvatar'">
|
||||
<span style="margin-left: 10px; color: #a3a3a3">ChangeAvatar</span>
|
||||
<span v-if="!feed.inCache" style="color: #aaa; margin-left: 10px"
|
||||
><i class="ri-download-line is-loading"></i>
|
||||
><Loader2 class="is-loading inline-block h-4 w-4" />
|
||||
</span>
|
||||
<span v-text="feed.avatar.name" style="margin-left: 10px"></span>
|
||||
<span
|
||||
@@ -1323,7 +1326,7 @@
|
||||
:class="statusClass(feed.previousStatus)"
|
||||
style="margin-left: 10px; width: 20px; height: 20px"></i>
|
||||
<span>
|
||||
<i class="ri-arrow-right-line"></i>
|
||||
<ArrowRight class="mx-1 inline-block h-4 w-4" />
|
||||
</span>
|
||||
<i
|
||||
class="x-user-status"
|
||||
@@ -1365,7 +1368,7 @@
|
||||
>iOS</span
|
||||
>
|
||||
<span v-if="!feed.inCache" style="color: #aaa; margin-left: 10px"
|
||||
><i class="ri-download-line"></i>
|
||||
><Download class="inline-block h-4 w-4" />
|
||||
</span>
|
||||
<span v-text="feed.avatar.name" style="margin-left: 10px"></span>
|
||||
</template>
|
||||
@@ -1408,6 +1411,33 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
AlertTriangle,
|
||||
ArrowRight,
|
||||
Ban,
|
||||
Check,
|
||||
Circle,
|
||||
Download,
|
||||
Footprints,
|
||||
GraduationCap,
|
||||
Heart,
|
||||
HeartHandshake,
|
||||
HeartPlus,
|
||||
Info,
|
||||
Loader2,
|
||||
Megaphone,
|
||||
MessageSquare,
|
||||
Music,
|
||||
Pencil,
|
||||
Play,
|
||||
Send,
|
||||
ThumbsDown,
|
||||
VolumeX,
|
||||
Volume2,
|
||||
X,
|
||||
XCircle,
|
||||
Youtube
|
||||
} from 'lucide-vue-next';
|
||||
import { nextTick, onBeforeUnmount, onMounted, reactive, toRefs } from 'vue';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
|
||||
@@ -9,12 +9,13 @@
|
||||
style="display: inline-block; margin-bottom: 2px; margin-left: 5px">
|
||||
</span>
|
||||
|
||||
<i v-if="strict" style="display: inline-block; margin-left: 5px" class="ri-lock-line"></i>
|
||||
<Lock v-if="strict" class="h-4 w-4" style="display: inline-block; margin-left: 5px" />
|
||||
</span>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, ref, watch } from 'vue';
|
||||
import { Lock } from 'lucide-vue-next';
|
||||
|
||||
import { parseLocation } from '../../shared/utils/location';
|
||||
|
||||
|
||||
Reference in New Issue
Block a user