diff --git a/src/TaxBaik.Web/Pages/Shared/_BlogEditor.cshtml b/src/TaxBaik.Web/Pages/Shared/_BlogEditor.cshtml index c787354..ff8ddc5 100644 --- a/src/TaxBaik.Web/Pages/Shared/_BlogEditor.cshtml +++ b/src/TaxBaik.Web/Pages/Shared/_BlogEditor.cshtml @@ -61,8 +61,8 @@
- - + +
diff --git a/src/TaxBaik.Web/wwwroot/js/admin-blog-editor.js b/src/TaxBaik.Web/wwwroot/js/admin-blog-editor.js index 155ffe3..5e136c1 100644 --- a/src/TaxBaik.Web/wwwroot/js/admin-blog-editor.js +++ b/src/TaxBaik.Web/wwwroot/js/admin-blog-editor.js @@ -7,6 +7,9 @@ function setupEditor(root) { const editor = root.querySelector('[data-blog-editor]'); const hiddenInput = root.querySelector('[data-blog-editor-value]'); + const publishedToggle = root.querySelector('[data-blog-published-toggle]'); + const publishedValue = root.querySelector('[data-blog-published-value]'); + const form = root.querySelector('form'); const preview = root.querySelector('[data-blog-preview]'); const buttons = root.querySelectorAll('[data-blog-command]'); @@ -32,6 +35,21 @@ }); }); + const syncPublishedState = () => { + if (publishedValue && publishedToggle) { + publishedValue.value = publishedToggle.checked ? 'true' : 'false'; + } + }; + + if (publishedToggle) { + publishedToggle.addEventListener('change', syncPublishedState); + syncPublishedState(); + } + + if (form) { + form.addEventListener('submit', syncPublishedState); + } + syncEditor(editor, hiddenInput); renderPreview(); }