midefos/basicswap
1
0
Fork 0
mirror of https://github.com/basicswap/basicswap.git synced 2025-11-05 18:38:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

ui: Main price chart fixes/updates.

Browse Source
This commit is contained in:
gerlofvanek
2024-10-11 18:15:06 +02:00
parent bd06c435e9
commit 39aad231cd
1 changed files with 38 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
basicswap/static/js/pricechart.js
View File

@@ -1027,6 +1027,7 @@ const app = {
app.stopAutoRefresh();
} else {
app.startAutoRefresh();
app.startSpinAnimation();
}
app.updateAutoRefreshButton();
},
@@ -1066,20 +1067,30 @@ const app = {
if (app.isAutoRefreshEnabled) {
button.classList.remove('text-gray-600', 'dark:text-gray-400');
button.classList.add('text-green-500', 'dark:text-green-400');
app.startSpinAnimation();
} else {
button.classList.remove('text-green-500', 'dark:text-green-400');
button.classList.add('text-gray-600', 'dark:text-gray-400');
app.stopSpinAnimation();
}
button.title = app.isAutoRefreshEnabled ? 'Disable Auto-Refresh' : 'Enable Auto-Refresh';
}
},
const svg = button.querySelector('svg');
startSpinAnimation: () => {
const svg = document.querySelector('#toggle-auto-refresh svg');
if (svg) {
if (app.isAutoRefreshEnabled) {
svg.classList.add('animate-spin');
} else {
setTimeout(() => {
svg.classList.remove('animate-spin');
}, 2000); // Remove the animation after 2 seconds
}
}
},
stopSpinAnimation: () => {
const svg = document.querySelector('#toggle-auto-refresh svg');
if (svg) {
svg.classList.remove('animate-spin');
}
},