Ecosystem/basicswap
1
0
Fork 0
mirror of https://github.com/basicswap/basicswap.git synced 2025-01-31 06:45:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

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
Show stats Download patch file Download diff file Expand all files Collapse all files

65
basicswap/static/js/pricechart.js
View file

@ -1023,13 +1023,14 @@ const app = {
},
toggleAutoRefresh: () => {
if (app.isAutoRefreshEnabled) {
app.stopAutoRefresh();
} else {
app.startAutoRefresh();
}
app.updateAutoRefreshButton();
},
if (app.isAutoRefreshEnabled) {
app.stopAutoRefresh();
} else {
app.startAutoRefresh();
app.startSpinAnimation();
}
app.updateAutoRefreshButton();
},
updateNextRefreshTime: () => {
const nextRefreshSpan = document.getElementById('next-refresh-time');
@ -1061,27 +1062,37 @@ const app = {
},
updateAutoRefreshButton: () => {
const button = document.getElementById('toggle-auto-refresh');
if (button) {
if (app.isAutoRefreshEnabled) {
button.classList.remove('text-gray-600', 'dark:text-gray-400');
button.classList.add('text-green-500', 'dark:text-green-400');
} else {
button.classList.remove('text-green-500', 'dark:text-green-400');
button.classList.add('text-gray-600', 'dark:text-gray-400');
}
button.title = app.isAutoRefreshEnabled ? 'Disable Auto-Refresh' : 'Enable Auto-Refresh';
const svg = button.querySelector('svg');
if (svg) {
if (app.isAutoRefreshEnabled) {
svg.classList.add('animate-spin');
} else {
svg.classList.remove('animate-spin');
}
}
const button = document.getElementById('toggle-auto-refresh');
if (button) {
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';
}
},
startSpinAnimation: () => {
const svg = document.querySelector('#toggle-auto-refresh svg');
if (svg) {
svg.classList.add('animate-spin');
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');
}
},
refreshAllData: async () => {
ui.showLoader();