5bed8f56d4
* adds focusTrap wrapper to preact Modal component * add view specific code for focus trap in admin add nav link * add script to return a focustrap toggle, use in add nav link modal partial * add trap to edit nav link modal * add handlers for sign up modal * update modal controller for admin section, update nav link modals to use * update other admin modals with new data values for trap * remove unneeded erb script file * remove unneeded target * refactor to remove extra unneeded param * remove duplicate code, store getFocusTrapToggle in window * trap focus in comment and bookmark showModal instances for not logged in user * remove need for activator id * clean up id refs no longer needed * remove custom code and re-use focsu-trap lib * update storybook docs * update default export in focusTrap * prevent close button click triggering a modal toggle twice * ensure if user navigates from a modal the trap is deactivated * add jsdoc comments and add dynamic import * ensure admin controller modal traps are cleaned up on disconnect * update sign up modal to use crayons * update modal controller and admin nav links modals to use preact modal * update profile fields modals for new controller * tweak styling of sign up and admin modals to match previous * update listings modal to use crayons modal, adapt focus trap to work with click outside * memoize deactivate callback to ensure modal can be presented on first page load * add missed focustrap changes * fix focus trap issues in onboarding flow * refactor onboarding focus trap, remove getFocusTrapToggle * tweaks for styling and article modal toggle * add click outside tests to modal * add cypress tests for the login modal * update liquid tag tests affected by change * refactors to address review comments * fix issue with login modal presented twice on comment add * change ids to selectors in admin modals * small pr comment refactors * add listings e2e tests * add nav link modal tests * fix issue with help modal * tweak to fix ui bug from merge * remove context from showLoginModal * rename toggleModal * rename state property for clarity Co-authored-by: Nick Taylor <nick@dev.to>
23 lines
1,002 B
Text
23 lines
1,002 B
Text
<span data-controller="modal" data-modal-root-selector-value="#edit-group-<%= group_name %>-modal-root" data-modal-content-selector-value="#edit-group-<%= group_name %>-modal" data-modal-title-value="Edit Group <%= group_name %>" data-modal-size-value="s" class="mx-1">
|
|
<button data-action="modal#toggleModal" class="crayons-btn crayons-btn--secondary">
|
|
Edit group
|
|
</button>
|
|
|
|
<div id="edit-group-<%= group_name %>-modal" class="hidden">
|
|
<div class="form-group grid p-6 mb-6 gap-1">
|
|
<%= form_for [:admin, group] do |form| %>
|
|
<div class="form-group">
|
|
<%= form.label :name %>
|
|
<%= form.text_field :name, class: "form-control" %>
|
|
</div>
|
|
<div class="form-group">
|
|
<%= form.label :description %>
|
|
<%= form.text_field :description, class: "form-control" %>
|
|
</div>
|
|
<%= form.submit class: "btn btn-primary" %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="edit-group-<%= group_name %>-modal-root"></div>
|
|
</span>
|