mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-13 20:03:51 +02:00
3136 lines
266 KiB
Plaintext
3136 lines
266 KiB
Plaintext
doctype html
|
||
html
|
||
head
|
||
meta(http-equiv="Content-Type" content="text/html;charset=utf-8")
|
||
meta(http-equiv="Cache-Control" content="no-cache")
|
||
meta(http-equiv="referrer" content="no-referrer")
|
||
meta(http-equiv="viewport" content="width=device-width,initial-scale=1,user-scalable=no")
|
||
title VRCX
|
||
link(rel="dns-prefetch" href="https://fonts.gstatic.com")
|
||
link(rel="preconnect" href="https://api.vrchat.cloud")
|
||
link(rel="preconnect" href="https://d348imysud55la.cloudfront.net")
|
||
link(rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Sans+KR&display=swap")
|
||
link(rel="stylesheet" href="app.css")
|
||
body
|
||
.x-app#x-app(style="display:none")
|
||
//- login
|
||
.x-login-container(v-show="!API.isLoggedIn")
|
||
div(style="width:300px;margin:auto" v-loading="loginForm.loading")
|
||
div(style="margin:15px" v-if="Object.keys(loginForm.savedCredentials).length !== 0")
|
||
h2(style="font-weight:bold;text-align:center;margin:0") Saved Accounts
|
||
.x-friend-list(style="margin-top:10px")
|
||
.x-friend-item(v-for="user in loginForm.savedCredentials" :key="user.user.id")
|
||
.x-friend-item(@click="relogin(user)" style="width:202px;padding:0")
|
||
.avatar
|
||
img(v-lazy="userImage(user.user)")
|
||
.detail
|
||
span.name(v-text="user.user.displayName")
|
||
span.extra(v-text="user.user.username")
|
||
span.extra(v-text="user.loginParmas.endpoint")
|
||
el-button(type="default" @click="deleteSavedLogin(user.user.username)" size="mini" icon="el-icon-delete" circle)
|
||
div(style="margin:15px")
|
||
h2(style="font-weight:bold;text-align:center;margin:0") Login
|
||
el-form(ref="loginForm" :model="loginForm" :rules="loginForm.rules" @submit.native.prevent="login()")
|
||
el-form-item(label="Username or Email" prop="username" required)
|
||
el-input(v-model="loginForm.username" name="username" placeholder="Username or Email" clearable)
|
||
el-form-item(label="Password" prop="password" required style="margin-top:10px")
|
||
el-input(type="password" v-model="loginForm.password" name="password" placeholder="Password" clearable show-password)
|
||
el-form-item(v-if="enableCustomEndpoint" label="Endpont" prop="endpoint" style="margin-top:10px")
|
||
el-input(v-model="loginForm.endpoint" name="endpoint" placeholder="Endpoint URL" clearable)
|
||
el-form-item(v-if="enableCustomEndpoint" label="WebSocket" prop="endpoint" style="margin-top:10px")
|
||
el-input(v-model="loginForm.websocket" name="websocket" placeholder="WebSocket URL" clearable)
|
||
el-checkbox(v-model="loginForm.saveCredentials" style="margin-top:15px") Save Credentials
|
||
el-form-item(style="margin-top:15px")
|
||
el-button(native-type="submit" type="primary" :loading="loginForm.loading" style="width:100%") Login
|
||
el-form-item
|
||
el-button(:loading="loginForm.loading" style="width:100%" @click="loginWithSteam()") Login with Steam
|
||
div(style="text-align:center;font-size:12px")
|
||
p © 2019-2021 #[a(href="https://github.com/pypy-vrc" target="_blank") pypy] (mina#5656)
|
||
p VRCX is an assistant application for provide information about manage friendship. this application uses unofficial VRChat API (VRCSDK).
|
||
p VRCX isn't endorsed by VRChat and doesn't reflect the views or opinions of VRChat or anyone officially involved in producing or managing VRChat. VRChat is trademark of VRChat Inc. VRChat © VRChat Inc.
|
||
p pypy is not responsible for any problems caused by VRCX. Use at your own risk!
|
||
|
||
//- menu
|
||
.x-menu-container
|
||
//- download progress
|
||
div(v-if="downloadInProgress" @click="showDownloadDialog" style="margin:7px;height:50px;cursor:pointer")
|
||
el-progress(type="circle" width="50" stroke-width="3" :percentage="downloadProgress" :format="downloadProgressText")
|
||
|
||
el-menu(ref="menu" collapse @select="selectMenu")
|
||
mixin menuitem(index, name, icon)
|
||
el-menu-item(index=index)
|
||
i(class=icon)
|
||
template(#title)
|
||
span= name
|
||
+menuitem('feed', 'Feed', 'el-icon-news')
|
||
+menuitem('gameLog', 'Game Log', 'el-icon-s-data')
|
||
+menuitem('playerList', 'Player List', 'el-icon-tickets')
|
||
+menuitem('search', 'Search', 'el-icon-search')
|
||
+menuitem('favorite', 'Favorite', 'el-icon-star-off')
|
||
+menuitem('friendLog', 'Friend Log', 'el-icon-notebook-2')
|
||
+menuitem('moderation', 'Moderation', 'el-icon-finished')
|
||
+menuitem('notification', 'Notification', 'el-icon-bell')
|
||
+menuitem('friendsList', 'Friends List', 'el-icon-s-management')
|
||
+menuitem('profile', 'Profile', 'el-icon-user')
|
||
+menuitem('settings', 'Settings', 'el-icon-s-tools')
|
||
|
||
//- playerList
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'playerList'")
|
||
div(style="display:flex;flex-direction:column;height:100%")
|
||
div(v-if="currentInstanceWorld.id" style="display:flex")
|
||
el-popover(placement="right" width="500px" trigger="click" style="height:120px")
|
||
img.x-link(slot="reference" v-lazy="currentInstanceWorld.thumbnailImageUrl" style="flex:none;width:160px;height:120px;border-radius:4px")
|
||
img.x-link(v-lazy="currentInstanceWorld.imageUrl" style="width:500px;height:375px" @click="openExternalLink(currentInstanceWorld.imageUrl)")
|
||
div(style="margin-left:10px;display:flex;flex-direction:column;min-width:320px;width:100%")
|
||
div
|
||
span.x-link(@click="showWorldDialog(currentInstanceWorld.id)" style="font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1")
|
||
| #[i.el-icon-s-home(v-show="API.currentUser.$homeLocation && API.currentUser.$homeLocation.worldId === currentInstanceWorld.id" style="margin-right:5px")] {{ currentInstanceWorld.name }}
|
||
div
|
||
span.x-link(v-text="currentInstanceWorld.authorName" @click="showUserDialog(currentInstanceWorld.authorId)" style="color:#909399;font-family:monospace")
|
||
div(style="margin-top:5px")
|
||
el-tag(v-if="currentInstanceWorld.$isLabs" type="primary" effect="plain" size="mini" style="margin-right:5px") Labs
|
||
el-tag(v-else-if="currentInstanceWorld.releaseStatus === 'public'" type="success" effect="plain" size="mini" style="margin-right:5px") Public
|
||
el-tag(v-else-if="currentInstanceWorld.releaseStatus === 'private'" type="danger" effect="plain" size="mini" style="margin-right:5px") Private
|
||
el-tag.x-tag-platform-pc(v-if="currentInstanceWorld.$isPC" type="info" effect="plain" size="mini" style="margin-right:5px") PC
|
||
el-tag.x-tag-platform-quest(v-if="currentInstanceWorld.$isQuest" type="info" effect="plain" size="mini" style="margin-right:5px") Quest
|
||
span.x-link(@click="showLaunchDialog(lastLocation.location)")
|
||
span \#{{ currentInstanceLocation.instanceName }} {{ currentInstanceLocation.accessType }}
|
||
span.famfamfam-flags(v-if="currentInstanceLocation.region === 'eu'" class="europeanunion" style="display:inline-block;margin-left:5px")
|
||
span.famfamfam-flags(v-else-if="currentInstanceLocation.region === 'jp'" class="jp" style="display:inline-block;margin-left:5px")
|
||
span.flag-icon-use(v-else-if="currentInstanceLocation.region === 'use'" style="display:inline-block;margin-left:5px")
|
||
span.flag-icon-usw(v-else style="display:inline-block;margin-left:5px")
|
||
i.el-icon-lock(v-if="currentInstanceLocation.strict" style="display:inline-block;margin-left:5px")
|
||
span(v-if="lastLocation.playerList.size > 0" style="margin-left:5px")
|
||
| {{ lastLocation.playerList.size }}
|
||
| #[template(v-if="lastLocation.friendList.size > 0") ({{ lastLocation.friendList.size }})]
|
||
template(v-if="photonLobbyBots.length > 0")
|
||
|
|
||
el-tooltip(placement="bottom")
|
||
template(#content)
|
||
span Photon Bots:
|
||
div(v-for="id in photonLobbyBots" :key="id" placement="top")
|
||
span.x-link(v-text="getDisplayNameFromPhotonId(id)" @click="showUserFromPhotonId(id)" style="margin-right:5px")
|
||
span(v-text="photonLobbyBots.length" style="color:red")
|
||
| #[timer(v-if="lastLocation.date" :epoch="lastLocation.date")]
|
||
//- el-tag(type="info" effect="plain" size="mini" v-text="worldDialog.fileSize" style="margin-right:5px")
|
||
div(style="margin-top:5px")
|
||
span(v-show="currentInstanceWorld.name !== currentInstanceWorld.description" v-text="currentInstanceWorld.description" style="font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2")
|
||
div(style="display:flex;flex-direction:column;margin-left:20px")
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Capacity
|
||
span.extra {{ currentInstanceWorld.capacity | commaNumber }} ({{ currentInstanceWorld.capacity * 2 | commaNumber }})
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Last Updated
|
||
span.extra {{ currentInstanceWorld.updated_at | formatDate('long') }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Created
|
||
span.extra {{ currentInstanceWorld.created_at | formatDate('long') }}
|
||
div.current-instance-table
|
||
data-tables(v-bind="currentInstanceUserList" @row-click="selectCurrentInstanceRow" style="margin-top:10px;cursor:pointer")
|
||
el-table-column(label="Avatar" width="60" prop="photo")
|
||
template(v-once #default="scope")
|
||
template(v-if="userImage(scope.row.ref)")
|
||
el-popover(placement="right" height="500px" trigger="hover")
|
||
img.friends-list-avatar(slot="reference" v-lazy="userImage(scope.row.ref)")
|
||
img.friends-list-avatar(v-lazy="userImageFull(scope.row.ref)" style="height:500px;cursor:pointer" @click="openExternalLink(userImageFull(scope.row.ref))")
|
||
el-table-column(label="Timer" width="80" prop="timer" sortable)
|
||
template(v-once #default="scope")
|
||
timer(:epoch="scope.row.timer")
|
||
el-table-column(label="Photon Id" width="100" prop="photonId" sortable)
|
||
template(v-once #default="scope")
|
||
span(v-text="scope.row.photonId")
|
||
el-table-column(label="Icons" prop="isMaster" width="100")
|
||
template(v-once #default="scope")
|
||
el-tooltip(v-if="scope.row.isMaster" placement="left" content="Instance Master")
|
||
span 👑
|
||
el-tooltip(v-if="scope.row.isFriend" placement="left" content="Friend")
|
||
span 💚
|
||
el-tooltip(v-if="scope.row.timeoutTime" placement="left" content="Timeout")
|
||
span(style="color:red") 🔴{{ scope.row.timeoutTime }}s
|
||
el-table-column(label="Platform" prop="inVrMode" width="70")
|
||
template(v-once #default="scope")
|
||
template(v-if="scope.row.ref.last_platform")
|
||
span(v-if="scope.row.ref.last_platform === 'standalonewindows'" style="color:#409eff") PC
|
||
span(v-else-if="scope.row.ref.last_platform === 'android'" style="color:#67c23a") Q
|
||
span(v-else) {{ scope.row.ref.last_platform }}
|
||
template(v-if="scope.row.inVrMode !== undefined")
|
||
span(v-if="scope.row.inVrMode") VR
|
||
span(v-else) D
|
||
el-table-column(label="Display Name" min-width="140" prop="ref.displayName")
|
||
template(v-once #default="scope")
|
||
span(v-text="scope.row.ref.displayName" :class="scope.row.ref.$trustColor")
|
||
el-table-column(label="Status" min-width="180" prop="ref.status")
|
||
template(v-once #default="scope")
|
||
template(v-if="scope.row.ref.status")
|
||
i.x-user-status(:class="statusClass(scope.row.ref.status)")
|
||
span
|
||
span(v-text="scope.row.ref.statusDescription")
|
||
el-table-column(label="Language" width="100" prop="ref.$languages")
|
||
template(v-once #default="scope")
|
||
el-tooltip(v-for="item in scope.row.ref.$languages" :key="item.key" placement="top")
|
||
template(#content)
|
||
span {{ item.value }} ({{ item.key }})
|
||
span.famfamfam-flags(:class="languageClass(item.key)" style="display:inline-block;margin-left:5px")
|
||
el-table-column(label="Bio Links" width="100" prop="ref.bioLinks")
|
||
template(v-once #default="scope")
|
||
el-tooltip(v-if="link" v-for="(link, index) in scope.row.ref.bioLinks" :key="index")
|
||
template(#content)
|
||
span(v-text="link")
|
||
img(:src="getFaviconUrl(link)" style="width:16px;height:16px;vertical-align:middle;margin-right:5px;cursor:pointer" @click.stop="openExternalLink(link)")
|
||
div.photon-event-table(v-if="photonLoggingEnabled")
|
||
div(style="position:absolute;margin-left:195px;z-index:1")
|
||
el-input(v-model="photonEventTableFilter" @input="photonEventTableFilterChange" placeholder="Search" clearable style="width:150px")
|
||
el-tooltip(placement="bottom" content="VRCX Companion Status" :disabled="hideTooltips")
|
||
div(style="display:inline-block;margin-left:15px;font-size:14px;vertical-align:text-top;margin-top:1px")
|
||
span(v-if="ipcEnabled && !photonEventIcon") 🟢
|
||
span(v-else-if="ipcEnabled") ⚪
|
||
span(v-else) 🔴
|
||
el-tabs(type="card")
|
||
el-tab-pane(label="Current")
|
||
data-tables(v-bind="photonEventTable" style="margin-bottom:10px")
|
||
el-table-column(label="Date" prop="created_at" width="110")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="right")
|
||
template(#content)
|
||
span {{ scope.row.created_at | formatDate('long') }}
|
||
span {{ scope.row.created_at | formatDate('short') }}
|
||
el-table-column(label="Name" prop="photonId" width="160")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-text="scope.row.displayName" @click="showUserFromPhotonId(scope.row.photonId)" style="padding-right:10px")
|
||
el-table-column(label="Event" prop="text")
|
||
template(v-once #default="scope")
|
||
span(v-if="scope.row.type === 'AvatarChange'")
|
||
span ChangeAvatar
|
||
span.x-link(v-text="scope.row.avatar.name" @click="showAvatarDialog(scope.row.avatar.id)")
|
||
|
|
||
span.avatar-info-public(v-if="scope.row.avatar.releaseStatus === 'public'") (Public)
|
||
span.avatar-info-own(v-else-if="scope.row.avatar.releaseStatus === 'private'") (Private)
|
||
template(v-if="scope.row.avatar.description && scope.row.avatar.name !== scope.row.avatar.description")
|
||
| - {{ scope.row.avatar.description }}
|
||
template(v-else-if="scope.row.type === 'ChangeStatus'")
|
||
span ChangeStatus
|
||
template(v-if="scope.row.status !== scope.row.previousStatus")
|
||
el-tooltip(placement="top")
|
||
template(#content)
|
||
span(v-if="scope.row.previousStatus === 'active'") Active
|
||
span(v-else-if="scope.row.previousStatus === 'join me'") Join Me
|
||
span(v-else-if="scope.row.previousStatus === 'ask me'") Ask Me
|
||
span(v-else-if="scope.row.previousStatus === 'busy'") Do Not Disturb
|
||
span(v-else) Offline
|
||
i.x-user-status(:class="statusClass(scope.row.previousStatus)" style="margin-left:10px")
|
||
span
|
||
i.el-icon-right
|
||
el-tooltip(placement="top")
|
||
template(#content)
|
||
span(v-if="scope.row.status === 'active'") Active
|
||
span(v-else-if="scope.row.status === 'join me'") Join Me
|
||
span(v-else-if="scope.row.status === 'ask me'") Ask Me
|
||
span(v-else-if="scope.row.status === 'busy'") Do Not Disturb
|
||
span(v-else) Offline
|
||
i.x-user-status(:class="statusClass(scope.row.status)")
|
||
span(v-if="scope.row.statusDescription !== scope.row.previousStatusDescription" v-text="scope.row.statusDescription" style="margin-left:10px")
|
||
span(v-else-if="scope.row.color === 'yellow'" v-text="scope.row.text" style="color:yellow")
|
||
span(v-else v-text="scope.row.text")
|
||
el-tab-pane(label="Previous")
|
||
data-tables(v-bind="photonEventTablePrevious" style="margin-bottom:10px")
|
||
el-table-column(label="Date" prop="created_at" width="110")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="right")
|
||
template(#content)
|
||
span {{ scope.row.created_at | formatDate('long') }}
|
||
span {{ scope.row.created_at | formatDate('short') }}
|
||
el-table-column(label="Name" prop="photonId" width="160")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-text="scope.row.displayName" @click="lookupUser(scope.row)" style="padding-right:10px")
|
||
el-table-column(label="Event" prop="text")
|
||
template(v-once #default="scope")
|
||
span(v-if="scope.row.avatar")
|
||
span ChangeAvatar
|
||
span.x-link(v-text="scope.row.avatar.name" @click="showAvatarDialog(scope.row.avatar.id)")
|
||
|
|
||
span.avatar-info-public(v-if="scope.row.avatar.releaseStatus === 'public'") (Public)
|
||
span.avatar-info-own(v-else-if="scope.row.avatar.releaseStatus === 'private'") (Private)
|
||
template(v-if="scope.row.avatar.description && scope.row.avatar.name !== scope.row.avatar.description")
|
||
| - {{ scope.row.avatar.description }}
|
||
span(v-else v-text="scope.row.text")
|
||
|
||
//- feed
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'feed'")
|
||
data-tables(v-bind="feedTable" v-loading="feedTable.loading")
|
||
template(#tool)
|
||
div(style="margin:0 0 10px;display:flex;align-items:center")
|
||
div(style="flex:none;margin-right:10px")
|
||
el-tooltip(placement="bottom" content="Filter VIP only" :disabled="hideTooltips")
|
||
el-switch(v-model="feedTable.vip" @change="feedTableLookup" active-color="#13ce66")
|
||
el-select(v-model="feedTable.filter" @change="feedTableLookup" multiple clearable collapse-tags style="flex:1" placeholder="Filter")
|
||
el-option(v-once v-for="type in ['GPS', 'Online', 'Offline', 'Status', 'Avatar']" :key="type" :label="type" :value="type")
|
||
el-input(v-model="feedTable.search" placeholder="Search" @keyup.native.13="feedTableLookup" @change="feedTableLookup" clearable style="flex:none;width:150px;margin:0 10px")
|
||
//- el-tooltip(placement="bottom" content="Clear feed" :disabled="hideTooltips")
|
||
//- el-button(type="default" @click="clearFeed()" icon="el-icon-delete" circle style="flex:none")
|
||
el-table-column(type="expand" width="20")
|
||
template(v-once #default="scope")
|
||
div(style="position:relative;font-size:14px")
|
||
template(v-if="scope.row.type === 'GPS'")
|
||
location(v-if="scope.row.previousLocation" :location="scope.row.previousLocation")
|
||
el-tag(type="info" effect="plain" size="mini" style="margin-left:5px") {{ scope.row.time | timeToText }}
|
||
br
|
||
span
|
||
i.el-icon-right
|
||
location(v-if="scope.row.location" :location="scope.row.location" :hint="scope.row.worldName")
|
||
template(v-else-if="scope.row.type === 'Offline'")
|
||
template(v-if="scope.row.location")
|
||
location(:location="scope.row.location" :hint="scope.row.worldName")
|
||
el-tag(type="info" effect="plain" size="mini" style="margin-left:5px") {{ scope.row.time | timeToText }}
|
||
template(v-else-if="scope.row.type === 'Online'")
|
||
location(v-if="scope.row.location" :location="scope.row.location" :hint="scope.row.worldName")
|
||
template(v-else-if="scope.row.type === 'Avatar'")
|
||
el-popover(placement="right" width="500px" trigger="click")
|
||
img.x-link(slot="reference" v-lazy="scope.row.previousCurrentAvatarThumbnailImageUrl" style="flex:none;width:160px;height:120px;border-radius:4px")
|
||
img.x-link(v-lazy="scope.row.previousCurrentAvatarImageUrl" style="width:500px;height:375px" @click="showAvatarAuthorDialog(scope.row.userId, '', scope.row.previousCurrentAvatarImageUrl)")
|
||
span(style="position:relative;top:-50px;margin:0 5px")
|
||
i.el-icon-right
|
||
el-popover(placement="right" width="500px" trigger="click")
|
||
img.x-link(slot="reference" v-lazy="scope.row.currentAvatarThumbnailImageUrl" style="flex:none;width:160px;height:120px;border-radius:4px")
|
||
img.x-link(v-lazy="scope.row.currentAvatarImageUrl" style="width:500px;height:375px" @click="showAvatarAuthorDialog(scope.row.userId, '', scope.row.currentAvatarImageUrl)")
|
||
template(v-else-if="scope.row.type === 'Status'")
|
||
el-tooltip(placement="top")
|
||
template(#content)
|
||
span(v-if="scope.row.previousStatus === 'active'") Active
|
||
span(v-else-if="scope.row.previousStatus === 'join me'") Join Me
|
||
span(v-else-if="scope.row.previousStatus === 'ask me'") Ask Me
|
||
span(v-else-if="scope.row.previousStatus === 'busy'") Do Not Disturb
|
||
span(v-else) Offline
|
||
i.x-user-status(:class="statusClass(scope.row.previousStatus)")
|
||
span(v-text="scope.row.previousStatusDescription")
|
||
br
|
||
span
|
||
i.el-icon-right
|
||
el-tooltip(placement="top")
|
||
template(#content)
|
||
span(v-if="scope.row.status === 'active'") Active
|
||
span(v-else-if="scope.row.status === 'join me'") Join Me
|
||
span(v-else-if="scope.row.status === 'ask me'") Ask Me
|
||
span(v-else-if="scope.row.status === 'busy'") Do Not Disturb
|
||
span(v-else) Offline
|
||
i.x-user-status(:class="statusClass(scope.row.status)")
|
||
span(v-text="scope.row.statusDescription")
|
||
el-table-column(label="Date" prop="created_at" sortable="custom" width="110")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="right")
|
||
template(#content)
|
||
span {{ scope.row.created_at | formatDate('long') }}
|
||
span {{ scope.row.created_at | formatDate('short') }}
|
||
el-table-column(label="Type" prop="type" width="70")
|
||
el-table-column(label="User" prop="displayName" width="180")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-text="scope.row.displayName" @click="showUserDialog(scope.row.userId)")
|
||
el-table-column(label="Detail")
|
||
template(v-once #default="scope")
|
||
template(v-if="scope.row.type === 'GPS'")
|
||
location(v-if="scope.row.location" :location="scope.row.location" :hint="scope.row.worldName")
|
||
template(v-else-if="scope.row.type === 'Offline' || scope.row.type === 'Online'")
|
||
location(v-if="scope.row.location" :location="scope.row.location" :hint="scope.row.worldName")
|
||
template(v-else-if="scope.row.type === 'Status'")
|
||
template(v-if="scope.row.statusDescription === scope.row.previousStatusDescription")
|
||
el-tooltip(placement="top")
|
||
template(#content)
|
||
span(v-if="scope.row.previousStatus === 'active'") Active
|
||
span(v-else-if="scope.row.previousStatus === 'join me'") Join Me
|
||
span(v-else-if="scope.row.previousStatus === 'ask me'") Ask Me
|
||
span(v-else-if="scope.row.previousStatus === 'busy'") Do Not Disturb
|
||
span(v-else) Offline
|
||
i.x-user-status(:class="statusClass(scope.row.previousStatus)")
|
||
span
|
||
i.el-icon-right
|
||
el-tooltip(placement="top")
|
||
template(#content)
|
||
span(v-if="scope.row.status === 'active'") Active
|
||
span(v-else-if="scope.row.status === 'join me'") Join Me
|
||
span(v-else-if="scope.row.status === 'ask me'") Ask Me
|
||
span(v-else-if="scope.row.status === 'busy'") Do Not Disturb
|
||
span(v-else) Offline
|
||
i.x-user-status(:class="statusClass(scope.row.status)")
|
||
template(v-else)
|
||
el-tooltip(placement="top")
|
||
template(#content)
|
||
span(v-if="scope.row.status === 'active'") Online
|
||
span(v-else-if="scope.row.status === 'join me'") Join Me
|
||
span(v-else-if="scope.row.status === 'ask me'") Ask Me
|
||
span(v-else-if="scope.row.status === 'busy'") Do Not Disturb
|
||
span(v-else) Offline
|
||
i.x-user-status(:class="statusClass(scope.row.status)")
|
||
span
|
||
span(v-text="scope.row.statusDescription")
|
||
template(v-else-if="scope.row.type === 'Avatar'")
|
||
avatar-info(:imageurl="scope.row.currentAvatarImageUrl" :userid="scope.row.userId" :hintownerid="scope.row.ownerId" :hintavatarname="scope.row.avatarName")
|
||
|
||
//- gameLog
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'gameLog'")
|
||
data-tables(v-bind="gameLogTable" v-loading="gameLogTable.loading")
|
||
template(#tool)
|
||
div(style="margin:0 0 10px;display:flex;align-items:center")
|
||
el-select(v-model="gameLogTable.filter" @change="gameLogTableLookup" multiple clearable collapse-tags style="flex:1" placeholder="Filter")
|
||
el-option(v-once v-for="type in ['Location', 'OnPlayerJoined', 'OnPlayerLeft', 'PortalSpawn', 'Event', 'VideoPlay']" :key="type" :label="type" :value="type")
|
||
el-input(v-model="gameLogTable.search" placeholder="Search" @keyup.native.13="gameLogTableLookup" @change="gameLogTableLookup" clearable style="flex:none;width:150px;margin:0 10px")
|
||
//- el-tooltip(placement="bottom" content="Reload game log" :disabled="hideTooltips")
|
||
//- el-button(type="default" @click="resetGameLog" icon="el-icon-refresh" circle style="flex:none")
|
||
el-table-column(label="Date" prop="created_at" sortable="custom" width="110")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="right")
|
||
template(#content)
|
||
span {{ scope.row.created_at | formatDate('long') }}
|
||
span {{ scope.row.created_at | formatDate('short') }}
|
||
el-table-column(label="Type" prop="type" width="120")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-if="scope.row.location && scope.row.type !== 'Location'" v-text="scope.row.type" @click="showWorldDialog(scope.row.location)")
|
||
span(v-else v-text="scope.row.type")
|
||
el-table-column(label="User" prop="displayName" width="180")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-if="scope.row.displayName" v-text="scope.row.displayName" @click="lookupUser(scope.row)" style="padding-right:10px")
|
||
el-table-column(label="Detail" prop="data")
|
||
template(v-once #default="scope")
|
||
location(v-if="scope.row.type === 'Location'" :location="scope.row.location" :hint="scope.row.worldName")
|
||
location(v-else-if="scope.row.type === 'PortalSpawn'" :location="scope.row.instanceId" :hint="scope.row.worldName")
|
||
template(v-else-if="scope.row.type === 'Event'")
|
||
span(v-text="scope.row.data")
|
||
template(v-else-if="scope.row.type === 'VideoPlay'")
|
||
span(v-if="scope.row.videoId") {{ scope.row.videoId }}:
|
||
span.x-link(v-if="scope.row.videoName" @click="openExternalLink(scope.row.videoUrl)" v-text="scope.row.videoName")
|
||
span.x-link(v-else @click="openExternalLink(scope.row.videoUrl)" v-text="scope.row.videoUrl")
|
||
template(v-else-if="scope.row.type === 'Notification' || scope.row.type === 'OnPlayerJoined' || scope.row.type === 'OnPlayerLeft'")
|
||
span.x-link(v-else v-text="scope.row.data")
|
||
|
||
//- search
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'search'")
|
||
div(style="margin:0 0 10px;display:flex;align-items:center")
|
||
el-input(v-model="searchText" placeholder="Search" @keyup.native.13="search()" style="flex:1")
|
||
el-tooltip(placement="bottom" content="Clear search results" :disabled="hideTooltips")
|
||
el-button(type="default" @click="clearSearch()" icon="el-icon-delete" circle style="flex:none;margin-left:10px")
|
||
el-tabs(ref="searchTab" type="card" style="margin-top:15px")
|
||
el-tab-pane(label="User" v-loading="isSearchUserLoading" style="min-height:60px")
|
||
.x-friend-list
|
||
.x-friend-item(v-for="user in searchUserResults" :key="user.id" @click="showUserDialog(user.id)")
|
||
template(v-once)
|
||
.avatar
|
||
img(v-lazy="userImage(user)")
|
||
.detail
|
||
span.name(v-text="user.displayName" :class="user.trustClass")
|
||
span.extra(v-text="user.username" style="font-family:monospace")
|
||
el-button-group(style="margin-top:15px")
|
||
el-button(v-if="searchUserParams.offset" @click="moreSearchUser(-1)" icon="el-icon-back" size="small") Prev
|
||
el-button(v-if="searchUserResults.length" @click="moreSearchUser(1)" icon="el-icon-right" size="small") Next
|
||
el-tab-pane(label="World" v-loading="isSearchWorldLoading" style="min-height:60px")
|
||
el-dropdown(@command="(row) => searchWorld(row)" size="small" trigger="click" style="margin-bottom:15px")
|
||
el-button(size="small") Search by Category #[i.el-icon-arrow-down.el-icon--right]
|
||
el-dropdown-menu(#default="dropdown")
|
||
el-dropdown-item(v-for="row in API.cachedConfig.dynamicWorldRows" :key="row.index" v-text="row.name" :command="row")
|
||
el-checkbox(v-model="searchWorldLabs" style="margin-left:10px") Include community labs
|
||
.x-friend-list
|
||
.x-friend-item(v-for="world in searchWorldResults" :key="world.id" @click="showWorldDialog(world.id)")
|
||
template(v-once)
|
||
.avatar
|
||
img(v-lazy="world.thumbnailImageUrl")
|
||
.detail
|
||
span.name(v-text="world.name")
|
||
span.extra(v-if="world.occupants") {{ world.authorName }} ({{ world.occupants }})
|
||
span.extra(v-else v-text="world.authorName")
|
||
el-button-group(style="margin-top:15px")
|
||
el-button(v-if="searchWorldParams.offset" @click="moreSearchWorld(-1)" icon="el-icon-back" size="small") Prev
|
||
el-button(v-if="searchWorldResults.length >= 10" @click="moreSearchWorld(1)" icon="el-icon-right" size="small") Next
|
||
el-tab-pane(label="Avatar" v-loading="isSearchAvatarLoading" style="min-height:60px")
|
||
el-tooltip(placement="bottom" content="Refresh own avatars" :disabled="hideTooltips")
|
||
el-button(type="default" :loading="userDialog.isAvatarsLoading" @click="refreshUserDialogAvatars()" size="mini" icon="el-icon-refresh" circle)
|
||
span(style="font-size:14px;margin-left:5px") Results {{ searchAvatarResults.length }}
|
||
el-radio-group(v-model="searchAvatarSort" size="mini" style="margin:5px;display:block" @change="searchAvatar")
|
||
el-radio(label="name") by name
|
||
el-radio(label="update") by update
|
||
el-radio(label="created") by created
|
||
el-radio-group(v-model="searchAvatarFilter" size="mini" style="margin:5px;display:block" @change="searchAvatar")
|
||
el-radio(label="all") all
|
||
el-radio(label="public") public
|
||
el-radio(label="private") private
|
||
el-radio-group(v-model="searchAvatarFilterRemote" size="mini" style="margin:5px;display:block" @change="searchAvatar")
|
||
el-radio(label="all") all
|
||
el-radio(label="local") local
|
||
el-radio(label="remote" :disabled="!avatarRemoteDatabase") remote
|
||
.x-friend-list(style="margin-top:20px")
|
||
.x-friend-item(v-for="avatar in searchAvatarPage" :key="avatar.id" @click="showAvatarDialog(avatar.id)")
|
||
template(v-once)
|
||
.avatar
|
||
img(v-if="avatar.thumbnailImageUrl" v-lazy="avatar.thumbnailImageUrl")
|
||
.detail
|
||
span.name(v-text="avatar.name")
|
||
span.extra(v-text="avatar.releaseStatus" v-if="avatar.releaseStatus === 'public'" style="color: #67c23a;")
|
||
span.extra(v-text="avatar.releaseStatus" v-else-if="avatar.releaseStatus === 'private'" style="color: #f56c6c;")
|
||
span.extra(v-text="avatar.releaseStatus" v-else)
|
||
span.extra(v-text="avatar.authorName")
|
||
el-button-group(style="margin-top:15px")
|
||
el-button(v-if="searchAvatarPageNum" @click="moreSearchAvatar(-1)" icon="el-icon-back" size="small") Prev
|
||
el-button(v-if="searchAvatarResults.length > 10 && (searchAvatarPageNum + 1) * 10 < searchAvatarResults.length" @click="moreSearchAvatar(1)" icon="el-icon-right" size="small") Next
|
||
|
||
//- favorite
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'favorite'" v-if="$refs.menu && $refs.menu.activeIndex === 'favorite'")
|
||
el-tooltip(placement="bottom" content="Refresh all favorites" :disabled="hideTooltips")
|
||
el-button(type="default" :loading="API.isFavoriteLoading" @click="API.refreshFavorites()" size="small" icon="el-icon-refresh" circle style="position:relative;float:right;z-index:1")
|
||
el-tabs(type="card" v-loading="API.isFavoriteLoading")
|
||
el-tab-pane(label="Friends")
|
||
el-collapse(style="border:0")
|
||
el-collapse-item(v-for="group in API.favoriteFriendGroups" :key="group.name")
|
||
template(slot="title")
|
||
span(v-text="group.displayName" style="font-weight:bold;font-size:14px;margin-left:10px")
|
||
span(style="color:#909399;font-size:12px;margin-left:10px") {{ group.count }}/{{ group.capacity }}
|
||
el-tooltip(placement="top" content="Rename" :disabled="hideTooltips")
|
||
el-button(@click.stop="changeFavoriteGroupName(group)" size="mini" icon="el-icon-edit" circle style="margin-left:10px")
|
||
el-tooltip(placement="right" content="Clear" :disabled="hideTooltips")
|
||
el-button(@click.stop="clearFavoriteGroup(group)" size="mini" icon="el-icon-delete" circle style="margin-left:5px")
|
||
.x-friend-list(v-if="group.count" style="margin-top:10px")
|
||
div(style="display:inline-block;width:300px;margin-right:15px" v-for="favorite in favoriteFriends" v-if="favorite.groupKey === group.key" :key="favorite.id" @click="showUserDialog(favorite.id)")
|
||
.x-friend-item
|
||
template(v-if="favorite.ref")
|
||
.avatar(:class="userStatusClass(favorite.ref)")
|
||
img(v-lazy="userImage(favorite.ref)")
|
||
.detail
|
||
span.name(v-text="favorite.ref.displayName" :class="favorite.ref.$trustColor")
|
||
location.extra(v-if="favorite.ref.location !== 'offline'" :location="favorite.ref.location" :link="false")
|
||
span(v-else v-text="favorite.ref.statusDescription")
|
||
el-tooltip(placement="left" content="Move" :disabled="hideTooltips")
|
||
el-dropdown(trigger="click" @click.native.stop size="mini" style="margin-left:5px")
|
||
el-button(type="default" icon="el-icon-back" size="mini" circle)
|
||
el-dropdown-menu(#default="dropdown")
|
||
template(v-if="groupAPI.name !== group.name" v-for="groupAPI in API.favoriteFriendGroups" :key="groupAPI.name")
|
||
el-dropdown-item(style="display:block;margin:10px 0" @click.native="moveFavorite(favorite.ref, groupAPI, 'friend')" :disabled="groupAPI.count >= groupAPI.capacity") {{ groupAPI.displayName }} ({{ groupAPI.count }} / {{ groupAPI.capacity }})
|
||
el-tooltip(placement="right" content="Unfavorite" :disabled="hideTooltips")
|
||
el-button(@click.stop="deleteFavorite(favorite.id)" size="mini" icon="el-icon-delete" circle style="margin-left:5px")
|
||
template(v-else)
|
||
span(v-text="favorite.name || favorite.id")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click.stop="deleteFavorite(favorite.id)" style="margin-left:5px")
|
||
el-tab-pane(label="Worlds")
|
||
el-collapse(style="border:0")
|
||
el-collapse-item(v-for="group in API.favoriteWorldGroups" :key="group.name")
|
||
template(slot="title")
|
||
span(v-text="group.displayName" style="font-weight:bold;font-size:14px;margin-left:10px")
|
||
i.x-user-status(style="margin-left:5px" :class="userFavoriteWorldsStatus(group.visibility)")
|
||
span(style="color:#909399;font-size:12px;margin-left:10px") {{ group.count }}/{{ group.capacity }}
|
||
el-tooltip(placement="top" content="Change visibility" :disabled="hideTooltips")
|
||
el-dropdown(trigger="click" @click.native.stop size="mini" style="margin-left:10px")
|
||
el-button(type="default" icon="el-icon-view" size="mini" circle)
|
||
el-dropdown-menu(#default="dropdown")
|
||
el-dropdown-item(v-if="group.visibility !== visibility" v-for="visibility in worldGroupVisibilityOptions" :key="visibility" style="display:block;margin:10px 0" v-text="visibility" @click.native="changeWorldGroupVisibility(group.name, visibility)")
|
||
el-tooltip(placement="top" content="Rename" :disabled="hideTooltips")
|
||
el-button(@click.stop="changeFavoriteGroupName(group)" size="mini" icon="el-icon-edit" circle style="margin-left:5px")
|
||
el-tooltip(placement="right" content="Clear" :disabled="hideTooltips")
|
||
el-button(@click.stop="clearFavoriteGroup(group)" size="mini" icon="el-icon-delete" circle style="margin-left:5px")
|
||
.x-friend-list(v-if="group.count" style="margin-top:10px")
|
||
div(style="display:inline-block;width:300px;margin-right:15px" v-for="favorite in favoriteWorlds" v-if="favorite.groupKey === group.key" :key="favorite.id" @click="showWorldDialog(favorite.id)")
|
||
.x-friend-item
|
||
template(v-if="favorite.ref")
|
||
.avatar
|
||
img(v-lazy="favorite.ref.thumbnailImageUrl")
|
||
.detail
|
||
span.name(v-text="favorite.ref.name")
|
||
span.extra(v-if="favorite.ref.occupants") {{ favorite.ref.authorName }} ({{ favorite.ref.occupants }})
|
||
span.extra(v-else v-text="favorite.ref.authorName")
|
||
el-tooltip(placement="left" content="Move" :disabled="hideTooltips")
|
||
el-dropdown(trigger="click" @click.native.stop size="mini" style="margin-left:5px")
|
||
el-button(type="default" icon="el-icon-back" size="mini" circle)
|
||
el-dropdown-menu(#default="dropdown")
|
||
template(v-if="groupAPI.name !== group.name" v-for="groupAPI in API.favoriteWorldGroups" :key="groupAPI.name")
|
||
el-dropdown-item(style="display:block;margin:10px 0" @click.native="moveFavorite(favorite.ref, groupAPI, 'world')" :disabled="groupAPI.count >= groupAPI.capacity") {{ groupAPI.displayName }} ({{ groupAPI.count }} / {{ groupAPI.capacity }})
|
||
el-tooltip(placement="right" content="Unfavorite" :disabled="hideTooltips")
|
||
el-button(@click.stop="deleteFavorite(favorite.id)" size="mini" icon="el-icon-delete" circle style="margin-left:5px")
|
||
template(v-else)
|
||
span(v-text="favorite.name || favorite.id")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click.stop="deleteFavorite(favorite.id)" style="margin-left:5px")
|
||
el-tab-pane(label="Avatars")
|
||
el-collapse(style="border:0")
|
||
el-collapse-item(v-for="group in API.favoriteAvatarGroups" :key="group.name")
|
||
template(slot="title")
|
||
span(v-text="group.displayName" style="font-weight:bold;font-size:14px;margin-left:10px")
|
||
span(style="color:#909399;font-size:12px;margin-left:10px") {{ group.count }}/{{ group.capacity }}
|
||
el-tooltip(placement="right" content="Clear" :disabled="hideTooltips")
|
||
el-button(@click.stop="clearFavoriteGroup(group)" size="mini" icon="el-icon-delete" circle style="margin-left:5px")
|
||
.x-friend-list(v-if="group.count" style="margin-top:10px")
|
||
div(style="display:inline-block;width:300px;margin-right:15px" v-for="favorite in favoriteAvatars" v-if="favorite.groupKey === group.key" :key="favorite.id" @click="showAvatarDialog(favorite.id)")
|
||
.x-friend-item
|
||
template(v-if="favorite.ref")
|
||
.avatar
|
||
img(v-lazy="favorite.ref.thumbnailImageUrl")
|
||
.detail
|
||
span.name(v-text="favorite.ref.name")
|
||
span.extra(v-text="favorite.ref.authorName")
|
||
el-tooltip(placement="left" content="Move" :disabled="hideTooltips")
|
||
el-dropdown(trigger="click" @click.native.stop size="mini" style="margin-left:5px")
|
||
el-button(type="default" icon="el-icon-back" size="mini" circle)
|
||
el-dropdown-menu(#default="dropdown")
|
||
template(v-if="groupAPI.name !== group.name" v-for="groupAPI in API.favoriteAvatarGroups" :key="groupAPI.name")
|
||
el-dropdown-item(style="display:block;margin:10px 0" @click.native="moveFavorite(favorite.ref, groupAPI, 'avatar')" :disabled="groupAPI.count >= groupAPI.capacity") {{ groupAPI.displayName }} ({{ groupAPI.count }} / {{ groupAPI.capacity }})
|
||
el-tooltip(placement="right" content="Unfavorite" :disabled="hideTooltips")
|
||
el-button(@click.stop="deleteFavorite(favorite.id)" size="mini" icon="el-icon-delete" circle style="margin-left:5px")
|
||
template(v-else)
|
||
.detail
|
||
span.name(v-text="favorite.name || favorite.id")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click.stop="deleteFavorite(favorite.id)" style="margin-left:5px")
|
||
|
||
//- friendLog
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'friendLog'" v-if="$refs.menu && $refs.menu.activeIndex === 'friendLog'")
|
||
data-tables(v-bind="friendLogTable")
|
||
template(#tool)
|
||
div(style="margin:0 0 10px;display:flex;align-items:center")
|
||
el-select(v-model="friendLogTable.filters[0].value" @change="saveTableFilters" multiple clearable collapse-tags style="flex:1" placeholder="Filter")
|
||
el-option(v-once v-for="type in ['Friend', 'Unfriend', 'FriendRequest', 'CancelFriendRequest', 'DisplayName', 'TrustLevel']" :key="type" :label="type" :value="type")
|
||
el-input(v-model="friendLogTable.filters[1].value" placeholder="Search" style="flex:none;width:150px;margin-left:10px")
|
||
el-table-column(label="Date" prop="created_at" sortable="custom" width="110")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="right")
|
||
template(#content)
|
||
span {{ scope.row.created_at | formatDate('long') }}
|
||
span {{ scope.row.created_at | formatDate('short') }}
|
||
el-table-column(label="Type" prop="type" width="150")
|
||
el-table-column(label="User" prop="displayName")
|
||
template(v-once #default="scope")
|
||
span(v-if="scope.row.type === 'DisplayName'") {{ scope.row.previousDisplayName }} #[i.el-icon-right]
|
||
|
|
||
span.x-link(v-text="scope.row.displayName || scope.row.userId" @click="showUserDialog(scope.row.userId)")
|
||
template(v-if="scope.row.type === 'TrustLevel'")
|
||
span ({{ scope.row.previousTrustLevel }} #[i.el-icon-right] {{ scope.row.trustLevel }})
|
||
el-table-column(label="Action" width="80" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click="deleteFriendLog(scope.row)")
|
||
|
||
//- moderation
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'moderation'" v-if="$refs.menu && $refs.menu.activeIndex === 'moderation'")
|
||
data-tables(v-bind="playerModerationTable" v-loading="API.isPlayerModerationsLoading")
|
||
template(#tool)
|
||
div(style="margin:0 0 10px;display:flex;align-items:center")
|
||
el-select(v-model="playerModerationTable.filters[0].value" @change="saveTableFilters" multiple clearable collapse-tags style="flex:1" placeholder="Filter")
|
||
el-option(v-once v-for="type in ['block', 'unblock', 'mute', 'unmute', 'hideAvatar', 'showAvatar']" :key="type" :label="type" :value="type")
|
||
el-input(v-model="playerModerationTable.filters[1].value" placeholder="Search" style="flex:none;width:150px;margin:0 10px")
|
||
el-tooltip(placement="bottom" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" :loading="API.isPlayerModerationsLoading" @click="API.refreshPlayerModerations()" icon="el-icon-refresh" circle style="flex:none")
|
||
el-table-column(label="Date" prop="created" sortable="custom" width="110")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="right")
|
||
template(#content)
|
||
span {{ scope.row.created | formatDate('long') }}
|
||
span {{ scope.row.created | formatDate('short') }}
|
||
el-table-column(label="Type" prop="type" width="100")
|
||
el-table-column(label="Source" prop="sourceDisplayName")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-text="scope.row.sourceDisplayName" @click="showUserDialog(scope.row.sourceUserId)")
|
||
el-table-column(label="Target" prop="targetDisplayName")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-text="scope.row.targetDisplayName" @click="showUserDialog(scope.row.targetUserId)")
|
||
el-table-column(label="Action" width="80" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(v-if="scope.row.sourceUserId === API.currentUser.id" type="text" icon="el-icon-close" size="mini" @click="deletePlayerModeration(scope.row)")
|
||
|
||
//- notification
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'notification'" v-if="$refs.menu && $refs.menu.activeIndex === 'notification'" v-loading="API.isNotificationsLoading")
|
||
data-tables(v-bind="notificationTable")
|
||
template(#tool)
|
||
div(style="margin:0 0 10px;display:flex;align-items:center")
|
||
el-select(v-model="notificationTable.filters[0].value" @change="saveTableFilters" multiple clearable collapse-tags style="flex:1" placeholder="Filter")
|
||
el-option(v-once v-for="type in ['requestInvite', 'invite', 'requestInviteResponse', 'inviteResponse', 'friendRequest', 'hiddenFriendRequest', 'message']" :key="type" :label="type" :value="type")
|
||
el-input(v-model="notificationTable.filters[1].value" placeholder="Search" style="flex:none;width:150px;margin:0 10px")
|
||
el-tooltip(placement="bottom" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" :loading="API.isNotificationsLoading" @click="API.refreshNotifications()" icon="el-icon-refresh" circle style="flex:none")
|
||
el-table-column(label="Date" prop="created_at" sortable="custom" width="110")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="right")
|
||
template(#content)
|
||
span {{ scope.row.created_at | formatDate('long') }}
|
||
span {{ scope.row.created_at | formatDate('short') }}
|
||
el-table-column(label="Type" prop="type" width="150")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="top" v-if="scope.row.type === 'invite'")
|
||
template(#content)
|
||
location(v-if="scope.row.details" :location="scope.row.details.worldId" :hint="scope.row.details.worldName" :link="false")
|
||
span.x-link(v-text="scope.row.type" @click="showWorldDialog(scope.row.details.worldId)")
|
||
span(v-else v-text="scope.row.type")
|
||
el-table-column(label="User" prop="senderUsername" width="150")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-text="scope.row.senderUsername" @click="showUserDialog(scope.row.senderUserId)")
|
||
el-table-column(label="Photo" width="100" prop="photo")
|
||
template(v-once #default="scope")
|
||
template(v-if="scope.row.details && scope.row.details.imageUrl")
|
||
el-popover(placement="right" width="500px" trigger="click")
|
||
img.x-link(slot="reference" v-lazy="scope.row.details.imageUrl" style="flex:none;width:90px;border-radius:4px")
|
||
img.x-link(v-lazy="scope.row.details.imageUrl" style="width:500px" @click="openExternalLink(scope.row.details.imageUrl)")
|
||
el-table-column(label="Message" prop="message")
|
||
template(v-once #default="scope")
|
||
span(v-if="scope.row.message" v-text="scope.row.message")
|
||
span(v-else-if='scope.row.details && scope.row.details.inviteMessage' v-text="scope.row.details.inviteMessage")
|
||
span(v-else-if='scope.row.details && scope.row.details.requestMessage' v-text="scope.row.details.requestMessage")
|
||
span(v-else-if='scope.row.details && scope.row.details.responseMessage' v-text="scope.row.details.responseMessage")
|
||
el-table-column(label="Action" width="100" align="right")
|
||
template(v-once #default="scope")
|
||
template(v-if="scope.row.senderUserId !== API.currentUser.id && !scope.row.$isExpired")
|
||
template(v-if="scope.row.type === 'friendRequest'")
|
||
el-tooltip(placement="top" content="Accept" :disabled="hideTooltips")
|
||
el-button(type="text" icon="el-icon-check" size="mini" @click="acceptNotification(scope.row)")
|
||
template(v-else-if="scope.row.type === 'invite'")
|
||
el-tooltip(placement="top" content="Decline with message" :disabled="hideTooltips")
|
||
el-button(type="text" icon="el-icon-chat-line-square" size="mini" @click="showSendInviteResponseDialog(scope.row)")
|
||
template(v-else-if="scope.row.type === 'requestInvite'")
|
||
template(v-if="lastLocation.location && isGameRunning && !checkCanInvite(lastLocation.location)")
|
||
el-tooltip(placement="top" content="Invite" :disabled="hideTooltips")
|
||
el-button(type="text" icon="el-icon-check" size="mini" @click="acceptRequestInvite(scope.row)")
|
||
el-tooltip(placement="top" content="Decline with message" :disabled="hideTooltips")
|
||
el-button(type="text" icon="el-icon-chat-line-square" size="mini" style="margin-left:5px" @click="showSendInviteRequestResponseDialog(scope.row)")
|
||
template(v-if="scope.row.type !== 'requestInviteResponse' && scope.row.type !== 'inviteResponse' && scope.row.type !== 'message'")
|
||
el-tooltip(placement="top" content="Decline" :disabled="hideTooltips")
|
||
el-button(type="text" icon="el-icon-close" size="mini" style="margin-left:5px" @click="hideNotification(scope.row)")
|
||
template(v-if="scope.row.type !== 'friendRequest' && scope.row.type !== 'hiddenFriendRequest'")
|
||
el-tooltip(placement="top" content="Delete log" :disabled="hideTooltips")
|
||
el-button(type="text" icon="el-icon-delete" size="mini" style="margin-left:5px" @click="deleteNotificationLog(scope.row)")
|
||
|
||
//- profile
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'profile'")
|
||
div.options-container(style="margin-top:0")
|
||
span.header Profile
|
||
.x-friend-list(style="margin-top:10px")
|
||
.x-friend-item(@click="showUserDialog(API.currentUser.id)")
|
||
.avatar
|
||
img(v-lazy="userImage(API.currentUser)")
|
||
.detail
|
||
span.name(v-text="API.currentUser.displayName")
|
||
span.extra(v-text="API.currentUser.username")
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Last Login
|
||
span.extra {{ API.currentUser.last_login | formatDate('long') }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Two-Factor Auth (2FA)
|
||
span.extra {{ API.currentUser.twoFactorAuthEnabled ? 'Enabled' : 'Disabled' }}
|
||
div
|
||
el-button(size="small" icon="el-icon-switch-button" @click="logout()" style="margin-left:0;margin-right:5px;margin-top:10px") Logout
|
||
el-button(size="small" icon="el-icon-printer" @click="showExportFriendsListDialog()" style="margin-left:0;margin-right:5px;margin-top:10px") Export Friends List
|
||
el-button(size="small" icon="el-icon-user" @click="showExportAvatarsListDialog()" style="margin-left:0;margin-right:5px;margin-top:10px") Export Own Avatars
|
||
el-button(size="small" icon="el-icon-chat-dot-round" @click="showDiscordNamesDialog()" style="margin-left:0;margin-right:5px;margin-top:10px") Discord Names
|
||
div.options-container
|
||
span.header Game Info
|
||
.x-friend-list(style="margin-top:10px")
|
||
.x-friend-item
|
||
.detail(@click="API.getVisits()")
|
||
span.name Online Users
|
||
span.extra(v-if="visits") {{visits}} users online.
|
||
span.extra(v-else) Click to refresh
|
||
div.options-container
|
||
span.header VRC SDK Downloads
|
||
el-tooltip(placement="top" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" @click="API.getConfig()" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
|
||
.x-friend-list(style="margin-top:10px")
|
||
.x-friend-item(v-for="(link, item) in API.cachedConfig.downloadUrls" :key="item" placement="top")
|
||
.detail(@click="openExternalLink(link)")
|
||
span.name(v-text="item")
|
||
span.extra(v-text="link")
|
||
div.options-container
|
||
span.header Direct Access
|
||
div(style="margin-top:10px")
|
||
el-button-group
|
||
el-button(size="small" @click="promptUsernameDialog()") Username
|
||
el-button(size="small" @click="promptUserIdDialog()") User ID
|
||
el-button(size="small" @click="promptWorldDialog()") World/Instance
|
||
el-button(size="small" @click="promptAvatarDialog()") Avatar
|
||
div.options-container
|
||
span.header Invite Messages
|
||
el-tooltip(placement="top" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" @click="inviteMessageTable.visible = true; refreshInviteMessageTable('message')" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Clear results" :disabled="hideTooltips")
|
||
el-button(type="default" @click="inviteMessageTable.visible = false" size="mini" icon="el-icon-delete" circle style="margin-left:0")
|
||
data-tables(v-if="inviteMessageTable.visible" v-bind="inviteMessageTable" style="margin-top:10px")
|
||
el-table-column(label="Slot" prop="slot" sortable="custom" width="70")
|
||
el-table-column(label="Message" prop="message")
|
||
el-table-column(label="Cool Down" prop="updatedAt" sortable="custom" width="110" align="right")
|
||
template(v-once #default="scope")
|
||
countdown-timer(:datetime="scope.row.updatedAt" :hours="1")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-edit" size="mini" @click="showEditInviteMessageDialog('message', scope.row)")
|
||
div.options-container
|
||
span.header Invite Response Messages
|
||
el-tooltip(placement="top" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" @click="inviteResponseMessageTable.visible = true; refreshInviteMessageTable('response')" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Clear results" :disabled="hideTooltips")
|
||
el-button(type="default" @click="inviteResponseMessageTable.visible = false" size="mini" icon="el-icon-delete" circle style="margin-left:0")
|
||
data-tables(v-if="inviteResponseMessageTable.visible" v-bind="inviteResponseMessageTable" style="margin-top:10px")
|
||
el-table-column(label="Slot" prop="slot" sortable="custom" width="70")
|
||
el-table-column(label="Message" prop="message")
|
||
el-table-column(label="Cool Down" prop="updatedAt" sortable="custom" width="110" align="right")
|
||
template(v-once #default="scope")
|
||
countdown-timer(:datetime="scope.row.updatedAt" :hours="1")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-edit" size="mini" @click="showEditInviteMessageDialog('response', scope.row)")
|
||
div.options-container
|
||
span.header Invite Request Messages
|
||
el-tooltip(placement="top" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" @click="inviteRequestMessageTable.visible = true; refreshInviteMessageTable('request')" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Clear results" :disabled="hideTooltips")
|
||
el-button(type="default" @click="inviteRequestMessageTable.visible = false" size="mini" icon="el-icon-delete" circle style="margin-left:0")
|
||
data-tables(v-if="inviteRequestMessageTable.visible" v-bind="inviteRequestMessageTable" style="margin-top:10px")
|
||
el-table-column(label="Slot" prop="slot" sortable="custom" width="70")
|
||
el-table-column(label="Message" prop="message")
|
||
el-table-column(label="Cool Down" prop="updatedAt" sortable="custom" width="110" align="right")
|
||
template(v-once #default="scope")
|
||
countdown-timer(:datetime="scope.row.updatedAt" :hours="1")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-edit" size="mini" @click="showEditInviteMessageDialog('request', scope.row)")
|
||
div.options-container
|
||
span.header Invite Request Response Messages
|
||
el-tooltip(placement="top" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" @click="inviteRequestResponseMessageTable.visible = true; refreshInviteMessageTable('requestResponse')" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Clear results" :disabled="hideTooltips")
|
||
el-button(type="default" @click="inviteRequestResponseMessageTable.visible = false" size="mini" icon="el-icon-delete" circle style="margin-left:0")
|
||
data-tables(v-if="inviteRequestResponseMessageTable.visible" v-bind="inviteRequestResponseMessageTable" style="margin-top:10px")
|
||
el-table-column(label="Slot" prop="slot" sortable="custom" width="70")
|
||
el-table-column(label="Message" prop="message")
|
||
el-table-column(label="Cool Down" prop="updatedAt" sortable="custom" width="110" align="right")
|
||
template(v-once #default="scope")
|
||
countdown-timer(:datetime="scope.row.updatedAt" :hours="1")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-edit" size="mini" @click="showEditInviteMessageDialog('requestResponse', scope.row)")
|
||
div.options-container
|
||
span.header Past Display Names
|
||
data-tables(v-bind="pastDisplayNameTable" style="margin-top:10px")
|
||
el-table-column(label="Date" prop="updated_at" sortable="custom")
|
||
template(v-once #default="scope")
|
||
span {{ scope.row.updated_at | formatDate('long') }}
|
||
el-table-column(label="Name" prop="displayName")
|
||
div.options-container
|
||
span.header Config JSON
|
||
el-tooltip(placement="top" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" @click="refreshConfigTreeData()" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Clear results" :disabled="hideTooltips")
|
||
el-button(type="default" @click="configTreeData = []" size="mini" icon="el-icon-delete" circle style="margin-left:0")
|
||
el-tree(v-if="configTreeData.length > 0" :data="configTreeData" style="margin-top:10px;font-size:12px")
|
||
template(#default="scope")
|
||
span
|
||
span(v-text="scope.data.key" style="font-weight:bold;margin-right:5px")
|
||
span(v-if="!scope.data.children" v-text="scope.data.value")
|
||
div.options-container
|
||
span.header Current User JSON
|
||
el-tooltip(placement="top" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" @click="refreshCurrentUserTreeData()" size="mini" icon="el-icon-refresh" circle style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Clear results" :disabled="hideTooltips")
|
||
el-button(type="default" @click="currentUserTreeData = []" size="mini" icon="el-icon-delete" circle style="margin-left:0")
|
||
el-tree(v-if="currentUserTreeData.length > 0" :data="currentUserTreeData" style="margin-top:10px;font-size:12px")
|
||
template(#default="scope")
|
||
span
|
||
span(v-text="scope.data.key" style="font-weight:bold;margin-right:5px")
|
||
span(v-if="!scope.data.children" v-text="scope.data.value")
|
||
|
||
//- friends list
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'friendsList'" v-if="$refs.menu && $refs.menu.activeIndex === 'friendsList'")
|
||
div.options-container(style="margin-top:0")
|
||
span.header Friends List
|
||
div(style="float:right;font-size:13px")
|
||
span Load missing entries
|
||
el-tooltip(placement="top" style="margin-left:5px" content="This spams the API a little so use it sparingly")
|
||
i.el-icon-warning
|
||
template(v-if="friendsListLoading")
|
||
span(v-text="friendsListLoadingProgress" style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Cancel" :disabled="hideTooltips")
|
||
el-button(@click="friendsListLoading = false" size="mini" icon="el-icon-loading" circle style="margin-left:5px")
|
||
template(v-else)
|
||
el-tooltip(placement="top" content="Load" :disabled="hideTooltips")
|
||
el-button(@click="friendsListLoadUsers" size="mini" icon="el-icon-refresh-left" circle style="margin-left:5px")
|
||
div(style="margin:10px 0 0 10px;display:flex;align-items:center")
|
||
div(style="flex:none;margin-right:10px")
|
||
el-tooltip(placement="bottom" content="Filter VIP only" :disabled="hideTooltips")
|
||
el-switch(v-model="friendsListSearchFilterVIP" @change="friendsListSearchChange" active-color="#13ce66")
|
||
el-input(v-model="friendsListSearch" placeholder="Search" @change="friendsListSearchChange" clearable style="flex:1")
|
||
el-select(v-model="friendsListSearchFilters" multiple clearable collapse-tags style="flex:none;width:200px;margin:0 10px" @change="friendsListSearchChange" placeholder="Filter")
|
||
el-option(v-once v-for="type in ['Display Name', 'User Name', 'Rank', 'Status', 'Bio', 'Memo']" :key="type" :label="type" :value="type")
|
||
el-tooltip(placement="top" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" @click="friendsListSearchChange" icon="el-icon-refresh" circle style="flex:none")
|
||
el-tooltip(placement="top" content="Clear results" :disabled="hideTooltips")
|
||
el-button(type="default" @click="friendsListTable.data = []" icon="el-icon-delete" circle style="flex:none;margin-left:5px")
|
||
data-tables(v-bind="friendsListTable" @row-click="selectFriendsListRow" style="margin-top:10px;cursor:pointer")
|
||
el-table-column(label="No." width="70" prop="$friendNum" sortable="custom")
|
||
el-table-column(label="Avatar" width="70" prop="photo")
|
||
template(v-once #default="scope")
|
||
el-popover(placement="right" height="500px" trigger="hover")
|
||
img.friends-list-avatar(slot="reference" v-lazy="userImage(scope.row)")
|
||
img.friends-list-avatar(v-lazy="userImageFull(scope.row)" style="height:500px;cursor:pointer" @click="openExternalLink(userImageFull(scope.row))")
|
||
el-table-column(label="Display Name" min-width="130" prop="displayName" sortable :sort-method="(a, b) => sortAlphabetically(a, b, 'displayName')")
|
||
el-table-column(label="User Name" min-width="120" prop="username" sortable :sort-method="(a, b) => sortAlphabetically(a, b, 'username')")
|
||
el-table-column(label="Rank" width="110" prop="$trustSortNum" sortable="custom")
|
||
template(v-once #default="scope")
|
||
span.name(v-text="scope.row.$trustLevel" :class="scope.row.$trustColor")
|
||
el-table-column(label="Status" min-width="180" prop="status" sortable :sort-method="(a, b) => sortStatus(a.status, b.status)")
|
||
template(v-once #default="scope")
|
||
i.x-user-status(v-if="scope.row.status !== 'offline'" :class="statusClass(scope.row.status)")
|
||
span
|
||
span(v-text="scope.row.statusDescription")
|
||
el-table-column(label="Language" width="100" prop="$languages" sortable :sort-method="(a, b) => sortLanguages(a, b)")
|
||
template(v-once #default="scope")
|
||
el-tooltip(v-for="item in scope.row.$languages" :key="item.key" placement="top")
|
||
template(#content)
|
||
span {{ item.value }} ({{ item.key }})
|
||
span.famfamfam-flags(:class="languageClass(item.key)" style="display:inline-block;margin-left:5px")
|
||
el-table-column(label="Bio Links" width="100" prop="bioLinks")
|
||
template(v-once #default="scope")
|
||
el-tooltip(v-if="link" v-for="(link, index) in scope.row.bioLinks" :key="index")
|
||
template(#content)
|
||
span(v-text="link")
|
||
img(:src="getFaviconUrl(link)" style="width:16px;height:16px;vertical-align:middle;margin-right:5px;cursor:pointer" @click.stop="openExternalLink(link)")
|
||
el-table-column(label="Join Count" width="120" prop="$joinCount" sortable)
|
||
el-table-column(label="Time Together" width="140" prop="$timeSpent" sortable)
|
||
template(v-once #default="scope")
|
||
span(v-if="scope.row.$timeSpent") {{ scope.row.$timeSpent | timeToText }}
|
||
el-table-column(label="Last Seen" width="170" prop="$lastSeen" sortable :sort-method="(a, b) => sortAlphabetically(a, b, '$lastSeen')")
|
||
template(v-once #default="scope")
|
||
span {{ scope.row.$lastSeen | formatDate('long') }}
|
||
el-table-column(label="Last Login" width="170" prop="last_login" sortable :sort-method="(a, b) => sortAlphabetically(a, b, 'last_login')")
|
||
template(v-once #default="scope")
|
||
span {{ scope.row.last_login | formatDate('long') }}
|
||
el-table-column(label="Date Joined" width="120" prop="date_joined" sortable :sort-method="(a, b) => sortAlphabetically(a, b, 'date_joined')")
|
||
el-table-column(label="Unfriend" width="70" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click.stop="confirmDeleteFriend(scope.row.id)")
|
||
|
||
//- settings
|
||
.x-container(v-show="$refs.menu && $refs.menu.activeIndex === 'settings'")
|
||
div.options-container(style="margin-top:0")
|
||
span.header Settings
|
||
.x-friend-list(style="margin-top:10px")
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Version
|
||
span.extra(v-text="appVersion")
|
||
.x-friend-item(@click="checkForVRCXUpdate")
|
||
.detail
|
||
span.name Latest Version
|
||
span.extra(v-if="latestAppVersion" v-text="latestAppVersion")
|
||
span.extra(v-else) Click to refresh
|
||
.x-friend-item(@click="openExternalLink('https://github.com/pypy-vrc/VRCX')")
|
||
.detail
|
||
span.name Repository URL
|
||
span.extra https://github.com/pypy-vrc/VRCX
|
||
.x-friend-item(@click="openExternalLink('https://vrcx.pypy.moe/discord')")
|
||
.detail
|
||
span.name Support
|
||
span.extra https://vrcx.pypy.moe/discord
|
||
div.options-container
|
||
span.header VRCX Updater
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-upload" @click="showVRCXUpdateDialog()") Check for update
|
||
div.options-container-item
|
||
span.name Auto update:
|
||
br
|
||
el-radio-group(v-model="autoUpdateVRCX" @change="saveAutoUpdateVRCX" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="Notify")
|
||
el-radio-button(label="Auto Download")
|
||
el-radio-button(label="Auto Install")
|
||
div.options-container
|
||
span.header Appearance
|
||
div.options-container-item
|
||
span.name Theme mode
|
||
el-radio-group(v-model="themeMode" size="mini")
|
||
el-radio-button(label="system") System
|
||
el-radio-button(label="light") Light
|
||
el-radio-button(label="dark") Dark
|
||
div.options-container-item
|
||
span.name VRCPlus Profile Icons
|
||
el-switch(v-model="displayVRCPlusIconsAsAvatar" @change="saveOpenVROption")
|
||
div.options-container-item
|
||
span.name Disable Tooltips
|
||
el-switch(v-model="hideTooltips" @change="saveOpenVROption")
|
||
div.options-container-item
|
||
span.name Sort Favorites By
|
||
el-switch(v-model="sortFavorites" inactive-text="name" active-text="date" @change="saveOpenVROption")
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-notebook-1" @click="promptMaxTableSizeDialog") Table Max Size
|
||
div.options-container-item
|
||
el-dropdown(@click.native.stop trigger="click" size="small")
|
||
el-button(size="mini")
|
||
span Page Size: {{ tablePageSize }} #[i.el-icon-arrow-down.el-icon--right]
|
||
el-dropdown-menu(#default="dropdown")
|
||
el-dropdown-item(v-for="(number) in [10, 15, 25, 50, 100]" v-text="number" @click.native="setTablePageSize(number)")
|
||
div.options-container
|
||
span.header Side Panel
|
||
br
|
||
span.sub-header Sorting
|
||
div.options-container-item
|
||
span.name Sort Private to bottom
|
||
el-switch(v-model="orderFriendsGroupPrivate" @change="saveOrderFriendGroup")
|
||
div.options-container-item
|
||
span.name Sort by status
|
||
el-switch(v-model="orderFriendsGroupStatus" @change="saveOrderFriendGroup")
|
||
div.options-container-item
|
||
span.name Sort GPS to top
|
||
el-switch(v-model="orderFriendsGroupGPS" @change="saveOrderFriendGroup")
|
||
span.name(style="margin-left:5px") (online for only)
|
||
div.options-container-item
|
||
span.name VIP
|
||
el-switch(v-model="orderFriendsGroup0" inactive-text="alphabetical" active-text="online for" @change="saveOrderFriendGroup")
|
||
div.options-container-item
|
||
span.name Online
|
||
el-switch(v-model="orderFriendsGroup1" inactive-text="alphabetical" active-text="online for" @change="saveOrderFriendGroup")
|
||
div.options-container-item
|
||
span.name Active
|
||
el-switch(v-model="orderFriendsGroup2" inactive-text="alphabetical" active-text="online for" @change="saveOrderFriendGroup")
|
||
div.options-container-item
|
||
span.name Offline
|
||
el-switch(v-model="orderFriendsGroup3" inactive-text="alphabetical" active-text="online for" @change="saveOrderFriendGroup")
|
||
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
|
||
span.header User Colors
|
||
div.options-container-item
|
||
div
|
||
el-color-picker(v-model="trustColor.untrusted" @change="updatetrustColor" size="mini" :predefine="['#CCCCCC']")
|
||
span.color-picker(slot="trigger" class="x-tag-untrusted") Visitor
|
||
div
|
||
el-color-picker(v-model="trustColor.basic" @change="updatetrustColor" size="mini" :predefine="['#1778ff']")
|
||
span.color-picker(slot="trigger" class="x-tag-basic") New User
|
||
div
|
||
el-color-picker(v-model="trustColor.known" @change="updatetrustColor" size="mini" :predefine="['#2bcf5c']")
|
||
span.color-picker(slot="trigger" class="x-tag-known") User
|
||
div
|
||
el-color-picker(v-model="trustColor.trusted" @change="updatetrustColor" size="mini" :predefine="['#ff7b42']")
|
||
span.color-picker(slot="trigger" class="x-tag-trusted") Known User
|
||
div
|
||
el-color-picker(v-model="trustColor.veteran" @change="updatetrustColor" size="mini" :predefine="['#b18fff', '#8143e6']")
|
||
span.color-picker(slot="trigger" class="x-tag-veteran") Trusted User
|
||
div
|
||
el-color-picker(v-model="trustColor.legend" @change="updatetrustColor" size="mini" :predefine="['#ffd000', '#abcdef']")
|
||
span.color-picker(slot="trigger" class="x-tag-legend") Veteran User
|
||
div
|
||
el-color-picker(v-model="trustColor.vip" @change="updatetrustColor" size="mini" :predefine="['#ff2626']")
|
||
span.color-picker(slot="trigger" class="x-tag-vip") VRChat Team
|
||
div
|
||
el-color-picker(v-model="trustColor.troll" @change="updatetrustColor" size="mini" :predefine="['#782f2f']")
|
||
span.color-picker(slot="trigger" class="x-tag-troll") Nuisance
|
||
div
|
||
el-color-picker(v-model="trustColor.legendary" @change="updatetrustColor" size="mini" :predefine="['#ff69b4', '#b52626']")
|
||
span.color-picker(slot="trigger" class="x-tag-legendary") Legend
|
||
el-switch(v-model="legendColorOverride" style="padding-bottom:21px;padding-left:6px" @change="saveLegendColorOverride")
|
||
div.options-container
|
||
span.header Discord Presence
|
||
div.options-container-item
|
||
span * Only works when VRChat is running.
|
||
div.options-container-item
|
||
span.name Enable
|
||
el-tooltip(placement="top" style="margin-left:5px" content="Recommended to disable Rich Presence in VRChat config.json below to stop it from conflicting")
|
||
i.el-icon-warning(style="cursor:pointer" @click="showVRChatConfig")
|
||
el-switch(v-model="discordActive" @change="saveDiscordOption")
|
||
div.options-container-item
|
||
span.name Instance type/player count
|
||
el-switch(v-model="discordInstance" @change="saveDiscordOption" :disabled="!discordActive")
|
||
div.options-container-item
|
||
span.name Join button (public only)
|
||
el-switch(v-model="discordJoinButton" @change="saveDiscordOption" :disabled="!discordActive")
|
||
div.options-container-item
|
||
span.name Hide world details in private
|
||
el-switch(v-model="discordHideInvite" @change="saveDiscordOption" :disabled="!discordActive")
|
||
div.options-container
|
||
span.header SteamVR Overlay
|
||
div.options-container-item
|
||
span * It runs automatically when VRChat is running.
|
||
br
|
||
br
|
||
span Grip: Vive or Other Controllers Grab, Oculus X/A Buttons
|
||
br
|
||
span Menu: Vive Menu, Index B, Oculus Y/B Buttons
|
||
br
|
||
div.options-container-item
|
||
span.name Enable
|
||
el-switch(v-model="openVR" @change="saveOpenVROption")
|
||
div.options-container-item(style="min-width:118px")
|
||
span.name Start overlay with
|
||
el-switch(v-model="openVRAlways" @change="saveOpenVROption" inactive-text="VRChat" active-text="SteamVR" :disabled="!openVR")
|
||
div.options-container-item
|
||
span.name Hide Private Worlds
|
||
el-switch(v-model="hidePrivateFromFeed" @change="saveOpenVROption")
|
||
br
|
||
span.sub-header Wrist Feed
|
||
div.options-container-item
|
||
span.name Wrist Feed Overlay
|
||
el-switch(v-model="overlayWrist" @change="saveOpenVROption" :disabled="!openVR")
|
||
div.options-container-item
|
||
span.name(style="min-width:137px") Overlay Button
|
||
el-switch(v-model="overlaybutton" @change="saveOpenVROption" inactive-text="Grip" active-text="Menu" :disabled="!openVR || !overlayWrist")
|
||
div.options-container-item
|
||
span.name Background Color
|
||
el-switch(v-model="vrBackgroundEnabled" @change="saveOpenVROption" :disabled="!openVR || !overlayWrist")
|
||
div.options-container-item
|
||
span.name Minimal Feed Icons
|
||
el-switch(v-model="minimalFeed" @change="saveOpenVROption" :disabled="!openVR || !overlayWrist")
|
||
div.options-container-item
|
||
span.name Hide VR Devices
|
||
el-switch(v-model="hideDevicesFromFeed" @change="saveOpenVROption" :disabled="!openVR || !overlayWrist")
|
||
div.options-container-item
|
||
span.name Hide CPU Usage
|
||
el-switch(v-model="hideCpuUsageFromFeed" @change="saveOpenVROption" :disabled="!openVR || !overlayWrist")
|
||
div.options-container-item
|
||
span.name Hide Uptime
|
||
el-switch(v-model="hideUptimeFromFeed" @change="saveOpenVROption" :disabled="!openVR || !overlayWrist")
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-notebook-2" @click="showWristFeedFiltersDialog" :disabled="!openVR || !overlayWrist") Wrist Feed Filters
|
||
br
|
||
span.sub-header Notifications
|
||
div.options-container-item
|
||
span.name Overlay Notifications
|
||
el-switch(v-model="overlayNotifications" @change="saveOpenVROption" :disabled="!openVR")
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-rank" @click="showNotificationPositionDialog" :disabled="!overlayNotifications || !openVR") Notification Position
|
||
div.options-container-item
|
||
span.name XSOverlay Notifications
|
||
el-switch(v-model="xsNotifications" @change="saveOpenVROption")
|
||
div.options-container-item
|
||
span.name User images (slower)
|
||
el-switch(v-model="imageNotifications" @change="saveOpenVROption")
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-time" @click="promptNotificationTimeout" :disabled="(!overlayNotifications || !openVR) && !xsNotifications") Notification Timeout
|
||
div.options-container-item
|
||
span.name Desktop Notifications, When to display:
|
||
br
|
||
el-radio-group(v-model="desktopToast" @change="saveOpenVROption" size="mini")
|
||
el-radio-button(label="Never")
|
||
el-radio-button(label="Desktop Mode")
|
||
el-radio-button(label="Inside VR")
|
||
el-radio-button(label="Outside VR")
|
||
el-radio-button(label="Game Closed")
|
||
el-radio-button(label="Game Running")
|
||
el-radio-button(label="Always")
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-chat-square" @click="showNotyFeedFiltersDialog") Notification Filters
|
||
br
|
||
span.sub-header Text-To-Speech Options
|
||
div.options-container-item
|
||
span.name Notification TTS, When to play:
|
||
br
|
||
el-radio-group(v-model="notificationTTS" @change="saveNotificationTTS" size="mini")
|
||
el-radio-button(label="Never")
|
||
el-radio-button(label="Inside VR")
|
||
el-radio-button(label="Game Closed")
|
||
el-radio-button(label="Game Running")
|
||
el-radio-button(label="Always")
|
||
div.options-container-item
|
||
span.name TTS Voice
|
||
el-dropdown(@command="(voice) => changeTTSVoice(voice)" trigger="click" size="small")
|
||
el-button(size="mini" :disabled="notificationTTS === 'Never'")
|
||
span {{ getTTSVoiceName() }} #[i.el-icon-arrow-down.el-icon--right]
|
||
el-dropdown-menu(#default="dropdown")
|
||
el-dropdown-item(v-if="voice" v-for="(voice, index) in TTSvoices" :key="index" v-text="voice.name" :command="index")
|
||
div.options-container
|
||
span.header VRChat Cache Management
|
||
br
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-download" @click="showDownloadDialog") Download History
|
||
br
|
||
span.sub-header Automatically Manage Cache When Closing VRChat
|
||
div.options-container-item
|
||
span.name(style="min-width:300px") Auto delete old versions from cache
|
||
el-switch(v-model="autoSweepVRChatCache" @change="saveOpenVROption")
|
||
div.options-container
|
||
span.header Application
|
||
div.options-container-item
|
||
span.name(style="min-width:236px") Encrypt password (disables auto login)
|
||
el-switch(v-model="enablePrimaryPassword" @change="enablePrimaryPasswordChange" :disabled="!loginForm.savedCredentials[API.currentUser.username]")
|
||
div.options-container-item
|
||
span.name Start at Windows startup
|
||
el-switch(v-model="isStartAtWindowsStartup")
|
||
div.options-container-item
|
||
span.name Start as minimized state
|
||
el-switch(v-model="isStartAsMinimizedState")
|
||
div.options-container-item
|
||
span.name Close to tray
|
||
el-switch(v-model="isCloseToTray")
|
||
div.options-container-item
|
||
span.name Time Format
|
||
el-switch(v-model="dtHour12" @change="setDatetimeFormat" inactive-text="24 Hour" active-text="12 Hour")
|
||
div.options-container-item
|
||
el-button-group
|
||
el-button(size="small" icon="el-icon-s-operation" @click="showLaunchOptions()") Launch Options
|
||
el-button(size="small" icon="el-icon-s-operation" @click="showVRChatConfig()") VRChat config.json
|
||
div.options-container
|
||
span.header Remote Avatar Database
|
||
div.options-container-item
|
||
span.name Enable
|
||
el-switch(v-model="avatarRemoteDatabase" @change="saveOpenVROption")
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-user-solid" @click="promptSetAvatarRemoteDatabase" :disabled="!avatarRemoteDatabase") Avatar Database Provider
|
||
div.options-container
|
||
span.header YouTube API
|
||
div.options-container-item
|
||
span.name Enabled
|
||
el-switch(v-model="youTubeApi" @change="changeYouTubeApi")
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-caret-right" @click="showYouTubeApiDialog") YouTube API Key
|
||
span.header Progress pie overlay for videos
|
||
div.options-container-item
|
||
span.name Enable
|
||
el-switch(v-model="progressPie" @change="changeYouTubeApi" :disabled="!openVR")
|
||
div.options-container-item
|
||
span.name Dance worlds only
|
||
el-switch(v-model="progressPieFilter" @change="changeYouTubeApi" :disabled="!openVR")
|
||
div.options-container(v-if="photonLoggingEnabled")
|
||
span.header Photon Logging Overlay
|
||
div.options-container-item
|
||
span.sub-header Photon Event HUD
|
||
div.options-container-item
|
||
span.name Enable
|
||
el-switch(v-model="photonEventOverlay" @change="saveEventOverlay" :disabled="!openVR")
|
||
div.options-container-item
|
||
span.name Show Join/Leave
|
||
el-switch(v-model="photonEventOverlayJoinLeave" @change="saveEventOverlay" :disabled="!openVR")
|
||
div.options-container-item
|
||
span.name Filter
|
||
el-radio-group(v-model="photonEventOverlayFilter" @change="saveEventOverlay" size="mini" :disabled="!openVR || !photonEventOverlay")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
span.sub-header User timeout HUD
|
||
div.options-container-item
|
||
span.name Enable
|
||
el-switch(v-model="timeoutHudOverlay" @change="saveEventOverlay" :disabled="!openVR")
|
||
div.options-container-item
|
||
span.name Filter
|
||
el-radio-group(v-model="timeoutHudOverlayFilter" @change="saveEventOverlay" size="mini" :disabled="!openVR || !timeoutHudOverlay")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-time" @click="promptPhotonLobbyTimeoutThreshold" :disabled="!openVR") Timeout Threshold
|
||
div.options-container
|
||
span.header VRCX Instance Cache/Debug
|
||
div.options-container-item
|
||
span.name User cache: #[span(v-text="API.cachedUsers.size")]
|
||
div.options-container-item
|
||
span.name World cache: #[span(v-text="API.cachedWorlds.size")]
|
||
div.options-container-item
|
||
span.name Avatar cache: #[span(v-text="API.cachedAvatars.size")]
|
||
div.options-container-item
|
||
span.name Avatar Name cache: #[span(v-text="API.cachedAvatarNames.size")]
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-delete-solid" @click="clearVRCXCache") Clear Cache
|
||
el-button(size="small" icon="el-icon-time" @click="promptAutoClearVRCXCacheFrequency") Auto Clear Cache
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-tickets" @click="showConsole") Show Console
|
||
div.options-container
|
||
span.sub-header SQLite Table Size
|
||
div.options-container-item
|
||
el-button(size="small" icon="el-icon-refresh" @click="getSqliteTableSizes") Refresh
|
||
div.options-container-item
|
||
span.name GPS: #[span(v-text="sqliteTableSizes.gps")]
|
||
div.options-container-item
|
||
span.name Status: #[span(v-text="sqliteTableSizes.status")]
|
||
div.options-container-item
|
||
span.name Avatar: #[span(v-text="sqliteTableSizes.avatar")]
|
||
div.options-container-item
|
||
span.name Online/Offline: #[span(v-text="sqliteTableSizes.onlineOffline")]
|
||
div.options-container-item
|
||
span.name Friend Log History: #[span(v-text="sqliteTableSizes.friendLogHistory")]
|
||
div.options-container-item
|
||
span.name Notifications: #[span(v-text="sqliteTableSizes.notification")]
|
||
div.options-container-item
|
||
span.name Location: #[span(v-text="sqliteTableSizes.location")]
|
||
div.options-container-item
|
||
span.name Join/Leave: #[span(v-text="sqliteTableSizes.joinLeave")]
|
||
div.options-container-item
|
||
span.name Portal Spawn: #[span(v-text="sqliteTableSizes.portalSpawn")]
|
||
div.options-container-item
|
||
span.name Video Play: #[span(v-text="sqliteTableSizes.videoPlay")]
|
||
div.options-container-item
|
||
span.name Event: #[span(v-text="sqliteTableSizes.event")]
|
||
div.options-container(style="margin-top:45px;border-top:1px solid #eee;padding-top:30px")
|
||
span.header Legal Notice
|
||
div.options-container-item
|
||
p © 2019-2021 #[a(href="https://github.com/pypy-vrc" target="_blank") pypy] (mina#5656)
|
||
p VRCX is an assistant application for provide information about manage friendship. this application uses unofficial VRChat API (VRCSDK).
|
||
p VRCX isn't endorsed by VRChat and doesn't reflect the views or opinions of VRChat or anyone officially involved in producing or managing VRChat. VRChat is trademark of VRChat Inc. VRChat © VRChat Inc.
|
||
p pypy is not responsible for any problems caused by VRCX. Use at your own risk!
|
||
div.options-container-item
|
||
el-button(@click="ossDialog = true" size="small") Open Source Software Notice
|
||
|
||
//- friends
|
||
.x-aside-container(v-show="$refs.menu && $refs.menu.activeIndex !== 'friendsList'" id="aside")
|
||
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:1;padding:10px")
|
||
el-option(v-for="item in quickSearchItems" :key="item.value" :value="item.value" :label="item.label")
|
||
.x-friend-item
|
||
template(v-if="item.ref")
|
||
.detail
|
||
span.name(v-text="item.ref.displayName" :class="item.ref.$trustColor")
|
||
location.extra(:location="item.ref.location" :link="false")
|
||
img.avatar(v-lazy="userImage(item.ref)")
|
||
span(v-else) Search More: #[span(v-text="item.label" style="font-weight:bold")]
|
||
el-tooltip(placement="bottom" content="Direct access ID/URL" :disabled="hideTooltips")
|
||
el-button(type="default" @click="promptOmniDirectDialog()" size="mini" icon="el-icon-discover" circle)
|
||
el-tooltip(placement="bottom" content="Refresh friends" :disabled="hideTooltips")
|
||
el-button(type="default" @click="API.getCurrentUser(); API.refreshFriends()" :loading="API.isRefreshFriendsLoading" size="mini" icon="el-icon-refresh" circle style="margin-right:10px")
|
||
.x-friend-list(style="padding-bottom:10px")
|
||
.x-friend-group
|
||
i.el-icon-arrow-right(:class="{ rotate: isFriendsGroupMe }")
|
||
span.x-link(@click="isFriendsGroupMe = !isFriendsGroupMe" style="margin-left:5px") ME
|
||
div(v-show="isFriendsGroupMe")
|
||
.x-friend-item(:key="API.currentUser.id" @click="showUserDialog(API.currentUser.id)")
|
||
.avatar(:class="userStatusClass(API.currentUser)")
|
||
img(v-lazy="userImage(API.currentUser)")
|
||
.detail
|
||
span.name(v-text="API.currentUser.displayName" :class="API.currentUser.$trustColor")
|
||
location.extra(v-if="isGameRunning === true" :location="lastLocation.location" :link="false")
|
||
span.extra(v-else v-text="API.currentUser.statusDescription" :link="false")
|
||
.x-friend-group(v-show="friendsGroup0.length")
|
||
i.el-icon-arrow-right(:class="{ rotate: isFriendsGroup0 }")
|
||
span.x-link(@click="isFriendsGroup0 = !isFriendsGroup0" style="margin-left:5px") VIP―{{ friendsGroup0.length }}
|
||
div(v-show="isFriendsGroup0")
|
||
.x-friend-item(v-for="friend in friendsGroup0" :key="friend.id" @click="showUserDialog(friend.id)")
|
||
template(v-if="friend.ref")
|
||
.avatar(:class="userStatusClass(friend.ref)")
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-if="friend.$nickName" :class="friend.ref.$trustColor") {{ friend.ref.displayName }} ({{ friend.$nickName }})
|
||
span.name(v-else v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
location.extra(:location="friend.ref.location" :link="false")
|
||
template(v-else)
|
||
span(v-text="friend.name || friend.id")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click.stop="confirmDeleteFriend(friend.id)" style="margin-left:5px")
|
||
.x-friend-group(v-show="friendsGroup1.length")
|
||
i.el-icon-arrow-right(:class="{ rotate: isFriendsGroup1 }")
|
||
span.x-link(@click="isFriendsGroup1 = !isFriendsGroup1" style="margin-left:5px") ONLINE―{{ friendsGroup1.length }}
|
||
div(v-show="isFriendsGroup1")
|
||
.x-friend-item(v-for="friend in friendsGroup1" :key="friend.id" @click="showUserDialog(friend.id)")
|
||
template(v-if="friend.ref")
|
||
.avatar(:class="userStatusClass(friend.ref)")
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-if="friend.$nickName" :class="friend.ref.$trustColor") {{ friend.ref.displayName }} ({{ friend.$nickName }})
|
||
span.name(v-else v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
location.extra(:location="friend.ref.location" :link="false")
|
||
template(v-else)
|
||
span(v-text="friend.name || friend.id")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click.stop="confirmDeleteFriend(friend.id)" style="margin-left:5px")
|
||
.x-friend-group(v-show="friendsGroup2.length")
|
||
i.el-icon-arrow-right(:class="{ rotate: isFriendsGroup2 }")
|
||
span.x-link(@click="isFriendsGroup2 = !isFriendsGroup2" style="margin-left:5px") ACTIVE―{{ friendsGroup2.length }}
|
||
div(v-show="isFriendsGroup2")
|
||
.x-friend-item(v-for="friend in friendsGroup2" :key="friend.id" @click="showUserDialog(friend.id)")
|
||
template(v-if="friend.ref")
|
||
.avatar
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-if="friend.$nickName" :class="friend.ref.$trustColor") {{ friend.ref.displayName }} ({{ friend.$nickName }})
|
||
span.name(v-else v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
span.extra(v-text="friend.ref.statusDescription" :link="false")
|
||
template(v-else)
|
||
span(v-text="friend.name || friend.id")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click.stop="confirmDeleteFriend(friend.id)" style="margin-left:5px")
|
||
.x-friend-group(v-show="friendsGroup3.length")
|
||
i.el-icon-arrow-right(:class="{ rotate: isFriendsGroup3 }")
|
||
span.x-link(@click="isFriendsGroup3 = !isFriendsGroup3" style="margin-left:5px") OFFLINE―{{ friendsGroup3.length }}
|
||
div(v-show="isFriendsGroup3")
|
||
.x-friend-item(v-for="friend in friendsGroup3" :key="friend.id" @click="showUserDialog(friend.id)")
|
||
template(v-if="friend.ref")
|
||
.avatar
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-if="friend.$nickName" :class="friend.ref.$trustColor") {{ friend.ref.displayName }} ({{ friend.$nickName }})
|
||
span.name(v-else v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
span.extra(v-text="friend.ref.statusDescription")
|
||
template(v-else)
|
||
span(v-text="friend.name || friend.id")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click.stop="confirmDeleteFriend(friend.id)" style="margin-left:5px")
|
||
|
||
//- dialog: user
|
||
el-dialog.x-dialog.x-user-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="userDialog" :visible.sync="userDialog.visible" :show-close="false" width="770px")
|
||
div(v-loading="userDialog.loading")
|
||
div(style="display:flex")
|
||
el-popover(v-if="userDialog.ref.profilePicOverride" placement="right" width="500px" trigger="click")
|
||
img.x-link(slot="reference" v-lazy="userDialog.ref.profilePicOverride" style="flex:none;height:120px;width:213.33px;border-radius:4px;object-fit:cover")
|
||
img.x-link(v-lazy="userDialog.ref.profilePicOverride" style="height:400px" @click="openExternalLink(userDialog.ref.profilePicOverride)")
|
||
el-popover(v-else placement="right" width="500px" trigger="click")
|
||
img.x-link(slot="reference" v-lazy="userDialog.ref.currentAvatarThumbnailImageUrl" style="flex:none;height:120px;width:160px;border-radius:4px;object-fit:cover")
|
||
img.x-link(v-lazy="userDialog.ref.currentAvatarImageUrl" style="height:500px" @click="openExternalLink(userDialog.ref.currentAvatarImageUrl)")
|
||
div(style="flex:1;display:flex;align-items:center;margin-left:15px")
|
||
div(style="flex:1")
|
||
div
|
||
el-tooltip(v-if="userDialog.ref.status" placement="top")
|
||
template(#content)
|
||
span(v-if="userDialog.ref.state === 'active'") Active
|
||
span(v-else-if="userDialog.ref.location === 'offline'") Offline
|
||
span(v-else-if="userDialog.ref.status === 'active'") Online
|
||
span(v-else-if="userDialog.ref.status === 'join me'") Join Me
|
||
span(v-else-if="userDialog.ref.status === 'ask me'") Ask Me
|
||
span(v-else-if="userDialog.ref.status === 'busy'") Do Not Disturb
|
||
span(v-else) Offline
|
||
i.x-user-status(:class="userStatusClass(userDialog.ref)")
|
||
template(v-if="userDialog.previousDisplayNames.length > 0")
|
||
el-tooltip(placement="bottom")
|
||
template(#content)
|
||
span Previous Display Names:
|
||
div(v-for="displayName in userDialog.previousDisplayNames" placement="top")
|
||
span(v-text="displayName")
|
||
i.el-icon-caret-bottom
|
||
span(v-text="userDialog.ref.displayName" style="margin-left:5px;margin-right:5px;font-weight:bold")
|
||
el-popover(placement="top" trigger="click")
|
||
span(slot="reference" v-text="userDialog.ref.username" style="margin-right:5px;color:#909399;font-family:monospace;font-size:12px;cursor:pointer")
|
||
span(style="display:block;text-align:center;font-family:monospace") {{ userDialog.ref.username | textToHex }}
|
||
el-tooltip(v-for="item in userDialog.ref.$languages" :key="item.key" placement="top")
|
||
template(#content)
|
||
span {{ item.value }} ({{ item.key }})
|
||
span.famfamfam-flags(:class="languageClass(item.key)" style="display:inline-block;margin-right:5px")
|
||
div
|
||
el-tag.name(type="info" effect="plain" size="mini" :class="userDialog.ref.$trustClass" v-text="userDialog.ref.$trustLevel" style="margin-right:5px;margin-top:5px")
|
||
el-tag.x-tag-friend(v-if="userDialog.isFriend && userDialog.friend" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") Friend No.{{userDialog.friend.no}}
|
||
el-tag.x-tag-troll(v-if="userDialog.ref.$isTroll" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") Nuisance
|
||
el-tag.x-tag-legendary(v-if="userDialog.ref.$isLegend" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") Legend
|
||
el-tag.x-tag-vip(v-if="userDialog.ref.$isModerator" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") VRChat Team
|
||
el-tag.x-tag-vrcplus(v-if="userDialog.ref.$isVRCPlus" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") VRC+
|
||
el-tag.x-tag-platform-pc(v-if="userDialog.ref.last_platform === 'standalonewindows'" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") PC
|
||
el-tag.x-tag-platform-quest(v-else-if="userDialog.ref.last_platform === 'android'" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") Quest
|
||
div(style="margin-top:5px")
|
||
span(v-text="userDialog.ref.statusDescription" style="font-size:12px")
|
||
div(v-if="userDialog.ref.userIcon" style="flex:none;margin-right:10px")
|
||
el-popover(placement="right" width="500px" trigger="click")
|
||
img.x-link(slot="reference" v-lazy="userDialog.ref.userIcon" style="flex:none;width:120px;height:120px;border-radius:4px;object-fit:cover")
|
||
img.x-link(v-lazy="userDialog.ref.userIcon" style="height:500px" @click="openExternalLink(userDialog.ref.userIcon)")
|
||
div(style="flex:none")
|
||
el-tooltip(v-if="userDialog.isFavorite" placement="top" content="Remove from favorites" :disabled="hideTooltips")
|
||
el-button(@click="userDialogCommand('Delete Favorite')" type="warning" icon="el-icon-star-on" circle)
|
||
el-tooltip(v-else placement="top" content="Add to favorites" :disabled="hideTooltips")
|
||
el-button(type="default" @click="userDialogCommand('Add Favorite')" icon="el-icon-star-off" circle)
|
||
el-dropdown(trigger="click" @command="userDialogCommand" size="small")
|
||
el-button(:type="(userDialog.incomingRequest || userDialog.outgoingRequest) ? 'success' : (userDialog.isBlock || userDialog.isMute || userDialog.isHideAvatar) ? 'danger' : 'default'" icon="el-icon-more" circle style="margin-left:5px")
|
||
el-dropdown-menu(#default="dropdown")
|
||
el-dropdown-item(icon="el-icon-refresh" command="Refresh") Refresh
|
||
el-dropdown-item(icon="el-icon-s-order" command="Copy User") Copy User URL
|
||
template(v-if="userDialog.ref.id === API.currentUser.id")
|
||
el-dropdown-item(icon="el-icon-picture-outline" command="Manage Gallery" divided) Manage Gallery/Icons
|
||
el-dropdown-item(icon="el-icon-s-custom" command="Show Avatar Author") Show Avatar Author
|
||
el-dropdown-item(icon="el-icon-s-custom" command="Show Fallback Avatar Details") Show Fallback Avatar Details
|
||
el-dropdown-item(icon="el-icon-edit" command="Edit Social Status" divided) Social Status
|
||
el-dropdown-item(icon="el-icon-edit" command="Edit Language") Language
|
||
el-dropdown-item(icon="el-icon-edit" command="Edit Bio") Bio
|
||
el-dropdown-item(icon="el-icon-switch-button" command="Logout" divided) Logout
|
||
template(v-else)
|
||
template(v-if="userDialog.isFriend")
|
||
el-dropdown-item(icon="el-icon-postcard" command="Request Invite" divided) Request Invite
|
||
el-dropdown-item(icon="el-icon-postcard" command="Request Invite Message") Request Invite With Message
|
||
template(v-if="lastLocation.location && isGameRunning && !checkCanInvite(lastLocation.location)")
|
||
el-dropdown-item(icon="el-icon-message" command="Invite") Invite
|
||
el-dropdown-item(icon="el-icon-message" command="Invite Message") Invite With Message
|
||
template(v-else-if="userDialog.incomingRequest")
|
||
el-dropdown-item(icon="el-icon-check" command="Accept Friend Request") Accept Friend Request
|
||
el-dropdown-item(icon="el-icon-close" command="Decline Friend Request") Decline Friend Request
|
||
el-dropdown-item(v-else-if="userDialog.outgoingRequest" icon="el-icon-close" command="Cancel Friend Request") Cancel Friend Request
|
||
el-dropdown-item(v-else icon="el-icon-plus" command="Send Friend Request") Send Friend Request
|
||
el-dropdown-item(icon="el-icon-s-custom" command="Show Avatar Author" divided) Show Avatar Author
|
||
el-dropdown-item(icon="el-icon-s-custom" command="Show Fallback Avatar Details") Show Fallback Avatar Details
|
||
el-dropdown-item(icon="el-icon-tickets" command="Previous Instances") Show Previous Instances
|
||
el-dropdown-item(v-if="userDialog.ref.currentAvatarImageUrl" icon="el-icon-picture-outline" command="Previous Images") Show Avatar Previous Images
|
||
el-dropdown-item(v-if="userDialog.isBlock" icon="el-icon-circle-check" command="Unblock" divided style="color:#F56C6C") Unblock
|
||
el-dropdown-item(v-else icon="el-icon-circle-close" command="Block" divided :disabled="userDialog.ref.$isModerator") Block
|
||
el-dropdown-item(v-if="userDialog.isMute" icon="el-icon-microphone" command="Unmute" style="color:#F56C6C") Unmute
|
||
el-dropdown-item(v-else icon="el-icon-turn-off-microphone" command="Mute" :disabled="userDialog.ref.$isModerator") Mute
|
||
el-dropdown-item(v-if="userDialog.isHideAvatar" icon="el-icon-user-solid" command="Show Avatar" style="color:#F56C6C") Show Avatar
|
||
el-dropdown-item(v-else icon="el-icon-user" command="Hide Avatar") Hide Avatar
|
||
template(v-if="userDialog.isFriend")
|
||
el-dropdown-item(icon="el-icon-delete" command="Unfriend" divided) Unfriend
|
||
el-tabs(ref="userDialogTabs" @tab-click="userDialogTabClick")
|
||
el-tab-pane(label="Info")
|
||
div(v-if="userDialog.ref.location" style="display:flex;flex-direction:column;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee")
|
||
div(style="flex:none")
|
||
location(:location="userDialog.ref.location")
|
||
template(v-if="userDialog.ref.location && userDialog.ref.location !== 'private' && userDialog.ref.location !== 'offline'")
|
||
el-tooltip(placement="top" content="Launch/Invite" :disabled="hideTooltips")
|
||
launch(:location="userDialog.ref.location" style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Invite yourself" :disabled="hideTooltips")
|
||
invite-yourself(:location="userDialog.ref.location" style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
|
||
el-button(v-if="copyLocationCheck(userDialog.ref.location)" @click="copyLocation(userDialog.ref.location)" size="mini" icon="el-icon-s-order" style="margin-left:5px" circle)
|
||
el-tooltip(placement="top" content="Refresh player count" :disabled="hideTooltips")
|
||
el-button(@click="refreshInstancePlayerCount(userDialog.ref.location)" size="mini" icon="el-icon-refresh" style="margin-left:5px" circle)
|
||
span(v-if="userDialog.instance.occupants" style="margin-left:5px") {{ userDialog.instance.occupants }} #[template(v-if="userDialog.instance.friendCount > 0") ({{ userDialog.instance.friendCount }})]
|
||
.x-friend-list(style="flex:1;margin-top:10px")
|
||
.x-friend-item(v-if="userDialog.$location.userId" @click="showUserDialog(userDialog.$location.userId)" class="x-friend-item-border")
|
||
template(v-if="userDialog.$location.user")
|
||
.avatar(:class="userStatusClass(userDialog.$location.user)")
|
||
img(v-lazy="userImage(userDialog.$location.user)")
|
||
.detail
|
||
span.name(v-text="userDialog.$location.user.displayName" :class="userDialog.$location.user.$trustColor")
|
||
span.extra Instance Creator
|
||
span(v-else v-text="userDialog.$location.userId")
|
||
.x-friend-item(v-for="user in userDialog.users" :key="user.id" @click="showUserDialog(user.id)" class="x-friend-item-border")
|
||
.avatar(:class="userStatusClass(user)")
|
||
img(v-lazy="userImage(user)")
|
||
.detail
|
||
span.name(v-text="user.displayName" :class="user.$trustColor")
|
||
span.extra
|
||
timer(:epoch="user.$location_at")
|
||
.x-friend-list(style="max-height:none")
|
||
.x-friend-item(style="width:100%;cursor:default")
|
||
.detail
|
||
span.name Note
|
||
el-input.extra(v-model="userDialog.memo" type="textarea" :rows="2" :autosize="{ minRows: 1, maxRows: 20 }" placeholder="Click to add a note" size="mini" resize="none")
|
||
.x-friend-item(style="width:100%;cursor:default")
|
||
.detail
|
||
span.name(v-if="userDialog.id !== API.currentUser.id && userDialog.ref.profilePicOverride && userDialog.ref.currentAvatarImageUrl") Avatar Info Last Seen
|
||
span.name(v-else) Avatar Info
|
||
.extra
|
||
avatar-info(:imageurl="userDialog.ref.currentAvatarImageUrl" :userid="userDialog.id")
|
||
.x-friend-item(style="width:100%;cursor:default")
|
||
.detail
|
||
span.name Bio
|
||
pre.extra(style="font-family:inherit;font-size:12px;white-space:pre-wrap;margin:0 0.5em 0 0") {{ userDialog.ref.bio || '-' }}
|
||
div(style="margin-top:5px")
|
||
el-tooltip(v-if="link" v-for="(link, index) in userDialog.ref.bioLinks" :key="index")
|
||
template(#content)
|
||
span(v-text="link")
|
||
img(:src="getFaviconUrl(link)" style="width:16px;height:16px;vertical-align:middle;margin-right:5px;cursor:pointer" @click.stop="openExternalLink(link)")
|
||
template(v-if="API.currentUser.id !== userDialog.id")
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Last Seen
|
||
span.extra {{ userDialog.lastSeen | formatDate('long') }}
|
||
.x-friend-item(@click="showPreviousInstancesUserDialog(userDialog.ref)")
|
||
.detail
|
||
span.name Join Count
|
||
span.extra(v-if="userDialog.joinCount === 0") -
|
||
span.extra(v-else v-text="userDialog.joinCount")
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Time Together
|
||
span.extra(v-if="userDialog.timeSpent === 0") -
|
||
span.extra(v-else) {{ userDialog.timeSpent | timeToText }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name(v-if="userDialog.ref.state === 'online' && userDialog.ref.$online_for") Online For
|
||
span.name(v-else) Offline For
|
||
span.extra(v-text="userOnlineFor(userDialog)")
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Last Login
|
||
span.extra {{ userDialog.ref.last_login | formatDate('long') }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Date Joined
|
||
span.extra(v-text="userDialog.ref.date_joined")
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name(v-if="userDialog.unFriended") Unfriended
|
||
span.name(v-else) Friended
|
||
span.extra {{ userDialog.dateFriended | formatDate('long') }}
|
||
template(v-if="API.currentUser.id === userDialog.id")
|
||
.x-friend-item(@click="toggleAvatarCopying")
|
||
.detail
|
||
span.name Avatar Cloning
|
||
span.extra(v-if="userDialog.ref.allowAvatarCopying" style="color:#67C23A") Allow
|
||
span.extra(v-else style="color:#F56C6C") Deny
|
||
template(v-else)
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Avatar Cloning
|
||
span.extra(v-if="userDialog.ref.allowAvatarCopying" style="color:#67C23A") Allow
|
||
span.extra(v-else style="color:#F56C6C") Deny
|
||
.x-friend-item(v-if="userDialog.ref.id === API.currentUser.id && API.currentUser.homeLocation" @click="showWorldDialog(API.currentUser.homeLocation)" style="width:100%")
|
||
.detail
|
||
span.name Home Location
|
||
span.extra
|
||
location(:location="API.currentUser.homeLocation" :link="false")
|
||
el-button(@click.stop="resetHome()" size="mini" icon="el-icon-delete" circle style="margin-left:5px")
|
||
el-tab-pane(label="Worlds")
|
||
el-button(type="default" :loading="userDialog.isWorldsLoading" @click="refreshUserDialogWorlds()" size="mini" icon="el-icon-refresh" circle)
|
||
span(style="margin-left:5px") Total {{ userDialog.worlds.length }}
|
||
el-radio-group(v-model="userDialog.worldSorting" size="mini" style="margin-left:30px" @change="changeUserDialogWorldSorting")
|
||
el-radio(label="name") by name
|
||
el-radio(label="update") by update
|
||
.x-friend-list(v-loading="userDialog.isWorldsLoading" style="margin-top:10px;min-height:60px")
|
||
.x-friend-item(v-for="world in userDialog.worlds" :key="world.id" @click="showWorldDialog(world.id)" class="x-friend-item-border")
|
||
.avatar
|
||
img(v-lazy="world.thumbnailImageUrl")
|
||
.detail
|
||
span.name(v-text="world.name")
|
||
span.extra(v-if="world.occupants") ({{ world.occupants }})
|
||
el-tab-pane(label="Favorite Worlds")
|
||
el-button(type="default" :loading="userDialog.isFavoriteWorldsLoading" @click="getUserFavoriteWorlds(userDialog.id)" size="mini" icon="el-icon-refresh" circle)
|
||
div(v-loading="userDialog.isFavoriteWorldsLoading" style="min-height:60px")
|
||
template(v-for="(list, index) in userFavoriteWorlds" v-if="list")
|
||
span(style="font-weight:bold;font-size:16px") {{ list[0] }}
|
||
i.x-user-status(style="margin-left:5px" :class="userFavoriteWorldsStatus(list[1])")
|
||
span(style="color:#909399;font-size:12px;margin-left:5px") {{ list[2].length }}/64
|
||
.x-friend-list(style="margin-top:10px;margin-bottom:15px;min-height:60px")
|
||
.x-friend-item(v-for="world in list[2]" :key="world.id" @click="showWorldDialog(world.id)" class="x-friend-item-border")
|
||
.avatar
|
||
img(v-lazy="world.thumbnailImageUrl")
|
||
.detail
|
||
span.name(v-text="world.name")
|
||
span.extra(v-if="world.occupants") ({{ world.occupants }})
|
||
el-tab-pane(label="Avatars")
|
||
template(v-if="userDialog.ref.id === API.currentUser.id")
|
||
el-button(type="default" :loading="userDialog.isAvatarsLoading" @click="refreshUserDialogAvatars()" size="mini" icon="el-icon-refresh" circle)
|
||
span(style="margin-left:5px") Total {{ userDialogAvatars.length }}
|
||
el-radio-group(v-model="userDialog.avatarSorting" size="mini" style="margin-left:30px" @change="changeUserDialogAvatarSorting")
|
||
el-radio(label="name") by name
|
||
el-radio(label="update") by update
|
||
el-radio-group(v-model="userDialog.avatarReleaseStatus" size="mini" style="margin-left:60px")
|
||
el-radio(label="all") all
|
||
el-radio(label="public") public
|
||
el-radio(label="private") private
|
||
.x-friend-list(style="margin-top:10px;min-height:60px")
|
||
.x-friend-item(v-for="avatar in userDialogAvatars" @click="showAvatarDialog(avatar.id)" class="x-friend-item-border")
|
||
.avatar
|
||
img(v-if="avatar.thumbnailImageUrl" v-lazy="avatar.thumbnailImageUrl")
|
||
.detail
|
||
span.name(v-text="avatar.name")
|
||
span.extra(v-text="avatar.releaseStatus" v-if="avatar.releaseStatus === 'public'" style="color: #67c23a;")
|
||
span.extra(v-text="avatar.releaseStatus" v-else-if="avatar.releaseStatus === 'private'" style="color: #f56c6c;")
|
||
span.extra(v-text="avatar.releaseStatus" v-else)
|
||
el-tab-pane(label="JSON")
|
||
el-button(type="default" @click="refreshUserDialogTreeData()" size="mini" icon="el-icon-refresh" circle)
|
||
el-tree(:data="userDialog.treeData" style="margin-top:5px;font-size:12px")
|
||
template(#default="scope")
|
||
span
|
||
span(v-text="scope.data.key" style="font-weight:bold;margin-right:5px")
|
||
span(v-if="!scope.data.children" v-text="scope.data.value")
|
||
|
||
//- dialog: world
|
||
el-dialog.x-dialog.x-world-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="worldDialog" :visible.sync="worldDialog.visible" :show-close="false" width="770px")
|
||
div(v-loading="worldDialog.loading")
|
||
div(style="display:flex")
|
||
el-popover(placement="right" width="500px" trigger="click")
|
||
img.x-link(slot="reference" v-lazy="worldDialog.ref.thumbnailImageUrl" style="flex:none;width:160px;height:120px;border-radius:4px")
|
||
img.x-link(v-lazy="worldDialog.ref.imageUrl" style="width:500px;height:375px" @click="openExternalLink(worldDialog.ref.imageUrl)")
|
||
div(style="flex:1;display:flex;align-items:center;margin-left:15px")
|
||
div(style="flex:1")
|
||
div
|
||
i.el-icon-s-home(v-show="API.currentUser.$homeLocation && API.currentUser.$homeLocation.worldId === worldDialog.id" style="margin-right:5px")
|
||
span(v-text="worldDialog.ref.name" style="font-weight:bold")
|
||
div(style="margin-top:5px")
|
||
span.x-link(v-text="worldDialog.ref.authorName" @click="showUserDialog(worldDialog.ref.authorId)" style="color:#909399;font-family:monospace")
|
||
div
|
||
el-tag(v-if="worldDialog.ref.$isLabs" type="primary" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") Labs
|
||
el-tag(v-else-if="worldDialog.ref.releaseStatus === 'public'" type="success" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") Public
|
||
el-tag(v-else type="danger" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") Private
|
||
el-tag.x-tag-platform-pc(v-if="worldDialog.isPC" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") PC
|
||
el-tag.x-tag-platform-quest(v-if="worldDialog.isQuest" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") Quest
|
||
el-tag(type="info" effect="plain" size="mini" v-text="worldDialog.fileSize" style="margin-right:5px;margin-top:5px")
|
||
el-tag(v-if="worldDialog.inCache" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px")
|
||
span(v-text="worldDialog.cacheSize")
|
||
| Cache
|
||
div(style="margin-top:5px")
|
||
span(v-show="worldDialog.ref.name !== worldDialog.ref.description" v-text="worldDialog.ref.description" style="font-size:12px")
|
||
div(style="flex:none;margin-left:10px")
|
||
el-tooltip(v-if="worldDialog.inCache" placement="top" content="Delete world from cache" :disabled="hideTooltips")
|
||
el-button(icon="el-icon-delete" circle @click="deleteVRChatCache(worldDialog.ref)" :disabled="isGameRunning && worldDialog.cacheLocked")
|
||
el-tooltip(v-if="worldDialog.isFavorite" placement="top" content="Remove from favorites" :disabled="hideTooltips")
|
||
el-button(type="warning" icon="el-icon-star-on" circle @click="worldDialogCommand('Delete Favorite')" style="margin-left:5px")
|
||
el-tooltip(v-else placement="top" content="Add to favorites" :disabled="hideTooltips")
|
||
el-button(type="default" icon="el-icon-star-off" circle @click="worldDialogCommand('Add Favorite')" style="margin-left:5px")
|
||
el-dropdown(trigger="click" @command="worldDialogCommand" size="small" style="margin-left:5px")
|
||
el-button(type="default" icon="el-icon-more" circle)
|
||
el-dropdown-menu(#default="dropdown")
|
||
el-dropdown-item(icon="el-icon-refresh" command="Refresh") Refresh
|
||
el-dropdown-item(icon="el-icon-s-flag" command="New Instance" divided) New Instance
|
||
el-dropdown-item(v-if="API.currentUser.$homeLocation && API.currentUser.$homeLocation.worldId === worldDialog.id" icon="el-icon-magic-stick" command="Reset Home" divided) Reset Home
|
||
el-dropdown-item(v-else icon="el-icon-s-home" command="Make Home" divided) Make Home
|
||
el-dropdown-item(icon="el-icon-tickets" command="Previous Instances") Show Previous Instances
|
||
template(v-if="API.currentUser.id !== worldDialog.ref.authorId")
|
||
el-dropdown-item(icon="el-icon-picture-outline" command="Previous Images") Show Previous Images
|
||
template(v-else)
|
||
el-dropdown-item(icon="el-icon-edit" command="Rename") Rename
|
||
el-dropdown-item(icon="el-icon-edit" command="Change Description") Change Description
|
||
el-dropdown-item(icon="el-icon-edit" command="Change Capacity") Change Capacity
|
||
el-dropdown-item(icon="el-icon-edit" command="Change YouTube Preview") Change YouTube Preview
|
||
el-dropdown-item(icon="el-icon-edit" command="Change Tags") Change Tags
|
||
el-dropdown-item(icon="el-icon-picture-outline" command="Change Image") Change Image
|
||
el-dropdown-item(v-if="worldDialog.ref.unityPackageUrl" icon="el-icon-download" command="Download Unity Package") Download Unity Package
|
||
el-dropdown-item(v-if="worldDialog.ref.tags.includes('system_approved') || worldDialog.ref.tags.includes('system_labs')" icon="el-icon-view" command="Unpublish" divided) Unpublish From Labs
|
||
el-dropdown-item(v-else icon="el-icon-view" command="Publish" divided) Publish To Labs
|
||
el-dropdown-item(icon="el-icon-delete" command="Delete" style="color:#F56C6C") Delete
|
||
el-tabs
|
||
el-tab-pane(label="Instances")
|
||
div.
|
||
#[i.el-icon-user] Public {{ worldDialog.ref.publicOccupants | commaNumber }}
|
||
#[i.el-icon-user-solid(style="margin-left:10px")] Private {{ worldDialog.ref.privateOccupants | commaNumber }}
|
||
#[i.el-icon-check(style="margin-left:10px")] Capacity {{ worldDialog.ref.capacity | commaNumber }} ({{ worldDialog.ref.capacity * 2 | commaNumber }})
|
||
div(v-for="room in worldDialog.rooms" :key="room.id")
|
||
div(style="margin:5px 0")
|
||
span.x-link(@click="showLaunchDialog(room.$location.tag)")
|
||
span \#{{ room.$location.instanceName }} {{ room.$location.accessType }}
|
||
span.famfamfam-flags(v-if="room.$location.region === 'eu'" class="europeanunion" style="display:inline-block;margin-left:5px")
|
||
span.famfamfam-flags(v-else-if="room.$location.region === 'jp'" class="jp" style="display:inline-block;margin-left:5px")
|
||
span.flag-icon-use(v-else-if="room.$location.region === 'use'" style="display:inline-block;margin-left:5px")
|
||
span.flag-icon-usw(v-else style="display:inline-block;margin-left:5px")
|
||
i.el-icon-lock(v-if="room.$location.strict" style="display:inline-block;margin-left:5px")
|
||
el-tooltip(placement="top" content="Invite yourself" :disabled="hideTooltips")
|
||
invite-yourself(:location="room.$location.tag" style="margin-left:5px")
|
||
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
|
||
el-button(v-if="copyLocationCheck(room.$location.tag)" @click="copyLocation(room.$location.tag)" size="mini" icon="el-icon-s-order" style="margin-left:5px" circle)
|
||
el-tooltip(placement="top" content="Refresh player count" :disabled="hideTooltips")
|
||
el-button(@click="refreshInstancePlayerCount(room.$location.tag)" size="mini" icon="el-icon-refresh" style="margin-left:5px" circle)
|
||
span(v-if="room.occupants" style="margin-left:5px") {{ room.occupants }} #[template(v-if="room.friendCount > 0") ({{ room.friendCount }})]
|
||
.x-friend-list(style="margin:10px 0;max-height:unset" v-if="room.$location.userId || room.users.length")
|
||
.x-friend-item(v-if="room.$location.userId" @click="showUserDialog(room.$location.userId)" class="x-friend-item-border")
|
||
template(v-if="room.$location.user")
|
||
.avatar(:class="userStatusClass(room.$location.user)")
|
||
img(v-lazy="userImage(room.$location.user)")
|
||
.detail
|
||
span.name(v-text="room.$location.user.displayName" :class="room.$location.user.$trustColor")
|
||
span.extra Instance Creator
|
||
span(v-else v-text="room.$location.userId")
|
||
.x-friend-item(v-for="user in room.users" :key="user.id" @click="showUserDialog(user.id)" class="x-friend-item-border")
|
||
.avatar(:class="userStatusClass(user)")
|
||
img(v-lazy="userImage(user)")
|
||
.detail
|
||
span.name(v-text="user.displayName" :class="user.$trustColor")
|
||
span.extra
|
||
timer(:epoch="user.$location_at")
|
||
el-tab-pane(label="Info")
|
||
.x-friend-list(style="max-height:none")
|
||
div(style="width:100%;display:flex")
|
||
.x-friend-item(style="width:350px;cursor:default")
|
||
.detail
|
||
span.name World ID
|
||
span.extra {{ worldDialog.id }}
|
||
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
|
||
el-button(@click="copyWorld(worldDialog.id)" size="mini" icon="el-icon-s-order" style="margin-left:5px" circle)
|
||
.x-friend-item(v-if="worldDialog.ref.previewYoutubeId" style="width:350px" @click="openExternalLink(`https://www.youtube.com/watch?v=${worldDialog.ref.previewYoutubeId}`)")
|
||
.detail
|
||
span.name YouTube Preview
|
||
span.extra https://www.youtube.com/watch?v={{ worldDialog.ref.previewYoutubeId }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Players
|
||
span.extra {{ worldDialog.ref.occupants | commaNumber }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Favorites
|
||
span.extra {{ worldDialog.ref.favorites | commaNumber }}
|
||
| #[template(v-if="worldDialog.ref.favorites > 0 && worldDialog.ref.visits > 0") ({{ Math.round(((worldDialog.ref.favorites - worldDialog.ref.visits) / worldDialog.ref.visits * 100 + 100) * 100) / 100 }}%)]
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Visits
|
||
span.extra {{ worldDialog.ref.visits | commaNumber }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Capacity
|
||
span.extra {{ worldDialog.ref.capacity | commaNumber }} ({{ worldDialog.ref.capacity * 2 | commaNumber }})
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Heat
|
||
span.extra {{ worldDialog.ref.heat | commaNumber }} {{ '🔥'.repeat(worldDialog.ref.heat) }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Popularity
|
||
span.extra {{ worldDialog.ref.popularity | commaNumber }} {{ '💖'.repeat(worldDialog.ref.popularity) }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Created
|
||
span.extra {{ worldDialog.ref.created_at | formatDate('long') }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Last Updated
|
||
span.extra {{ worldDialog.fileCreatedAt | formatDate('long') }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Version
|
||
span.extra(v-text="worldDialog.ref.version")
|
||
.x-friend-item(style="width:525px;cursor:default")
|
||
.detail
|
||
span.name Platform
|
||
span.extra(v-text="worldDialogPlatform")
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Last Visit
|
||
span.extra {{ worldDialog.lastVisit | formatDate('long') }}
|
||
.x-friend-item(@click="showPreviousInstancesWorldDialog(worldDialog.ref)")
|
||
.detail
|
||
span.name Visit Count
|
||
span.extra(v-text="worldDialog.visitCount")
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Time Spent
|
||
span.extra(v-if="worldDialog.timeSpent === 0") -
|
||
span.extra(v-else) {{ worldDialog.timeSpent | timeToText }}
|
||
el-tab-pane(label="JSON")
|
||
el-button(type="default" @click="refreshWorldDialogTreeData()" size="mini" icon="el-icon-refresh" circle)
|
||
el-tree(:data="worldDialog.treeData" style="margin-top:5px;font-size:12px")
|
||
template(#default="scope")
|
||
span
|
||
span(v-text="scope.data.key" style="font-weight:bold;margin-right:5px")
|
||
span(v-if="!scope.data.children" v-text="scope.data.value")
|
||
|
||
//- dialog: avatar
|
||
el-dialog.x-dialog.x-avatar-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="avatarDialog" :visible.sync="avatarDialog.visible" :show-close="false" width="600px")
|
||
div(v-loading="avatarDialog.loading")
|
||
div(style="display:flex")
|
||
el-popover(placement="right" width="500px" trigger="click")
|
||
img.x-link(slot="reference" v-lazy="avatarDialog.ref.thumbnailImageUrl" style="flex:none;width:160px;height:120px;border-radius:4px")
|
||
img.x-link(v-lazy="avatarDialog.ref.imageUrl" style="width:500px;height:375px" @click="openExternalLink(avatarDialog.ref.imageUrl)")
|
||
div(style="flex:1;display:flex;align-items:center;margin-left:15px")
|
||
div(style="flex:1")
|
||
div
|
||
span(v-text="avatarDialog.ref.name" style="font-weight:bold")
|
||
div(style="margin-top:5px")
|
||
span.x-link(v-text="avatarDialog.ref.authorName" @click="showUserDialog(avatarDialog.ref.authorId)" style="color:#909399;font-family:monospace")
|
||
div(style="margin-top:5px")
|
||
el-tag(v-if="avatarDialog.ref.releaseStatus === 'public'" type="success" effect="plain" size="mini" style="margin-right:5px") Public
|
||
el-tag(v-else type="danger" effect="plain" size="mini" style="margin-right:5px") Private
|
||
el-tag(v-if="avatarDialog.isQuestFallback" type="info" effect="plain" size="mini" style="margin-right:5px") Fallback
|
||
el-tag(v-if="avatarDialog.fileSize" type="info" effect="plain" size="mini" v-text="avatarDialog.fileSize" style="margin-right:5px")
|
||
el-tag(v-if="avatarDialog.inCache" type="info" effect="plain" size="mini")
|
||
span(v-text="avatarDialog.cacheSize")
|
||
| Cache
|
||
div(style="margin-top:5px")
|
||
span(v-show="avatarDialog.ref.name !== avatarDialog.ref.description" v-text="avatarDialog.ref.description" style="font-size:12px")
|
||
div(style="flex:none;margin-left:10px")
|
||
el-tooltip(v-if="avatarDialog.inCache" placement="top" content="Delete avatar from cache" :disabled="hideTooltips")
|
||
el-button(icon="el-icon-delete" circle @click="deleteVRChatCache(avatarDialog.ref)" :disabled="isGameRunning && avatarDialog.cacheLocked")
|
||
el-tooltip(v-if="avatarDialog.isFavorite" placement="top" content="Remove from favorites" :disabled="hideTooltips")
|
||
el-button(type="warning" icon="el-icon-star-on" circle @click="avatarDialogCommand('Delete Favorite')" style="margin-left:5px")
|
||
el-tooltip(v-else placement="top" content="Add to favorites" :disabled="hideTooltips")
|
||
el-button(type="default" icon="el-icon-star-off" circle @click="avatarDialogCommand('Add Favorite')" style="margin-left:5px")
|
||
el-dropdown(trigger="click" @command="avatarDialogCommand" size="small" style="margin-left:5px")
|
||
el-button(type="default" icon="el-icon-more" circle)
|
||
el-dropdown-menu(#default="dropdown")
|
||
el-dropdown-item(icon="el-icon-refresh" command="Refresh") Refresh
|
||
el-dropdown-item(icon="el-icon-check" command="Select Avatar") Select Avatar
|
||
el-dropdown-item(v-if="/quest/.test(avatarDialog.ref.tags)" icon="el-icon-check" command="Select Fallback Avatar") Select Fallback Avatar
|
||
el-dropdown-item(v-if="avatarDialog.ref.authorId !== API.currentUser.id" icon="el-icon-picture-outline" command="Previous Images") Previous Images
|
||
template(v-if="avatarDialog.ref.authorId === API.currentUser.id")
|
||
el-dropdown-item(v-if="avatarDialog.ref.releaseStatus === 'public'" icon="el-icon-user-solid" command="Make Private" divided) Make Private
|
||
el-dropdown-item(v-else icon="el-icon-user" command="Make Public" divided) Make Public
|
||
el-dropdown-item(icon="el-icon-edit" command="Rename") Rename
|
||
el-dropdown-item(icon="el-icon-edit" command="Change Description") Change Description
|
||
el-dropdown-item(icon="el-icon-picture-outline" command="Change Image") Change Image
|
||
el-dropdown-item(v-if="avatarDialog.ref.unityPackageUrl" icon="el-icon-download" command="Download Unity Package") Download Unity Package
|
||
el-dropdown-item(icon="el-icon-user" command="Delete" style="color:#F56C6C" divided) Delete
|
||
el-tabs
|
||
el-tab-pane(label="Info")
|
||
.x-friend-list
|
||
.x-friend-item(style="width:100%;cursor:default")
|
||
.detail
|
||
span.name Avatar ID
|
||
span.extra {{ avatarDialog.id }}
|
||
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
|
||
el-button(@click="copyAvatar(avatarDialog.id)" size="mini" icon="el-icon-s-order" style="margin-left:5px" circle)
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Created
|
||
span.extra {{ avatarDialog.ref.created_at | formatDate('long') }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Last Updated
|
||
span.extra {{ avatarDialog.ref.updated_at | formatDate('long') }}
|
||
.x-friend-item(style="cursor:default")
|
||
.detail
|
||
span.name Version
|
||
span.extra(v-if="avatarDialog.ref.version !== 0" v-text="avatarDialog.ref.version")
|
||
span.extra(v-else) -
|
||
.x-friend-item(style="width:100%;cursor:default")
|
||
.detail
|
||
span.name Platform
|
||
span.extra(v-if="avatarDialogPlatform" v-text="avatarDialogPlatform")
|
||
span.extra(v-else) -
|
||
el-tab-pane(label="JSON")
|
||
el-button(type="default" @click="refreshAvatarDialogTreeData()" size="mini" icon="el-icon-refresh" circle)
|
||
el-tree(:data="avatarDialog.treeData" style="margin-top:5px;font-size:12px")
|
||
template(#default="scope")
|
||
span
|
||
span(v-text="scope.data.key" style="font-weight:bold;margin-right:5px")
|
||
span(v-if="!scope.data.children" v-text="scope.data.value")
|
||
|
||
//- dialog: favorite
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="favoriteDialog" :visible.sync="favoriteDialog.visible" title="Choose Group" width="300px")
|
||
div(v-loading="favoriteDialog.loading")
|
||
el-button(v-for="group in favoriteDialog.groups" :key="group.name" style="display:block;width:100%;margin:10px 0" @click="addFavorite(group)" :disabled="group.count >= group.capacity") {{ group.displayName }} ({{ group.count }} / {{ group.capacity }})
|
||
|
||
//- dialog: invite
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="inviteDialog" :visible.sync="inviteDialog.visible" title="Invite" width="450px")
|
||
div(v-loading="inviteDialog.loading")
|
||
location(:location="inviteDialog.worldId" :link="false")
|
||
el-select(v-model="inviteDialog.userIds" multiple clearable placeholder="Choose Friends" filterable :disabled="inviteDialog.loading" style="width:100%;margin-top:15px")
|
||
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")
|
||
.avatar(:class="userStatusClass(API.currentUser)")
|
||
img(v-lazy="userImage(API.currentUser)")
|
||
.detail
|
||
span.name(v-text="API.currentUser.displayName")
|
||
el-option-group(v-if="friendsGroup0.length" label="VIP")
|
||
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")
|
||
.avatar(:class="userStatusClass(friend.ref)")
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
span(v-else v-text="friend.id")
|
||
el-option-group(v-if="friendsGroup1.length" label="ONLINE")
|
||
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")
|
||
.avatar(:class="userStatusClass(friend.ref)")
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
span(v-else v-text="friend.id")
|
||
el-option-group(v-if="friendsGroup2.length" label="ACTIVE")
|
||
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")
|
||
.avatar
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
span(v-else v-text="friend.id")
|
||
template(#footer)
|
||
el-button(size="small" :disabled="inviteDialog.loading || !inviteDialog.userIds.length" @click="showSendInviteDialog()") Invite With Message
|
||
el-button(type="primary" size="small" :disabled="inviteDialog.loading || !inviteDialog.userIds.length" @click="sendInvite()") Invite
|
||
|
||
//- dialog: social status
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="socialStatusDialog" :visible.sync="socialStatusDialog.visible" title="Social Status" width="400px")
|
||
div(v-loading="socialStatusDialog.loading")
|
||
el-collapse(style="border:0")
|
||
el-collapse-item
|
||
template(slot="title")
|
||
span(style="font-size:16px") History
|
||
data-tables(v-bind="socialStatusHistoryTable" @row-click="setSocialStatusFromHistory" style="cursor:pointer")
|
||
el-table-column(label="No" prop="no" width="40")
|
||
el-table-column(label="Status" prop="status")
|
||
el-select(v-model="socialStatusDialog.status" style="dispaly:block;margin-top:10px")
|
||
el-option(label="Online" value="active").
|
||
#[i.x-user-status.online] Online
|
||
el-option(label="Join Me" value="join me").
|
||
#[i.x-user-status.joinme] Join Me
|
||
el-option(label="Ask Me" value="ask me").
|
||
#[i.x-user-status.askme] Ask Me
|
||
el-option(label="Do Not Disturb" value="busy").
|
||
#[i.x-user-status.busy] Do Not Disturb
|
||
el-option(v-if="API.currentUser.$isModerator" label="Offline" value="offline").
|
||
#[i.x-user-status.offline] Offline
|
||
el-input(v-model="socialStatusDialog.statusDescription" placeholder="Status" maxlength="32" show-word-limit style="dispaly:block;margin-top:10px")
|
||
template(#footer)
|
||
el-button(type="primary" size="small" :disabled="socialStatusDialog.loading" @click="saveSocialStatus") Update
|
||
|
||
//- dialog: language
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="languageDialog" :visible.sync="languageDialog.visible" title="Language" width="400px")
|
||
div(v-loading="languageDialog.loading")
|
||
div(style="margin:5px 0")
|
||
el-tag(v-for="item in API.currentUser.$languages" :key="item.key" size="small" type="info" effect="plain" closable @close="removeUserLanguage(item.key)" style="margin-right:5px")
|
||
span.famfamfam-flags(:class="languageClass(item.key)" style="display:inline-block;margin-right:5px")
|
||
| {{ item.value }} ({{ item.key }})
|
||
div(v-if="languageDialog.languageChoice === true")
|
||
el-select(v-model="languageDialog.languageValue" size="mini")
|
||
el-option(v-for="item in languageDialog.languages" :key="item.key" :value="item.key" :label="item.value")
|
||
span.famfamfam-flags(:class="languageClass(item.key)" style="display:inline-block;margin-right:5px")
|
||
| {{ item.value }} ({{ item.key }})
|
||
el-button(@click="languageDialog.languageChoice=false; addUserLanguage(languageDialog.languageValue)" size="mini") Ok
|
||
el-button(@click="languageDialog.languageChoice=false" size="mini" style="margin-left:0") Cancel
|
||
div(v-else)
|
||
el-button(@click="languageDialog.languageValue='';languageDialog.languageChoice=true" size="mini") Add Language
|
||
|
||
//- dialog: bio
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="bioDialog" :visible.sync="bioDialog.visible" title="Bio" width="400px")
|
||
div(v-loading="bioDialog.loading")
|
||
el-input(type="textarea" v-model="bioDialog.bio" size="mini" maxlength="512" show-word-limit :autosize="{ minRows:2, maxRows:5 }" placeholder="Please input a bio")
|
||
el-input(v-for="(link, index) in bioDialog.bioLinks" :key="index" :value="link" v-model="bioDialog.bioLinks[index]" size="small" style="margin-top:5px")
|
||
img(slot="prepend" :src="getFaviconUrl(link)" style="width:16px;height:16px")
|
||
el-button(slot="append" icon="el-icon-delete" @click="bioDialog.bioLinks.splice(index, 1)")
|
||
el-button(@click="bioDialog.bioLinks.push('')" size="mini" style="margin-top:5px") Add Link
|
||
template(#footer)
|
||
el-button(type="primary" size="small" :disabled="bioDialog.loading" @click="saveBio") Update
|
||
|
||
//- dialog: new instance
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="newInstanceDialog" :visible.sync="newInstanceDialog.visible" title="New Instance" width="600px")
|
||
el-form(:model="newInstanceDialog" label-width="130px")
|
||
el-form-item(label="Access Type")
|
||
el-radio-group(v-model="newInstanceDialog.accessType" size="mini" @change="buildInstance")
|
||
el-radio-button(label="public")
|
||
el-radio-button(label="friends+")
|
||
el-radio-button(label="friends")
|
||
el-radio-button(label="invite+")
|
||
el-radio-button(label="invite")
|
||
//- el-form-item(label="Strict" v-if="newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite'")
|
||
//- el-checkbox(v-model="newInstanceDialog.strict") Prevent non friends joining via URL/Instance ID
|
||
el-form-item(label="Region")
|
||
el-radio-group(v-model="newInstanceDialog.region" size="mini" @change="buildInstance")
|
||
el-radio-button(label="US West")
|
||
el-radio-button(label="US East")
|
||
el-radio-button(label="Europe")
|
||
el-radio-button(label="Japan")
|
||
el-form-item(label="World ID")
|
||
el-input(v-model="newInstanceDialog.worldId" size="mini" @click.native="$event.target.tagName === 'INPUT' && $event.target.select()")
|
||
el-form-item(label="Instance ID")
|
||
el-input(v-model="newInstanceDialog.instanceName" placeholder="Random" size="mini" @click.native="$event.target.tagName === 'INPUT' && $event.target.select()")
|
||
el-form-item(label="Instance Creator")
|
||
el-select(v-model="newInstanceDialog.userId" clearable placeholder="Choose User" filterable style="width:100%")
|
||
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")
|
||
.avatar(:class="userStatusClass(API.currentUser)")
|
||
img(v-lazy="userImage(API.currentUser)")
|
||
.detail
|
||
span.name(v-text="API.currentUser.displayName")
|
||
el-option-group(v-if="friendsGroup0.length" label="VIP")
|
||
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")
|
||
.avatar(:class="userStatusClass(friend.ref)")
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
span(v-else v-text="friend.id")
|
||
el-option-group(v-if="friendsGroup1.length" label="ONLINE")
|
||
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")
|
||
.avatar(:class="userStatusClass(friend.ref)")
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
span(v-else v-text="friend.id")
|
||
el-option-group(v-if="friendsGroup2.length" label="ACTIVE")
|
||
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")
|
||
.avatar
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
span(v-else v-text="friend.id")
|
||
el-option-group(v-if="friendsGroup2.length" label="OFFLINE")
|
||
el-option.x-friend-item(v-for="friend in friendsGroup3" :key="friend.id" :label="friend.name" :value="friend.id" style="height:auto")
|
||
template(v-if="friend.ref")
|
||
.avatar
|
||
img(v-lazy="userImage(friend.ref)")
|
||
.detail
|
||
span.name(v-text="friend.ref.displayName" :class="friend.ref.$trustColor")
|
||
span(v-else v-text="friend.id")
|
||
el-form-item(label="Location")
|
||
el-input(v-model="newInstanceDialog.location" size="mini" readonly @click.native="$event.target.tagName === 'INPUT' && $event.target.select()")
|
||
el-form-item(label="URL")
|
||
el-input(v-model="newInstanceDialog.url" size="mini" readonly @click.native="$event.target.tagName === 'INPUT' && $event.target.select()")
|
||
template(#footer)
|
||
el-button(size="small" @click="copyInstanceUrl(newInstanceDialog.url)") Copy URL
|
||
el-button(size="small" @click="selfInvite(newInstanceDialog.location)") Self Invite
|
||
el-button(size="small" @click="showInviteDialog(newInstanceDialog.location)" :disabled="(newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite') && newInstanceDialog.userId !== API.currentUser.id") Invite
|
||
el-button(type="primary" size="small" @click="showLaunchDialog(newInstanceDialog.location)") Launch
|
||
|
||
//- dialog: launch options
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="launchOptionsDialog" :visible.sync="launchOptionsDialog.visible" title="Launch Options" width="500px")
|
||
div(style="font-size:12px")
|
||
| These options are for advanced users only. #[br]
|
||
| to change max fps: --fps=<N> e.g.) #[el-tag(size="mini") --fps=144]
|
||
el-input(type="textarea" v-model="launchOptionsDialog.launchArguments" size="mini" show-word-limit :autosize="{ minRows:2, maxRows:5 }" placeholder="" style="margin-top:10px")
|
||
div(style="font-size:12px;margin-top:10px")
|
||
| VRChat Path Override
|
||
el-input(type="textarea" v-model="launchOptionsDialog.vrcLaunchPathOverride" placeholder="C:\\Program Files (x86)\\Steam\\steamapps\\common\\VRChat" :rows="1" style="dispaly:block;margin-top:10px")
|
||
template(#footer)
|
||
div(style="display:flex")
|
||
el-button(size="small" @click="openExternalLink('https://docs.vrchat.com/docs/launch-options')") VRChat Docs
|
||
el-button(size="small" @click="openExternalLink('https://docs.unity3d.com/Manual/CommandLineArguments.html')") Unity Manual
|
||
el-button(type="primary" size="small" :disabled="launchOptionsDialog.loading" @click="updateLaunchOptions" style="margin-left:auto") Save
|
||
|
||
//- dialog: VRChat Config JSON
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="VRChatConfigDialog" :visible.sync="VRChatConfigDialog.visible" title="VRChat Config JSON" width="420px")
|
||
div(style='font-size:12px;word-break:keep-all')
|
||
| These options are for advanced users only. #[br]
|
||
| Leave field empty to set as default, game restart required to apply settings.
|
||
br
|
||
span Cache Size:
|
||
span(v-text="VRChatUsedCacheSize")
|
||
span /
|
||
span(v-text="VRChatTotalCacheSize")
|
||
span GB
|
||
el-tooltip(placement="top" content="Refresh" :disabled="hideTooltips")
|
||
el-button(type="default" :loading="VRChatCacheSizeLoading" @click="getVRChatCacheSize" size="small" icon="el-icon-refresh" circle style="margin-left:5px")
|
||
br
|
||
span Delete all cache
|
||
el-button(size="small" style="margin-left:5px" icon="el-icon-delete" @click="showDeleteAllVRChatCacheConfirm()") Delete Cache
|
||
br
|
||
span Delete old versions from cache
|
||
el-button(size="small" style="margin-left:5px" icon="el-icon-folder-delete" @click="sweepVRChatCache()") Sweep Cache
|
||
br
|
||
div(style="display:inline-block;margin-top:10px" v-for="(item, value) in VRChatConfigList" :key="value")
|
||
span(v-text="item.name" style="word-break:keep-all")
|
||
|:
|
||
el-input(v-model="VRChatConfigFile[value]" :placeholder="item.default" size="mini" :type="item.type?item.type:'text'" :min="item.min" :max="item.max")
|
||
div(style="display:inline-block;margin-top:10px")
|
||
span Camera Resolution
|
||
br
|
||
el-dropdown(@command="(command) => setVRChatCameraResolution(command)" size="small" trigger="click" style="margin-top:5px")
|
||
el-button(size="small")
|
||
span #[span(v-text="getVRChatCameraResolution()")] #[i.el-icon-arrow-down.el-icon--right]
|
||
el-dropdown-menu(#default="dropdown")
|
||
el-dropdown-item(v-for="row in VRChatResolutions" :key="row.index" v-text="row.name" :command="row")
|
||
div(style="display:inline-block;margin-top:10px;margin-left:10px")
|
||
span Screenshot Resolution
|
||
br
|
||
el-dropdown(@command="(command) => setVRChatScreenshotResolution(command)" size="small" trigger="click" style="margin-top:5px")
|
||
el-button(size="small")
|
||
span #[span(v-text="getVRChatScreenshotResolution()")] #[i.el-icon-arrow-down.el-icon--right]
|
||
el-dropdown-menu(#default="dropdown")
|
||
el-dropdown-item(v-for="row in VRChatResolutions" :key="row.index" v-text="row.name" :command="row")
|
||
el-checkbox(v-model="VRChatConfigFile.disableRichPresence" style="margin-top:5px;display:block") Disable Discord Rich Presence
|
||
template(#footer)
|
||
el-button(size="small" @click="openExternalLink('https://docs.vrchat.com/docs/configuration-file')") VRChat Docs
|
||
el-button(size="small" @click="VRChatConfigDialog.visible = false") Cancel
|
||
el-button(type="primary" size="small" :disabled="VRChatConfigDialog.loading" @click="saveVRChatConfigFile") Save
|
||
|
||
//- dialog: YouTube Api Dialog
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="youTubeApiDialog" :visible.sync="youTubeApiDialog.visible" title="YouTube API" width="400px")
|
||
div(style='font-size:12px;')
|
||
| Enter your YouTube API Key (optional) #[br]
|
||
el-input(type="textarea" v-model="youTubeApiKey" placeholder="YouTube API Key" maxlength="39" show-word-limit style="dispaly:block;margin-top:10px")
|
||
template(#footer)
|
||
div(style="display:flex")
|
||
el-button(size="small" @click="openExternalLink('https://rapidapi.com/blog/how-to-get-youtube-api-key/')") Guide
|
||
el-button(type="primary" size="small" @click="testYouTubeApiKey" style="margin-left:auto") Save
|
||
|
||
//- dialog: Set World Tags
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="setWorldTagsDialog" :visible.sync="setWorldTagsDialog.visible" title="Set World Tags" width="400px")
|
||
el-checkbox(v-model="setWorldTagsDialog.debugAllowed") Enable world debugging for others
|
||
div(style='font-size:12px;margin-top:10px')
|
||
| Enter tags comma separated #[br]
|
||
el-input(type="textarea" v-model="setWorldTagsDialog.tags" size="mini" show-word-limit :autosize="{ minRows:2, maxRows:5 }" placeholder="" style="margin-top:10px")
|
||
template(#footer)
|
||
div(style="display:flex")
|
||
el-button(size="small" @click="setWorldTagsDialog.visible = false") Cancel
|
||
el-button(type="primary" size="small" @click="saveSetWorldTagsDialog") Save
|
||
|
||
//- dialog: Cache Download
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="downloadDialog" :visible.sync="downloadDialog.visible" title="Download History" width="770px")
|
||
div(v-if="downloadInProgress && downloadCurrent.ref")
|
||
span(v-text="downloadCurrent.ref.name")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click="cancelDownload(downloadCurrent.id)" style="margin-left:5px")
|
||
el-progress(:percentage="downloadProgress" :format="downloadProgressText")
|
||
template(v-if="downloadQueueTable.data.length >= 1")
|
||
span(style="margin-top:15px") Queue:
|
||
data-tables(v-bind="downloadQueueTable" style="margin-top:10px")
|
||
el-table-column(label="Name" prop="name")
|
||
el-table-column(label="Type" prop="type" width="70")
|
||
el-table-column(label="Cancel" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click="cancelDownload(scope.row.ref.id)")
|
||
span(style="margin-top:15px") History:
|
||
data-tables(v-bind="downloadHistoryTable" style="margin-top:10px")
|
||
el-table-column(label="Time" prop="date" width="90")
|
||
template(v-once #default="scope")
|
||
timer(:epoch="scope.row.date")
|
||
el-table-column(label="Name" prop="name")
|
||
template(v-once #default="scope")
|
||
template(v-if="scope.row.ref.id === 'VRCXUpdate'")
|
||
el-button(size="small" @click="showVRCXUpdateDialog") VRCX Update
|
||
template(v-else)
|
||
span(v-text="scope.row.ref.name")
|
||
el-table-column(label="Type" prop="type" width="70")
|
||
el-table-column(label="Status" prop="status" width="80")
|
||
template(#footer)
|
||
el-button(v-if="downloadQueue.size >= 1" size="small" @click="cancelAllDownloads") Cancel All
|
||
el-button(size="small" @click="downloadDialog.visible = false") Close
|
||
|
||
//- dialog: update VRCX
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="VRCXUpdateDialog" :visible.sync="VRCXUpdateDialog.visible" title="VRCX Updater" width="400px")
|
||
div(v-loading="checkingForVRCXUpdate" style="margin-top:15px")
|
||
template(v-if="VRCXUpdateDialog.updatePending")
|
||
span Update ready for install, restart VRCX to apply.
|
||
template(v-else)
|
||
el-select(v-model="branch" @change="loadBranchVersions" style="display:inline-block;width:150px;margin-right:15px")
|
||
el-option(v-once v-for="branch in branches" :key="branch.name" :label="branch.name" :value="branch.name")
|
||
el-select(v-model="VRCXUpdateDialog.release" style="display:inline-block;width:150px")
|
||
el-option(v-for="item in VRCXUpdateDialog.releases" :key="item.name" :label="item.tag_name" :value="item.name")
|
||
template(v-if="!VRCXUpdateDialog.updatePending && VRCXUpdateDialog.release === appVersion")
|
||
br
|
||
span VRCX is up to date.
|
||
template(#footer)
|
||
el-button(v-if="!VRCXUpdateDialog.updatePending && VRCXUpdateDialog.release !== appVersion" type="primary" size="small" @click="installVRCXUpdate") Download
|
||
el-button(v-if="VRCXUpdateDialog.updatePending" type="primary" size="small" @click="restartVRCX") Install
|
||
|
||
//- dialog: launch
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="launchDialog" :visible.sync="launchDialog.visible" title="Launch" width="400px")
|
||
div #[span(v-text="launchDialog.shortUrl" style="word-break:break-all;font-size:12px")]
|
||
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
|
||
el-button(v-if="launchDialog.shortUrl" @click="copyInstanceUrl(launchDialog.shortUrl)" size="mini" icon="el-icon-s-order" style="margin-left:5px" circle)
|
||
div(style="margin-top:10px") #[span(v-text="launchDialog.url" style="word-break:break-all;font-size:12px")]
|
||
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
|
||
el-button(@click="copyInstanceUrl(launchDialog.url)" size="mini" icon="el-icon-s-order" style="margin-left:5px" circle)
|
||
template(#footer)
|
||
el-checkbox(v-model="launchDialog.desktop" style="float:left;margin-top:5px") Start as Desktop (No VR)
|
||
el-button(size="small" @click="showInviteDialog(launchDialog.location)" :disabled="checkCanInvite(launchDialog.location)") Invite
|
||
el-button(type="primary" size="small" @click="launchGame(locationToLaunchArg(launchDialog.location))") Launch
|
||
|
||
//- dialog: export friends list
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" :visible.sync="exportFriendsListDialog" title="Export Friends List" width="650px")
|
||
el-input(type="textarea" v-model="exportFriendsListContent" size="mini" rows="15" resize="none" readonly style="margin-top:15px" @click.native="$event.target.tagName === 'TEXTAREA' && $event.target.select()")
|
||
|
||
//- dialog: export avatars list
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" :visible.sync="exportAvatarsListDialog" title="Export Own Avatars" width="650px")
|
||
el-input(type="textarea" v-model="exportAvatarsListContent" size="mini" rows="15" resize="none" readonly style="margin-top:15px" @click.native="$event.target.tagName === 'TEXTAREA' && $event.target.select()")
|
||
|
||
//- dialog: Discord username list
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" :visible.sync="discordNamesDialogVisible" title="Discord Names" width="650px")
|
||
div(style='font-size:12px;')
|
||
| Click load missing entries in the Friends List tab to search entire friends list
|
||
el-input(type="textarea" v-model="discordNamesContent" size="mini" rows="15" resize="none" readonly style="margin-top:15px")
|
||
|
||
//- dialog: Notification position
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="notificationPositionDialog" :visible.sync="notificationPositionDialog.visible" title="Notification Position" width="400px")
|
||
div(style='font-size:12px;')
|
||
| Choose a notification position.
|
||
svg(version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 200" style="margin-top:15px;" xml:space="preserve")
|
||
path(style="fill:black;" d="M291.89,5A3.11,3.11,0,0,1,295,8.11V160.64a3.11,3.11,0,0,1-3.11,3.11H8.11A3.11,3.11,0,0,1,5,160.64V8.11A3.11,3.11,0,0,1,8.11,5H291.89m0-5H8.11A8.11,8.11,0,0,0,0,8.11V160.64a8.11,8.11,0,0,0,8.11,8.11H291.89a8.11,8.11,0,0,0,8.11-8.11V8.11A8.11,8.11,0,0,0,291.89,0Z")
|
||
rect(style="fill:#c4c4c4;" x="5" y="5" width="290" height="158.75" rx="2.5")
|
||
el-radio-group(v-model="notificationPosition" size="mini" @change="changeNotificationPosition")
|
||
el-radio(label="topLeft" v-model="notificationPosition" style="margin:0;position:absolute;left:35px;top:120px;")
|
||
el-radio(label="top" v-model="notificationPosition" style="margin:0;position:absolute;left:195px;top:120px;")
|
||
el-radio(label="topRight" v-model="notificationPosition" style="margin:0;position:absolute;right:25px;top:120px;")
|
||
el-radio(label="centerLeft" v-model="notificationPosition" style="margin:0;position:absolute;left:35px;top:200px;")
|
||
el-radio(label="center" v-model="notificationPosition" style="margin:0;position:absolute;left:195px;top:200px;")
|
||
el-radio(label="centerRight" v-model="notificationPosition" style="margin:0;position:absolute;right:25px;top:200px;")
|
||
el-radio(label="bottomLeft" v-model="notificationPosition" style="margin:0;position:absolute;left:35px;top:280px;")
|
||
el-radio(label="bottom" v-model="notificationPosition" style="margin:0;position:absolute;left:195px;top:280px;")
|
||
el-radio(label="bottomRight" v-model="notificationPosition" style="margin:0;position:absolute;right:25px;top:280px;")
|
||
template(#footer)
|
||
div(style="display:flex")
|
||
el-button(type="primary" size="small" style="margin-left:auto" @click="notificationPositionDialog.visible = false") OK
|
||
|
||
//- dialog: Noty feed filters
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="notyFeedFiltersDialog" :visible.sync="notyFeedFiltersDialog.visible" title="Notification Filters" width="500px")
|
||
.toggle-list
|
||
.toggle-item
|
||
span.toggle-name OnPlayerJoining
|
||
el-radio-group(v-model="sharedFeedFilters.noty.OnPlayerJoining" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name OnPlayerJoined
|
||
el-radio-group(v-model="sharedFeedFilters.noty.OnPlayerJoined" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name OnPlayerLeft
|
||
el-radio-group(v-model="sharedFeedFilters.noty.OnPlayerLeft" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Online
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Online" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Offline
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Offline" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name GPS
|
||
el-radio-group(v-model="sharedFeedFilters.noty.GPS" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Status
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Status" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Invite
|
||
el-radio-group(v-model="sharedFeedFilters.noty.invite" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Request Invite
|
||
el-radio-group(v-model="sharedFeedFilters.noty.requestInvite" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Invite Response
|
||
el-radio-group(v-model="sharedFeedFilters.noty.inviteResponse" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Request Invite Response
|
||
el-radio-group(v-model="sharedFeedFilters.noty.requestInviteResponse" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Friend Request
|
||
el-radio-group(v-model="sharedFeedFilters.noty.friendRequest" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name New Friend
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Friend" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Unfriend
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Unfriend" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Display Name
|
||
el-radio-group(v-model="sharedFeedFilters.noty.DisplayName" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Trust Level
|
||
el-radio-group(v-model="sharedFeedFilters.noty.TrustLevel" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Portal Spawn
|
||
el-tooltip(placement="top" style="margin-left:5px" content="Requires '--enable-sdk-log-levels' steam launch option (click for more info)")
|
||
i.el-icon-warning(style="cursor:pointer" @click="openExternalLink(recommendedSteamParams)")
|
||
el-radio-group(v-model="sharedFeedFilters.noty.PortalSpawn" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Video Play
|
||
el-tooltip(placement="top" style="margin-left:5px" content="Requires VRCX YouTube API option enabled")
|
||
i.el-icon-warning
|
||
el-radio-group(v-model="sharedFeedFilters.noty.VideoPlay" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Events
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Event" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Blocked Player Joins
|
||
el-radio-group(v-model="sharedFeedFilters.noty.BlockedOnPlayerJoined" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Blocked Player Leaves
|
||
el-radio-group(v-model="sharedFeedFilters.noty.BlockedOnPlayerLeft" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Muted Player Joins
|
||
el-radio-group(v-model="sharedFeedFilters.noty.MutedOnPlayerJoined" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Muted Player Leaves
|
||
el-radio-group(v-model="sharedFeedFilters.noty.MutedOnPlayerLeft" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
template(v-if="photonLoggingEnabled")
|
||
br
|
||
.toggle-item
|
||
span.toggle-name Photon Event Logging
|
||
.toggle-item
|
||
span.toggle-name Lobby Avatar Change
|
||
el-radio-group(v-model="sharedFeedFilters.noty.AvatarChange" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Blocked
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Blocked" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Unblocked
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Unblocked" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Muted
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Muted" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Unmuted
|
||
el-radio-group(v-model="sharedFeedFilters.noty.Unmuted" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelSharedFeedFilters") Cancel
|
||
el-button(type="primary" size="small" style="margin-left:10px" @click="saveSharedFeedFilters") Save
|
||
|
||
//- dialog: wrist feed filters
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="wristFeedFiltersDialog" :visible.sync="wristFeedFiltersDialog.visible" title="Wrist Feed Filters" width="500px")
|
||
.toggle-list
|
||
.toggle-item
|
||
span.toggle-name Self Location
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Location" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name OnPlayerJoining
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.OnPlayerJoining" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name OnPlayerJoined
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.OnPlayerJoined" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name OnPlayerLeft
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.OnPlayerLeft" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Online
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Online" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Offline
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Offline" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name GPS
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.GPS" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Status
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Status" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Invite
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.invite" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Request Invite
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.requestInvite" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Invite Response
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.inviteResponse" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Request Invite Response
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.requestInviteResponse" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Friend Request
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.friendRequest" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name New Friend
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Friend" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Unfriend
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Unfriend" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Display Name
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.DisplayName" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Trust Level
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.TrustLevel" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
.toggle-item
|
||
span.toggle-name Portal Spawn
|
||
el-tooltip(placement="top" style="margin-left:5px" content="Requires '--enable-sdk-log-levels' steam launch option (click for more info)")
|
||
i.el-icon-warning(style="cursor:pointer" @click="openExternalLink(recommendedSteamParams)")
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.PortalSpawn" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Video Play
|
||
el-tooltip(placement="top" style="margin-left:5px" content="Requires VRCX YouTube API option enabled")
|
||
i.el-icon-warning
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.VideoPlay" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Events
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Event" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Blocked Player Joins
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.BlockedOnPlayerJoined" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Blocked Player Leaves
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.BlockedOnPlayerLeft" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Muted Player Joins
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.MutedOnPlayerJoined" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Muted Player Leaves
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.MutedOnPlayerLeft" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
template(v-if="photonLoggingEnabled")
|
||
br
|
||
.toggle-item
|
||
span.toggle-name Photon Event Logging
|
||
.toggle-item
|
||
span.toggle-name Lobby Avatar Change
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.AvatarChange" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="VIP")
|
||
el-radio-button(label="Friends")
|
||
el-radio-button(label="Everyone")
|
||
.toggle-item
|
||
span.toggle-name Blocked
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Blocked" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Unblocked
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Unblocked" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Muted
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Muted" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
.toggle-item
|
||
span.toggle-name Unmuted
|
||
el-radio-group(v-model="sharedFeedFilters.wrist.Unmuted" size="mini")
|
||
el-radio-button(label="Off")
|
||
el-radio-button(label="On")
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelSharedFeedFilters") Cancel
|
||
el-button(type="primary" size="small" @click="saveSharedFeedFilters") Save
|
||
|
||
//- dialog: Edit Invite Message
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="editInviteMessageDialog" :visible.sync="editInviteMessageDialog.visible" title="Edit Invite Message" width="400px")
|
||
div(style='font-size:12px')
|
||
span 1 hour edit cool down time.
|
||
el-input(type="textarea" v-model="editInviteMessageDialog.newMessage" size="mini" maxlength="64" show-word-limit :autosize="{ minRows:2, maxRows:5 }" placeholder="" style="margin-top:10px")
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelEditInviteMessage") Cancel
|
||
el-button(type="primary" size="small" @click="saveEditInviteMessage") Save
|
||
|
||
//- dialog: Edit And Send Invite Response Message
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="editAndSendInviteResponseDialog" :visible.sync="editAndSendInviteResponseDialog.visible" title="Edit and Send Invite Message" width="400px")
|
||
div(style='font-size:12px')
|
||
span 1 hour edit cool down time.
|
||
el-input(type="textarea" v-model="editAndSendInviteResponseDialog.newMessage" size="mini" maxlength="64" show-word-limit :autosize="{ minRows:2, maxRows:5 }" placeholder="" style="margin-top:10px")
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelEditAndSendInviteResponse") Cancel
|
||
el-button(type="primary" size="small" @click="saveEditAndSendInviteResponse") Send
|
||
|
||
//- dialog Table: Send Invite Response Message
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="sendInviteResponseDialog" :visible.sync="sendInviteResponseDialogVisible" title="Send Invite Response Message" width="800px")
|
||
template(v-if="API.currentUser.$isVRCPlus")
|
||
input.inviteImageUploadButton(type="file" accept="image/png" @change="inviteImageUpload")
|
||
data-tables(v-bind="inviteResponseMessageTable" @row-click="showSendInviteResponseConfirmDialog" style="margin-top:10px;cursor:pointer")
|
||
el-table-column(label="Slot" prop="slot" sortable="custom" width="70")
|
||
el-table-column(label="Message" prop="message")
|
||
el-table-column(label="Cool Down" prop="updatedAt" sortable="custom" width="110" align="right")
|
||
template(v-once #default="scope")
|
||
countdown-timer(:datetime="scope.row.updatedAt" :hours="1")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-edit" size="mini" @click="showEditAndSendInviteResponseDialog('response', scope.row)")
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelSendInviteResponse") Cancel
|
||
el-button(type="small" @click="API.refreshInviteMessageTableData('response')") Refresh
|
||
|
||
//- dialog Table: Send Invite Request Response Message
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="sendInviteRequestResponseDialog" :visible.sync="sendInviteRequestResponseDialogVisible" title="Send Invite Request Response Message" width="800px")
|
||
template(v-if="API.currentUser.$isVRCPlus")
|
||
input.inviteImageUploadButton(type="file" accept="image/png" @change="inviteImageUpload")
|
||
data-tables(v-bind="inviteRequestResponseMessageTable" @row-click="showSendInviteResponseConfirmDialog" style="margin-top:10px;cursor:pointer")
|
||
el-table-column(label="Slot" prop="slot" sortable="custom" width="70")
|
||
el-table-column(label="Message" prop="message")
|
||
el-table-column(label="Cool Down" prop="updatedAt" sortable="custom" width="110" align="right")
|
||
template(v-once #default="scope")
|
||
countdown-timer(:datetime="scope.row.updatedAt" :hours="1")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-edit" size="mini" @click="showEditAndSendInviteResponseDialog('requestResponse', scope.row)")
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelSendInviteRequestResponse") Cancel
|
||
el-button(type="small" @click="API.refreshInviteMessageTableData('requestResponse')") Refresh
|
||
|
||
//- dialog: Send Invite Response Message Confirm
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="sendInviteResponseConfirmDialog" :visible.sync="sendInviteResponseConfirmDialog.visible" title="Send Invite Response Message" width="400px")
|
||
div(style='font-size:12px')
|
||
span Are you sure you want to send?
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelInviteResponseConfirm") Cancel
|
||
el-button(type="primary" size="small" @click="sendInviteResponseConfirm") Confirm
|
||
|
||
//- dialog Table: Send Invite Message
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="sendInviteDialog" :visible.sync="sendInviteDialogVisible" title="Send Invite Message" width="800px")
|
||
template(v-if="API.currentUser.$isVRCPlus")
|
||
input.inviteImageUploadButton(type="file" accept="image/png" @change="inviteImageUpload")
|
||
data-tables(v-bind="inviteMessageTable" @row-click="showSendInviteConfirmDialog" style="margin-top:10px;cursor:pointer")
|
||
el-table-column(label="Slot" prop="slot" sortable="custom" width="70")
|
||
el-table-column(label="Message" prop="message")
|
||
el-table-column(label="Cool Down" prop="updatedAt" sortable="custom" width="110" align="right")
|
||
template(v-once #default="scope")
|
||
countdown-timer(:datetime="scope.row.updatedAt" :hours="1")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-edit" size="mini" @click="showEditAndSendInviteDialog('message', scope.row)")
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelSendInvite") Cancel
|
||
el-button(type="small" @click="API.refreshInviteMessageTableData('message')") Refresh
|
||
|
||
//- dialog Table: Send Invite Request Message
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="sendInviteRequestDialog" :visible.sync="sendInviteRequestDialogVisible" title="Send Invite Request Message" width="800px")
|
||
template(v-if="API.currentUser.$isVRCPlus")
|
||
input.inviteImageUploadButton(type="file" accept="image/png" @change="inviteImageUpload")
|
||
data-tables(v-bind="inviteRequestMessageTable" @row-click="showSendInviteConfirmDialog" style="margin-top:10px;cursor:pointer")
|
||
el-table-column(label="Slot" prop="slot" sortable="custom" width="70")
|
||
el-table-column(label="Message" prop="message")
|
||
el-table-column(label="Cool Down" prop="updatedAt" sortable="custom" width="110" align="right")
|
||
template(v-once #default="scope")
|
||
countdown-timer(:datetime="scope.row.updatedAt" :hours="1")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-edit" size="mini" @click="showEditAndSendInviteDialog('request', scope.row)")
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelSendInviteRequest") Cancel
|
||
el-button(type="small" @click="API.refreshInviteMessageTableData('request')") Refresh
|
||
|
||
//- dialog: Send Invite Message Confirm
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="sendInviteConfirmDialog" :visible.sync="sendInviteConfirmDialog.visible" title="Send Invite Message" width="400px")
|
||
div(style='font-size:12px')
|
||
span Are you sure you want to send?
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelInviteConfirm") Cancel
|
||
el-button(type="primary" size="small" @click="sendInviteConfirm") Confirm
|
||
|
||
//- dialog: Edit And Send Invite Message
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="editAndSendInviteDialog" :visible.sync="editAndSendInviteDialog.visible" title="Edit and Send Invite Message" width="400px")
|
||
div(style='font-size:12px')
|
||
span 1 hour edit cool down time.
|
||
el-input(type="textarea" v-model="editAndSendInviteDialog.newMessage" size="mini" maxlength="64" show-word-limit :autosize="{ minRows:2, maxRows:5 }" placeholder="" style="margin-top:10px")
|
||
template(#footer)
|
||
el-button(type="small" @click="cancelEditAndSendInvite") Cancel
|
||
el-button(type="primary" size="small" @click="saveEditAndSendInvite") Send
|
||
|
||
//- dialog: Change avatar image
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="changeAvatarImageDialog" :visible.sync="changeAvatarImageDialogVisible" title="Change Avatar Image" width="800px")
|
||
div(v-loading="changeAvatarImageDialogLoading")
|
||
input(type="file" accept="image/*" @change="onFileChangeAvatarImage" id="AvatarImageUploadButton" style="display:none")
|
||
el-button-group(style="padding-bottom:10px")
|
||
el-button(type="default" size="small" @click="displayPreviousImages('Avatar', 'Change')" icon="el-icon-refresh") Refresh
|
||
el-button(type="default" size="small" @click="uploadAvatarImage" icon="el-icon-upload2") Upload Image (1200x900)
|
||
//- el-button(type="default" size="small" @click="deleteAvatarImage" icon="el-icon-delete") Delete Latest Image
|
||
br
|
||
div(style="display:inline-block" v-for="image in previousImagesTable" :key="image.version" v-if="image.file")
|
||
.x-change-image-item(@click="setAvatarImage(image)" style="cursor:pointer" :class="{ 'current-image': compareCurrentImage(image) }")
|
||
img.image(v-lazy="image.file.url")
|
||
|
||
//- dialog: Change world image
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="changeWorldImageDialog" :visible.sync="changeWorldImageDialogVisible" title="Change World Image" width="800px")
|
||
div(v-loading="changeWorldImageDialogLoading")
|
||
input(type="file" accept="image/*" @change="onFileChangeWorldImage" id="WorldImageUploadButton" style="display:none")
|
||
el-button-group(style="padding-bottom:10px")
|
||
el-button(type="default" size="small" @click="displayPreviousImages('World', 'Change')" icon="el-icon-refresh") Refresh
|
||
el-button(type="default" size="small" @click="uploadWorldImage" icon="el-icon-upload2") Upload Image (1200x900)
|
||
//- el-button(type="default" size="small" @click="deleteWorldImage" icon="el-icon-delete") Delete Latest Image
|
||
br
|
||
div(style="display:inline-block" v-for="image in previousImagesTable" :key="image.version" v-if="image.file")
|
||
.x-change-image-item(@click="setWorldImage(image)" style="cursor:pointer" :class="{ 'current-image': compareCurrentImage(image) }")
|
||
img.image(v-lazy="image.file.url")
|
||
|
||
//- dialog: Display previous avatar/world images
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="previousImagesDialog" :visible.sync="previousImagesDialogVisible" title="Previous Images" width="800px")
|
||
div
|
||
div(style="display:inline-block" v-for="image in previousImagesTable" :key="image.version" v-if="image.file")
|
||
el-popover.x-change-image-item(placement="right" width="500px" trigger="click")
|
||
img.x-link(slot="reference" v-lazy="image.file.url")
|
||
img.x-link(v-lazy="image.file.url" style="width:500px;height:375px" @click="openExternalLink(image.file.url)")
|
||
|
||
//- dialog: Gallery/VRCPlusIcons
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="galleryDialog" :visible.sync="galleryDialogVisible" title="Gallery and Icons" width="100%")
|
||
el-tabs(type="card")
|
||
el-tab-pane(v-loading="galleryDialogGalleryLoading")
|
||
span(slot="label") Gallery
|
||
span(style="color:#909399;font-size:12px;margin-left:5px") {{ galleryTable.length }}/64
|
||
input(type="file" accept="image/*" @change="onFileChangeGallery" id="GalleryUploadButton" style="display:none")
|
||
el-button-group
|
||
el-button(type="default" size="small" @click="refreshGalleryTable" icon="el-icon-refresh") Refresh
|
||
el-button(type="default" size="small" @click="displayGalleryUpload" icon="el-icon-upload2" :disabled="!API.currentUser.$isVRCPlus") Upload
|
||
el-button(type="default" size="small" @click="setProfilePicOverride('')" icon="el-icon-close" :disabled="!API.currentUser.profilePicOverride") Clear
|
||
br
|
||
.x-friend-item(v-for="image in galleryTable" :key="image.id" style="display:inline-block;margin-top:10px;width:unset;cursor:default")
|
||
.vrcplus-icon(v-if="image.versions[1].file.url" @click="setProfilePicOverride(image.id)" :class="{ 'current-vrcplus-icon': compareCurrentProfilePic(image.id) }")
|
||
img.avatar(v-lazy="image.versions[1].file.url")
|
||
div(style="float:right;margin-top:5px")
|
||
el-button(type="default" @click="openExternalLink(image.versions[1].file.url)" size="mini" icon="el-icon-paperclip" circle)
|
||
el-button(type="default" @click="deleteGalleryImage(image.id)" size="mini" icon="el-icon-delete" circle style="margin-left:5px")
|
||
el-tab-pane(v-loading="galleryDialogIconsLoading")
|
||
span(slot="label") Icons
|
||
span(style="color:#909399;font-size:12px;margin-left:5px") {{ VRCPlusIconsTable.length }}/64
|
||
input(type="file" accept="image/*" @change="onFileChangeVRCPlusIcon" id="VRCPlusIconUploadButton" style="display:none")
|
||
el-button-group
|
||
el-button(type="default" size="small" @click="refreshVRCPlusIconsTable" icon="el-icon-refresh") Refresh
|
||
el-button(type="default" size="small" @click="displayVRCPlusIconUpload" icon="el-icon-upload2" :disabled="!API.currentUser.$isVRCPlus") Upload
|
||
el-button(type="default" size="small" @click="setVRCPlusIcon('')" icon="el-icon-close" :disabled="!API.currentUser.userIcon") Clear
|
||
br
|
||
.x-friend-item(v-for="image in VRCPlusIconsTable" :key="image.id" style="display:inline-block;margin-top:10px;width:unset;cursor:default")
|
||
.vrcplus-icon(v-if="image.versions[1].file.url" @click="setVRCPlusIcon(image.id)" :class="{ 'current-vrcplus-icon': compareCurrentVRCPlusIcon(image.id) }")
|
||
img.avatar(v-lazy="image.versions[1].file.url")
|
||
div(style="float:right;margin-top:5px")
|
||
el-button(type="default" @click="openExternalLink(image.versions[1].file.url)" size="mini" icon="el-icon-paperclip" circle)
|
||
el-button(type="default" @click="deleteVRCPlusIcon(image.id)" size="mini" icon="el-icon-delete" circle style="margin-left:5px")
|
||
|
||
//- dialog Table: Previous Instances User
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="previousInstancesUserDialog" :visible.sync="previousInstancesUserDialog.visible" title="Previous Instances" width="800px")
|
||
span(v-text="previousInstancesUserDialog.userRef.displayName" style="font-size:14px")
|
||
el-input(v-model="previousInstancesUserDialogTable.filters[0].value" placeholder="Search" style="display:block;width:150px;margin-top:15px")
|
||
data-tables(v-bind="previousInstancesUserDialogTable" v-loading="previousInstancesUserDialog.loading" style="margin-top:10px")
|
||
el-table-column(label="Date" prop="created_at" sortable width="110")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="left")
|
||
template(#content)
|
||
span {{ scope.row.created_at | formatDate('long') }}
|
||
span {{ scope.row.created_at | formatDate('short') }}
|
||
el-table-column(label="World" prop="name" sortable)
|
||
template(v-once #default="scope")
|
||
location(:location="scope.row.location" :hint="scope.row.name")
|
||
el-table-column(label="Instance Creator" prop="location" width="160")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-text="getDisplayNameFromUserId(scope.row.$location.userId)" @click="showUserDialog(scope.row.$location.userId)" style="cursor:pointer")
|
||
el-table-column(label="Time" prop="time" width="90" sortable)
|
||
template(v-once #default="scope")
|
||
span(v-text="scope.row.timer")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-info" size="mini" @click="showLaunchDialog(scope.row.location)")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click="confirmDeleteGameLogUserInstance(scope.row)")
|
||
|
||
//- dialog Table: Previous Instances World
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="previousInstancesWorldDialog" :visible.sync="previousInstancesWorldDialog.visible" title="Previous Instances" width="800px")
|
||
span(v-text="previousInstancesWorldDialog.worldRef.name" style="font-size:14px")
|
||
el-input(v-model="previousInstancesWorldDialogTable.filters[0].value" placeholder="Search" style="display:block;width:150px;margin-top:15px")
|
||
data-tables(v-bind="previousInstancesWorldDialogTable" v-loading="previousInstancesWorldDialog.loading" style="margin-top:10px")
|
||
el-table-column(label="Date" prop="created_at" sortable width="110")
|
||
template(v-once #default="scope")
|
||
el-tooltip(placement="left")
|
||
template(#content)
|
||
span {{ scope.row.created_at | formatDate('long') }}
|
||
span {{ scope.row.created_at | formatDate('short') }}
|
||
el-table-column(label="Instance Name" prop="name")
|
||
template(v-once #default="scope")
|
||
span.x-link(@click="showLaunchDialog(scope.row.location)")
|
||
span \#{{ scope.row.$location.instanceName }} {{ scope.row.$location.accessType }}
|
||
span.famfamfam-flags(v-if="scope.row.$location.region === 'eu'" class="europeanunion" style="display:inline-block;margin-left:5px")
|
||
span.famfamfam-flags(v-else-if="scope.row.$location.region === 'jp'" class="jp" style="display:inline-block;margin-left:5px")
|
||
span.flag-icon-use(v-else-if="scope.row.$location.region === 'use'" style="display:inline-block;margin-left:5px")
|
||
span.flag-icon-usw(v-else style="display:inline-block;margin-left:5px")
|
||
i.el-icon-lock(v-if="scope.row.$location.strict" style="display:inline-block;margin-left:5px")
|
||
el-table-column(label="Instance Creator" prop="location")
|
||
template(v-once #default="scope")
|
||
span.x-link(v-text="getDisplayNameFromUserId(scope.row.$location.userId)" @click="showUserDialog(scope.row.$location.userId)" style="cursor:pointer")
|
||
el-table-column(label="Time" prop="time" width="90" sortable)
|
||
template(v-once #default="scope")
|
||
span(v-text="scope.row.timer")
|
||
el-table-column(label="Action" width="60" align="right")
|
||
template(v-once #default="scope")
|
||
el-button(type="text" icon="el-icon-close" size="mini" @click="confirmDeleteGameLogWorldInstance(scope.row)")
|
||
|
||
//- dialog: open source software notice
|
||
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" :visible.sync="ossDialog" title="Open Source Software Notice" width="650px")
|
||
div(style="height:350px;overflow:hidden scroll;word-break:break-all")
|
||
div
|
||
span VRCX is based on open source software. It was possible because of their contribution.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") animate.css
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
The MIT License (MIT)
|
||
|
||
Copyright (c) 2019 Daniel Eden
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all
|
||
copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||
SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") CefSharp
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
// Copyright © The CefSharp Authors. All rights reserved.
|
||
//
|
||
// Redistribution and use in source and binary forms, with or without
|
||
// modification, are permitted provided that the following conditions are
|
||
// met:
|
||
//
|
||
// * Redistributions of source code must retain the above copyright
|
||
// notice, this list of conditions and the following disclaimer.
|
||
//
|
||
// * Redistributions in binary form must reproduce the above
|
||
// copyright notice, this list of conditions and the following disclaimer
|
||
// in the documentation and/or other materials provided with the
|
||
// distribution.
|
||
//
|
||
// * Neither the name of Google Inc. nor the name Chromium Embedded
|
||
// Framework nor the name CefSharp nor the names of its contributors
|
||
// may be used to endorse or promote products derived from this software
|
||
// without specific prior written permission.
|
||
//
|
||
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||
// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||
// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||
// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||
// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||
// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||
// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||
// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||
// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||
// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||
// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") DiscordRichPresence
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
MIT License
|
||
|
||
Copyright (c) 2018 Lachee
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all
|
||
copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||
SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") element
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
The MIT License (MIT)
|
||
|
||
Copyright (c) 2016-present ElemeFE
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all
|
||
copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||
SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") librsync.net
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
The MIT License (MIT)
|
||
|
||
Copyright (c) 2015 Brad Dodson
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all
|
||
copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||
SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") Newtonsoft.Json
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
The MIT License (MIT)
|
||
|
||
Copyright (c) 2007 James Newton-King
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") normalize
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
The MIT License (MIT)
|
||
|
||
Copyright © Nicolas Gallagher and Jonathan Neal
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") noty
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
Copyright (c) 2012 Nedim Arabacı
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining
|
||
a copy of this software and associated documentation files (the
|
||
"Software"), to deal in the Software without restriction, including
|
||
without limitation the rights to use, copy, modify, merge, publish,
|
||
distribute, sublicense, and/or sell copies of the Software, and to
|
||
permit persons to whom the Software is furnished to do so, subject to
|
||
the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be
|
||
included in all copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") OpenVR SDK
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
Copyright (c) 2015, Valve Corporation
|
||
All rights reserved.
|
||
|
||
Redistribution and use in source and binary forms, with or without modification,
|
||
are permitted provided that the following conditions are met:
|
||
|
||
1. Redistributions of source code must retain the above copyright notice, this
|
||
list of conditions and the following disclaimer.
|
||
|
||
2. Redistributions in binary form must reproduce the above copyright notice,
|
||
this list of conditions and the following disclaimer in the documentation and/or
|
||
other materials provided with the distribution.
|
||
|
||
3. Neither the name of the copyright holder nor the names of its contributors
|
||
may be used to endorse or promote products derived from this software without
|
||
specific prior written permission.
|
||
|
||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
||
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
||
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
|
||
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
||
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
||
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
|
||
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
||
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") SharpDX
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
Copyright (c) 2010-2014 SharpDX - Alexandre Mutel
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in
|
||
all copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||
THE SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") vue
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
The MIT License (MIT)
|
||
|
||
Copyright (c) 2013-present, Yuxi (Evan) You
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in
|
||
all copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||
THE SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") vue-data-tables
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
The MIT License (MIT)
|
||
|
||
Copyright (c) 2018 Leon Zhang
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all
|
||
copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||
SOFTWARE.
|
||
div(style="margin-top:15px")
|
||
p(style="font-weight:bold") vue-lazyload
|
||
pre(style="font-size:12px;white-space:pre-line").
|
||
The MIT License (MIT)
|
||
|
||
Copyright (c) 2016 Awe
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all
|
||
copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||
SOFTWARE.
|
||
|
||
//- dialog: Enable primary password
|
||
el-dialog.x-dialog(
|
||
:visible.sync="enablePrimaryPasswordDialog.visible"
|
||
:before-close="enablePrimaryPasswordDialog.beforeClose"
|
||
ref="primaryPasswordDialog"
|
||
:close-on-click-modal="false"
|
||
title="Primary Password Required"
|
||
width="400px"
|
||
)
|
||
el-input(
|
||
v-model="enablePrimaryPasswordDialog.password"
|
||
placeholder="Input new password"
|
||
type="password"
|
||
size="mini"
|
||
maxlength="32"
|
||
show-password
|
||
autofocus
|
||
)
|
||
el-input(
|
||
v-model="enablePrimaryPasswordDialog.rePassword"
|
||
placeholder="Re-input password"
|
||
type="password"
|
||
style="margin-top:5px"
|
||
size="mini"
|
||
maxlength="32"
|
||
show-password
|
||
)
|
||
template(#footer)
|
||
el-button(
|
||
type="primary" size="small" @click="setPrimaryPassword"
|
||
:disabled="enablePrimaryPasswordDialog.password.length===0||enablePrimaryPasswordDialog.password!==enablePrimaryPasswordDialog.rePassword"
|
||
) OK
|
||
script(src="vendor.js")
|
||
script(src="app.js")
|