diff --git a/html/src/app.js b/html/src/app.js index 56b9ec42..bcc00a27 100644 --- a/html/src/app.js +++ b/html/src/app.js @@ -4138,6 +4138,7 @@ speechSynthesis.getVoices(); API.currentUser.$offline_for = Date.now(); Discord.SetActive(false); this.autoVRChatCacheManagement(); + this.ipcTimeout = 0; } this.lastLocationReset(); this.clearNowPlaying(); @@ -18265,6 +18266,9 @@ speechSynthesis.getVoices(); data.OnEventData ); } + if (data.OnEventData.Code !== 7) { + this.photonEventPulse(); + } this.parsePhotonEvent(data.OnEventData, data.dt); break; case 'OnOperationResponse': @@ -18279,6 +18283,7 @@ speechSynthesis.getVoices(); data.OnOperationResponseData, data.dt ); + this.photonEventPulse(); break; case 'Ping': if (!this.photonLoggingEnabled) { @@ -18295,6 +18300,15 @@ speechSynthesis.getVoices(); } }; + $app.data.photonEventCount = 0; + $app.data.photonEventIcon = false; + + $app.methods.photonEventPulse = function () { + this.photonEventCount++; + this.photonEventIcon = true; + workerTimers.setTimeout(() => (this.photonEventIcon = false), 150); + }; + $app.methods.parseOperationResponse = function (data, dateTime) { switch (data.OperationCode) { case 226: diff --git a/html/src/index.pug b/html/src/index.pug index 4976af27..0283331f 100644 --- a/html/src/index.pug +++ b/html/src/index.pug @@ -159,7 +159,13 @@ html 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") - el-input(v-model="photonEventTableFilter" @input="photonEventTableFilterChange" placeholder="Search" clearable style="width:150px;position:absolute;margin-left:195px;z-index:1") + 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")