46 lines
1.6 KiB
JavaScript
46 lines
1.6 KiB
JavaScript
// Toolbar indicator button
|
|
// ----------------------------------------------------------------
|
|
const btnHtml = `
|
|
<div class="divider"></div>
|
|
<div class="activity" id="grc_btn"
|
|
style="filter: brightness(70%) sepia(100%) hue-rotate(200deg) saturate(1000%) contrast(0.8);">
|
|
<p id="grc_label" style="position:relative;top:-8px;font-weight:bold;z-index:6;">Remote</p>
|
|
</div>`;
|
|
|
|
let paused = false;
|
|
|
|
function togglePause() {
|
|
paused = !paused;
|
|
const label = document.getElementById('grc_label');
|
|
const btn = document.getElementById('grc_btn');
|
|
if (paused) {
|
|
label.textContent = 'Paused';
|
|
btn.style.filter = 'brightness(70%) sepia(100%) hue-rotate(-50deg) saturate(1000%) contrast(0.8)';
|
|
} else {
|
|
label.textContent = 'Remote';
|
|
btn.style.filter = 'brightness(294%) sepia(100%) hue-rotate(200deg) saturate(1000%) contrast(0.8)';
|
|
}
|
|
log(`Remote is now ${paused ? 'PAUSED' : 'ACTIVE'}`);
|
|
}
|
|
|
|
setTimeout(() => {
|
|
if (!document.getElementById('grc_btn')) {
|
|
uw.$('.tb_activities, .toolbar_activities').find('.middle').append(btnHtml);
|
|
}
|
|
}, 4000);
|
|
|
|
uw.$(document).on('click', '#grc_btn', togglePause);
|
|
|
|
// ----------------------------------------------------------------
|
|
// Helpers
|
|
// ----------------------------------------------------------------
|
|
function log(msg) {
|
|
console.log(`[GRC] ${msg}`);
|
|
}
|
|
|
|
function sleep(ms) {
|
|
return new Promise(r => setTimeout(r, ms));
|
|
}
|
|
|
|
// ----------------------------------------------------------------
|