raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-30 06:31:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

12398: add slide-out animation

Browse Source
This commit is contained in:
Ahmed Ejaz
2024-05-28 01:10:30 +05:00
committed by zanetagebka
parent 897596de5f
commit 52a5b5fb2b
10 changed files with 81 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/confirm_modal_component.rb
View File

@@ -12,8 +12,7 @@ class ConfirmModalComponent < ModalComponent
confirm_button_class: :primary,
confirm_button_text: I18n.t('js.admin.modals.confirm'),
cancel_button_text: I18n.t('js.admin.modals.cancel'),
actions_alignment_class: 'justify-space-around',
confirm_submit_method: nil
actions_alignment_class: 'justify-space-around'
)
super(id:, close_button: true)
@confirm_actions = confirm_actions
@@ -25,7 +24,6 @@ class ConfirmModalComponent < ModalComponent
@confirm_button_text = confirm_button_text
@cancel_button_text = cancel_button_text
@actions_alignment_class = actions_alignment_class
@confirm_submit_method = confirm_submit_method
end
private

7
app/components/confirm_modal_component/confirm_modal_component.html.haml
View File

@@ -7,9 +7,4 @@
%div{ class: "modal-actions #{@actions_alignment_class}" }
%input{ class: "button icon-plus #{close_button_class}", type: 'button', value: @cancel_button_text, "data-action": "click->modal#close" }
- # TODO: This if block needs to be removed when we completely get rid of Reflex
- # The button's form action will be dynamically set when the modal is opened via modal-link-controller
- if @confirm_submit_method
= button_to @confirm_button_text, '', id: 'modal-confirm-button', method: @confirm_submit_method, data: { action: @confirm_actions }
- else
%input{ id: 'modal-confirm-button', class: "button icon-plus #{@confirm_button_class}", type: 'button', value: @confirm_button_text, "data-action": @confirm_actions, "data-reflex": @confirm_reflexes }
%input{ id: 'modal-confirm-button', class: "button icon-plus #{@confirm_button_class}", type: 'button', value: @confirm_button_text, "data-action": @confirm_actions, "data-reflex": @confirm_reflexes }