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

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

@@ -1027,9 +1027,10 @@ const app = {
app.stopAutoRefresh(); app.stopAutoRefresh();
} else { } else {
app.startAutoRefresh(); app.startAutoRefresh();
app.startSpinAnimation();
} }
app.updateAutoRefreshButton(); app.updateAutoRefreshButton();
}, },
updateNextRefreshTime: () => { updateNextRefreshTime: () => {
const nextRefreshSpan = document.getElementById('next-refresh-time'); const nextRefreshSpan = document.getElementById('next-refresh-time');
@@ -1066,22 +1067,32 @@ const app = {
if (app.isAutoRefreshEnabled) { if (app.isAutoRefreshEnabled) {
button.classList.remove('text-gray-600', 'dark:text-gray-400'); button.classList.remove('text-gray-600', 'dark:text-gray-400');
button.classList.add('text-green-500', 'dark:text-green-400'); button.classList.add('text-green-500', 'dark:text-green-400');
app.startSpinAnimation();
} else { } else {
button.classList.remove('text-green-500', 'dark:text-green-400'); button.classList.remove('text-green-500', 'dark:text-green-400');
button.classList.add('text-gray-600', 'dark:text-gray-400'); button.classList.add('text-gray-600', 'dark:text-gray-400');
app.stopSpinAnimation();
} }
button.title = app.isAutoRefreshEnabled ? 'Disable Auto-Refresh' : 'Enable Auto-Refresh'; 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 (svg) {
if (app.isAutoRefreshEnabled) {
svg.classList.add('animate-spin'); 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'); svg.classList.remove('animate-spin');
} }
} },
}
},
refreshAllData: async () => { refreshAllData: async () => {
ui.showLoader(); ui.showLoader();