From 7d4a3492d59de51b8af2c8a68e6381879083ccd8 Mon Sep 17 00:00:00 2001 From: codomposer Date: Mon, 3 Nov 2025 21:47:26 -0500 Subject: [PATCH 1/3] fix typo and remove deprecated chartjs property --- package.json | 2 +- src/js/main.js | 1 - src/js/widgets.js | 1 - 3 files changed, 1 insertion(+), 3 deletions(-) diff --git a/package.json b/package.json index 047b72120..34aeebad9 100644 --- a/package.json +++ b/package.json @@ -46,7 +46,7 @@ }, { "type": "subscription", - "url": "hhttps://coreui.io/pricing/?framework=bootstrap" + "url": "https://coreui.io/pricing/?framework=bootstrap" } ], "scripts": { diff --git a/src/js/main.js b/src/js/main.js index ab99daf3f..0d67eea0b 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -13,7 +13,6 @@ Chart.defaults.plugins.tooltip.enabled = false Chart.defaults.plugins.tooltip.mode = 'index' Chart.defaults.plugins.tooltip.position = 'nearest' Chart.defaults.plugins.tooltip.external = coreui.ChartJS.customTooltips -Chart.defaults.defaultFontColor = coreui.Utils.getStyle('--cui-body-color') document.documentElement.addEventListener('ColorSchemeChange', () => { cardChart1.data.datasets[0].pointBackgroundColor = coreui.Utils.getStyle('--cui-primary') diff --git a/src/js/widgets.js b/src/js/widgets.js index 7e80ae3e2..114ef2b57 100644 --- a/src/js/widgets.js +++ b/src/js/widgets.js @@ -13,7 +13,6 @@ Chart.defaults.plugins.tooltip.enabled = false Chart.defaults.plugins.tooltip.mode = 'index' Chart.defaults.plugins.tooltip.position = 'nearest' Chart.defaults.plugins.tooltip.external = coreui.ChartJS.customTooltips -Chart.defaults.defaultFontColor = coreui.Utils.getStyle('--cui-body-color') document.documentElement.addEventListener('ColorSchemeChange', () => { cardChart1.data.datasets[0].pointBackgroundColor = coreui.Utils.getStyle('--cui-primary') From 70802329ff08ca1342b52c3eaff7763626008221 Mon Sep 17 00:00:00 2001 From: codomposer Date: Mon, 3 Nov 2025 21:49:18 -0500 Subject: [PATCH 2/3] fix error in color modes --- src/js/color-modes.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/js/color-modes.js b/src/js/color-modes.js index 800620630..dfefef55c 100644 --- a/src/js/color-modes.js +++ b/src/js/color-modes.js @@ -48,7 +48,7 @@ window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { const storedTheme = getStoredTheme() - if (storedTheme !== 'light' || storedTheme !== 'dark') { + if (storedTheme !== 'light' && storedTheme !== 'dark') { setTheme(getPreferredTheme()) } }) From db4a06cb0e89d7c4f3e8a64d0cf2c6fb79407231 Mon Sep 17 00:00:00 2001 From: codomposer Date: Mon, 3 Nov 2025 21:56:23 -0500 Subject: [PATCH 3/3] add loading state to buttons in login and register form --- src/views/404.html | 2 -- src/views/500.html | 2 -- src/views/login.html | 28 +++++++++++++++++++++++++--- src/views/register.html | 28 +++++++++++++++++++++++++--- 4 files changed, 50 insertions(+), 10 deletions(-) diff --git a/src/views/404.html b/src/views/404.html index 9107f101b..54d637bf9 100644 --- a/src/views/404.html +++ b/src/views/404.html @@ -78,7 +78,5 @@

Oops! You're lost.

}); - \ No newline at end of file diff --git a/src/views/500.html b/src/views/500.html index 67ddf7361..5fc6f930f 100644 --- a/src/views/500.html +++ b/src/views/500.html @@ -78,7 +78,5 @@

Houston, we have a problem!

}); - \ No newline at end of file diff --git a/src/views/login.html b/src/views/login.html index bf5ef17d4..01287aec9 100644 --- a/src/views/login.html +++ b/src/views/login.html @@ -68,7 +68,10 @@

Login

- +
@@ -101,9 +104,28 @@

Sign up

header.classList.toggle('shadow-sm', document.documentElement.scrollTop > 0); } }); + + // Login button loading state example + const loginBtn = document.getElementById('loginBtn'); + if (loginBtn) { + loginBtn.addEventListener('click', function() { + const spinner = this.querySelector('.spinner-border'); + const btnText = this.querySelector('.btn-text'); + + // Show loading state + spinner.classList.remove('d-none'); + btnText.textContent = 'Logging in...'; + this.disabled = true; + + // Simulate API call (remove this in production) + setTimeout(() => { + spinner.classList.add('d-none'); + btnText.textContent = 'Login'; + this.disabled = false; + }, 2000); + }); + } - \ No newline at end of file diff --git a/src/views/register.html b/src/views/register.html index bfdb464b4..f48e9e7ed 100644 --- a/src/views/register.html +++ b/src/views/register.html @@ -78,7 +78,10 @@

Register

- +
@@ -96,9 +99,28 @@

Register

header.classList.toggle('shadow-sm', document.documentElement.scrollTop > 0); } }); + + // Register button loading state example + const registerBtn = document.getElementById('registerBtn'); + if (registerBtn) { + registerBtn.addEventListener('click', function() { + const spinner = this.querySelector('.spinner-border'); + const btnText = this.querySelector('.btn-text'); + + // Show loading state + spinner.classList.remove('d-none'); + btnText.textContent = 'Creating Account...'; + this.disabled = true; + + // Simulate API call (remove this in production) + setTimeout(() => { + spinner.classList.add('d-none'); + btnText.textContent = 'Create Account'; + this.disabled = false; + }, 2000); + }); + } - \ No newline at end of file