diff --git a/app/assets/stylesheets/terminals.css b/app/assets/stylesheets/terminals.css index 0879646bf..7e82d6792 100644 --- a/app/assets/stylesheets/terminals.css +++ b/app/assets/stylesheets/terminals.css @@ -74,7 +74,7 @@ } } - .has-error .terminal__input { + .terminal--error .terminal__input { outline: 2px solid var(--color-negative); outline-offset: 2px; } diff --git a/app/javascript/controllers/commands_controller.js b/app/javascript/controllers/terminal_controller.js similarity index 100% rename from app/javascript/controllers/commands_controller.js rename to app/javascript/controllers/terminal_controller.js diff --git a/app/views/commands/_form.html.erb b/app/views/commands/_form.html.erb index 518842c1c..f8e530cd1 100644 --- a/app/views/commands/_form.html.erb +++ b/app/views/commands/_form.html.erb @@ -2,9 +2,8 @@ id: "commands_form", class: [ "flex align-center gap-half" ], data: { - controller: "form commands", - commands_error_class: "has-error", - action: "turbo:submit-end->commands#focus keydown.meta+k@document->commands#focus turbo:submit-end->commands#handleSubmit" + controller: "form", + action: "turbo:submit-end->terminal#focus keydown.meta+k@document->terminal#focus turbo:submit-end->terminal#handleSubmit" } do %> @@ -14,7 +13,7 @@ autocapitalize: "off", class: "terminal__input input fill-transparent unpad", data: { - commands_target: "input", + terminal_target: "input", action: "keydown.up->toggle-class#add:prevent keydown.down->toggle-class#remove:prevent", turbo_permanent: true }, diff --git a/app/views/commands/_terminal.html.erb b/app/views/commands/_terminal.html.erb index 17ecd559d..06a153c75 100644 --- a/app/views/commands/_terminal.html.erb +++ b/app/views/commands/_terminal.html.erb @@ -1,5 +1,6 @@ <%= tag.div class: "terminal full-width flex flex-column gap justify-end", data: { - controller: "toggle-class", + controller: "toggle-class terminal", + terminal_error_class: "terminal--error", toggle_class_toggle_class: "terminal--open" } do %> <%= turbo_frame_tag :recent_commands, src: commands_path, refresh: "morph" %>