diff --git a/assets/controllers/add_tag_controller.js b/assets/controllers/add_tag_controller.js new file mode 100644 index 000000000..2afe9c2b6 --- /dev/null +++ b/assets/controllers/add_tag_controller.js @@ -0,0 +1,13 @@ +import { Controller } from '@hotwired/stimulus'; + +export default class extends Controller { + static targets = ['input']; + + toggle() { + this.element.classList.toggle('hidden'); + + if (!this.element.classList.contains('hidden')) { + this.inputTarget.focus(); + } + } +} diff --git a/assets/controllers/leftbar_controller.js b/assets/controllers/leftbar_controller.js new file mode 100644 index 000000000..45728a6f0 --- /dev/null +++ b/assets/controllers/leftbar_controller.js @@ -0,0 +1,7 @@ +import { Controller } from '@hotwired/stimulus'; + +export default class extends Controller { + toggleAddTagForm() { + this.dispatch('toggleAddTagForm'); + } +} diff --git a/assets/index.js b/assets/index.js index 054c04cff..a87fdb7ef 100755 --- a/assets/index.js +++ b/assets/index.js @@ -128,12 +128,3 @@ import './scss/index.scss'; preferedColorScheme.init(); addDarkThemeListeners(); }()); - -$(document).ready(() => { - $('#nav-btn-add-tag').on('click', () => { - $('.nav-panel-add-tag').toggle(); - $('.nav-panel-menu').addClass('hidden'); - $('#tag_label').focus(); - return false; - }); -}); diff --git a/templates/Entry/entry.html.twig b/templates/Entry/entry.html.twig index 666871dec..189e4c336 100644 --- a/templates/Entry/entry.html.twig +++ b/templates/Entry/entry.html.twig @@ -42,7 +42,7 @@ -