diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/static/js/app.js | 5 | ||||
| -rw-r--r-- | web/templates/index.html | 18 |
2 files changed, 12 insertions, 11 deletions
diff --git a/web/static/js/app.js b/web/static/js/app.js index a930b1f..2f2cb6f 100644 --- a/web/static/js/app.js +++ b/web/static/js/app.js @@ -3,8 +3,9 @@ // Constants const AUTO_REFRESH_INTERVAL = 5 * 60 * 1000; // 5 minutes in milliseconds -// Track current active tab -let currentTab = 'tasks'; +// Track current active tab (read from URL for state persistence) +const urlParams = new URLSearchParams(window.location.search); +let currentTab = urlParams.get('tab') || 'tasks'; let autoRefreshTimer = null; // Initialize on page load diff --git a/web/templates/index.html b/web/templates/index.html index b545a6e..a1210d6 100644 --- a/web/templates/index.html +++ b/web/templates/index.html @@ -26,34 +26,34 @@ <div class="border-b border-gray-200 mb-8 no-print"> <nav class="-mb-px flex space-x-8"> <button - class="tab-button tab-button-active" + class="tab-button {{if eq .ActiveTab "tasks"}}tab-button-active{{end}}" hx-get="/tabs/tasks" hx-target="#tab-content" - hx-push-url="false" + hx-push-url="?tab=tasks" onclick="setActiveTab(this)"> ✓ Tasks </button> <button - class="tab-button" + class="tab-button {{if eq .ActiveTab "planning"}}tab-button-active{{end}}" hx-get="/tabs/planning" hx-target="#tab-content" - hx-push-url="false" + hx-push-url="?tab=planning" onclick="setActiveTab(this)"> 📋 Planning </button> <button - class="tab-button" + class="tab-button {{if eq .ActiveTab "notes"}}tab-button-active{{end}}" hx-get="/tabs/notes" hx-target="#tab-content" - hx-push-url="false" + hx-push-url="?tab=notes" onclick="setActiveTab(this)"> 📝 Notes </button> <button - class="tab-button" + class="tab-button {{if eq .ActiveTab "meals"}}tab-button-active{{end}}" hx-get="/tabs/meals" hx-target="#tab-content" - hx-push-url="false" + hx-push-url="?tab=meals" onclick="setActiveTab(this)"> 🍽️ Meals </button> @@ -62,7 +62,7 @@ <!-- Tab Content --> <div id="tab-content" - hx-get="/tabs/tasks" + hx-get="/tabs/{{.ActiveTab}}" hx-trigger="load" hx-swap="innerHTML"> <div class="text-center py-8"> |