mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-11 02:43:50 +02:00
e792ed481b
* refactor: dialogs * fix: storeAvatarImage * FriendLog.vue * FriendLog.vue * FriendLog.vue * GameLog.vue * fix: next day button jumping to the wrong date * sync master * fix: launchGame * Notification.vue * Feed.vue * Search.vue * Profile.vue * PlayerList.vue * Login.vue * utils * update dialog * del gameLog.pug * fix * fix: group role cannot be displayed currently * fix: "Hide Friends in Same Instance" hides players in unrelated private instances (#1210) * fix * fix: "Hide Friends in Same Instance" does not work when "Split Favorite Friends" is enabled * fix Notification.vue message * fix: deleteFavoriteNoConfirm * fix: feed status style * fix: infinite loading when deleting note * fix: private players will not be hidden when 'Hide Friends in Same Instance', and 'Hide Friends in Same Instance' will not work when 'Split Favorite Friends'
701 lines
24 KiB
JavaScript
701 lines
24 KiB
JavaScript
// Copyright(c) 2019-2025 pypy, Natsumi and individual contributors.
|
|
// All rights reserved.
|
|
//
|
|
// This work is licensed under the terms of the MIT license.
|
|
// For a copy, see <https://opensource.org/licenses/MIT>.
|
|
|
|
import '@fontsource/noto-sans-kr';
|
|
import '@fontsource/noto-sans-jp';
|
|
import '@fontsource/noto-sans-sc';
|
|
import '@fontsource/noto-sans-tc';
|
|
import '@infolektuell/noto-color-emoji';
|
|
import Noty from 'noty';
|
|
import Vue from 'vue';
|
|
import VueI18n from 'vue-i18n';
|
|
import ElementUI from 'element-ui';
|
|
import * as workerTimers from 'worker-timers';
|
|
import MarqueeText from 'vue-marquee-text-component';
|
|
import { displayLocation, parseLocation } from './composables/instance/utils';
|
|
import * as localizedStrings from './localization/localizedStrings.js';
|
|
|
|
import $utils from './classes/utils.js';
|
|
|
|
import pugTemplate from './vr.pug';
|
|
|
|
Vue.component('marquee-text', MarqueeText);
|
|
|
|
(async function () {
|
|
let $app = {};
|
|
|
|
await CefSharp.BindObjectAsync('AppApiVr');
|
|
|
|
Noty.overrideDefaults({
|
|
animation: {
|
|
open: 'animate__animated animate__fadeIn',
|
|
close: 'animate__animated animate__zoomOut'
|
|
},
|
|
layout: 'topCenter',
|
|
theme: 'relax',
|
|
timeout: 3000
|
|
});
|
|
|
|
// localization
|
|
Vue.use(VueI18n);
|
|
const i18n = new VueI18n({
|
|
locale: 'en',
|
|
fallbackLocale: 'en',
|
|
messages: localizedStrings
|
|
});
|
|
// eslint-disable-next-line no-unused-vars
|
|
const $t = i18n.t.bind(i18n);
|
|
Vue.use(ElementUI, {
|
|
i18n: (key, value) => i18n.t(key, value)
|
|
});
|
|
|
|
Vue.component('location', {
|
|
template:
|
|
'<span><span>{{ text }}</span>' +
|
|
'<span v-if="groupName">({{ groupName }})</span>' +
|
|
'<span class="flags" :class="region" style="display:inline-block;margin-bottom:2px;margin-left:5px"></span>' +
|
|
'<i v-if="strict" class="el-icon el-icon-lock" style="display:inline-block;margin-left:5px"></i></span>',
|
|
props: {
|
|
location: String,
|
|
hint: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
grouphint: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
text: this.location,
|
|
region: this.region,
|
|
strict: this.strict,
|
|
groupName: this.groupName
|
|
};
|
|
},
|
|
methods: {
|
|
parse() {
|
|
this.text = this.location;
|
|
var L = parseLocation(this.location);
|
|
if (L.isOffline) {
|
|
this.text = 'Offline';
|
|
} else if (L.isPrivate) {
|
|
this.text = 'Private';
|
|
} else if (L.isTraveling) {
|
|
this.text = 'Traveling';
|
|
} else if (typeof this.hint === 'string' && this.hint !== '') {
|
|
if (L.instanceId) {
|
|
this.text = `${this.hint} #${L.instanceName} ${L.accessTypeName}`;
|
|
} else {
|
|
this.text = this.hint;
|
|
}
|
|
} else if (L.worldId) {
|
|
if (L.instanceId) {
|
|
this.text = ` #${L.instanceName} ${L.accessTypeName}`;
|
|
} else {
|
|
this.text = this.location;
|
|
}
|
|
}
|
|
this.region = '';
|
|
if (
|
|
this.location !== '' &&
|
|
L.instanceId &&
|
|
!L.isOffline &&
|
|
!L.isPrivate
|
|
) {
|
|
this.region = L.region;
|
|
if (!L.region) {
|
|
this.region = 'us';
|
|
}
|
|
}
|
|
this.strict = L.strict;
|
|
this.groupName = this.grouphint;
|
|
}
|
|
},
|
|
watch: {
|
|
location() {
|
|
this.parse();
|
|
}
|
|
},
|
|
created() {
|
|
this.parse();
|
|
}
|
|
});
|
|
|
|
const app = {
|
|
template: pugTemplate,
|
|
i18n,
|
|
data: {
|
|
// 1 = 대시보드랑 손목에 보이는거
|
|
// 2 = 항상 화면에 보이는 거
|
|
appType: location.href.substr(-1),
|
|
appLanguage: 'en',
|
|
currentCulture: 'en-nz',
|
|
isRunningUnderWine: false,
|
|
currentTime: new Date().toJSON(),
|
|
cpuUsageEnabled: false,
|
|
cpuUsage: 0,
|
|
pcUptimeEnabled: false,
|
|
pcUptime: '',
|
|
customInfo: '',
|
|
config: {},
|
|
onlineFriendCount: 0,
|
|
nowPlaying: {
|
|
url: '',
|
|
name: '',
|
|
length: 0,
|
|
startTime: 0,
|
|
elapsed: 0,
|
|
percentage: 0,
|
|
remainingText: ''
|
|
},
|
|
lastLocation: {
|
|
date: 0,
|
|
location: '',
|
|
name: '',
|
|
playerList: [],
|
|
friendList: [],
|
|
progressPie: false,
|
|
onlineFor: 0
|
|
},
|
|
lastLocationTimer: '',
|
|
onlineForTimer: '',
|
|
wristFeed: [],
|
|
devices: [],
|
|
deviceCount: 0
|
|
},
|
|
computed: {},
|
|
methods: {
|
|
...$utils
|
|
},
|
|
watch: {},
|
|
el: '#root',
|
|
async mounted() {
|
|
this.isRunningUnderWine = await AppApiVr.IsRunningUnderWine();
|
|
await this.applyWineEmojis();
|
|
workerTimers.setTimeout(() => AppApiVr.VrInit(), 5000);
|
|
if (this.appType === '1') {
|
|
this.refreshCustomScript();
|
|
this.updateStatsLoop();
|
|
}
|
|
}
|
|
};
|
|
Object.assign($app, app);
|
|
|
|
$app.methods.configUpdate = function (json) {
|
|
this.config = JSON.parse(json);
|
|
this.hudFeed = [];
|
|
this.hudTimeout = [];
|
|
this.setDatetimeFormat();
|
|
this.setAppLanguage(this.config.appLanguage);
|
|
this.updateFeedLength();
|
|
if (
|
|
this.config.vrOverlayCpuUsage !== this.cpuUsageEnabled ||
|
|
this.config.pcUptimeOnFeed !== this.pcUptimeEnabled
|
|
) {
|
|
this.cpuUsageEnabled = this.config.vrOverlayCpuUsage;
|
|
this.pcUptimeEnabled = this.config.pcUptimeOnFeed;
|
|
AppApiVr.ToggleSystemMonitor(
|
|
this.cpuUsageEnabled || this.pcUptimeEnabled
|
|
);
|
|
}
|
|
};
|
|
|
|
$app.methods.updateOnlineFriendCount = function (count) {
|
|
this.onlineFriendCount = parseInt(count, 10);
|
|
};
|
|
|
|
$app.methods.nowPlayingUpdate = function (json) {
|
|
this.nowPlaying = JSON.parse(json);
|
|
if (this.appType === '2') {
|
|
var circle = document.querySelector('.np-progress-circle-stroke');
|
|
if (
|
|
this.lastLocation.progressPie &&
|
|
this.nowPlaying.percentage !== 0
|
|
) {
|
|
circle.style.opacity = 0.5;
|
|
var circumference = circle.getTotalLength();
|
|
circle.style.strokeDashoffset =
|
|
circumference -
|
|
(this.nowPlaying.percentage / 100) * circumference;
|
|
} else {
|
|
circle.style.opacity = 0;
|
|
}
|
|
}
|
|
this.updateFeedLength();
|
|
};
|
|
|
|
$app.methods.lastLocationUpdate = function (json) {
|
|
this.lastLocation = JSON.parse(json);
|
|
};
|
|
|
|
$app.methods.wristFeedUpdate = function (json) {
|
|
this.wristFeed = JSON.parse(json);
|
|
this.updateFeedLength();
|
|
};
|
|
|
|
$app.methods.updateFeedLength = function () {
|
|
if (this.appType === '2' || this.wristFeed.length === 0) {
|
|
return;
|
|
}
|
|
var length = 16;
|
|
if (!this.config.hideDevicesFromFeed) {
|
|
length -= 2;
|
|
if (this.deviceCount > 8) {
|
|
length -= 1;
|
|
}
|
|
}
|
|
if (this.nowPlaying.playing) {
|
|
length -= 1;
|
|
}
|
|
if (length < this.wristFeed.length) {
|
|
this.wristFeed.length = length;
|
|
}
|
|
};
|
|
|
|
$app.methods.refreshCustomScript = function () {
|
|
if (document.contains(document.getElementById('vr-custom-script'))) {
|
|
document.getElementById('vr-custom-script').remove();
|
|
}
|
|
AppApiVr.CustomVrScriptPath().then((customScript) => {
|
|
var head = document.head;
|
|
if (customScript) {
|
|
var $vrCustomScript = document.createElement('script');
|
|
$vrCustomScript.setAttribute('id', 'vr-custom-script');
|
|
$vrCustomScript.src = `file://${customScript}?_=${Date.now()}`;
|
|
head.appendChild($vrCustomScript);
|
|
}
|
|
});
|
|
};
|
|
|
|
$app.methods.updateStatsLoop = async function () {
|
|
try {
|
|
this.currentTime = new Date()
|
|
.toLocaleDateString(this.currentCulture, {
|
|
month: '2-digit',
|
|
day: '2-digit',
|
|
year: 'numeric',
|
|
hour: 'numeric',
|
|
minute: 'numeric',
|
|
second: 'numeric',
|
|
hourCycle: this.config.dtHour12 ? 'h12' : 'h23'
|
|
})
|
|
.replace(' AM', ' am')
|
|
.replace(' PM', ' pm')
|
|
.replace(',', '');
|
|
|
|
if (this.cpuUsageEnabled) {
|
|
var cpuUsage = await AppApiVr.CpuUsage();
|
|
this.cpuUsage = cpuUsage.toFixed(0);
|
|
}
|
|
if (this.lastLocation.date !== 0) {
|
|
this.lastLocationTimer = $utils.timeToText(
|
|
Date.now() - this.lastLocation.date
|
|
);
|
|
} else {
|
|
this.lastLocationTimer = '';
|
|
}
|
|
if (this.lastLocation.onlineFor) {
|
|
this.onlineForTimer = $utils.timeToText(
|
|
Date.now() - this.lastLocation.onlineFor
|
|
);
|
|
} else {
|
|
this.onlineForTimer = '';
|
|
}
|
|
|
|
if (!this.config.hideDevicesFromFeed) {
|
|
AppApiVr.GetVRDevices().then((devices) => {
|
|
var deviceList = [];
|
|
var baseStations = 0;
|
|
devices.forEach((device) => {
|
|
device[3] = parseInt(device[3], 10);
|
|
if (device[0] === 'base' && device[1] === 'connected') {
|
|
baseStations++;
|
|
} else {
|
|
deviceList.push(device);
|
|
}
|
|
});
|
|
this.deviceCount = deviceList.length;
|
|
const deviceValue = (dev) => {
|
|
if (dev[0] === 'headset') return 0;
|
|
if (dev[0] === 'leftController') return 1;
|
|
if (dev[0] === 'rightController') return 2;
|
|
if (dev[0].toLowerCase().includes('controller'))
|
|
return 3;
|
|
if (dev[0] === 'tracker' || dev[0] === 'base') return 4;
|
|
return 5;
|
|
};
|
|
deviceList.sort((a, b) => deviceValue(a) - deviceValue(b));
|
|
deviceList.sort((a, b) => {
|
|
if (a[1] === b[1]) {
|
|
return 0;
|
|
}
|
|
if (a[1] === 'connected') {
|
|
return -1;
|
|
}
|
|
if (a[1] === 'disconnected') {
|
|
return 1;
|
|
}
|
|
return 0;
|
|
});
|
|
if (baseStations > 0) {
|
|
deviceList.push([
|
|
'base',
|
|
'connected',
|
|
'',
|
|
baseStations
|
|
]);
|
|
this.deviceCount += 1;
|
|
}
|
|
this.devices = deviceList;
|
|
});
|
|
} else {
|
|
this.devices = [];
|
|
}
|
|
if (this.config.pcUptimeOnFeed) {
|
|
AppApiVr.GetUptime().then((uptime) => {
|
|
if (uptime) {
|
|
this.pcUptime = $utils.timeToText(uptime);
|
|
}
|
|
});
|
|
} else {
|
|
this.pcUptime = '';
|
|
}
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
workerTimers.setTimeout(() => this.updateStatsLoop(), 500);
|
|
};
|
|
|
|
$app.methods.playNoty = function (json) {
|
|
var { noty, message, image } = JSON.parse(json);
|
|
if (typeof noty === 'undefined') {
|
|
console.error('noty is undefined');
|
|
return;
|
|
}
|
|
var noty = $utils.escapeTagRecursive(noty);
|
|
var message = $utils.escapeTag(message) || '';
|
|
var text = '';
|
|
var img = '';
|
|
if (image) {
|
|
img = `<img class="noty-img" src="${image}"></img>`;
|
|
}
|
|
switch (noty.type) {
|
|
case 'OnPlayerJoined':
|
|
text = `<strong>${noty.displayName}</strong> has joined`;
|
|
break;
|
|
case 'OnPlayerLeft':
|
|
text = `<strong>${noty.displayName}</strong> has left`;
|
|
break;
|
|
case 'OnPlayerJoining':
|
|
text = `<strong>${noty.displayName}</strong> is joining`;
|
|
break;
|
|
case 'GPS':
|
|
text = `<strong>${
|
|
noty.displayName
|
|
}</strong> is in ${displayLocation(
|
|
noty.location,
|
|
noty.worldName,
|
|
noty.groupName
|
|
)}`;
|
|
break;
|
|
case 'Online':
|
|
var locationName = '';
|
|
if (noty.worldName) {
|
|
locationName = ` to ${displayLocation(
|
|
noty.location,
|
|
noty.worldName,
|
|
noty.groupName
|
|
)}`;
|
|
}
|
|
text = `<strong>${noty.displayName}</strong> has logged in${locationName}`;
|
|
break;
|
|
case 'Offline':
|
|
text = `<strong>${noty.displayName}</strong> has logged out`;
|
|
break;
|
|
case 'Status':
|
|
text = `<strong>${noty.displayName}</strong> status is now <i>${noty.status}</i> ${noty.statusDescription}`;
|
|
break;
|
|
case 'invite':
|
|
text = `<strong>${
|
|
noty.senderUsername
|
|
}</strong> has invited you to ${displayLocation(
|
|
noty.details.worldId,
|
|
noty.details.worldName
|
|
)}${message}`;
|
|
break;
|
|
case 'requestInvite':
|
|
text = `<strong>${noty.senderUsername}</strong> has requested an invite ${message}`;
|
|
break;
|
|
case 'inviteResponse':
|
|
text = `<strong>${noty.senderUsername}</strong> has responded to your invite ${message}`;
|
|
break;
|
|
case 'requestInviteResponse':
|
|
text = `<strong>${noty.senderUsername}</strong> has responded to your invite request ${message}`;
|
|
break;
|
|
case 'friendRequest':
|
|
text = `<strong>${noty.senderUsername}</strong> has sent you a friend request`;
|
|
break;
|
|
case 'Friend':
|
|
text = `<strong>${noty.displayName}</strong> is now your friend`;
|
|
break;
|
|
case 'Unfriend':
|
|
text = `<strong>${noty.displayName}</strong> is no longer your friend`;
|
|
break;
|
|
case 'TrustLevel':
|
|
text = `<strong>${noty.displayName}</strong> trust level is now ${noty.trustLevel}`;
|
|
break;
|
|
case 'DisplayName':
|
|
text = `<strong>${noty.previousDisplayName}</strong> changed their name to ${noty.displayName}`;
|
|
break;
|
|
case 'boop':
|
|
text = noty.message;
|
|
break;
|
|
case 'groupChange':
|
|
text = `<strong>${noty.senderUsername}</strong> ${noty.message}`;
|
|
break;
|
|
case 'group.announcement':
|
|
text = noty.message;
|
|
break;
|
|
case 'group.informative':
|
|
text = noty.message;
|
|
break;
|
|
case 'group.invite':
|
|
text = noty.message;
|
|
break;
|
|
case 'group.joinRequest':
|
|
text = noty.message;
|
|
break;
|
|
case 'group.transfer':
|
|
text = noty.message;
|
|
break;
|
|
case 'group.queueReady':
|
|
text = noty.message;
|
|
break;
|
|
case 'instance.closed':
|
|
text = noty.message;
|
|
break;
|
|
case 'PortalSpawn':
|
|
if (noty.displayName) {
|
|
text = `<strong>${
|
|
noty.displayName
|
|
}</strong> has spawned a portal to ${displayLocation(
|
|
noty.instanceId,
|
|
noty.worldName,
|
|
noty.groupName
|
|
)}`;
|
|
} else {
|
|
text = 'User has spawned a portal';
|
|
}
|
|
break;
|
|
case 'AvatarChange':
|
|
text = `<strong>${noty.displayName}</strong> changed into avatar ${noty.name}`;
|
|
break;
|
|
case 'ChatBoxMessage':
|
|
text = `<strong>${noty.displayName}</strong> said ${noty.text}`;
|
|
break;
|
|
case 'Event':
|
|
text = noty.data;
|
|
break;
|
|
case 'External':
|
|
text = noty.message;
|
|
break;
|
|
case 'VideoPlay':
|
|
text = `<strong>Now playing:</strong> ${noty.notyName}`;
|
|
break;
|
|
case 'BlockedOnPlayerJoined':
|
|
text = `Blocked user <strong>${noty.displayName}</strong> has joined`;
|
|
break;
|
|
case 'BlockedOnPlayerLeft':
|
|
text = `Blocked user <strong>${noty.displayName}</strong> has left`;
|
|
break;
|
|
case 'MutedOnPlayerJoined':
|
|
text = `Muted user <strong>${noty.displayName}</strong> has joined`;
|
|
break;
|
|
case 'MutedOnPlayerLeft':
|
|
text = `Muted user <strong>${noty.displayName}</strong> has left`;
|
|
break;
|
|
case 'Blocked':
|
|
text = `<strong>${noty.displayName}</strong> has blocked you`;
|
|
break;
|
|
case 'Unblocked':
|
|
text = `<strong>${noty.displayName}</strong> has unblocked you`;
|
|
break;
|
|
case 'Muted':
|
|
text = `<strong>${noty.displayName}</strong> has muted you`;
|
|
break;
|
|
case 'Unmuted':
|
|
text = `<strong>${noty.displayName}</strong> has unmuted you`;
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
if (text) {
|
|
new Noty({
|
|
type: 'alert',
|
|
theme: this.config.notificationTheme,
|
|
timeout: this.config.notificationTimeout,
|
|
layout: this.config.notificationPosition,
|
|
text: `${img}<div class="noty-text">${text}</div>`
|
|
}).show();
|
|
}
|
|
};
|
|
|
|
$app.methods.statusClass = function (status) {
|
|
var style = {};
|
|
if (typeof status === 'undefined') {
|
|
return style;
|
|
}
|
|
if (status === 'active') {
|
|
// Online
|
|
style.online = true;
|
|
} else if (status === 'join me') {
|
|
// Join Me
|
|
style.joinme = true;
|
|
} else if (status === 'ask me') {
|
|
// Ask Me
|
|
style.askme = true;
|
|
} else if (status === 'busy') {
|
|
// Do Not Disturb
|
|
style.busy = true;
|
|
}
|
|
return style;
|
|
};
|
|
|
|
$app.methods.notyClear = function () {
|
|
Noty.closeAll();
|
|
};
|
|
|
|
$app.data.hudFeed = [];
|
|
$app.data.cleanHudFeedLoopStatus = false;
|
|
|
|
$app.methods.cleanHudFeedLoop = function () {
|
|
if (!this.cleanHudFeedLoopStatus) {
|
|
return;
|
|
}
|
|
this.cleanHudFeed();
|
|
if (this.hudFeed.length === 0) {
|
|
this.cleanHudFeedLoopStatus = false;
|
|
return;
|
|
}
|
|
workerTimers.setTimeout(() => this.cleanHudFeedLoop(), 500);
|
|
};
|
|
|
|
$app.methods.cleanHudFeed = function () {
|
|
var dt = Date.now();
|
|
this.hudFeed.forEach((item) => {
|
|
if (item.time + this.config.photonOverlayMessageTimeout < dt) {
|
|
$utils.removeFromArray(this.hudFeed, item);
|
|
}
|
|
});
|
|
if (this.hudFeed.length > 10) {
|
|
this.hudFeed.length = 10;
|
|
}
|
|
if (!this.cleanHudFeedLoopStatus) {
|
|
this.cleanHudFeedLoopStatus = true;
|
|
this.cleanHudFeedLoop();
|
|
}
|
|
};
|
|
|
|
$app.methods.addEntryHudFeed = function (json) {
|
|
var data = JSON.parse(json);
|
|
var combo = 1;
|
|
this.hudFeed.forEach((item) => {
|
|
if (
|
|
item.displayName === data.displayName &&
|
|
item.text === data.text
|
|
) {
|
|
combo = item.combo + 1;
|
|
$utils.removeFromArray(this.hudFeed, item);
|
|
}
|
|
});
|
|
this.hudFeed.unshift({
|
|
time: Date.now(),
|
|
combo,
|
|
...data
|
|
});
|
|
this.cleanHudFeed();
|
|
};
|
|
|
|
$app.methods.updateHudFeedTag = function (json) {
|
|
var ref = JSON.parse(json);
|
|
this.hudFeed.forEach((item) => {
|
|
if (item.userId === ref.userId) {
|
|
item.colour = ref.colour;
|
|
}
|
|
});
|
|
};
|
|
|
|
$app.data.hudTimeout = [];
|
|
|
|
$app.methods.updateHudTimeout = function (json) {
|
|
this.hudTimeout = JSON.parse(json);
|
|
};
|
|
|
|
$app.methods.setDatetimeFormat = async function () {
|
|
this.currentCulture = await AppApiVr.CurrentCulture();
|
|
var formatDate = function (date) {
|
|
if (!date) {
|
|
return '';
|
|
}
|
|
var dt = new Date(date);
|
|
return dt
|
|
.toLocaleTimeString($app.currentCulture, {
|
|
hour: '2-digit',
|
|
minute: 'numeric',
|
|
hourCycle: $app.config.dtHour12 ? 'h12' : 'h23'
|
|
})
|
|
.replace(' am', '')
|
|
.replace(' pm', '');
|
|
};
|
|
Vue.filter('formatDate', formatDate);
|
|
};
|
|
|
|
$app.methods.setAppLanguage = function (appLanguage) {
|
|
if (!appLanguage) {
|
|
return;
|
|
}
|
|
if (appLanguage !== this.appLanguage) {
|
|
this.appLanguage = appLanguage;
|
|
i18n.locale = this.appLanguage;
|
|
}
|
|
};
|
|
|
|
$app.methods.applyWineEmojis = async function () {
|
|
if (document.contains(document.getElementById('app-emoji-font'))) {
|
|
document.getElementById('app-emoji-font').remove();
|
|
}
|
|
if (this.isRunningUnderWine) {
|
|
var $appEmojiFont = document.createElement('link');
|
|
$appEmojiFont.setAttribute('id', 'app-emoji-font');
|
|
$appEmojiFont.rel = 'stylesheet';
|
|
$appEmojiFont.href = 'emoji.font.css';
|
|
document.head.appendChild($appEmojiFont);
|
|
}
|
|
};
|
|
|
|
$app.methods.trackingResultToClass = function (deviceStatus) {
|
|
switch (deviceStatus) {
|
|
case 'Uninitialized':
|
|
case 'Calibrating_OutOfRange':
|
|
case 'Fallback_RotationOnly':
|
|
return 'tracker-error';
|
|
|
|
case 'Calibrating_InProgress':
|
|
case 'Running_OutOfRange':
|
|
return 'tracker-warning';
|
|
|
|
case 'Running_OK':
|
|
default:
|
|
return '';
|
|
}
|
|
};
|
|
|
|
$app = new Vue($app);
|
|
window.$app = $app;
|
|
})();
|