2022-11-24 22:54:49 +01:00
|
|
|
|
= turbo_frame_tag :modal_container do
|
|
|
|
|
|
.modal.show#modal-list-memberships{ aria: { labelledby: "modal-list-memberships-label" }, role: :dialog, tabindex: -1, style: "display: block;" }
|
|
|
|
|
|
.modal-dialog
|
|
|
|
|
|
.modal-content
|
|
|
|
|
|
.modal-header
|
|
|
|
|
|
%h5.modal-title#modal-list-memberships-label= t(".title")
|
|
|
|
|
|
= button_to modal_close_path, class: "close" do
|
|
|
|
|
|
%span{ aria: { hidden: true } } ×
|
|
|
|
|
|
%span.sr-only= t("voc.close")
|
|
|
|
|
|
%div{ role: :tabpanel }
|
|
|
|
|
|
%ul.nav.nav-tabs.mt-1{ role: :tablist }
|
|
|
|
|
|
%li.nav-item{ role: "presentation" }
|
|
|
|
|
|
%a.nav-link.active{ href: "#lists-list", aria: { controls: "lists-list" }, data: { toggle: :tab }, role: :tab }
|
|
|
|
|
|
= t(".tab.list.title")
|
|
|
|
|
|
%li.nav-item{ role: "presentation" }
|
|
|
|
|
|
%a.nav-link{ href: "#create", aria: { controls: "create" }, data: { toggle: :tab }, role: :tab }
|
|
|
|
|
|
= t(".tab.create.title")
|
|
|
|
|
|
|
|
|
|
|
|
.tab-content
|
|
|
|
|
|
.tab-pane.active{ role: :tabpanel, id: "lists-list" }
|
2022-12-05 23:10:11 +01:00
|
|
|
|
%ul.list-group#lists
|
2022-11-24 22:54:49 +01:00
|
|
|
|
- @lists.each do |list|
|
2022-12-05 23:10:11 +01:00
|
|
|
|
= render "lists/item", list: list, user: @user
|
2022-11-24 22:54:49 +01:00
|
|
|
|
.tab-pane{ role: :tabpanel, id: "create" }
|
|
|
|
|
|
.modal-body
|
2022-12-05 23:10:11 +01:00
|
|
|
|
= render "lists/form", user: @user
|
2022-11-24 22:54:49 +01:00
|
|
|
|
.modal-footer
|
|
|
|
|
|
= button_to modal_close_path, class: "btn btn-primary" do
|
|
|
|
|
|
= t("voc.close")
|
|
|
|
|
|
.modal-backdrop.fade.show
|
