You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
2.2 KiB
38 lines
2.2 KiB
<div class="offcanvas offcanvas-start offcanvas-contents" data-bs-scroll="true" tabindex="-1" data-bs-backdrop="false" id="subjectsOffCanvas" data-controller="subjects"> |
|
<div class="offcanvas-header"> |
|
<h5 class="offcanvas-title"> Subjects </h5> |
|
<hr class="m-0"> |
|
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> |
|
</div> |
|
|
|
<div class="offcanvas-body"> |
|
<div class="accordion accordion-flush subject-index-body" id="subjectsOffCanvasMainAccordion" > |
|
<% Cdao::Subject.roots.order(name: :asc).each do |root| %> |
|
<div class="accordion-item"> |
|
<div class="accordion-header d-flex justify-content-between"> |
|
<% if root.children.present? %> |
|
<div class="accordion-button collapsed m-0 p-0" data-bs-toggle="collapse" data-bs-target="#<%= ["subjectsOffCanvasAccordion", root.id].join %>" |
|
data-controller="subjects" data-subject-parent-id="<%= root.id %>" |
|
data-accordion-target="#<%= ['subjectsOffCanvasAccordionBody', root.id].join %>" |
|
data-action="click->subjects#loadSubjectsOffcanvasAccordion"> |
|
<%= link_to root.name, search_doctrines_path(subject_ids: [root.id], is_index_table: true), class: "accordion-link text-decoration-none text-dark d-block sub1 clickable-link" %> |
|
</div> |
|
<% else %> |
|
<%= link_to root.name, search_doctrines_path(subject_ids: [root.id], is_index_table: true), class: "accordion-link text-decoration-none text-dark d-block sub1 clickable-link" %> |
|
<% end %> |
|
</div> |
|
|
|
<div class="accordion-collapse collapse" id="<%= ["subjectsOffCanvasAccordion", root.id].join %>" data-bs-parent="#subjectsOffCanvasMainAccordion"> |
|
<div class="accordion-body pt-1 pb-1 sub-body1" id="<%= ["subjectsOffCanvasAccordionBody", root.id].join %>"> |
|
<div class="text-center"> |
|
<div class="spinner-border text-danger" role="status"> |
|
<span class="visually-hidden">Loading...</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<% end %> |
|
</div> |
|
</div> |
|
</div>
|
|
|