diff --git a/src/PowderCoating.Web/Views/Dashboard/_ShopProgressWidget.cshtml b/src/PowderCoating.Web/Views/Dashboard/_ShopProgressWidget.cshtml index 10386b4..5b05155 100644 --- a/src/PowderCoating.Web/Views/Dashboard/_ShopProgressWidget.cshtml +++ b/src/PowderCoating.Web/Views/Dashboard/_ShopProgressWidget.cshtml @@ -19,12 +19,19 @@
@if (Model.AllDone) { -
-
Your shop is fully set up 🎉
-
You're ready to run everything from here.
- - Create job - +
+
+
Your shop is fully set up 🎉
+
You're ready to run everything from here.
+ + Create job + +
+
} else diff --git a/src/PowderCoating.Web/wwwroot/js/shop-progress-widget.js b/src/PowderCoating.Web/wwwroot/js/shop-progress-widget.js index d28de78..6c83542 100644 --- a/src/PowderCoating.Web/wwwroot/js/shop-progress-widget.js +++ b/src/PowderCoating.Web/wwwroot/js/shop-progress-widget.js @@ -1,11 +1,20 @@ (function () { - var STORAGE_KEY = 'shopProgressCollapsed'; + var STORAGE_KEY = 'shopProgressCollapsed'; + var DISMISSED_KEY = 'shopProgressDismissed'; var widget = document.getElementById('shopProgressWidget'); if (!widget) return; - var body = document.getElementById('shopProgressBody'); - var toggle = document.getElementById('shopProgressToggle'); - var chevron = document.getElementById('shopProgressChevron'); + // Hide permanently if user dismissed the completion state + try { + if (localStorage.getItem(DISMISSED_KEY) === '1') { + widget.style.display = 'none'; + return; + } + } catch (e) { } + + var body = document.getElementById('shopProgressBody'); + var toggle = document.getElementById('shopProgressToggle'); + var chevron = document.getElementById('shopProgressChevron'); function setCollapsed(collapsed) { body.style.display = collapsed ? 'none' : ''; @@ -14,7 +23,7 @@ try { localStorage.setItem(STORAGE_KEY, collapsed ? '1' : '0'); } catch (e) { } } - // Restore on load + // Restore collapse state on load try { if (localStorage.getItem(STORAGE_KEY) === '1') setCollapsed(true); } catch (e) { } @@ -22,4 +31,13 @@ toggle.addEventListener('click', function () { setCollapsed(body.style.display === 'none' ? false : true); }); + + // Dismiss button — completion state only + var dismiss = document.getElementById('shopProgressDismiss'); + if (dismiss) { + dismiss.addEventListener('click', function () { + widget.style.display = 'none'; + try { localStorage.setItem(DISMISSED_KEY, '1'); } catch (e) { } + }); + } }());